/*  

	Theme Name: Linda Jeffers Photography Blog

	Theme URI: http://www.lindajeffers.com/blog/

	Description: Custom made theme. Designed by <a href="http://www.xldstudios.com/" title="XLD Studios">XLD Studios</a>.

	Version: 1.0

	Author: Erik Bernskiold, XLD Studios

	Author URI: http://www.xldstudios.com/

	Tags: 

*/



body {

	margin: 0;

	padding: 0;

	background: #fff;

	font-size: 12px;

	font-family: Verdana, Arial, Tahoma, sans-serif;

	line-height: 18px;

	color: #706a57;

}



#header {

	background: url(images/header_tile.jpg) repeat-x;

	height: 104px;

	width: 100%;

}



	#header-container {

		background: url(images/header.jpg) repeat-x;

		width: 960px;

		 height: 104px;

		margin: 0 auto 0 auto;

		position: relative;

	}

	

		div#header #header-container h1 { margin: 0; padding: 0; }

	

		div#header #header-container h1 a {

			margin: 0;

			padding: 0;

			background: url(images/logo.jpg) no-repeat;

			width: 344px;

			height: 104px;

			display: block;

			overflow: hidden;

			text-indent: -99999999em;

			font-size: 0px;

			float: left;

		}

		

		div#header-container #site-chooser {

			background: url(images/site-chooser.jpg) no-repeat;

			float: left;

			margin: 0 0 0 100px;

			padding: 0;

			width: 314px;

			height: 50px;

		}

		

			div#site-chooser p {

				margin: 5px 0 0 133px;

				font-family: Georgia, Times, serif;

				font-size: 10px;

				color: #fff;

				font-weight: bold;

				text-transform: lowercase;

			}

			

				#site-chooser p a {

					color: #a8de6f;

					font-size: 12px;

					font-style: italic;

					text-decoration: none;

					margin: 0 10px 0 10px;

					font-weight: normal;

				}

				

				#site-chooser p a:hover {

					color: #b8ff6d;

				}

				

#sub-header {

	background: #d0c7a8;

	width: 100%;

	height: 211px;

	margin: 0;

	padding: 0;

}



	#sub-header #sub-header-container {

		width: 960px;

		margin: 0 auto 0 auto;

		padding: 0;

		position: relative;

	}

	

		#sub-header-container #welcome {

			width: 440px;

			float: left;

		}



			#sub-header-container #welcome h1 {

				background: url(images/welcome.jpg) no-repeat;

				width: 156px;

				height: 34px;

				overflow: hidden;

				font-size: 0px;

				text-indent: -999999em;

			}

			

			#sub-header-container #welcome p {

				color: #625b3f;

				font-family: Georgia, Times, serif;

				font-size: 14px;

				font-style: italic;

				font-weight: normal;

				margin: 10px 0px 0px 0px;

			}

			

		#sub-header-container #photo-selector {

			float: left;

			width: 110px;

			margin: 0 20px 0 20px;

		}



			#photo-selector p {

				margin: 0 0 2px 0;

			}



		#sub-header-container #photo-display {

			margin: 0;

			padding: 0;

			width: 340px;

			float: left;

		}

		

			#photo-display p {

				 margin: 0;

				 padding: 0;

			}



#content-container {

	width: 960px;

	margin: 0 auto 0 auto;

	padding: 0 10px 0 10px;

	background: #fff url(images/content-bg.jpg) repeat-y;

}



	#content-container #content {

		width: 630px;

		float: left;

		padding: 0 40px 0 0;

		position: relative;

		margin: 0;

		overflow: hidden;

		text-align: justify;

	}

	

		#content .post-title {

			padding: 0;

			margin: 10px 0 20px 0;

			text-align: right;

			float: left;

			position: relative;

		}

	

		#content h2 {

			border-top: 1px solid #a9a9a9;

			border-bottom: 1px solid #a9a9a9;

			font-family: Georgia, serif;

			font-weight: normal;

			padding: 5px 20px 5px 0;

			margin: 0 10px 0 0;

			font-size: 22px;

			line-height: 28px;

			color: #524e3f;

			text-indent: 40px;

		}



		#content h3.border {

			border-top: 1px solid #a9a9a9;

			border-bottom: 1px solid #a9a9a9;

			font-family: Georgia, serif;

			font-weight: normal;

			padding: 10px 0 5px 0;

			margin: 10px 0 10px 0;

			font-size: 18px;

			line-height: 24px;

			color: #524e3f;

		}



		#content h3 {

			font-family: Georgia, serif;

			font-weight: normal;

			padding: 10px 0 5px 0;

			margin: 0;

			font-size: 18px;

			line-height: 24px;

			color: #524e3f;

		}



		#content .tags-box {

			background: #d0c7a8;

			width: 580px;

			border: 2px dashed #d5d3cf;

			color: #625b3f;

			padding: 5px;

			margin: 10px;

		}

		

		#content .blog-post {

			margin: 10px 0 0 0;

		}



		#content .post-meta {

			clear: both;

			margin: 5px;

			padding: 0;

			font-size: 12px;

			font-family: Georgia, Times, serif;

			text-transform: uppercase;

			position: relative;

		}

		

			#content .post-meta span.date {

				float: left;

				font-style: italic;

				color: #676666;

				margin: 0 10px 0 30px;

			}

			

			#content .post-meta span.categories {

				float: right;

				margin: 0 10px 0 10px;

			}

			

				.post-meta span.categories a {

					/*color: #70904f;*/

					color: #0354a4;

					text-decoration: none;

				}

				

				.post-meta span.categories a:hover {

					color: #4877a5;

					/*color: #9cc671;*/

				}

				

		#content p {

			margin: 5px 20px 5px 10px;

			padding: 0;

		}



	#content-container #sidebar {

		background: #d5d3cf;

		width: 270px;

		float: left;

		padding: 10px;

		margin: 0;

		overflow: hidden;

		display: block;

		color: #d2c8aa;

	}



		#sidebar label.screen-reader-text { display: none; }

	

		#sidebar div.box {

			background: #3d3d3d;

			width: 250px;

			margin: 10px auto 10px auto;

			-moz-border-radius: 5px;

			-webkit-border-radius: 5px;

			padding: 10px;

		}

		

			div.box h3 {

				font-family: Georgia, Times, serif;

				font-size: 18px;

				font-style: italic;

				color: #cac1a0;

				text-transform: lowercase;

				letter-spacing: 5px;

				font-weight: normal;

				margin: 0 0 10px 0;

				padding: 0;

			}

			

				div.box h3 a { color: #cac1a0; text-decoration: none; }

				div.box h3 a:hover { color: #cac1a0; }

				

			div.box p {

				color: #aaa;

				margin: 8px;

				padding: 0;

			}

			

			div.box ul {

				margin: 8px;

				padding: 0;

			}



				div.box ul li {

					border-bottom: 1px solid #454545;

					border-top: 1px solid transparent;

					padding: 5px 10px 5px 10px;

					margin: 0px;

					list-style: none;

				}

				

				div.box ul li:hover {

					background: #505050;

					border-bottom: 1px solid #454545;

					border-top: 1px solid #404040;

				}

				

					div.box ul li a {

						color: #a8de6f;

						text-decoration: none;

						display: block;

					}

					

					div.box ul li a:hover { color: #73a53d; }

					

#footer {

	width: 100%;

	height: 50px;

	background: #3d3d3d;

	margin: 0;

	padding: 0;

}



	#footer #footer-container {

		width: 960px;

		margin: 0 auto 0 auto;

		padding: 0;

	}

	

		#footer-container p {

			padding: 10px 10px 10px 20px;

			margin: 0;

			color: #d7ceba;

			font-family: Georgia, Times, serif;

			font-size: 14px;

			font-style: italic;

			font-weight: normal;

			text-transform: uppercase;

			letter-spacing: 7px;

		}

		

			#footer-container p a {

				color: #adce8d;

				text-decoration: none;

			}

			

			#footer-container p a:hover { color: #87e42d; }



/********

* Links

********/



a,

a:active,

a:link,

a:visited {

	color: #0354a4;

	text-decoration: none;

}



a:hover {

	color: #4877a5;

	/*color: #9cc671;*/

}



/* Slider */



/* These hieghts and widths should be edited to your images */	

ul#pikame {

	padding:0;

	width:110px;

	margin: 0 20px 0 20px;

	float: right;

}



.pika_main {

	width:340px;

	padding: 0;

	margin:0;

	float: right;

}



#pikame li{

	margin: 0 0 2.5px 0;

	list-style: none;

	border:0px solid #222;}



/* thats all you NEED to edit. But continue if you'd like. */

ul#pikame li img{position:relative;cursor:pointer;}

.pika_main img{border:0px solid #222;}

.pika_main{position: relative;margin:0 auto;}

.pikachoose li{position:relative;overflow:hidden;list-style:none;}

.pika_play{position:absolute;top:10px;right:20px;z-index:1;}

.pika_play a{position:relative;margin-left:auto;cursor:pointer;}

.pika_play img{border:none !important;}

.pika_caption{width:100%;height:30px;text-align:center;}

.pika_navigation a{font-size: 12px;color:white;text-decoration: none;}

.pika_navigation a:hover{text-decoration: underline;}

.pika_navigation{padding-top:10px;clear:both;text-align:center;}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



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 */



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

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



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



/*

	COMMENTS

*/

.commentInputs 										{ width: 30%; float: left; margin: 0 19px 19px 0; }

#commentform textarea 								{ padding: 5px; height: 160px; width: 560px; border: 1px solid #ccc; 

													  margin: 0 0 10px 0; font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif; }

input.comment-field 								{ width: 100%; padding: 3px; border: 1px solid #ccc; 

													  font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif; }





.comment-text 										{ padding-left: 60px; }

h4#comments, h4#respond								{ font-size: 24px; }

#content-area ol#commentList						{ list-style: none; margin: 0; }

.commentArrow										{ position: absolute; left: -14px; top: 7px; }

.commentPreview .authorInfo							{ width: 115px; float: left; }

.commentPreview code								{ width: 375px; background: none; margin: 0; padding: 0; }



#commentList li.item                                { margin: 0 0 35px 0; }

#commentList .commentText,

.commentPreview .commentText						{ width: 380px; float: right; border: 1px solid #999; background: #eee; padding: 15px;

													  position: relative; min-height: 50px; margin: 0 0 10px 0; }

li.author .commentText p				{ color: #505050; }



	

ol.commentlist                        { list-style: none; margin: 0 auto 0 auto; padding: 0; text-indent: 0; width: 95%; color: #505050; }

ol.commentlist li                     { border:0px solid #d5d5d5; -moz-border-radius: 5px; 

                                                      -webkit-border-radius:5px; margin:0 0 10px; padding: 5px 7px 5px 57px; position:relative;  

                                                      background: none; list-style: none; color: #505050; }

ol.commentlist code                   { width: 370px; }

ol.commentlist li.alt                               {  }

ol.commentlist li.bypostauthor        { background: #e5f0f5; }

ol.commentlist li.byuser                            {  }

ol.commentlist li.comment-author-admin              {  }

ol.commentlist li.comment                           {  }

ol.commentlist li div.comment-author                { padding: 0 170px 0 0; }

ol.commentlist li div.vcard                         {  }

ol.commentlist li div.vcard cite.fn                 { font-style: normal; font-weight: bold; font-size: 14px; }

ol.commentlist li div.vcard cite.fn a.url           { color: #176687; text-decoration: none;  }

ol.commentlist li div.vcard cite.fn a.url:hover     { color: #0f5f98; }

ol.commentlist li div.vcard img.avatar              { border: 5px solid #d5d5d5; left: 7px; position:absolute; top: 7px; }

ol.commentlist li div.vcard img.avatar-32           {  }

ol.commentlist li div.vcard img.photo               {  }

ol.commentlist li div.vcard span.says               {  }

ol.commentlist li div.commentmetadata               {  }

ol.commentlist li div.comment-meta                  { font: bold 10px helvetica,arial,sans-serif; position: absolute; right: 10px; 

                                                      text-align: right; top: 5px; }

ol.commentlist li div.comment-meta a                { color: #0f5f98; text-decoration:none; }

ol.commentlist li div.comment-meta a:hover          { color: #000; }

ol.commentlist li p                                 { margin: 0 0 1em; }

ol.commentlist li ul                                { list-style: square; margin: 0 0 1em; padding: 0; text-indent: 0; }

ol.commentlist li div.reply                         { background: #999; border:1px solid #666; -moz-border-radius: 2px; font-size: 10px;

                                                      -webkit-border-radius: 2px; color:#fff; padding: 1px 3px; margin: 0 0 10px 0;

                                                      width: 40px; text-align: center; }

ol.commentlist li div.reply:hover                   { background: #02aefe; border: 1px solid #0083c0; }

ol.commentlist li div.reply a                       { color:#fff; text-decoration: none; text-transform: uppercase; }

ol.commentlist li ul.children                       { list-style:none; margin:1em 0 0; text-indent:0; }

ol.commentlist li ul.children li                    {  color: #505050;  }

ol.commentlist li ul.children li.alt                {  }

ol.commentlist li ul.children li.bypostauthor       { background: #e5f0f5; }

ol.commentlist li ul.children li.byuser             {  }

ol.commentlist li ul.children li.comment            {  }

ol.commentlist li ul.children li.comment-author-admin {}

ol.commentlist li ul.children li.depth-2            { margin:0 0 .25em; }

ol.commentlist li ul.children li.depth-3            { margin:0 0 .25em; }

ol.commentlist li ul.children li.depth-4            { margin:0 0 .25em; }

ol.commentlist li ul.children li.depth-5            {  }

ol.commentlist li ul.children li.odd                {  }

ol.commentlist li.even                              { background:#f6f6f6; }

ol.commentlist li.odd                               { background:#eaeaea; }

ol.commentlist li.parent                            {  }

ol.commentlist li.pingback                          {  }

ol.commentlist li.pingback.parent                   {  }

ol.commentlist li.pingback div.vcard                { padding:0 170px 0 0; }

ol.commentlist li.thread-alt                        {  }

ol.commentlist li.thread-even                       {  }

ol.commentlist li.thread-odd                        {  }