/*
Theme Name: Big Photo Blog Template Six
Theme URI: http://bigphotoblog.com
Description: 1020px photo area with no side bar. widgetized footer, Options panel, <a href="http://bigphotoblog.com" target="_blank">Big Photo Blog</a>.
Version: 1.0
Author: Big Photo Blog
Author URL: http://bigphotoblog.com/

*/
/*
main layout
*/

body{ margin: 0px;	font-size: 14px; text-align: center; vertical-align: top; background-color: #ffffff; color: #555555;}

a:link, a:hover, a:visited{ text-decoration: none;}
h1{	color: #237ac4;}
h2{	color: #444444;}
h3{	color: #237ac4;}
img{ border: 0px;}

#logo h1 a:{color: #237ac4;}
#logo h1 a:hover {color:#444444;}


/*
Side Bar
*/
.sidebar{float: left; width:250px; border: 1px solid #e6e5e4; background:#F9F9F7; margin: 15px 0 15px 5px; color: #444444;}
.sidebar a {color: #237ac4;} 
.sidebar a:hover {color:#444444;}
.sidebar ul li{	margin-left: 0px; padding-left: 10px; width: 220px;}
.sidebar h2{ border-bottom: 1px solid #E6E5E3;	width: 230px;}
.sidebar li li{ border-bottom: 1px solid #E6E5E3;	width: 220px;}

.sidebar ul{ list-style:none; line-height:30px;	text-align: left; margin-left: 0px; padding-left: 0px;}
/*
Side Bar Popular Posts
*/
.side-thumb{float: left; width: auto; height: 150px; margin: 10px; overflow: hidden;}
.side-thumb img{width: 230px; height: auto; }
.commented-text{float: left; margin: -40px 0 0 10px; padding: 5px; width: 220px; height: 20px; background: #000000; /* for IE */filter:alpha(opacity=60);/* CSS3 standard */ opacity:0.6;}
.commented-text a{font-weight: bold; /* for IE */filter:alpha(opacity=99);/* CSS3 standard */ opacity:9.9;}
.commented-text a:hover{color: #ffffff; font-weight: bold;}
/*
Side Bar twitter
*/
#twitter-sidebar{width: 230px; margin: 10px 0 0 10px; padding: 10px 0 10px 0;}
#twitter_update_list li{ text-align: left; padding: 10px; list-style:none; width: 210px;}
#twitter_update_list { width: 230px; margin: 10px 0 10px 0;}


#header{ margin: 20px auto 0 auto;	width: 1000px; text-align: left;}
#logo { width: 270px;	margin: 10px 0 20px 20px; position:relative;}
#logo h1{width:400px;}

#bar{  height: 35px; width: 700px; position:absolute; bottom: 0; left: 270px}
#wrapper{ margin: 0 auto 20px auto;	width: 1000px;	text-align: left; background: #ffffff;	border: 1px solid #e6e5e4;	box-shadow: 0 0 10px 3px rgba(0,0,0,0.29);  -webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,0.29); -moz-box-shadow: 0 0 10px 3px rgba(0,0,0,0.29); }
#slideshow{	float: left; width: 970px; margin: 15px 15px 0 15px; overflow: hidden;}
#slider {width: 970px; height: 250px; }

#container{	float: left; margin: 0 15px 15px 15px;	width: 700px;}
#container-full{ float: left;	margin: 15px;	width: 970px;}
.entry{	line-height: 18px;	clear: both;}

.navigation{ width: 700px;	font-size: 18px; font-weight: bold;}
.navigation-full{ width: 970px;	font-size: 18px; font-weight: bold;}
.navigation a, .navigation-full a {color: #237ac4;} 
.navigation a:hover, .navigation-full a:hover {color:#444444;}

#nav1{ width:485px;	float: left; padding: 0 0 10px 0;}
#nav2{ width:485px;	float: left; text-align: right;	padding: 0 0 10px 0;}
#nav0{ width: 700px; float: left; text-align: center;}
#footer{ clear: both; width: 100%; color: #444444;}

#footer-center{	width: 1000px;	margin: 0 auto 0 auto;}	

/* only used on comments page */
.bar2{ float: left;	width: 95%;	height: 2px; background-image:url('images/white-list_bg.jpg'); background-repeat: repeat-x; background-position: bottom left;}

/*
socialbar
*/

.socialbar { width: 45px; height: 45px; background-color: #444444; z-index: 995;}
#side-social a:hover{ background-position: 0 -45px;}
#twitter { float: right; width: 45px; height: 45px;	margin: 8px; background-image:url('images/white-twitter.png'); background-repeat: no-repeat; background-position: top left;}
#facebook {	float: right; width: 45px; height: 45px; margin: 8px; background-image:url('images/white-facebook.png'); background-repeat: no-repeat; background-position: top left;}
#emailus { float: right; width: 45px; height: 45px;	margin: 8px; background-image:url('images/white-email.png'); background-repeat: no-repeat; background-position: top left;}
#rss { float: right; width: 45px; height: 45px;	margin: 8px 10px 8px 8px; background-image:url('images/white-rss.png'); background-repeat: no-repeat; background-position: top left;}
.corners{ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}


/*
Bio section
*/
	
#bio{ width: 970px; height: 320px; margin: 15px 15px 0 15px; float: left; border: 1px solid #e6e5e4; background:#F9F9F7;}
#bio li { list-style:none;}
#bio img { border: 0; margin: 10px;}
#bio-image { float: left; width: 320px;	height: 320px;}
#bio-text {	float: left; width: 600px; height: 230px; padding:  10px; margin: 30px 10px 10px 10px; color: #444444; font-size: 14px;}
#bio-name{ float: left;	width: 600px; height: 35px;	margin: 0 0 0 20px;}

/* Contact page */

#contact{ float: left; margin: 30px 0 50px 0; color: #444444; font-size: 18px;	width: 470px;}
.entry-content{}
.contactfields{	float:left;}
#contactName { width: 470px; height: 30px;	padding: 5px; margin: 5px; background-color:#F9F9F7; color: #444444; border: 1px solid #e6e5e4;	font-size: 16px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#email { width: 470px; height: 30px; padding: 5px; margin: 5px; background-color:#F9F9F7; color: #444444;	border: 1px solid #e6e5e4;	font-size: 16px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.error{	float: left; margin-bottom: 10px; color: #ff0000;}
#commentsText {	padding: 5px; margin: 5px; border: none; color: #444444; background-color:#F9F9F7; width: 470px; height: 290px;	border: 1px solid #e6e5e4;	font-size: 16px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

#gallery-1 img:hover, #commentsText:hover, #contactName:hover, #email:hover, .form textarea:hover, .form input:hover  {box-shadow: 0 0 10px 3px rgba(0,0,0,0.20);  -webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,0.20); -moz-box-shadow: 0 0 10px 3px rgba(0,0,0,0.20); }
#commentsText:focus, #contactName:focus, #email:focus, .form textarea:focus, .form input:focus  {box-shadow: 0 0 10px 3px rgba(0,0,0,0.20);  -webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,0.20); -moz-box-shadow: 0 0 10px 3px rgba(0,0,0,0.20); }
#gallery-1 img:hover {box-shadow: 0 0 10px 3px rgba(0,0,0,0.40);  -webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,0.40); -moz-box-shadow: 0 0 10px 3px rgba(0,0,0,0.40); }

.thanks{ color: #acacac; font-weight: bold;	font-size: 14px;}

#container-mail{ float: left; margin: 30px 0 50px 15px; color: #444444; font-size: 18px;	width: 480px;}
#contact-social{ float: left; margin: 30px 0 50px 30px;	width: 460px;}

.submit { padding: 5px;	margin: 5px; color: #444444; background-color: #F9F9F7;	font-weight: bold; font-size: 16px; border: 2px solid #e6e5e4; border-radius: 10px;	-moz-border-radius: 10px; -webkit-border-radius: 10px;}
.submit:hover {box-shadow: 0 0 10px 3px rgba(0,0,0,0.20);  -webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,0.20); -moz-box-shadow: 0 0 10px 3px rgba(0,0,0,0.20); }

/* comments */

.commentlist li{list-style-type: none; margin-left: -30px;}
#single-comments{float: left; width: 970px;	color: #444444;}
.allcomments{padding: 10px;	width: 930px;}
.alt{background-color: #F9F9F7;	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.comments-template{	width: 970px;background: #222222; color: #000000;}
.comments-template a{ color: #000000;font-weight: bold;} 
.comments-template a:hover{	color: #acacac;	font-weight: bold;}
.comments-template ol{ list-style: none;}
.comments-template ol li{ margin: 0 0 10px 0; line-height: 18px; padding: 10px;}
.comments-template h2, .comments-template h3, .post-comments h2, .post-comments h3{	font-size: 16px; margin-left: 10px;}
.commentmetadata{ font-size: 12px; padding: 10px;}
.commentmetadata a{color: #237ac4;}
.commentmetadata a:hover{color: #444444;}
.comments-template p.nocomments{ padding: 0; width: 900px;}
.comments-template textarea{ font-family: Arial; font-size: 12px;}
.comment-holder{ margin:30px 0 3px 0; width: 700px; height: 25px;}
.form{	margin: 0 0 10px 0; line-height: 18px;	padding: 10px;	font-size: 16px; font-weight:bold;}
.form input{ padding: 5px; 	color: #444444;	border-width: 1px;	border-color: #e6e5e4;	border-style:solid;	font-size: 16px; background: #F9F9F7; border-radius: 10px;	-moz-border-radius: 10px; -webkit-border-radius: 10px;}
.form textarea { padding: 5px; color: #000000; border-width: 1px; border-color: #e6e5e4; border-style:solid; font-size: 16px; background: #F9F9F7; border-radius: 10px;	-moz-border-radius: 10px; -webkit-border-radius: 10px;}

/*
comment form
*/

.commentholder{	width: 970px; height:240px;}
.commentholder a{text-decoration: none;	color: #237ac4;}
.commentholder a:hover{text-decoration: none;	color: #444444;}
.commentinput {	font-size: 16px;margin: 10px; float: left;	width: 400px;}
.commentbox { float: left; width: 500px;}


/*** image align in editor ***/
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
/*** image align end ***/

/* posts */

.post{	margin: 0 0 50px 0;	width: 970px; color: #222222;}
.date-box{	float: left; margin: -20px 6px 0 0;	width: 50px; height: 15px;}
.day{ height: 35px; color: #acacac; width: 50px; text-align: center; font-weight: bold;}
.posttitle { height: 35px; margin: 0 0 60px 0;	float: left;}
.postby{ margin-top: -25px;	color: #222222;}
.postdate{ color: #000000;}
.authors{ height: 15px; float: left; color: #222222;	font-weight:bold; margin: -20px 4px 0 0;}

/* home posts */
.home-post{ margin: 15px 0 20px 0; width: 700px; height: 283px; color: #222222; background:#F9F9F7; border: 1px solid #e6e5e4;}
.home-post a:link, .home-post a:visited{color: #237ac4;}
.home-post a:hover{color: #444444;}
.home-post:hover  {box-shadow: 0 0 10px 3px rgba(0,0,0,0.10);  -webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,0.10); -moz-box-shadow: 0 0 10px 3px rgba(0,0,0,0.10); }
.post-thumb {float: left; border: 0px solid #ffffff; width:350px;; height: 263px; margin: 10px;}
.post-excerpt {float: left; width: 320px; height: 263px; position:relative;}
.post-excerpt p{width: 320px; height: 160px; line-height: 22px; margin-top: 3px;}
.post-excerpt h1{height: 25px; font-size:20px}
.post-sidebar{ margin: 0 0 25px 0; width: 700px; height: 283px; color: #222222;}

.clearit{clear: both;}
.date{height: 20px; margin-top: 2px;}
.readmore{width: 75px; height: 15px; top: 260px; left: 255px; position:absolute;}


/*single post full page*/
.post img {margin: 10px 7px 10px 7px; border-style: solid;}
.post h2{font-size:24px; text-align: left;font-weight:bold;} 
.post h1{font-size:34px; text-align: left; font-weight:bold;}
.post a {text-decoration: none;	color: #237ac4;}
.post a:hover {	text-decoration: none; color: #444444;}

.postlink {float: right; height: 16px; margin: 5px; padding: 2px 0 0 7px;}
.postmetadata a {text-decoration: none;	color: #237ac4;}

.postmetadata a:hover {	text-decoration: none; color: #444444;}

.post ul li {list-style-type:disc;	color: #000000;}



#copyright { margin: auto 0 auto 0;	float: left; margin:10px; width: 1000px; height: 30px; color: #333333;}
#copyright a { color: #237ac4;}
#copyright a:hover { color: #444444;}

/*
postmetadata
*/

.postmetadata {	width: 970px; height: 18px;	font-size: 14px; color: #000000;}
.postfacebook {	float: left; padding: 0 10px 0 0;}
.twitter{ float: left;}
.email_link { position: relative; width: 26px;	height: 18px; background-image:url('images/email_btn.jpg');	background-position: top left;	background-repeat: no-repeat; float: left;}
.emailfriend a:hover{ background-position: 0 -18px;}
.emailfriend{ float: left;	padding: 0 10px 0 0;}

/*
menu system css 
*/

#menu { float: right;}
#menu, #menu ul { list-style:none; line-height:50px; padding:0; margin:0;}
#menu a { display:block; color: #237ac4; text-decoration:none; padding-left: 30px;}/* menu text */	
#menu li { float:left; padding:0; text-align: center;}
#menu ul { position:absolute; left:-999em; height:auto; width:170px; font-weight:normal; margin:0; line-height:1;  border: 1px solid #e6e5e4; -webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,0.29); -moz-box-shadow: 0 0 10px 3px rgba(0,0,0,0.29); box-shadow: 0 0 10px 3px rgba(0,0,0,0.29); z-index: 998;}
#menu li li { width:150px;}
#menu li li a { padding:8px 8px; width:170px; color:#919B28; text-align: center; margin-left:-12px;}
#menu li ul ul { margin:-21px 0 0 170px;}/* sub sub off set to left */
#menu li li:hover { }/* sub menu over */
#menu li ul li:hover a, #menu li ul li li:hover a, #menu li ul li li li:hover a, #menu li ul li li li:hover a { color:#444444;}/* sub menu over text */
#menu li:hover a, #menu li.sfhover a { color:#444444;}/* menu text over */
#menu li:hover li a, #menu li li:hover li a, #menu li li li:hover li a, #menu li li li li:hover li a { color:#237ac4;} /* sub menu text */
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul, #menu li.sfhover ul ul ul ul { left:-999em;}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul, #menu li li li li.sfhover ul { left: auto; background:#ffffff;}/* sub bg color */
#menu li:hover, #menu li.sfhover { }/* menu bg color */

/*
video box
*/
#video-header {	float:left;	clear: both; margin: 15px;}