/*  
Theme Name: Olive Green for Transistor Radio
Theme URI: http://www.blogohblog.com/
Description: Olive Green is a 1 column Wordpress theme. Lightweight theme for personal use. 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:Helvetica, Arial, Geneva, sans-serif; font-size:12px; background:#fff url(http://mrsadman.com/i/spacer.gif) repeat-x; color:#000; text-transform:none; }
#wrap { width:610px; margin:0px auto; padding:0; }
a:hover { text-decoration:none; color:#a70505; border:none; }
#box { background:#fff; border:8px solid #fff; width:610px; table-layout:fixed; margin:0 auto; padding:0; } 
#top { background:#fff; height:18px; line-height:18px; margin:0 auto; padding:0 5px; }
#header { background:#fff; height:50px; line-height:24px; margin:0px auto; padding:0 0px; }
#header h1.blogtitle { font-family:Helvetica, Arial, Geneva, sans-serif; color:#000; font-size:40px; text-transform:none; margin:0; padding:17px 0 0; font-weight:normal;}
#header h1.blogtitle a:hover { text-decoration:none; color:#000; border:none; }
p.description { color:#000; font-size:12pt; margin:0; padding:0; padding-top:4px; } 
.entry { background:#fff; font-size: 16px; line-height:20px; text-align:justify; overflow:hidden; margin:5px auto; padding:0 5px; }
.entry h2 { font-family:Helvetica, Verdana, Arial, sans-serif;  font-size:18px;font-weight:normal; line-height:26px; padding-top:3px;} 
.entry a:hover { text-decoration:none; color:#87990d; }
#tophome { width:600px; float:left; text-align:left; margin:0; padding:0; }
#tops { width:200px; float:left; text-align:right; margin:0; padding:5px 0 0; }
#searchform { height:8px; line-height:26px; float:left; margin:0; padding:0; }
#searchform #s { font-size:8pt; width:185px; margin-right:2px; } 
#searchform #submit { font-size:8pt; } 
input#s { color:#666; border:1px solid #cbcbcb; background:#fcfcfc; }
#nav { height:52px; line-height:26px; border-bottom:0px #ccc solid; border-top:0px #ccc solid; margin:0 auto; padding-top:40px; }
ul.nav { height:22px; line-height:22px; float:left; list-style:none; font-size:11px; font-weight:400; text-transform:uppercase; margin:0; padding:3px 0 0; }
ul.nav li { float:left !important; list-style-type:none; margin:0; padding:0; }
ul.nav li a,ul.nav li a:link,ul.nav li a:visited { border:0px solid #ccc; border-bottom:0; border-left:0; background:#f1efe7; color:#666; float:left; display:block;
padding:0 10px; }
ul.nav li a:hover,ul.nav li a:active { background:#fff; color:#a70505; text-decoration:none; }
ul.nav li.first a { border-left:0px solid #ccc; }
ul.nav li.current_page_item a { text-decoration:none; color:#a70505; background:#fff; }
ul.nav li ul { float:left; margin:0; padding:0; }
.navigation { display:block; text-align:center; margin-top:10px; margin-bottom:10px; }
.alignright { float:right; } 
.alignleft { float:left; }
blockquote { padding-left:20px; border-left:5px solid #ddd; margin:15px 30px 0 10px; }
blockquote cite { display:block; margin:5px 0 0; }
.comments h3 { font-family:Helvetica,Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; padding-top:10px; }
.bobcomment :hover { background:#f8f8f3; }
ol.commentlist { list-style:none; 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; }
textarea { color:#666; width:80%; border:1px solid #cbcbcb; margin-bottom:0.6em; background:#fcfcfc; margin-top:2px; padding:3px; } 
#footer { background:#fff; height:26px; line-height:26px; clear:both; margin:0 auto; padding:0 5px; }
a:link,a:active,a:visited { text-decoration:none; color:#666; border-bottom: 0px dotted #f1efe7;  }
a:hover {color:#a70505;} 
#header h1.blogtitle a:link,#header h1.blogtitle a:active,#header h1.blogtitle a:visited { text-decoration:none; color:#000; border:none; font-weight:normal; }
.entry a:link,.entry a:active,.entry a:visited { text-decoration:none; color:#6c6d62; border-bottom:1px dotted #f1efe7; } 
.entry a:hover {color:#a70505;}
.end,.bobcomment { border-bottom:1px #eeede0 solid; font-size:12px; }
p {font-size:16px;}
input#url,input#author,input#email { color:#666; width:50%; border:1px solid #cbcbcb; margin-bottom:0.6em; background:#fcfcfc; margin-top:2px; padding:3px; }


/* lightbox styles */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:http://wearethemods.com/main/image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://wearethemods.com/main/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://wearethemods.com/main/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

