/*  


Theme Name: Limau Orange


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


Description: Limau Orange is a 3 columns Wordpress theme. I love to hear of my work being used :). This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. Just leave my Bob link under your footer :)


Version: 0.1


Author: Bob 


Author URI: http://www.blogohblog.com/





This theme was designed and built by Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a> based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.


*/





body { font-family:'Verdana'; font-size:12px; }





/*Pagebar Styles*/





a:hover 


{


color: red; important!


}








#pagebar {


            float:left; 


            margin-top: 6px;


            #margin-top: -5px;


            width: 100%; 


            font-size: 12px;  


            border: 1px #c0c0c0 solid;


            font-family: Verdana;


             


}








#pagebar a {


	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;


	color: #333;


	display: block;


	float: left;


	border-right: 1px #c0c0c0 solid;


         padding: 5px 10px 5px 10px;


	height: 18px;


}











#pagebar a:hover {


	/*nothing pretty so we dont break paths to files */


	background-color: #CECECE;


	text-decoration: none; 


}





#pagebar li {


	list-style:none;


}

















#wrap { width:980px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666; margin:0 auto; }


p {line-height: 20px; color:#666; font-size: 12px; padding:3px;}


p.announcement {padding:1em; background-color: #F8F7EF; border-color: black; border-width: 3px;}


#header { height:56px; width:331px; position:relative; color:#000; margin-bottom:3px; float:left; padding:0; }


#header h1 { text-indent:-10000px; margin:0; padding:0;}


#header h1 a { display:block; background:url(images/logo.jpg) no-repeat left top; height:56px;}





#search { margin-top:30px; float:right; padding:0;}


input#searchsubmit { background:#fc6; border:2px solid #f93; color:#333; font-size:13px; }


a:hover { text-decoration:none; color:#555353; border-bottom:#ccc 1px solid; }


.left { float:left; width:200px; border:3px solid #f3f3f3; margin:10px 7px; padding:10px; }


.right { float:right; width:170px; border:3px solid #f3f3f3; margin:10px 0px; padding:10px; } 


.right img { border:0; display:left; margin-left:auto; margin-right:auto; }


.middle { margin-top:10px; line-height:16px; margin-left:10px; width:510px; border:3px solid #f3f3f3; overflow:hidden; padding:10px; font-size:12px; }


.middle a:link {text-decoration:underline;}


.middle a:active {text-decoration:underline;}


.middle a:hover {color:#8386B4; text-decoration:underline}


.middle a:visited {text-decoration:underline;}





.wp-tag-cloud li {margin-top:10px; line-spacing:6px;}





.middle h2 {line-height:22px; font-size:16px; border-bottom:1px #ccc; margin:0 7px 3px 0; padding:3px 0;}


.middle h2 a:visited {text-decoration:none;}


.middle h2 a:link {text-decoration:none;}


.middle h2 a:hover {text-decoration:none;}


.middle h2 a:active {text-decoration:none;}





.middle h3 {line-height:23px; font-size:14px; margin:0 7px 3px 0; padding:2px 0; }


.middle img {border:4px #eee solid; }


.middle ol li {padding:6px; line-height:21px; color:#666;}


.middle ul li {padding:6px; line-height:21px; color:#666;}


.ads { margin-top:10px; line-height:16px; margin-left:10px; float:left; width:510px; border:3px solid #f3f3f3; text-align:center; padding:10px; }


.ads img { border:0; text-align:center; }


img.wp-smiley { border:0; padding:0; }


#footer { width:980px; margin-top:20px; text-align:center; clear:both; padding:10px; }


div.hr { height:3px; background:#fff url(images/hr.gif) repeat-x scroll center; clear:both; }


div.br { height:10px; background:#fff url(images/br.gif) repeat-x scroll center; clear:both; }


.alignright { float:right; } 


.alignleft { float:left; } 


.gcomment { border-left:none; vertical-align:middle; border-right:none; margin-bottom:3px; border-bottom:1px solid #f3f3f3; background-color:#F7F7F7; padding:3px; }


.ucomment { border-left:none; border-right:none; margin-bottom:3px; border-bottom:1px solid #f3f3f3; background-color:#fbfbf1; padding:3px; } 


input#submit { background:#fc6; border:2px solid #f93; color:#fff; font-size:13px; }





ol li {margin: 10 10 10 20px}


ol.commentlist { margin:0 0 1px; padding:0; }


ol.commentlist li { list-style:none; margin:0; padding:13px 13px 1px; }


ol.commentlist li.commenthead { list-style:none; margin:0; } 


ol.commentlist li.commenthead h2 { margin:0; }


/*span { background:#FFC; }*/


.addthis { float:right; clear:both; }


a:link,a:active,a:visited { text-decoration:none; color:#416e90; border:none;} 








.left h2,.comments h3 { font-size:14px; border-bottom:1px #ccc; margin:0 7px 3px; padding:3px 0; }


.left ul,.right ul { list-style-type:none; margin:0; padding:0; line-height:150%; font-size:12px; }


.left ul li,.right ul li { list-style-type:none; margin:0 0 20px; padding:0; }


.left ul li ul,.right ul li ul { list-style-type:square; margin:0; padding:0 3px; }


.left ul li ul li,.right ul li ul li { list-style-type:none; background:transparent url(images/bullet.gif) no-repeat 0 5px; border:0; margin:0px 0px 5px 0px; padding:0 0 2px 14px; }


.left ul li ul li, a:link,a:active,a:visited a:hover, .right ul li ul li a:link,a:active,a:visited, a:hover { text-decoration:none; color:#416e90; border:none; }


.left ul li ul li :hover { border-bottom:#ffffff 1px solid;}





.right h2,.comments h3 { font-size:14px; border-bottom:1px #ccc; margin:0 7px 3px; padding:3px 0; }


.right ul,.right ul { list-style-type:none; margin:0; padding:0; line-height:150%; font-size:12px; }


.right ul li,.right ul li { list-style-type:none; margin:0 0 20px; padding:0; }


.right ul li ul,.right ul li ul { list-style-type:square; margin:0; padding:0 3px; }


.right ul li ul li,.right ul li ul li { list-style-type:none; background:transparent url(images/bullet.gif) no-repeat 0 5px; border:0; margin:0px 0px 5px 0px; padding:0 0 2px 14px; }


/*.right ul li ul li :hover { color:#416e90}*/





.right a:link {text-decoration:none;}


.right a:active {text-decoration:none;}


.right a:hover {color:#8386B4; text-decoration:none}


.right a:visited {text-decoration:none;}





.left a:link {text-decoration:none;}


.left a:active {text-decoration:none;}


.left a:hover {color:#8386B4; text-decoration:none}


.left a:visited {text-decoration:none;}








div.hr hr,div.br br { display:none; }


.middle2,.middle3 { margin-top:10px; line-height:16px; margin-left:10px; float:left; width:237px; border:3px solid #f3f3f3; overflow:hidden; padding:10px; }


.middle2 h2,.middle3 h2 { font-size:14px; border-bottom:1px #ccc; margin:0 7px 3px 0; padding:3px 0; } 


.middle2 :hover,.middle3 :hover { background:#fafafa; }


/*.middle2, .middle3 a:link,a:active,a:visited { text-decoration:underline; color:#416e90; border:none; }*/





.ucomment img,.addthis img { border:0; }


#feature {


	border-color:#C5C4BC;


	background-color:#F8F7EF;


	border-width:3px 3px 3px 3px;


	border-style:solid solid solid solid;


	padding:1em 1em;


}











#advertisement {


	border-color:#C5C4BC;


	background-color:#F8F7EF;


	border-width:3px 3px 3px 3px;


	border-style:solid solid solid solid;


	padding:1em 1em;


}


blockquote 


{


	border-left:#FF8400 2px solid;


	margin:1em;


	padding:0 0.5em;


}








#stimuli_imageData #stimuli_caption{ font-weight: bold; background-color: black; font-size: 12px; color: #c0c0c0;}


#stimuli_imageData #stimuli_numberDisplay{ background-color: #000000; display: block; clear: left; padding-bottom: .5em;}		





/* 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





a img {


	border: none;


	}





	}


/* End Images */








/* 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 alignleft {


	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 alignright {


	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 */





#episodes { 


     padding-left: 25px;


     padding-right: 10px;


}





#episodes li {


     margin-bottom:20px;


}





	


.podcastdate {


     color: gray;


     text-decoration: none;


}