/*   

Theme Name: EverythingBabything

Theme URI: http://www.everythingbabything.com

Description: A custom theme designed for EverythingBabything.com, a baby products seller.

Author: Grey Ang

Author URI: http://caramelz.my

Version: 1.0

Tags: two-columns, fixed-width	

*/



/* general styles */

body{margin: 0; padding: 0; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; font-size: 13px;  background: #322F28 url(images/background.jpg); text-align: center; line-height: 1.8em;}

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

a:hover, a:active{color: #007475}

a img{border:0}

h1{font: 2em normal Georgia, "Times New Roman", Times, serif}

h2{font:1.6em Georgia, "Times New Roman", Times, serif; color: #e96f00;}

h3{font-size:1em;margin-bottom: 0;}

caption{border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #f2f2f2}

code{background: #D2ECE8}

pre code{color: black; background: none;}

pre{ height: auto; padding: 40px 12px 12px 12px; background: #FAF8EB url(images/bg-pre.jpg) no-repeat top left; overflow-x:scroll;}

fieldset{margin: 0; padding: 0; border: 0}

label{display:block; margin: 10px 0 5px 0;}



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;

}



/* WordPress-specific styles */

.navigation{margin: 20px 0; height: 27px;}

.alignleft{float:left}

.alignright{float:right}

.aligncenter{text-align: center; float:none}

.tags a{background:url(images/ico-tags.gif) no-repeat top left; padding-left: 18px;}



/* header styles */



#header_wrapper {

	background: url(images/topbarbg.png) repeat-x;

	height: 108px;
	
	min-width:1080px;
	
	width:100%;

}



#header {

	width: 933px;

	margin: 0 auto;

}



#logo {

	margin-left: -8px;

	margin-bottom: -20px;

	float: left;

	position: relative;

	z-index: 9999;

	display: block;

	padding: 0;

}



#logo h1{

	background: url(images/logo.png) no-repeat;

	width: 306px;

	height: 128px;

	display: block;

	text-indent: -9999px;

	margin: 0;

	padding: 0;

}



#label {

	background: url(images/label.png) no-repeat;

	width: 136px;

	height: 116px;

	position: absolute;

	z-index: 9999;

	left: 0;

	top: 0;

}



#topnav {

	float: right;

	width: 590px;

}



#topnav a{

	color: #ffde00;

	font-weight: bold;

	text-decoration: none;

}



#topnav a:hover{color: #ffa200;}



#topnav_btm {

	margin-top: 60px;

	border-top: 1px dashed #E7CB90;

	padding-top: 9px;

}



#topnav_top {float: right; text-align: right; background: url(images/readingroom.png) no-repeat 0 3px; width: 310px; padding-top: 14px; height: 54px; margin-top: 2px; margin-right: 20px;}

#topnav_top h2{color: #ffe6a3; margin: 0; padding: 0; font-size: 2.3em;}



#topnav_btm ul{list-style: none; display: block; height: 16px; margin: 0; padding: 0;}



#topnav_btm ul li{display: inline; padding-right: 15px;}



#topnav_btm a{display: inline-block; height: 16px;}



#topnav_btm #home a {background: url(images/topnav.png) no-repeat 0 0; width: 35px;}

#topnav_btm #products a {background: url(images/topnav.png) no-repeat -58px 0; width: 59px;}

#topnav_btm #reading a {background: url(images/topnav.png) no-repeat -138px 0; width: 97px;}

#topnav_btm #policy a {background: url(images/topnav.png) no-repeat -256px 0; width: 83px;}

#topnav_btm #faqs a {background: url(images/topnav.png) no-repeat -361px 0; width: 36px;}

#topnav_btm #about a {background: url(images/topnav.png) no-repeat -419px 0; width: 64px;}

#topnav_btm #contact a {background: url(images/topnav.png) no-repeat -513px 0; width: 76px;}



#topnav_btm #home a:hover {background: url(images/topnav.png) no-repeat 0 -19px; width: 35px;}

#topnav_btm #products a:hover {background: url(images/topnav.png) no-repeat -58px -19px; width: 59px;}

#topnav_btm #reading a:hover {background: url(images/topnav.png) no-repeat -138px -19px; width: 97px;}

#topnav_btm #policy a:hover {background: url(images/topnav.png) no-repeat -256px -19px; width: 83px;}

#topnav_btm #faqs a:hover {background: url(images/topnav.png) no-repeat -361px -19px; width: 36px;}

#topnav_btm #about a:hover {background: url(images/topnav.png) no-repeat -419px -19px; width: 64px;}

#topnav_btm #contact a:hover {background: url(images/topnav.png) no-repeat -513px -19px; width: 76px;}





/* main styles */

#container_top {width: 933px; height: 46px; background: url(images/contenttop.png) no-repeat; margin: 20px auto 0;}

#container {margin:-10px auto 0;text-align:left;width:933px;}

#main{background: url(images/contentbg.png) repeat-y top left; margin: 0; padding: 20px 0 0 0; width: 933px;}



/* content styles */

#content{ display: inline; float: right; width: 600px; margin-right: 22px; border-left: 2px #b0a065 dotted;}

#content div.inner{ padding: 4px 20px 20px 20px }

#content .postfooter{border-top: 2px #b0a065 dotted; border-bottom: 2px #b0a065 dotted; height: 30px; line-height: 30px; margin: 35px 0; text-indent: 10px}

#content .calendar{background:url(images/ico-calendar.png) no-repeat top left; width: 39px; height: 41px; float: left; margin: 0 20px 0 0; text-align: center}

#content .calendar small{font: 10px Arial, Helvetica, sans-serif; color: #fff; line-height: 1.5em; text-transform:uppercase;display: block}

#content .calendar strong{font: bold 22px Arial, Helvetica, sans-serif; color: #2e7368; line-height: 0.9em;display: block}

#content h1{margin-top:0}

#content h1.post{margin-bottom: 0;}

#content .posted{font-size: 0.9em; margin-bottom: 10px; font-style: italic;}



/* sidebar styles */

#sidebar{ float: left; width: 280px; color: #b2824e; padding: 0; margin-left: 22px; font-size: 0.9em; line-height: 1.8em;}

#sidebar div{margin: 10px 0px 20px 10px;}



#sidebar h2{

  font-size: 1.4em;

  color: #854710;

  vertical-align: top;

  padding: 0px 5px 0px 30px;

  margin: 0;

  background: url(images/boxheader.png) no-repeat 0px 0;

  height: 25px;

 }

#sidebar ul li {list-style: disc outside;}

#sidebar ul{ margin: 0 0 0px 0px; padding: 5px 0 15px 30px; border-bottom: 2px #b0a065 dotted;}

#sidebar a{ color: #e96f00;}

#sidebar a:hover { color: #007475;}



#sidebar .textwidget {padding-left: 20px;}



/* comment styles */

#comments ol, #comments ol li{margin: 0; padding: 0; list-style-type: none; color: #C8E6E4;}

#comments ol *{color: black}

#comments ol li{padding: 5px 0; margin: 0; line-height: 1.4em;}

#comments ol li div.comment-author{font-size:15px; overflow: visible; vertical-align: middle; background: #fff6d4; padding: 10px 10px 0;}

#comments ol li p {padding: 0 10px}

#comments ol li.alt{}

#comments ol li.author{}

#comments ol li.author a{color: black}

#comments ol li input,

#comments ol li select,

#comments ol li textarea{width: 100%}

#comments ol li .comment-meta{color: #888; font-style: italic; font-size: .8em; background: #fff6d4; padding: 0 10px 10px;}

#comments ol li .comment-meta a{color: #888; text-decoration none; border-bottom: 1px dotted #ccc;}

#comments ol li .comment-meta a:hover{color: black; text-decoration none; border-bottom: none;}

#comments div.comment-body{clear:both;}

.comments a{background:url(images/ico-speech.gif) no-repeat top left; padding-left: 18px;}

#comments div.reply {display: none}

#comments div.reply a{background: url("images/reply_arrow.png") no-repeat top left; padding-left: 15px; color: #C12110; font-size: .8em}

#comments ol li ul.children,

#comments ol li ul.children li{list-style: none; margin-top: 10px; margin-left: 0}



/* footer styles */

#footer{margin: 0 auto; list-style: none; display: block; padding: 5px 0 0 0; border-top: 4px #04898a solid; width: 860px;}

#footer span{margin: 0; padding: 10px 0; font-size:0.9em;}

#footer span.left,#footer span.right{width:50%;}

#footer span.left{float:left}

#footer span.right{float:right; text-align: right;}

#footer a{border-bottom: 1px dotted #FDE37B}

#footer a:hover{border-bottom: 1px solid white; text-decoration: none}



/* clear styles */

.clearleft{clear: left}

.clearright{clear: right}

.clear {clear: both;}

.clearfix:after {content: "."; display: inline; clear: both; visibility: hidden; line-height: 0; height: 0}

.clearfix {display: inline-block}

html[xmlns] .clearfix {display: block}

* html .clearfix {height: 1%}



.wp-caption-text {margin-top: -30px; margin-left: 7px; font-style: italic;}



#readinghome {text-indent: -9999px; width: 223px; height: 94px; overflow: hidden; display: block; margin-top: -24px !important;}

#readinghome a {display: block; width: 223px; height: 94px; background: url(images/readingroom_home.png) no-repeat;}