/*
Theme Name: PhotoBlog
Theme URI: http://www.wpzoom.com/themes/photoblog/
Description: Photoblog is a premium wordpress theme for photoblogs, developed by Brinzan Dumitru and released by WPZOOM.com
Version: 1.1
Author: Dumitru Brinzan
Author URI: http://www.brinzan.net/
Tags: black, custom-header, fixed-width, two-columns

	PhotoBlog v1.1
	 http://www.wpzoom.com/themes/photoblog/
*/


* {padding:0; margin:0; border: none; outline:0; }
body {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #ddd; text-align:center; background-color: #444; }
a {text-decoration:underline; color:#cccc66; }
a:hover {text-decoration:none; color: #fff; }
h1,h2,h3,h4,h5,h6 {font-weight:normal; margin:0; padding:0; color:#eee; letter-spacing: -1px; }
p {margin: 0 0 10px; }
li,p {line-height: 1.6em; }
li {list-style-type: none; }

#container {width:100%; margin: 0 auto; text-align:left; }
#container div.wrapper {width: 960px; margin: 0 auto; text-align: left; }
#container div.cleaner {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px; }
#container div.sep {clear: both; margin: 0.5em 0; line-height: 1px; font-size: 1px; background-color: #333; border-bottom: solid 1px #555; }

/* Header Block: Logo & Secondary Menu */
#header {height: 131px; background-image: url(images/backHead.png); background-repeat: repeat-x; background-position: top left;}
#header #logo {float: left; margin: 30px 0 0 0; width: 180px; }
#header #logo p {float: left; font-size: 1.1em;}
#bannerHead {margin: 15px 0 0; float: right; width: 468px; height: 60px;}
#bannerHead img {border: solid 1px #111; }

#menuTop {clear: left; float: left; color: #777; margin-top: 15px; width: 100%; height: 38px; }

#search {margin: 15px 0 0;  }
#search input {	background-color: #fff; background-image: url(images/backSearchInput.png); background-repeat: repeat-x; background-position: top left;	border: 1px solid #111;	float: left; padding: 6px 6px; width: 220px; }
#search input.btn {	background: none; border: 0;	margin: 4px 0 0 -28px;	padding: 0;	width: auto; }

/* Content block */
#content {width: 640px; float: left; margin: 0 20px 8em 0; }

#maincontent {margin: 3em 0; }
#maincontent div.format {background-color: #505050; border: solid 1px #333; margin-bottom: 1em;}
#maincontent div.format-admin {background-color: #404040; border: solid 1px #333; margin-bottom: 1em;}
#maincontent div.box, #maincontent div.box-archive {border: solid 1px #666; padding: 1.5em 1.2em 0; }
#maincontent div.box-archive {padding-top: 0.75em; }
#maincontent h1 {font-size: 3.0em; margin: 0 0 0.1em 0; letter-spacing: -1px;}
#maincontent h2, #maincontent h2 a {font-size: 1.5em; line-height: 1.0em; }
#maincontent h2.pagetitle {font-size: 2.0em; margin-bottom: 0.4em;}
#maincontent h3, #maincontent h4 {font-size: 1.5em; margin: 1em 0 0.5em .25em; font-weight: bold; }
#maincontent div.post-single h2, #maincontent div.post-single h3, #maincontent div.post-single h4 {margin-top: 1.0em; letter-spacing: normal; }
#maincontent div.post-single h2 {font-size: 2.0em; }
h5,h6 {font-size: 1.4em; letter-spacing: normal; font-weight: bold; }
#maincontent p {font-size: 1.2em; }
#maincontent a {text-decoration: none; }
#maincontent .photo-post {margin: 1em 0; text-align: center;}
#maincontent .photo-post a:hover, #maincontent .photo-post a:hover {border: none; }
#maincontent .post ul, #maincontent .post ol {margin: 0.5em 0 0.5em 2.0em; font-size: 1.0em; }
#maincontent .post ol {margin-left: 2.5em;}
#maincontent .post ul li, #maincontent .post ol li {font-size: 1.2em; list-style-type: square; }
#maincontent .post ul li ul li, #maincontent .post ol li ol li {font-size: 1.0em;}
#maincontent .post ol li {list-style-type: decimal;}
#maincontent .post ol li ol li {list-style-type: decimal-leading-zero;}
#maincontent blockquote {border-left: solid 5px #aaa; font-style: normal; background-color: #5f5f5f; margin:1em 2em; padding: 0.5em 1em 0.5em 2em; }
#maincontent a:hover {text-decoration: none; border-bottom: dotted 1px #555; }
#maincontent img.preview {padding: 1px; margin: 0; border: solid 5px #333;}
#maincontent p.postmetadata {font-size: 1.1em; margin: 0.5em 0 1em 2px; color: #999;}
#maincontent p.postmetadata span.datetime {color: #999;}
#maincontent p.postmetadata span.category {text-transform: uppercase;}
#maincontent div.share {margin:0; }
#maincontent div.share p.header {font-size: 1.1em; font-weight: bold; color: #fff; line-height: 2em; }

/* Post comments and trackbacks styling */

#maincontent div.post-comments {margin: 2em 0 0;}
#maincontent div.post-comments h2 {font-size: 2.0em; }
#maincontent div.post-comments ul.tabnav {margin: 0 0 2em;}
#maincontent div.post-comments ul.tabnav li a {background-color: #999; color: #222; }
#maincontent div.post-comments ul.tabnav li.tabs-selected a {color: #222; background-color: #cccc66; }
#maincontent div.post-single {padding-bottom: 2em; }
#maincontent p.tags {clear: both; font-size: 1.0em; text-transform: uppercase; color: #999; margin-top: 20px; }
#maincontent p.trackbackurl {font-size: 1.1em; }
#maincontent p.trackbackurl span.url {font-weight: bold; padding:1px; border-bottom: dotted 1px #ddd; }

#maincontent div.pagerbox a {color: #cccc66; padding: 4px 6px; background-color: #222; }
#maincontent div.pagerbox a:hover {border: none; background-color: #111; color: #fff; }
#maincontent div.pagerbox a.current {color: #fff; background-color: #393939;}

#main div.comments {margin: 0 0 10px 0; font-size: 1.0em; }
#main div.comments h3 {font-size: 18px; font-weight: normal;}
#main div.comments li, #main #respond {padding: 10px 0 5px; margin-top: 10px; }
#main ol.commentlist div.comment-content {margin-left: 95px;}
#main cite {font-style: normal; font-weight: normal; }

#main div.reply {margin-right: 1em;}
#main div.reply a {float: right; font-size: 11px; background-color: #a5e9f2; color: #333; padding: 4px 6px;}
#main div.reply a:hover {background-color: #fff; }
#main a.more-link {display: block; margin: 10px 0 0; }

#main .normalComments {padding: 1em 0; }
#main .normalComments li {margin: 0 0 1em; padding: 1em 0; background-color: #5f5f5f; }
#main .normalComments li.author {background-color: #444;}
#main .normalComments li ul.children {padding: 10px 0 0; }
#main .normalComments li ul.children li {clear: left; margin: 0 1em 1em 2em; border-top: solid 1px #333; }

#main .normalComments cite.author {font-style: normal; font-size: 1.8em; }
#main .normalComments div.gravatar {float: left; width: 55px; margin: 0 1em 0.5em 1em; }
#main .normalComments div.gravatar img {border: solid 3px #555; padding: 1px;}
#main .normalComments div.gravatar-author img {border: solid 3px #222;}

#main .normalComments div.comment-content {margin-left: 90px; }
#main .normalComments span.datetime {font-size: 1.1em; color: #999; margin-left: 1em; }
#main .normalComments div.comment-content p {margin: 1em 0 0; font-size: 1.2em;}
#main .normalComments div.comment-content blockquote {font-size: 1.2em; line-height: 1.5em; }

#respond {padding: 2em 0 1em;}
#respond h3 {font-size: 1.8em; font-weight: normal;}
#commentform {}
#commentform p {margin: 0 0 5px;}
#commentform br {clear: left;}
#commentform label {float: left; width: 120px; text-align: right; padding-right: 0.5em; font-weight:bold; line-height: 2.4em; padding-top: 0.3em; font-size: 1.1em; }
#commentform input {background-color: #fff; background-image: url(images/backSearchInput.png); background-repeat: repeat-x;	border: 1px solid #222; width: 200px;	padding: 2px 0;	margin: 0.5em 0.5em 1.0em 0; }
#commentform textarea {	width: 400px; height: 120px;	padding: 2px;	border: solid 1px #ccc; }
#commentform #submit {background:none; font-size: 1.2em;	margin: 0.5em 0 0.5em auto; background-color: #cccc66; color: #222; height: 3em; line-height: 3em; width: 120px; padding:0; }

/* Side formatting */
#maincontent div.sizes {margin: 0 0 1em 0; text-align: left;}
#maincontent div.sizes ul {padding:0; margin:0; }
#maincontent div.sizes li {list-style-type: none; font-size: 1.0em; float: left; padding: 2px 4px; margin-right: 2px; line-height: 16px; background-color: #333;}
#maincontent div.sizes li.title {background:none; margin:0; color: #999; margin-right: 3px; }

/* Stylying for frontpage featured navigation */
div.navFeat {float: right; display: inline; padding: 0; color: #999; font-size: 1.1em; }
div.navFeat ul.tabs-nav {border: none; height: 0; margin:0 0 20px;}
div.navFeat ul.tabs-nav a {padding: 5px 8px; background-color: #333; color: #fff;}
div.navFeat ul.tabs-nav a:hover, div.navFeat ul.tabs-nav .tabs-selected a {background-color: #111; color: #cccc66;}
div.navFeat ul.tabs-nav li {list-style-type: none; font-size: 1.0em; font-weight: bold; display: inline; margin-left: 1px;}
div.navFeat ul.tabs-nav li.title {font-weight: normal; margin-right: 5px;}

div.share {padding:10px 0 30px; margin:0 0 0 35px; }
div.share ul {margin:0; padding: 0; }
div.share li {font-size: 11px; margin:0 35px 0 0; padding: 0; float: left; display: inline; list-style-type: none; line-height: 18px; }
div.share li img {margin: 0 4px 0 0; display: inline; float: left; }

#maincontent div.postauthor {clear: both; padding: 10px 10px 0; margin: 10px 0 0; border-top: solid 1px #222; background-color: #333; color: #aaa; }
#maincontent div.postauthor div.avatar {float: left; display: inline; margin: 0 10px 5px 0; height: 100px; }
#maincontent div.postauthor div.avatar img {padding:1px; border: solid 3px #222;}
#maincontent div.postauthor p {line-height: 16px; font-size: 11px;}
#maincontent div.postauthor p.more {float: right; display: inline; font-weight: bold; margin:0 0 0 5px; border-bottom: dotted 1px #aaa;}
#maincontent div.postauthor h6 {margin-bottom: 10px;} 

/* Side block */
#side {width: 300px; float: left; text-align: left; margin: 30px 0 5em; }
#side div.format, #side li.widget {background-color: #505050; border: solid 1px #333; margin: 0 0 20px; }
#side div.box {border: solid 1px #666; padding:0; padding: 1em 1.5em 1em; }
#side p.header {text-transform: uppercase; font-size: 1.2em; font-weight: bold; color: #eee; margin-bottom: 1em;}
#side li.widget {padding: 1.75em;}
#side li.widget li {font-size: 11px;}

/* Ad blocks */
div.featured-work img, #side div.cover img {padding: 1px; margin: 0; border: solid 3px #333; float: left; margin: 0 10px 10px 0;}
#side div.banner {margin: 0 0 20px; }
#main div.banner {text-align: center; margin: 10px 0;}
#side div.ads img.ad {margin: 0 6px 10px 0; border: solid 1px #222; display: inline; }

#side div.cover {float: left; display:inline; margin: 0 0 10px 0; }
#side div.cover img {margin-bottom: 0; }
#side div.info {margin-left: 0; }
#side .widget li {clear: left; }

/* Recent content on the side */
#recent ul.comments {margin-top: 1em; }
#recent ul.comments li, #side ul.widgets li ul li{color: #ddd; font-size: 1.1em; padding: 0.25em 0; border-bottom: solid 1px #666; }
#side div.widget ul li {font-size: 11px;}

#calendar_wrap {font-size: 11px;}
#calendar_wrap table {width: 100%;}
#calendar_wrap table caption {font-weight: bold; font-size: 12px; line-height: 24px;}
#calendar_wrap th {background-color: #333; font-size: 12px; line-height: 22px; height:22px;}
#calendar_wrap td {line-height: 18px; text-align: center; }
#calendar_wrap td#today {background-color: #333; color: #fff;}
#calendar_wrap {}

/* Footer */
#prefooter {margin: 2em 0 0; height: 10px; background-color: #555; padding:0; }
#footer {text-align: left; padding: 2em 0 1em; background-color: #333; min-height: 8em; color: #777; }
#footerNormal {margin-right: 400px; }
#footer p.header {text-transform: uppercase; font-size: 1.1em; font-weight: bold; color: #fff; margin:0; }
#footer div.sep {clear: left; margin: 0.5em 0; line-height: 1px; font-size: 1px; background-color: #1f1f1f; border-bottom: solid 1px #4e4e4e; }
#footer a {color: #fff; text-decoration: none; border-bottom: dotted 1px #fff; }
#footer a:hover {color: #cccc66;}
#footer ul li {float: left; margin-right: 1em; font-size: 1.1em; margin-bottom: 0.5em; }
#footer ul.categories li {text-transform: uppercase; }
#footer ul.pages li {text-transform: lowercase; }
#footer .current-cat a {color: #cccc66; border-bottom: dotted 1px #cccc66; font-weight: bold; text-decoration: none;}

#footerAdd {float: right; width: 300px; color: #999; }
#footer div.format {background-color: #444; border: solid 1px #222; }
#footer div.box {border: solid 1px #555; padding: 1.0em 1.0em 0; }
#footer #footerAdd li {float: none;}
#footer p.copy {float: right; }

/* Begin Images */
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	}
/* End Images */

/* Begin Lists
	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {	cursor: help;	}
acronym, abbr {	border-bottom: 1px dashed #999;	}
blockquote {	margin: 15px 30px 0 10px;	padding-left: 20px;	border-left: 5px solid #ddd;	}
blockquote cite {	margin: 5px 0 0;	display: block;	}
.center {	text-align: center;	}
.hidden {	display: none;	}
hr {	display: none;	}
a img {	border: none;	}
.navigation {	display: block;	text-align: center;	margin-top: 10px;	margin-bottom: 10px;	}
/* End Various Tags & Classes*/

/* 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;}
.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 */

/* Begin Homepage jQuery Slider */
#wrapSlider{		position:relative;	}			
/* image replacement */
.graphic, #prevBtn, #nextBtn{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; }
    /* // image replacement */
/* Easy Slider */
#slider{}	
#slider ul, #slider li{	margin:0;	padding:0;	list-style:none;	}
#slider li{	width:620px;	height:410px;	overflow:hidden;	}	
#prevBtn, #nextBtn{	display:block;	width:30px;	height:77px;	position:absolute;	left:-10px;	top:150px;	}	
#nextBtn{ 	left:590px;	}														
#prevBtn a, #nextBtn a{ display:block;	width:30px;	height:77px; background:url(images/btn_prev.gif) no-repeat 0 0;	}	
#nextBtn a{ background:url(images/btn_next.gif) no-repeat 0 0;}