/*
Theme Name: Piglet and Cow MU
Theme URI: http://www.iknowthefuture.com/
Description: The theme based on the <a href="http://www.iknowthefuture.com/">Future</a>.
Version: 1.0
Author: Us
Author URI: http://www.iknowthefuture.com/
Tags: don't try it at your site
*/


/** CATEGORIES PAGE **/

.column-categories-page {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
  padding: 10px 10px 10px 34px;
  border: solid 1px #cfcfcf;
  margin: 0px 0px 10px 0px;
}
.column-categories-page a:link, .column-categories-page a:visited, .column-categories-page a:active {
  line-height: 20px;
  color: #777777;
  font-size: 14px;
  font-weight: bold;
  padding: 3px;
}
.column-categories-page a:hover {
  color: #ff0000;
  text-decoration: underline;
}

/** CATEGORIES PAGE END **/

/* --- MENU ----*/
.v-menu a:link, .v-menu a:visited, .v-menu a:active {
  font-size: 12px;
  font-family: arial;  
  color: #777777;
  line-height: 26px;
  text-decoration: none;
  padding: 3px;
  border: solid 1px #e6e6e6;
  margin: 3px;
}

.v-menu a:hover {
  color: #303030;
  border: dotted 1px #303030;
}
/* --- MENU END ----*/




/*====== IMAGES =====*/
/*
img {
  border: 0px;
}

.main-image img {
  padding: 7px;
  display: block;
  max-width:120px;
  max-height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  border: solid 1px #afafaf;
}

.ad-image img {
  max-width: 75px;
  max-height: 75px;
  padding: 3px;
  border: solid 1px #ff0000;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
*/
/*====== IMAGES END =====*/


a:link {
  color: #777777;
  font-size: 10pt;
  font-family: arial;
  text-decoration: none;
}

a:visited {
  color: #555555;
  text-decoration: none;
}

a:hover {
  color: #ff0000;
  font-size: 10pt;
  font-family: arial;
  text-decoration: underline;
}


/*====== CATEGORIES =======*/
/*
.categories ul {
  list-style: none;
  padding-left: 6px;
  color: #ff0000;
  font-size: 10pt;
  font-family: arial;
  font-weight: bold;
}
.categories li {
  list-style: none;
  padding-left: 6px;
  color: #ff0000;
  font-size: 10pt;
  font-family: arial;
  font-weight: bold;
}
.children li {
  color: #ff0000;
  font-size: 9pt;
  font-family: arial;
  font-weight: 200;
}

.children a:link, .children a:active, .children a:visited {
  color: #ff0000;
  font-size: 9pt;
  font-family: arial;
  font-weight: 200;
}
*/
/*====== CATEGORIES END -----------*/

/*========= CAT-CONTENT ===========*/

/*
.cat-content {
  min-width: 800px;
  height: auto;
  border: solid 2px #a0a0a0;
  color: #555555;
  font-size: 12px;
  font-family: arial;
  font-weight: bold;
  padding: 15px;
  margin: 10px;
  float: left;

  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.cat-content a:link, .cat-content a:active, .cat-content a:visited {
  font-size: 12px;
  font-weight: 200;
  color: #555555;
  text-decoration: underline;
}

.cat-content a:hover {
  color: #ff0000;
}

.cat-image img {
  display: block;
  max-width: 850px;
  max-height: auto;
  background-color: #ffffff;
  vertical-align: middle;
  padding: 12px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  margin-bottom: 15px;
  overflow: hidden;
  border: dotted 2px #c0c0c0;

  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.cat-image img:hover {
  border: dotted 2px #ff0000;
}
*/

/* ---------- HEADER MENU ------------*/

.head-menu a:link, .head-menu a:active, .head-menu a:visited {
/*   border: solid 1px #a0a0a0 ;
   color: #555555; 
	padding: 4px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px 5px;*/
  font-size: 10pt;
  font-weight: none;
  color: #0000ff;
  text-decoration: none;
 }
.head-menu a:hover {
  color: #ff0000;
}

/* ---------- HEADER MENU END ------------*/

/*============ SINGLE POST ==================*/

.single-content {
  width: 800px;
  border: solid 2px #a0a0a0 ;
  color: #555555;
  font-size: 11pt;
  font-family: verdana;
  padding: 20px;
  margin: 10px;
  float: left;

  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.single-content a:link, .single-content a:active, .single-content a:visited {
  font-size: 11pt;
  font-weight: bold;
  color: #0000ff;
  text-decoration: underline;
}

.single-content a:hover {
  color: #ff0000;
}

.single-image img {
  /*display: block;*/
  max-width: auto;
  max-height: auto;
  background-color: #ffffff;
  vertical-align: middle;
  padding: 6px;
  margin-left: 1px;
  margin-right: 1px;
  margin-top: 1px;
  margin-bottom: 1px;
  overflow: hidden;
  border: dotted 1px #c0c0c0;

  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.single-image img:hover {
  border: solid 1px #ff0000;
/*  max-width: 1000px;
  max-height: 1000px;
  position: absolut;
  z-index: 3;*/

  /* for IE */
 /*filter:alpha(opacity=100);*/
  /* CSS3 standard */
 /*opacity:1;*/
}

.single-content table, .single-content th,  .single-content td {
  border: 1px solid #a0a0a0;
}
.single-content td {
  padding-left: 30px;
}	

/*============ SINGLE POST END ==================*/

/*============ SINGLE PAGE STYLE ==================*/

.page-content {
  width: 800px;
  border: solid 2px #a0a0a0 ;
  color: #555555;
  font-size: 11pt;
  font-family: verdana;
  padding: 20px;
  margin: 10px;
  float: left;

  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.page-content a:link, .page-content a:active, .page-content a:visited {
  font-size: 10pt;
  font-weight: none;
  color: #0000ff;
  text-decoration: undeline;
 }

.page-content a:hover {
  color: #ff0000;
}

.page-image img {
  /*display: block;*/
  max-width: auto;
  max-height: auto;
  background-color: #ffffff;
  vertical-align: middle;
  padding: 6px;
  margin-left: 1px;
  margin-right: 1px;
  margin-top: 1px;
  margin-bottom: 1px;
  overflow: hidden;
  border: dotted 1px #c0c0c0;

  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.page-image img:hover {
  border: solid 1px #ff0000;
/*  max-width: 1000px;
  max-height: 1000px;
  position: absolut;
  z-index: 3;*/

  /* for IE */
 /*filter:alpha(opacity=100);*/
  /* CSS3 standard */
 /*opacity:1;*/
}

/*
.page-content table, .page-content th,  .page-content td {
  border: 1px solid #a0a0a0;
}

.page-content td {
  padding-left: 30px;
}	
*/
/*============ SINGLE PAGE STYLE END ==================*/


.page-numbers {
  font-size: 18px;
  font-family: arial;
  font-weight: bold;
  color: #a0a0a0;
  margin: 2px;
}

.page-numbers a:link, .page-numbers a:visited, .page-numbers a:active {
  font-size: 18px;
  font-family: arial;
  font-weight: bold;
  padding: 6px;
  color: #555555;
  margin: 2px;
  text-decoration: none;
  border: solid 1px #c0c0c0;

  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.page-numbers a:hover {
  font-size: 18px;
  font-family: arial;
  font-weight: bold;
  color: #ff0000;
  text-decoration: none;
  border: solid 1px #ff0000;
}

.arrows {
  font-size: 40px;
  font-family: arial;
  font-weight: bold;
  color: #b0b0b0;
}

.arrows a:link, .arrows a:visited, .arrows a:active {
  background-color: #f8f8f8;
  font-size: 40px;
  font-family: arial;
  font-weight: bold;
  padding: 1px 36px 1px 36px;
  color: #b0b0b0;
  text-decoration: none;
  border: dotted 1px #b0b0b0;

  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
}

.arrows a:hover {
  background-color: #ffffff;
  font-size: 40px;
  font-family: arial;
  font-weight: bold;
  color: #ff0000;
  text-decoration: none;
  border: dotted 1px #ff0000;
}



.single-title {
  font-size: 18px;
  font-family: arial;
  font-weight: bold;
  color: #a0a0a0;
  margin: 10px 0px 10px 0px;
}

.single-title a:link, .single-title a:visited, .single-title a:active {
  font-size: 18px;
  font-family: arial;
  font-weight: bold;
  color: #555555;
  padding: 0 100 0 100px;
}

.single-title a:hover {
  font-size: 18px;
  font-family: arial;
  font-weight: bold;
  color: #ff0000;
  padding: 0 100 0 100px;
}
/*============ SINGLE POST ENDS ==================*/

/*=========== CAT-CONTENT =========*/

/*		
.cat-content video {
  display: block;
  max-width: 150px;
  max-height: 190px;
  background-color: #ffffff;
  vertical-align: middle;
  padding: 6px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 5px;
  overflow: hidden;
  border: solid 1px #555555;
}
*/

/*=========== CAT-CONTENT-END =========*/

/*============== ADMIN CONTENT ==========*/

.admin-content {
  max-width: 120px;
  height: 200px;
  border: solid 2px #a0a0a0;
  color: #555555;
  font-size: 12px;
  font-family: arial;
  font-weight: bold;
  padding: 15px;
  margin: 10px;
  float: left;

/*  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
*/
}

.admin-content a:link, .admin-content a:active, .admin-content a:visited {
  font-size: 12px;
  font-weight: 200;
  color: #555555;
  text-decoration: underline;
}

.admin-content a:hover {
  color: #ff0000;
}


.admin-image img {
  display: block;
  max-width: 100px;
  max-height: auto;
  background-color: #ffffff;
  vertical-align: middle;
  padding: 12px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  overflow: hidden;
  border: dotted 2px #c0c0c0;

/*  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
*/
}

.admin-image img:hover {
  border: dotted 2px #ff0000;
}


/*============== ADMIN CONTENT ENDS =======*/

.counter {
  display: none;
}

.title {
  font-size: 20px;
  font-family: arial;
  font-weight: bold;
  color: #555555;
  margin: 10px 0px 10px 0px;
}

.title a:link, .title a:visited, .title a:active {
  font-size: 12pt;
  font-family: arial;
  font-weight: bold;
  color: #ff0000;
  padding: 0 100 0 100px;
}

.title a:hover {
  font-size: 12pt;
  font-family: arial;
  font-weight: bold;
  color: #0000ff;
  padding: 0 100 0 100px;
}