/*

Theme Name: BrianYerkes v2

Description: Classically contemporary

Version: 2

Author: Brian Yerkes

Author URI: http://BrianYerkes.com/

*/



* { padding:0; margin:0}



code {  background:#fcf5d6; color:#333; display:block; padding:20px; border:2px dotted #cfe4e5}



.clear { clear:both;}



img { border:none;}



p { margin:10px 0 10px 0; font-size:14px; line-height:20px; color:#676767; text-align:justify;}



body { background:url(/version2/graphics/bg.jpg) repeat-x #FFF; font-family:Verdana, Arial, Helvetica, sans-serif;}



h1 {}

h2 {}

h3 { font-size:20px; color:#3d837e; margin-top:20px;}

h4 {}

h5 {}



#header { background:url(/version2/graphics/bg-header.jpg) center top no-repeat; margin:auto; width:1140px;}



#header-logo { float:left; width:284px; height:253px;}



#header-rss { float:right; width:800px; height:101px; text-align:right;}



#header-brian { float:right; width:271px; background:url(/version2/graphics/hdr-brian.jpg); height:94px; margin:40px 25px 0 0;}



#mainnav { float:left; width:500px; margin-top:75px; margin-left:20px;}



ul#nav li {

			display:block;

			float:left;

			}

			ul#nav li a {

				display:block;

				outline:none;

				width:34px;height:23px;

				background:transparent url(/version2/graphics/nav-bg.png) no-repeat 0 0;

				text-indent:-9009px;

				margin:0 45px 0 0;

				}

			

				ul#nav li a:hover {background-position:0 -80px}

			

			ul#nav li#home-nav a {

				width:47px;

				background-position:0 0;

				}

				ul#nav li#home-nav a:hover {

					background-position:0 -26px

					}

			ul#nav li#aboutme-nav a { 

				width:81px;

				background-position:-54px 0;

				margin-right:60px;

				}

				ul#nav li#aboutme-nav a:hover {

					background-position:-54px -26px;

					}

			ul#nav li#portfolio-nav a {

				width:81px;

				background-position:-145px 0;

				}

				ul#nav li#portfolio-nav a:hover {

					background-position:-145px -26px

					}

			ul#nav li#contactme-nav a {

				width:105px;

				background-position:-228px 0;

				margin-right:0;

				}

				ul#nav li#contactme-nav a:hover {

					background-position:-228px -26px

					}

					

#page { width: 1140px; margin:auto;}



#left { float:left; width:780px; margin-left:35px; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(/version2/graphics/bg-page.jpg) top right no-repeat; padding-top:15px;}



#seperator { float:left; width:20px; background:url(/version2/graphics/bg-sidebar.jpg) no-repeat right; height:400px; margin-top:40px;}



#sidebar { float:right; width:271px; margin-right:25px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#858584; text-align:justify;}



#banners {float:left; margin-bottom:15px;}

#dropdownlinks { float:left; width:271px;}



.pjust a { color:#3d837e; font-size:12px;}



#sublinks { margin-bottom:25px;}

#sublinks ul { list-style:none;}

#sublinks li { padding:5px 0 0 55px; margin:10px 0 10px 0;}

#sublinks li a { padding-bottom:3px; border-bottom:2px dotted #7ac3bf; text-decoration:none; color:#858584;}

#sublinks li a:hover { color:#7ac3bf}



.subemail { background:url(/version2/graphics/icon-email.jpg) no-repeat left; }

.subrss { background:url(/version2/graphics/icon-rss.jpg) no-repeat left;}

.follow { background:url(/version2/graphics/icon-twitter.jpg) no-repeat left;}



#sidebar h4 a { width:251px; border:2px dotted #7ac3bf; font-size:16px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; padding:8px; margin:8px 0 8px 0; display:block; color:#858584; text-decoration:none;outline:none;}

#sidebar h4 a:hover { background:url(/version2/graphics/bg-view.jpg) right no-repeat;}



.allcats { margin:-10px 0 0 0; width:251px; border-left:2px dotted #7ac3bf; border-right:2px dotted #7ac3bf; border-bottom:2px dotted #7ac3bf; background:#FFF; padding:8px;}

.allcats ul, .allcats2 ul {margin-left:25px; list-style:none; }

.allcats li, .allcats2 li { list-style-image:url(/version2/graphics/bullet-orange.jpg); padding-left:20px; margin-bottom:10px; text-align:left;}

.allcats li a, .allcats2 li a { text-decoration:none; color:#858584; text-align:left; display:block;}

.allcats li a:hover, .allcats2 li a:hover { color:#7ac3bf}



#sidebar h3 { font-size:16px; font-weight:normal; padding:15px 0 0px 10px; color:#2d7975}

.videos-worth { background:url(/version2/graphics/bg-video.jpg) no-repeat; width:248px; height:40px; margin-top:20px;}



.recentposts { background:url(/version2/graphics/bg-recent.jpg) no-repeat; width:248px; height:40px; margin-top:20px;}

#recentposts { width:271px; line-height:20px;}

#related-list ul { list-style:none; margin-left:10px; line-height:14px;}

#related-list li { margin:10px 0 10px 0; padding:0;}

#related-list li a { text-decoration:none; color:#858584; line-height:16px; text-align:left;}

#related-list li a:hover { color:#7ac3bf}



.datecomments { margin-top:10px; float:left; width:745px;}

.datebubble { background:url(/version2/graphics/bg-comments.jpg) no-repeat center; padding:20px 20px 25px 20px; width:70px; height:20px;}

.datebubble a { color:#FFFFFF; text-decoration:none;}



.date { float:left; background:url(/version2/graphics/bg-date.jpg) no-repeat bottom left; width:560px; height:29px; padding:20px 0 0 10px; color:#327c76; font-size:12px;}

.post-comments { float:right; font-size:14px; text-align:center;}

.post-comments a { width:143px; height:35px; background:url(/version2/graphics/bg-comments.jpg) no-repeat right top; display:block; padding-top:36px; padding-right:22px; text-align:right; color:#FFF; text-decoration:none; margin-top:-15px;}

.post-comments a:hover { background:url(/version2/graphics/bg-addcomment.jpg) no-repeat right top; text-decoration:underline;}



#left h2 { font-size:24px; color:#3d837e; font-weight:normal; margin-bottom:15px;}

#left h2 a {color:#3d837e;; text-decoration:none;border-bottom:2px dotted #FFF; display:block}

#left h2 a:hover { color:#3d837e; border-bottom:2px dotted #858584}

#left ol { font-size:12px; margin-left:20px; color:#696969; line-height:18px;}



#logo-folio ul { list-style:none; display:inline; float:left}

#logo-folio li { display:inline; float:left;}

#logo-folio img {padding-bottom:5px; padding-right:25px;}



.postcontent { width:735px; float:left;}

.postcontent p { font-size:12px;}

.postcontent p a { border-bottom:2px dotted #999}

.postcontent p a:hover { border-bottom:2px solid #999; text-decoration:none;}

.postcontent ul { margin-left:20px; font-size:12px; color:#696969; line-height:18px; text-align:justify;  }

.postcontent li { padding-bottom:20px;}



.post-thumb { float:left; width:149px; height:100px; text-align:center; background:url(/version2/graphics/bg-thumb.jpg) no-repeat; padding:10px; margin-right:15px;} 

.postexcerpt { width:735px; font-size:14px; line-height:24px; color:#858584; text-align:justify;}

.postexcerpt a { color:#3d837e; text-decoration:underline; font-size:11px;}



#footer-container { width:100%; background:url(/version2/graphics/bg-footer.jpg) repeat-x bottom;}

#footer { width:1140px; margin:auto; background:url(/version2/graphics/bg-footermain.jpg) no-repeat left; height:261px;}



#footer-left { float:left; width:460px; margin:97px 0 0 30px; font-size:12px;}

#footer-left ul { list-style:none; margin-left:0px; margin-top:35px;}

#footer-left li { margin:0; font-size:10px; font-style:italic; color:#999999; line-height:18px; padding:5px 0 5px 0}

#footer-left li a { padding-bottom:3px; border-bottom:2px dotted #7ac3bf; text-decoration:none; color:#666666; font-size:10px; font-style:normal;}

#footer-left li a:hover { color:#333333;border-bottom:2px solid #7ac3bf;}



#footer h5 { font-size:18px; font-weight:normal; color:#2d7975}



#footer-left2 { float:left; width:236px; height:145px; margin:97px 0 0 50px; font-size:12px; text-align:left;}

#footer-left2 img { margin-top:35px;}





.buttonsfloat { float:left; margin-right:10px;}



.postmetadata { width:315px; border:2px dotted #7ac3bf; height:70px; float:left; padding:10px; font-size:12px; color:#858584; margin-top:20px; }

.postmetadata a { color:#7ac3bf}



.post-subs { width:360px; border:2px dotted #7ac3bf; height:70px; float:right; padding:10px; font-size:18px; color:#858584; margin-right:0px; margin-top:20px; background:url(/version2/graphics/bg-subs.jpg) bottom right no-repeat}

.post-subs a { color:#FF6600;}



#relatedposts { width:744px; background:url(/version2/graphics/bg-related-attime.jpg) no-repeat; height:250px;}

#related-list { float:left; margin:80px 0 0 20px; font-size:12px; color:#858584; width:304px;}



#whatdoing { float:left; width:347px; margin:80px 0 0 40px; font-size:12px; color:#858584 }

#whatdoing ul { margin:0 0 0 10px; list-style:none; text-align:left;}

#whatdoing li { margin:12px 0 12px 0; padding:0;}

#whatdoing li a { color:#7ac3bf; text-decoration:none; border-bottom:1px dotted #7ac3bf; padding-bottom:2px;}

#whatdoing li a:hover { text-decoration:none; border-bottom:1px solid #7ac3bf}



/*COMMENTS*/



.commentscontainer {float:left; width:740px; background:none;}

.singlecomment{ float:left; background:url(/version2/graphics/bg-commentlist.jpg) no-repeat right top; width:700px; margin-bottom:20px; padding:10px 10px 10px 30px;}

.avatar-custom { margin-right:20px; float:left; padding-top:20px;}

.commenttext { float:left; width:581px; padding-top:10px; font-size:12px; font-weight:normal; line-height:18px; color:#696969}

.commenttext p { font-size:12px; line-height:18px; margin:10px 0 10px 0; color:#696969}

.commenttext a, .postcontent a { color:#2c7b7e; text-decoration:none; border-bottom:1px dotted #c2c7b7e}



.twitter-link { font-size:11px; color:#666666; float:left; width:200px; padding-top:4px; }

.twitter-link a { color:#2c7b7e; text-decoration:none; border-bottom:1px dotted #2c7b7e;}



.authorlink { font-size:12px; font-style:italic; color:#2d7975; font-weight:normal; float:left; width:302px;} 

.authorlink a { font-size:12px; color:#2d7975; font-weight:normal; font-style:normal; text-decoration:none; font-weight:bold;}



.commentdate-author { float:right; width:181px; font-size:10px; color:#999999; padding-top:5px; text-align:right; margin-right:10px;}



.commentsheader {float:left; width:100%; height:30px; background:url(/version2/graphics/bg-comments2.jpg) bottom left no-repeat; padding-top:20px; margin-bottom:20px;}

#leavecomment { float:left; width:221px; height: 27px; background:url(/version2/graphics/bg-addyourcomment.jpg) no-repeat;}



#comment-form { background:url(/version2/graphics/bg-commentform.jpg) no-repeat right top; width:740px; padding-top:60px;}



.label { float:left; width:150px; height:33px; margin-bottom:18px;}

.inputfield { float:left; width:222px; height:33px; font-size:11px; margin-bottom:20px;}

.inputfield input { border:none; width:212px; height:18px; padding:5px; margin-top:4px; background:none; color:#3d837e}



.alllabels { float:left; width:150px; font-size:11px; padding-top:15px;}

.allformfields { float:left; width:245px; padding-top:5px;}



.textarea { float:right; width:265px; margin:10px 38px 0 0;}

.textarea textarea { width:265px; height:200px; background:none; border:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#3d837e}



.moderation { float:left; font-size:14px; background:#D8F3F2; padding:10px; color:#666666;}



.comment-form submit { float:right;}
.commentlist { float:left; width:100%}


/*CLOSE COMMENTS*/



.reply { width:740px; float:left;}



small { font-size:10px; color:#858584}

small a { color:#858584; text-decoration:none; border-bottom:1px dotted #858584; padding-bottom:1px;}



#companyplug { font-size:10px;}

#companyplug a { color:#858584}



.sticky {

	background: #f7f7f7;

	padding: 0 10px 10px;

	}

.sticky h2 {

	padding-top: 10px;

	}



code {

	font: 1.1em 'Courier New', Courier, Fixed;

	}



acronym, abbr, span.caps

{

	font-size: 0.9em;

	letter-spacing: .07em;

	}



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;

	}



#searchform {

	margin: 10px auto;

	padding: 5px 3px;

	text-align: center;

	}



#sidebar #searchform #s {

	width: 108px;

	padding: 2px;

	}



#sidebar #searchsubmit {

	padding: 1px;

	}



.entry form { /* This is mainly for password protected posts, makes them look better. */

	text-align:center;

	}



select {

	width: 130px;

	}

	

#respond { float:left; margin-top:20px;}

	

#respond:after {

		content: "."; 

	    display: block; 

	    height: 0; 

	    clear: both; 

	    visibility: hidden;

	}

#commentform #submit {

	margin: 0 0 5px auto;

	float: right;

	}



.alt {

	margin: 0;

	padding: 10px;

	}



blockquote {

	margin: 15px 30px 0 10px;

	padding: 10px;

	border-left: 5px solid #ddd;

	background:url(/graphics/bg-block.gif) repeat;

	}



blockquote cite {

	margin: 5px 0 0;

	display: block;

	}



.center {

	text-align: center;

	}



.hidden {

	display: none;

	}

	

.screen-reader-text {

     position: absolute;

     left: -1000em;

}



a img {

	border: none;

	}





.posthdr { width:684px; height:112px; background:url(/version2/graphics/bg-postimage.jpg) no-repeat; padding:25px; margin-left:-10px}