/*  
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: 99.8%; 
            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:7px;}
p.announcement {padding:1em; background-color: #F8F7EF; border-color: black; border-width: 3px;}
#header { height:56px; width:331px; position:relative; color:#000; margin-bottom:5px; float:left; padding:0; }
#header h1 { text-indent:-10000px; margin:0; padding:0;}
#header h1 a { display:block; background:url(images/logo.gif) 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;  background-color:#f3f3f3;} */
/* .right { float:right; width:170px; border:3px solid #f3f3f3; margin:10px 0px; padding:10px;  background-color:#f3f3f3;} */ 
.right { float:right; width:320px; border:1px solid #cdc9c9; margin-top:10px; padding:10px; background-color:#f3f3f3;}  

.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 { margin-top:10px; line-height:16px; margin-left:0px; float:left; width:600px; border:3px solid #f3f3f3; overflow:hidden; padding:10px; font-size:11px; }

.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:dashed 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:dashed 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:dashed 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:dashed 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;
text-align:left;
}
/* End captions */

#episodes { 
     padding-left: 25px;
     padding-right: 10px;
}

#episodes li {
     margin-bottom:20px;
}

	
.podcastdate {
     color: gray;
     text-decoration: none;
}

.entry ul li {font-size:12px;}
.entry ol li {font-size:12px;}
.middle ol li {font-size:12px;}
.middle ul li {font-size: 12px;}

.widget{

font-size:18px;
margin:10px;
padding:10px;

}