/*
Theme Name: Abike Blog
Theme URI: http://www.abikenatural.com/blog/
Description: Blog website for ABIKE Natural
Version: 1.6
Author: Niki
Author URI: http://www.abikenatural.com/

*/



/* Begin Typography & Colors */



/*
Theme name: WordPress - Abike Natural
Editor: Niki - www.van-studios.com
*/

body  {
	font: 100% Verdana, Arial, Helvetica;
	background: #333333;
	margin: 0; 
	padding: 0;
	text-align: center; 
    font-size: 14px;
	background: #f3b804;	 
}
 


#container1 { 
	width: 978px;
	margin:0 auto;
	padding: 3px;
	background: #ffffff;
} 

#container2 { 
	width: 974px;
	margin:0 auto;
	padding: 2px;
	background: #f3b804;
} 


#container3 { 
	width: 966px;
	margin:0 auto;
	padding: 4px;
	background: #000000;
} 

#container4 { 
	width: 964px;
	margin:0 auto;
	padding: 0px;
	background: #ffffff;
} 


#header {
	width:  974px;
	height: 65px;
	margin:0 auto;
	padding: 8px;	
}
#header h3  { font-size: 13px;  color:#6b370c; font-weight: bold; font-family: Verdana, Arial, Helvetica;  font-style: italic;   }
#header td  { font-size: 13px;  color:#6b370c; font-weight: bold; font-family: Verdana, Arial, Helvetica;   }







#content { 
	width: 960px;
	margin:0 auto;
	padding: 0px;
	background-position: left top;
	vertical-align: top;
	text-align: left; 
	/* border: 1px solid #6b370c; */
} 


#content2 { 
	width: 958px;
	margin: 0px;
	padding: 0px; 
} 




#sidebar {
	float: left; /* since this element is floated, a width must be given */
	width: 255px; /* 280 the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ffffff; 
	margin-left: 5px; 
	margin-top: -5px;
	/* border: 1px solid #6b370c; */
}

#sidebar h2 { color:#ff0000;  font-size: 15px; font-weight: bold; font-family: Verdana, Arial, Helvetica; line-height: 1.25em;     
					margin-bottom: 6px;  margin-top: -1px; }
#sidebar h3 { color:#ff0000;  font-size: 13px; font-weight: bold; font-family: Verdana, Arial, Helvetica; line-height: 1.25em;     
					margin-bottom: 6px;  margin-top: -1px; }

#sidebar p { color:#333333;  font-size: 12px; font-family: Verdana, Arial, Helvetica; margin-right: 40px; margin-top: -5px; }

.readmore   { color:#ffffff;  font-size: 12px; font-family: Verdana, Arial, Helvetica; background:#333;  padding: 3px; 
              font-weight: bold; width: 100px; margin-top: 10px; }




#main { 
	width: 680x;
	margin: 0 0 0 260px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	background: #ffffff; 
	padding: 0;
	margin-top: -5px;
	/* border: 1px solid #6b370c;    */
} 

 
#main h1  { font-size: 20px; color:#ff2a00; font-weight: bold; font-family: Verdana, Arial, Helvetica; 	margin-left: 5px;    }
#main h2  { font-size: 19px; color:#6b370c; font-weight: bold; font-family: Verdana, Arial, Helvetica; line-height: 1.25em; 	margin-left: 5px;  margin-bottom: 2px;  }
#main h3  { font-size: 14px; color:#ff0000; font-weight: bold;  font-family: Verdana, Arial, Helvetica; 	margin-left: 5px;    }
#main small  { font-size: 10px; color: #777; font-family: Verdana, Arial, Helvetica; 	margin-left: 5px;    }
#main p, p.entry   { font-size: 13px; color:#333333; font-family: Verdana, Arial, Helvetica; line-height:1.25em;	
				margin-left: 5px;  margin-right: 25px;    }
#main .readmore   { color:#ffffff;  font-size: 12px; font-family: Verdana, Arial, Helvetica; background:#333;  padding: 3px; 
              font-weight: bold; width: 100px; margin-top: 10px; margin-left: 5px; }

#main td.white18  { font-size: 18px; color:#ffffff; font-weight: bold; font-family: Verdana, Arial, Helvetica; }

#main .text11   { font-size: 11px; color:#333333; font-family: Verdana, Arial, Helvetica; line-height:1.25em;	
				margin-left: 5px;  margin-right: 25px;    }

#bottom { 
	background-image: url('http://www.abikenatural.com/layout/bottom-bg-907.png'); 
	background-repeat: no-repeat; 
	width: 907px;
	height: 18px;
	margin:0 auto;
	padding: 0px;
	vertical-align: top;
}



 
 
a {
   outline: none;
}

 


p, th, td, ul, ol, li, dd, .text {
	margin-bottom: 1px; 
	font-size: 13px;
	line-height:1.25em;	
	font-family: Verdana, Arial, Helvetica;
}

.textb {
	margin-bottom: 1px; 
	font-size: 13px;
	line-height:1.25em;	
	font-family:  Verdana, Arial, Helvetica;
	font-weight: bold;
}

.text11 {	 font-size: 11px; 	line-height:1.25em;	font-family: Verdana, Arial, Helvetica; }
.text12 {	 font-size: 12px; 	line-height:1.25em;	font-family: Verdana, Arial, Helvetica; }


.white14 { font-size: 14x; line-height:1.45em;	font-family: Verdana, Arial, Helvetica; font-weight: bold;	color: #ffffff; } 


.productList { line-height: 2em; margin-top: -3px; margin-left: 5px; }

a:link {color: #333333; text-decoration: underline;}
a:visited {color: #333333; text-decoration: underline;}
a:active {color: #333333; text-decoration: underline;}
a:hover { color: #6b370c; text-decoration: none;}
a {text-decoration: underline;}

a.regNU:link {color: #333333; text-decoration: none; }
a.regNU:visited {color: #333333; text-decoration: none; }
a.regNU:active {color: #333333; text-decoration: none; }
a.regNU:hover { color: #333333; text-decoration: underline; }

a.red:link {color: #ff0000; text-decoration: underline; }
a.red:visited {color: #ff0000; text-decoration: underline; }
a.red:active {color: #ff0000; text-decoration: underline; }
a.red:hover { color: #333333; text-decoration: none; }


a.linkWht:link {color: #ffffff; text-decoration: none; }
a.linkWht:visited {color: #ffffff; text-decoration: none; }
a.linkWht:active {color: #ffffff; text-decoration: none; }
a.linkWht:hover { color: #ebebeb; text-decoration: underline; }

a.linkWhtU:link {color: #ffffff; text-decoration: underline; }
a.linkWhtU:visited {color: #ffffff; text-decoration: underline;}
a.linkWhtU:active {color: #ffffff; text-decoration: underline; }
a.linkWhtU:hover { color: #ebebeb; text-decoration: none; }
 
a.linkBrown:link {color: #6b370c; text-decoration: none;  }
a.linkBrown:visited {color: #6b370c; text-decoration: none;  }
a.linkBrown:active {color: #6b370c; text-decoration: none;  }
a.linkBrown:hover { color: #333333; text-decoration: underline; }


 

/* ********************* FOOTER **********************  */
#footer { 
	/* border: 1px solid #6b370c; */
	clear: both;
	width:  978px;
	margin:0 auto;
	padding: 0px;	
}
#footer p { 
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px; 
	color:#363636; 
}

a.foot:link {color:#363636; text-decoration: none; } 
a.foot:visited {color:#363636; text-decoration: none; }
a.foot:active {color:#363636; text-decoration: none; }
a.foot:hover {color: #713d02; text-decoration: underline;}




/*  ********************** Side - Mailing Form **********************  */
input.sidebtn {
  color:#050;
  font: bold 84% Verdana, Arial, Helvetica;
  background-color:#fed;
  border: 1px solid;
  border-color: #696 #363 #363 #696;
  filter:progid:DXImageTransform.Microsoft.Gradient
  (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
}



/* **********************  MENU **********************  */

#menu{position:absolute;margin-top: 0px; margin-left: 1px; }
#menu ul .item{display:none; }
#menu ul:hover .item{display:block;background:#000;padding:1px;margin:1px;}
 
#menu ul:hover .item a{color:#fff;text-decoration:none;}
#menu ul:hover .item a:hover{color:#999;}
 
#menu ul{ width:100px; float:left; margin:0px; background:#b10000;list-style:none;  border-right-color:#ffffff; padding: 5px;}
















/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 5px;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */




/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}