/*  
	Theme Name: Liz Byers Photography
	Theme URI: http://www.lizbyersphotography.com/
	Description: Custom made theme. Designed by <a href="http://www.xldstudios.com/" title="XLD Studios">XLD Studios</a>.
	Version: 2.0
	Author: Erik Bernskiold, XLD Studios
	Author URI: http://www.xldstudios.com/
	Tags: 
*/

@import "typography.css";
@import "blog.css";

body {
	background: #705b35;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #705b35;
}

#wrapper {
	width: 960px;
	margin: 0 auto 0 auto;
	text-align: left;
	padding: 0;
}

	#header {
		width: 960px;
		height: 120px;
		margin: 20px 0 0 0;
		padding: 0;
		overflow: hidden;
	}
	
		#header h1 {
			margin: 0 0 0 30px;
			padding: 0;
			float: left;
			width: 260px;
		}
		
			#header h1 a {
				width: 260px;
				height: 99px;
				display: block;
				overflow: hidden;
				background: url(images/header-logo.jpg) no-repeat;
				font-size: 0px;
				text-indent: -99999em;
			}
			
		#header #navigation {
			float: right;
			margin: 30px 20px 0 0;
			padding: 0;
		}
			
			#header #navigation ul {
				margin: 0;
				padding: 0;
			}
			
				#header #navigation ul li {
					margin: 0 5px 0 5px;
					padding: 0;
					list-style: none;
					float: left;
				}
				
					#header #navigation ul li a {
						padding: 0 15px 0 15px;
						margin: 0;
						text-decoration: none;
						color: #fff6d9;
						font-size: 18px;
						font-family: Helvetica, Verdana, Arial, sans-serif;
						font-weight: lighter;
					}
					
						#header #navigation ul li a:hover { color: #e8d9ac; }
						#header #navigation ul li a.active { color: #e8d9ac; }
						
		#photo-slideshow {
	  		background: url(images/photoslideshow-bg.jpg) no-repeat;
	   		width: 940px;
	   		height: 450px;
	  		margin: 0;
		  	padding: 22px 0 0 20px;
		   	position: relative;
		   	clear: both;
		}
	   
	   		#photo-slideshow #slideshow-photo {
	   			/*background: url(images/home-slideshow/1.jpg) no-repeat;*/
	   			width: 921px;
	   			height: 415px;
	   			margin: 0;
	   			padding: 0;
	   			position: relative;
	   			overflow: hidden;
	   		}
	   		
		   		#photo-slideshow #slideshow-photo img {
				    position:absolute;
				    top: 0;
				    left: 0;
				    z-index:8;
				    opacity:0.0;
				}
				
				#photo-slideshow #slideshow-photo img.active {
				    z-index:10;
				    opacity:1.0;
				}
				
				#photo-slideshow #slideshow-photo img.last-active {
				    z-index:9;
				}
	   		
	   		#photo-slideshow #portfolio-link a {
	   			background: url(images/portfolio-link.png) no-repeat;
	   			width: 204px;
	   			height: 61px;
	   			position: absolute;
	   			top: 10px;
	   			left: 20px;
	   			overflow: hidden;
	   			font-size: 0px;
	   			text-indent: -9999999em;
	   			z-index: 11;
	   		}
	   	   	
	   #hompage-boxes {
	   	margin: 20px 0 0 0;
	   	padding: 0;
	   	width: 960px;
	   	overflow: hidden;
	   	clear: both;
	   }
	   
	   	#homepage-boxes .box {
	   		background: url(images/box.jpg) no-repeat;
	   		width: 254px;
	   		height: 255px;
	   		overflow: hidden;
	   		padding: 5px 40px 20px 25px;
	   		margin: 0;
	   		float: left;
	   	}
	   	
	   		#homepage-boxes .box h2 {
	   			font-family: Helvetica, Arial, Verdana, sans-serif;
	   			font-size: 18px;
	   			font-weight: lighter;
	   			text-transform: lowercase;
	   			margin: 10px 0 20px 5px;
	   			padding: 0;
	   			color: #705b35;
	   		}
	   	
	   	#homepage-boxes #welcome-box {
	   		font-family: Georgia, Times, serif;
	   		font-size: 14px;
	   		line-height: 20px;
	   		text-align: justify;
	   	}
	   	
	   		#homepage-boxes #welcome-box p span { text-transform: uppercase; font-weight: bold; }
	   		
	   		#homepage-boxes #welcome-box p { font-size: 14px; line-height: 1.4;}
	   		
	   		#homepage-boxes #welcome-box p:first-letter {
	   			font-size: 38px;
	   			font-weight: bold;
	   			float: left;
	   			margin: -10px 5px -5px 0;
	   		}
	   	
	   	#homepage-boxes #testimonials-box { }
	   		
	   		#homepage-boxes #testimonials-box p.testimonial {
	   			background: url(images/end-quote.jpg) no-repeat 95% 95%;
	   			font-style: italic;
	   			padding: 10px 10px 0 0;
	   			height: 65%;
	   		}
	   		
				#homepage-boxes #testimonials-box p.author { font-weight: bold; font-size: 12px; }
	   		
	   	#homepage-boxes #blog-box {}
	   	
	   		#homepage-boxes #blog-box p.title {
	   			margin: 0;
	   			padding: 0;
	   			font-weight: bold;
	   			text-transform: uppercase;
	   		}
	   		
	   			#homepage-boxes #blog-box p.title a { text-decoration: none; }
	   		
	   		#homepage-boxes #blog-box p {
	   			margin: 2px 0 0 0;
	   			padding: 0;
	   		}
	   		
	   		#homepage-boxes #blog-box p.date {
	   			font-size: 11px;
	   			font-style: italic;
	   			padding: 2px 0 15px 10px;
	   		}
	   		
	#content-wrapper {
		background: #fff;
		padding: 10px;
		width: 940px;
		overflow: hidden;
	}
	
		#content-wrapper #random-photo {
			width: 940px;
			height: 141px;
		}

		#content-wrapper #content-wide {
			width: 880px;
			margin: 0;
			padding: 10px 30px 0 30px;
		}
		
		#content-wrapper #content-narrow {
			width: 600px;
			margin: 0;
			padding: 20px 30px 0 30px;
			float: left;
		}
		
		#content-wrapper #sidebar {
			background: #fff6d9;
			width: 240px;
			float: right;
			margin: 10px 0 0 0;
			padding: 15px;
		}

			#content-wrapper #sidebar h2 {
				font-size: 22px;
				margin: 10px 0 15px 25px;
				padding: 0;
			}
		

	#footer {
		clear: both;
		width: 960px;
		padding: 20px 0 20px 0;
	}
	
		#footer p { color: #c7b07b; padding: 0 0 0 25px; }
	
/* Quick Styles */

.alignleft { float: left; }
.aligncenter { text-align: center; }
.alignright { float: right; }



/* COMMENTS */

#comments_wrapper { float:right; width:540px; padding:0 0 15px 0; }

#comment_area, #trackback_area { margin:15px 0 20px 0; padding:0 0 5px 0; border-bottom:1px solid #ccc; }
#trackback_area { display:none; }


/*  ------ comment_header ----------------------------------------------------------------------------------------------------------------------- */
#comment_header { border-bottom:1px solid #ccc; font-size:11px; position:relative; }
#comment_header li { display:inline; float:left; padding:5px 10px; }

#comment_header_left { float:left; display:inline; margin:0 0 0 5px; }
#add_comment a { background:url(img/write_comment.gif) no-repeat left center; padding:0 0 0 20px; }
#add_comment a:hover { color: #173c4c; }
#comment_feed a { background:url(img/comment_rss.gif) no-repeat left center; padding:0 0 0 20px; }
#comment_feed a:hover { color: #173c4c; }

#comment_header_right { clear:left; position:absolute; top:-1px; right:15px;  background:#fff; }
#comment_header_right li, #comment_header_right #trackback_closed { border-top:1px solid #fff; border-bottom:1px solid #ccc;  }
#comment_header_right li.comment_switch_active,#comment_header_right #comment_closed { border:1px solid #ccc; border-bottom:1px solid #fff; }
.comment_switch_active a { color:#33a8e5; }


/*  ------ comment ------------------------------------------------------------------------------------------------------------------------------ */
.commentlist { list-style-type:none; margin:0; padding:0; }
ol.commentlist li { list-style-type:none; }
.comment { border:1px solid #ccc; color:#777; margin:0 15px 15px; padding:15px 0 3px; background:#eee; list-style-type:none; }
.even_comment, .odd_comment_children { background:#eee; }
.odd_comment, .even_comment_children { background:#fdfdfd; }
.admin-comment { background: #eff8e4; }

/* ----- comment-meta ----- */
.comment-meta { height:56px; position:relative; }

.comment-meta-left { position:absolute; left:15px; top:0; }
.avatar { border:1px solid #ccc; background:#fff; width:37px; height:37px; padding:2px; display:inline; float:left; margin:0 15px 0 0; }
.comment-name-date { padding:6px 0 0 0; float:left; }

.commentlist a, .commentlist a:visited, .comment-name { color:#2d96bd; }
.commentlist a:hover { color:#ef3982; background: none; }
a.admin-url { text-decoration:underline; }
a.guest-url { text-decoration:underline; }

.comment-date { font-size:11px; color:#757676; margin:0 0 0 0; }

.comment-act { background:url(img/arrow2.gif) no-repeat left 5px; font-size:11px; position:absolute; right:12px; top:5px; padding:0 0 0 13px; }
.comment-act li { display:inline; }
.comment-reply a, .comment-reply a:visited { border-right:1px solid #aaa; padding:0 10px 0 0; margin:0 6px 0 0; }
.comment-edit a, .comment-edit a:visited { border-left:1px solid #aaa; padding:0 0 0 10px; margin:0 0 0 6px; }

/* ----- comment-contents ----- */
.comment-content { padding:0; clear:both; margin:0 15px; }
* html .comment-content { padding:5px 0 0 0; }
.comment-content a, .comment-content a:visited { text-decoration:underline; }
.comment-content a:hover { }
.comment blockquote span { margin:0 0 -1em 0; display:block; }

.comment-note { display:block; font-size:11px; margin:0 0 1em 0; color:#33a8e5; border:1px solid #94ddd4; padding:10px 15px; background:#d6f4f0; }

.comment_closed { border:1px solid #ccc; text-align:center; margin:0 15px 15px 15px; padding:15px; background:#fff url(img/stripe3.gif) left top; }
#trackback_closed { background:url(img/arrow1.gif) no-repeat left center; padding:0 0 0 12px; }

/* ----- trackback-contens ----- */
.trackback_time { font-size:11px; color:#757676; margin:0 0 7px 15px; }
.trackback_title { margin:2px 0 8px 0; margin:0 0 10px 15px; }

#trackback_url_wrapper { margin:0 15px 20px; font-size:11px; }
#trackback_url_wrapper label { margin:0 0 2px 5px; display:block; }
#trackback_url_wrapper input { background:#fff url(img/arrow1.gif) no-repeat 10px center; border:1px solid #ccc; color:#777; padding:5px 20px; width:468px; }

/* ----- comment-pager ----- */
#comment_pager { margin:0 15px 10px 15px; height:24px; }
#comment_pager a, #comment_pager span { display:inline; float:left; margin:0 10px 0 0; }
#comment_pager .current { text-decoration:underline; }



/* ---------- form area ------------------------------------------------------------------------------------------------------------------------- */
.comment_form_wrapper { border:1px solid #ccc; margin:0 15px 15px; padding:15px; background:#fff url(img/stripe3.gif) left top; }

#cancel_comment_reply  { background:url(img/arrow2.gif) no-repeat left center; margin:0 0 1em 0; padding:0 0 0 11px; }

#comment_user_login p { padding:0 0 0 1px; margin:0; line-height:100%; }
#comment_user_login span { margin:0 0 0 40px; }

#comment_login { background:url(img/comment-area-bottom.gif) no-repeat left bottom; margin:0; padding:3px 30px 10px 30px; }
#comment_login p { margin:0; padding:12px 0 11px 36px; line-height:100%; background:url(img/warning.gif) no-repeat left 4px; }
#comment_login a { margin:0 0 0 20px; padding:0 0 0 20px; background:url(img/arrow1.gif) no-repeat 10px 3px; }

#guest_info { padding:0; width:98%; }
#guest_info div { margin:0 0 12px 0; text-align:left; }
#guest_info input { margin:0; border:1px solid #ccc;  padding: 3px 5px; width:70%; background:#fff; color:#777; }
#guest_info label { display:block; margin:0 0 5px 0; padding:0 0 0 0; font-size:11px; color:#888;}
#guest_info span { color:#666; margin:0 10px 0 0; }

#comment_textarea textarea { width:90%; margin:15px 0 0 0; padding:15px; height:150px; border:1px solid #ccc;
                             background:#fff; color:#777; font-size:11px; overflow:auto; }

#submit_comment { margin:30px auto 0 auto; width:200px; display:block; background:#fff; color:#666; border:1px solid #ccc; padding:4px 0; cursor:pointer; }
#submit_comment:hover { border:1px solid #33a8e5; color:#33a8e5; }

#back_top_comment { float:right; background:url(img/arrow3.gif) no-repeat left center; padding:0 0 0 16px; display:inline; margin:0 15px 10px 0; font-size:11px; }

#input_hidden_field { display:none; }

/* ----- password protected ----- */
.nocomments { text-align:center; margin:0 15px; color:#e2415b; border:1px solid #ccc; background:#fff url(img/stripe3.gif) left top; }
.nocomments p { margin:15px 20px; font-size:12px; }