/*  
Theme Name: Photodesign
Theme URI: http://www.zoomed-in.de
Description: A dark-colored, widgetized, Web 2.0 Wordpress Theme suitable for creating your personal photo blog. 
This theme is based on the free portfoliopress theme.
Version: 1.0
Author: Volker Wieczorek
Author URI: http://www.zoomed-in.de
*/

/**************** Body *********************/
*{margin:0; padding:0;}
body{background:#1b1b1b url(images/stripe.png); font-size:13px; font-family: Tahoma, Geneva, sans-serif; width: 100%; height: 100%;}
#wrapper {width:980px; margin:30px auto;}
/**************** Links *********************/
a, a:link, a:visited {text-decoration:none; color: #aaa;}
a:hover {color:#66CC00;}

/**************** Header *********************/
#header {width:500px; margin-bottom:50px; float:left;}
#header h1 {text-indent:-10000px;margin:0; padding:0; }
#header h1 a {display:block; background:url(images/logo_zoomedin.png) no-repeat left; height:75px;}
#header h2 {background:url(images/desc.jpg) no-repeat left; color:#999999; font-size:11px; font-weight:normal; height:22px; margin-top:5px; padding:5px 0 0 5px; letter-spacing:1px; word-spacing:1px; text-transform:capitalize;}
#rss {float:right;}

/**************** Navigation *********************/
#navigation{ font-size:12px; font-weight:bold;float:left;}
#menu{float:left;  margin-bottom:20px; text-transform:uppercase;}
#menu li{list-style:none; font-family: Tahoma, Geneva, sans-serif}
.page_item a:link, .page_item a:visited{color: #777;  background:#262626 url(images/menu_left.gif) no-repeat top left; margin-bottom:10px; padding:8px 5px 5px 10px; height:19px; width:250px; display:block; }
.page_item a:hover {color:#cccccc; background:#161616 url(images/menu_left_hover.jpg) no-repeat top left;}
.current_page_item a:link, .current_page_item a:visited{color: #ccc; background:#161616 url(images/menu_left_hover.jpg) no-repeat top left; margin-bottom:10px; padding:8px 5px 5px 10px; height:19px; width:250px;display:block;}

/**************** Search *********************/
.topsearch{ background:#262626 url(images/menu_left.gif) no-repeat top left; margin-bottom:10px; padding:8px 5px 5px 10px; height:19px; width:250px; display:block; }
.searchfield{width:18em; color: #777; font-weight:bold; font-size:12px; font-family: Tahoma, Geneva, sans-serif; border:1px solid #262626; background:#262626 url(images/search.gif) left no-repeat; padding-left:16px;}
h2.search {min-height:16px; font-size:12px; background:url(images/cats.gif) 10px no-repeat; background-position: center left; padding-left:20px; margin-left:20px; padding-top:17px; color:#CCCCCC;}

/**************** Content *********************/
#content { width:690px; background-color:#262626; border:5px solid #262626; float:left; line-height: 30px; font-family: "Verdana", sans-serif, serif; font-size:13px;  line-height:30px;}
.comments {background:url(images/comments.gif) left no-repeat; padding-left:20px;}
.info { border: 1px solid #222; background-color:#262626; padding:2px 10px 2px 10px; font-size:10px; margin-bottom:10px; margin-top:5px; font-family: Tahoma, Geneva, sans-serif;}
.info a {color:#66CC00;}
.info a:hover {color:#fff;}
.entry h2{padding-bottom:18px;}
.entry h2 a {color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight: normal; font-style: italic; border: none; }
.entry h2 a:hover {color:#66CC00; border: none;}
.content a:link, .content a:visited {color:#ccc; border-bottom: 1px dotted #999;}
.content a:hover {color:#66CC00; border: none;}
.entry p{padding:0 0 15px 0;}
.post{ padding:20px 20px 10px 20px; text-align: left; margin-bottom:20px; line-height:30px; color: #ddd; background-color: #333; border: 1px solid #444; }
.content h3 { padding-top: 10px; padding-bottom: 10px; font-size: 18px; }
table#compare { margin-top: 15px; margin-bottom: 15px; background-color: #666; color: white; width: 640px; margin:0 auto; }
.content th, td {vertical-align: top; padding: 3px; }
th#compare {vertical-align: top; margin: 3px; border: 1px solid #999;  min-width: 100px; background-color: #999; } 
td#compare {vertical-align: top; margin: 3px; border: 1px solid #999;  min-width: 100px; }
th#compare_no, td#compare_no { background-color: #C30; color: white;}
th#compare_yes, td#compare_yes { background-color:#690; color: white;}
.new {background:url(images/new.gif) right top no-repeat; border: 1px solid #444; background-color: #333;}
html>body .entry ul { margin-left: 0px; padding: 10px 0 10px 0; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body .entry li { margin: 4px 0 4px 20px; }
.entry ul li:before{ content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 10px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.meta { padding:5px; font-size:10px; line-height:22px; border-top:1px solid #262626; text-transform:capitalize; font-family: Tahoma, Geneva, sans-serif;}
.tags {background:url(images/tags.gif) left no-repeat; padding-left:24px;}
.cats {background:url(images/cats.gif) left no-repeat; padding-left:24px;}

#content img { margin: 4px 2px 5px 2px; height: auto; max-width: 600px; width: auto; border: 1px solid #666; }
#content img.noborder { border: none; }
#content .attachment img { max-width: 600px;}
#content .alignleft,
#content img.alignleft { display: inline; float: left; margin-right: 20px; margin-top: 2px; border: 1px solid #444;}
#content .alignright,
#content img.alignright { display: inline; float: right; margin-left: 20px; margin-top: 2px; }
#content .aligncenter,
#content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
#content img.alignleft,
#content img.alignright,
#content img.aligncenter { margin-bottom: 12px; }
#content .wp-caption { background: #555; line-height: 10px; margin-bottom: 15px; text-align: center; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; }
#content .wp-caption img { }
#content .wp-caption a:link, #content .wp-caption a:visited { border: none; } /* removes dotted line below image link */
#content .wp-caption p.wp-caption-text { color: #fff; font-size: 10px; padding: 0 0 8px 0; }
#content .attachment img { /* single attachment images should be centered */ display: block; margin: 0 auto; }
#content .video-player { padding: 0; }

.nextpage { padding-top: 10px; padding-bottom: 10px; font-size: 12px;}
.nextpage a:link, .nextpage a:visited {color:#ccc; border-bottom: 1px dotted #999;}
.nextpage a:hover {color:#66CC00; border: none;}

div#flashobject { margin-top: 10px; margin-bottom: 15px; text-align: center;}
span#jumpto { font-size: 13px;}
p.footnote { font-size: 10px; }

/**************** Smilies ******************/
img.wp-smiley{ float: none; margin: 0px; padding: 0px; border: none; }
#content img.wp-smiley{ float: none; margin: 0px; padding: 0px; border: none; }

/**************** Comments *********************/
#comments {font-size:14px; border-top:1px solid #262626; font-family: Tahoma, Geneva, sans-serif; font-weight: bold;}
h2#respond {font-size:14px; margin-top:10px; font-family: Tahoma, Geneva, sans-serif; font-weight:bold;}
.commentlist{padding:10px; margin-top:10px;}
.comtop {background:#262626 url(images/comtop.gif) no-repeat top left; padding:5px 0px 0px 0px; width:575px;}
.combottom {background:url(images/combottom.gif) no-repeat top left; width:575px; height:10px; margin-bottom:25px;}
.commentmetadata {font-size:11px;}
#author, #email, #url {width:12em;font-size:12px; color:#FFFFFF;font-weight:normal;padding:3px; margin-right:5px;border:1px solid #1b1b1b; background-color:#666666;}
#submit{font-size:0.9em; font-family: Tahoma, Geneva, sans-serif;margin-bottom:15px;margin-top:5px;padding:2px;}
#respond{padding-top:20px;padding-bottom:10px; font-weight:lighter;}
#comment{width:98%;border:1px solid #1b1b1b;font-size:12px; font-family: Tahoma, Geneva, sans-serif;color:#FFFFFF;font-weight:normal; background-color:#666666;}
h3 #comments {font-size:14px;}
#commentform h2 {font-family:Tahoma; font-size:16px; font-weight:bold;}

/**************** Sidebar *********************/
#sidebar { text-align: left; text-transform:lowercase; max-width: 265px;}
#sidebar ul {list-style:none}
#sidebar div {margin: 15px 5px 5px 30px; font-weight: normal; line-height: 2em; text-align: left;}
#sidebar h2 {font-size:20px; color: #777;padding-left: 4px; padding-right:10px; padding-top: 25px; border-bottom:1px solid #444444; letter-spacing: 4px;}
#sidebar ul ul {margin:8px 5px 8px 30px; text-transform:capitalize;}
#sidebar ul ul li {margin: 8px 0px 8px 0px; font-size: 11px; font-weight: normal; padding-bottom:0px; text-transform:capitalize; color: #66CC00;}
#sidebar .widget_categories ul {margin:8px 5px 8px 30px; text-transform:capitalize; list-style-position: inside;}
#sidebar .widget_categories ul ul {margin:8px 5px 8px 13px; text-transform:capitalize; }
#sidebar .widget_categories ul li {color: #66CC00;}
#sidebar .widget_categories ul ul li {margin: 8px 0px 8px 0px; font-size: 11px; font-weight: normal; padding-bottom:0px; text-transform:capitalize; color: #66CC00;}

/**************** Footer *********************/
#footer {text-align:right; font-size:11px; margin:10px; color: #666666;}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 1px solid #666666; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
.prevlink a{float:right; padding-right:10px; margin-right:5px; background:url(images/next.gif) no-repeat right; width:100px; font-size:11px;}
.nextlink a{float:left; padding-left:20px; margin-left:5px; background:url(images/back.gif) no-repeat left; width:100px; font-size:11px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:12px; font-family:Tahoma; color: #FFF; display:block; background-color:#262626; padding:5px; margin:10px 0 10px 0; border:1px solid #3F3F3F;}
#containerrelative{ position: relative; text-align: center;}

/**************** avatar *********************/
.gravs {margin-top:20px; padding:0 15px 0 15px; }
.gravs-img {float: left; margin-right: 20px;}
.gravs-text {}
.avatar {margin:10px; padding:5px; border:1px solid #191919;}

/**************** 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: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(images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/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; }

.gallery-icon a:link, .gallery-icon a:visited { border-bottom: none; }
.gallery-caption { font-size: 9px;}
/** Embedded gallery format
/* For reference: Must be inserted to gallery_shortcode() in wp-includes/media.php
#gallery-1 {
	margin: auto;
}
#gallery-1 .gallery-item {
	float: left;
	margin: 10px;
	padding: 5px;
	width: 124px;
	text-align: center;
	background-color : #444;
	border: 1px solid #222;			
	}
#gallery-1 img {
	border: 1px solid #222;
}
#gallery-1 .gallery-caption {
	margin-left: 0;
	font-size: 10px;
}

*/