/* 
Theme Name: Zooey
Theme URL: http://www.crazybobbles.org/
Description: For super large images.
Author: Crazybobbles
Author URI: http://www.crazybobbles.org
Version: 0.0.1
*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:Helvetica,Arial,Sans-Serif;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}
caption, th, td {text-align:left;font-weight:normal;}
table {border-collapse:separate;border-spacing:0;}
strong{font-weight:bold;}
blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
.clear{clear:both;}
/*
Here is a list of all the <DIV>s in Whiteboard.
*/

/* General */
a {color:#2288BB;text-decoration:none;}
a:hover{text-decoration:underline;}
#blinds{background:#000000;height:100%;width:100%;z-index:-1;position:fixed;}
#container{}
#content{margin-top:70px;padding-top:10px;}
/*
Header stuff
*/
#header{
	background:url("images/headstripe.gif") repeat scroll 0 0 #B4C24B;
	position:fixed;
	width:100%;
	height:67px;
	top:0;
	opacity:0.95;
	padding:1px 0 0 40px;
	z-index:3;
}
#headsep{
	background:#999999;
	opacity:0.95;
	height:3px;
	width:100%;
	position:fixed;
	top:67px;
	z-index:5;
}
#header h1 a{
	font-family:Georgia;
	font-size:50px;
	line-height:45px;
	text-decoration:none;
	color:#ffffff;
	text-shadow:1px 1px 0 #202020;
	
}
#header h1 a:hover{text-decoration:underline;}

#subtitles{padding-top:2px;color:#202020;}

/* Posts */
.post .post-body, .page .post-body{width:800px;margin-left:40px;}
.post h2 a, .page h2 a{	display:block;color:#ffffff;font-size:2em;text-decoration:none;padding:3px 0 3px 40px;border-bottom:1px solid #666666;opacity:0.9;}


.category-geek h2 a{background:#356AA0;}
.category-geek h2 a:hover{background:url("images/geek.gif") no-repeat scroll left top #356AA0;}
.category-anything h2 a{background:#BB225A;}
.category-anything h2 a:hover{background:url("images/photography.gif") no-repeat scroll left top #bb225a;}
.category-photography h2 a{background:#9ABD50;}
.category-photography h2 a:hover{background:url("images/banter.png") no-repeat scroll left top #9ABD50;}
.category-music h2 a{background:#4c308d;}
.category-music h2 a:hover{background:url("images/music.png") no-repeat scroll left top #4c308d;}


.post p,.page p{margin:10px 0;color:#666666;text-align:justify;}
.post li, .page li{padding:10px 0 0 10px;}
.post ul, .page ul{padding:10px;}
.lightsout .post p, .lightsout .page p, .lightsout .post li, .lightsout .page li {color:#999999;}
.post a:hover img {border-left-color:#ccc;}

.post{}
.post .postmeta{font-size:18px;padding-left:40px;}
.lightsout .post .postmeta{background:#202020;}
.post .postdate {margin:0;padding:3px 0 0; color:#999999;}
.post .postcomments {text-align:right; padding-left:40px; width:800px;}
.postcomments a {padding:0px 0px 0px 23px;}
.postnavigation{padding:3px 40px;}

/* Sidebar */
#sidebar{background:#666666 url(images/stripe.gif) repeat;padding:16px 40px;border-top:3px solid #cccccc;}
#sidebar h2{text-transform:lowercase; color:#58BBEB; font-size:2em;}
#sidebar li{list-style-type:none;}
#sidebar li p{ color:#ffffff;}
#sidebar .linkcat{width:50%;float:left;}
#sidebar .sidemodule{width:300px;float:left;padding:5px;}
#sidebar a{color:#ffffff; text-decoration:none;}
#sidebar a:hover{text-decoration:underline;}
#sideselectmonth{font-size:1em;}
#comments{}
.comments_navigation{}
.comments_navigation{}
.comments_reply{margin-left:40px;}
.comments_reply h3{font-size:2em;color:#999999;}
.comments_reply input{font-size:15pt;}
.comments_text{}
.comments_meta{}

#navtools{background:#ffffff;-moz-border-radius-topleft:8px;border-radius-topleft:8px;
position:fixed;z-index:5;right:0px;top:40px;width:430px;padding:0 5px;border-left:3px solid #999999;border-top:3px solid #999999;}
.lightsout #navtools{background:#000000;}
#navtools .page-navi li{float:right;list-style:none;}
#navtools .page-navi li a{display:block;padding:5px 12px;text-transform:lowercase;}
#navtools .page-navi li a{color:#333333;}
.lightsout #navtools .page-navi li a{color:#ffffff;}
#navtools .page-navi li a:hover{background:#000000;color:#ffffff;text-decoration:none;}
.lightsout #navtools .page-navi li a:hover{background:#ffffff;color:#333333;text-decoration:none;}

#navtools .page-navi li a{color:#666666;}
#navtools .page-navi li #lightsout {background:#fff;color:#333;}
.lightsout #navtools .page-navi li #lightsout {background:#000;color:#fff;}
/* Search */
#searchbox{}
#searchform{float:right;}
#s,#searchsubmit{font-size:1em;}
#searchsubmit{background:#ffffff;border:none;color:#ffffff;padding:5px;float:right;}
#s{color:#999999;border:0;padding:3px 0 4px 0;width:170px;float:left;}


/* Footer */
#footer{background:#444444;border-top:1px solid #777; color:#cccccc; clear:both; font-size:0.7em; padding:0.5em; text-align:center;}


/* Media */
.vvqbox {margin:0 !important;}
.tt-flickr {text-decoration:none !important;}
.tt-flickr-Medium img, .tt-flickr-Large img{width:800px; height:auto;}

/* caption styling */
.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 7px 0 10px 10px;	
	font-weight: bold;
	font-size: 20px;	
	font-family: arial;	
	cursor: pointer;
	background: #000000;
	text-shadow: 1px 1px 0 #202020;
	border-top:5px solid #606060;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;

}
.category-geek a.tt-flickr:hover .caption-bottom{border-top:5px solid #356AA0;}
.category-anything a:hover .caption-bottom{border-top:5px solid #BB225A;}
.category-photography a:hover .caption-bottom{border-top:5px solid #8ABD50;}
.category-music a:hover .caption-bottom{border-top:5px solid #5A308D;}

br.c { clear: both; }
