/*  
Theme Name: Custom Theme - Chris Brisson
*/


body,html{

	background: #ebebeb;
	margin: 0;
	color: #393939;
	font-family: Arial;
	font-size: 12px;
}

img{ border: 0; }


a:link, a:active, a:visited {
	
	color: #4e86ad;
	text-decoration: none;
}

a:hover { text-decoration: underline; }



#wrapper{

	width: 868px;
	margin: 0 auto;
}


/* header */
#header{

	height: 81px;
	width: 848px;
	margin: 0 auto;
	background: #ffffff;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
}
	#logo{
	
		float: left;
		margin: 12px 26px 0;
		padding: 0;
		text-indent: -5000px;
	}
		#logo a{
		
			float: left;
			background: transparent url('images/logo.jpg') no-repeat;
			width: 300px;
			height: 49px;
		}

#menu{

	background: transparent url('images/bg_menu.jpg') no-repeat;
	width: 809px;
	height: 49px;
	margin: 0 auto;
	padding: 0 30px;
	list-style: none;
}
	#menu a{
	
		padding: 0 13px;
		height: 40px;
		text-indent: -5000px;
		float: left;
		outline: none;
	}
	
	#menu a#menuHome{
	
		background: transparent url('images/btn_home.jpg') no-repeat center;
		width: 47px;
	}
		#menu a#menuHome:hover,
		#menu a#menuHome.current{ background: transparent url('images/btn_home_hov.jpg') no-repeat center; }
		
	#menu a#menuAbout{
	
		background: transparent url('images/btn_about.jpg') no-repeat center;
		width: 48px;
	}
		#menu a#menuAbout:hover,
		#menu a#menuAbout.current{ background: transparent url('images/btn_about_hov.jpg') no-repeat center; }
		
	#menu a#menuContact{
	
		background: transparent url('images/btn_contact.jpg') no-repeat center;
		width: 61px;
	}
		#menu a#menuContact:hover,
		#menu a#menuContact.current{ background: transparent url('images/btn_contact_hov.jpg') no-repeat center; }
		
	#menu a#menuProjects{
	
		background: transparent url('images/btn_projects.jpg') no-repeat center;
		width: 60px;
	}
		#menu a#menuProjects:hover,
		#menu a#menuProjects.current{ background: transparent url('images/btn_projects_hov.jpg') no-repeat center; }
		
	
	#menu #searchBox{
	
		float: right;
		margin: 7px 0 0;
	}
		#menu #searchBox .searchBtn{
		
			float: right;
			background: transparent url('images/btn_search.gif') no-repeat;
			width: 25px;
			height: 25px;
			border: 1px solid #2b6591;
			border-left: 0;
			margin: 0;
			padding: 0;
			cursor: pointer;
			float: left;
		}
		#menu #searchBox .searchText{
		
			width: 245px;
			padding: 3px 0 0 7px;
			height: 20px;
			border: 1px solid #2b6591;
			border-right: 0;
			color: #bebebe;
			font-weight: bold;
			float: left;
		}
	
	
	
/* !header */


/* content */
#content{

	width: 814px;
	margin: 0 auto;
	background: #ffffff;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	padding:  33px 17px 21px;
}

	#content #leftColumn{
	
		float: left;
		width: 498px;
		background: transparent url('images/bg_leftcolumn.jpg') no-repeat right top;
		overflow: hidden;
		padding: 0 24px 0 0;
	}
	
		#content #leftColumn h1 {

			font-family: Helvetica, Arial, sans-serif;
			font-size: 2.2em;
			font-weight: bold;
			margin: 0;
			padding: 0;
		}

		#content #leftColumn h2 {
		
			font-family: Helvetica, Arial, sans-serif;
			font-size: 1.267em;
			font-weight: bold;
			margin: 0;
			padding: 0;
		}
			#content #leftColumn h1 a, #content #leftColumn h2 a{ color: #393939; }
			#content #leftColumn h1 a:hover, #content #leftColumn h2 a:hover{ color: #4e86ad; text-decoration: none; }
	
		#content #leftColumn p.author{
		
			font-family: Georgia, Times New Roman, sans-serif;
			font-size: 12px;
			color: #7e7e7e;
			margin: 0 0 10px;
		}
			#content #leftColumn p.author span{ text-transform: uppercase; }

	
		#content #leftColumn div.entry-content{
				
			margin: 0 0 10px;
			font-family: Georgia, Times New Roman, sans-serif;
			font-size: 16px;
                        font-weight: normal;
			line-height: 1.5em;
		}

		#content #leftColumn div.entry-content img {
				
			padding: 3px;
                        background: #fff;
                        border: 1px solid #d7d7d7;
		}

	
		#content #leftColumn div.comments-stats{
				
                        background: #4e86ad url(http://www.chrisbrisson.com/wp-content/uploads/2010/03/fadeback.png) repeat-x;
			height: 28px;
			margin: 0 0 45px;
		}	

.brk {
    clear:both;
    height:1px;
    overflow:hidden
}

#commentbox {
	background: #4e86ad url(http://www.chrisbrisson.com/wp-content/uploads/2010/03/fadeback.png) repeat-x;
	font: 14px Arial, Helvetica, sans-serif;
	border: 1px solid #2b6591;
	padding: 8px 3px;
        height: 18px;
	margin: 15px 0 40px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #e7f1f6;
}

#commentbox a {
	color: #ffffff;
	padding-left: 20px;
	font-weight: bold;
	text-decoration: none;
}

#commentbox a:hover {
	text-decoration: underline;
}

#commentbox .commentleft {
	float: left;
	background: url(http://www.chrisbrisson.com/wp-content/uploads/2010/03/comment.png) no-repeat 1px 1px;
        margin-left: 10px;
	width: 55%;
}

#commentbox .retweet a {
	float: right;
        color: #fff;
	text-align:right;
}

#commentline {
	background: #4e86ad url(images/fadeback.png) repeat-x;
	border: 1px solid #2b6591;
	padding: 3px;
	margin: 15px 0 40px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
	
		#content #leftColumn div.entry-utility{
				
		}	
			#content div.comments-stats .stats{
					
				padding: 0 31px;
				line-height: 28px;
				font-size: 14px;
				font-weight: bold;
				font-family: Helvetica, Arial, sans-serif;
				color: #ffffff;
				background: #4e86ad url('images/bg_entry_commets.gif') no-repeat 12px 50%;
				float: left;
			}
				#content div.comments-stats .stats a{ color: #ffffff; }
				
			#content div.comments-stats .links{
					
				margin: 6px 0 0;
				font-weight: bold;
			}
				#content div.comments-stats .links iframe html body{
						
					text-align: right;
				}
			
			#content div.comments-stats img{
					
				vertical-align: bottom;
			}
			
			
			#content h3.title{
			
				font-size: 24px;
				margin: 0 0 23px;
				padding: 0;
				font-family: Helvetica, Arial, sans-serif;
				font-weight: bold;
				letter-spacing: -.05em;
			}
				
			#content div.entry-comments div{
			
				position: relative;
			}
				
				#content div.entry-comments div.odd{
				
					margin: 0 0 32px;
					background: #e7f1f6;
				}
					#content div.entry-comments div.odd span.num{ color: #ffffff;}
				
				#content div.entry-comments div.even{
				
					margin: 0 0 32px;
					border: 1px solid #e7f1f6;
				}
					#content div.entry-comments div.even span.num{ color: #e7f1f6;}
				
				#content div.entry-comments div.author{
				
					margin: 0 0 32px;
					background: #e9f5c7;
					border: 1px solid #a9d621;
				}
					#content div.entry-comments div.author span.num{ color: #a9d621;}
				
				#content div.entry-comments span.num{
				
					/*float: left;*/
					position: absolute;
					left: 0;
					top: 0;
					font-size: 100px;
					font-family: Helvetica, Arial, sans-serif;
					font-weight: bold;
					letter-spacing: -.05em;
					line-height: 73px;	
					z-index: 11;
				}
				
				#content div.entry-comments div.text{
				
					float: left;
					margin-left: 62px;
					width: 335px;
					overflow: hidden;
					font-family: Helvetica, Arial, sans-serif;
					font-size: 14px;
					z-index: 22;
					clear: right;
				}
				
					#content div.entry-comments div.text h4{
					
						color: #4e86ad;
						font-size: 20px;
						margin: 0;
						padding: 7px 0 0;
					}
				
					#content div.entry-comments div.text span.date{
					
						color: #4e86ad;
						font-size: 12px;
						text-transform: uppercase;
					}
			
				
				#content div.entry-comments img.avatar{
				
					float: right;
					margin: 9px 10px 0 0;
				}
				
				#content div.entry-comments div.reply{
				
					text-align: right;
					/*margin: -25px 14px 0 0;*/
					clear: left;
					position: relative;
					top: -25px;
					margin-right: 14px;
				}
				
				#content form#commentsForm{
				
					margin: 0;
					padding: 0;
				}
				
					#content form#commentsForm label{
					
						float: left;
						width: 90px;
						padding: 5px 25px 0 0;
						font-family: Helvetica, Arial, sans-serif;
						font-size: 14px;
						color: #bebebe;
						text-align: right;
						cursor: pointer;
					}
				
					#content form#commentsForm .textField,
					#content form#commentsForm .textArea{
					
						width: 376px;
					}
				
					#content .textField,
					#content .textArea{
					
						border: 1px solid #c6c6c6;
						margin: 0 0 9px;
					}
					
					#content .textField{
					
						height: 20px;
						padding-top: 3px;
					}
					
					#content form#commentsForm .textArea{ height: 160px; }
					
					#content .submitBtn{
					
						width: 168px;
						height: 27px;
						background: #538db1 url('images/bg_btn_submit.jpg') repeat-x;
						border: 1px solid #2b6591;
						color: #ffffff;
						cursor: pointer;
						font-weight: bold;
						font-size: 14px;
						
					}
					#content form#commentsForm .submitBtn{ margin-left: 115px; }
			
			
	#content #sidebar{
	
		float: left;
		width: 268px;
		overflow: hidden;
		padding: 0 0 0 24px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 14px;
		list-style: none;
		margin: 0;
	}
			
		#content #sidebar ul{
			
			margin: 0 0 30px;
			padding: 0 0 0 10px;
			list-style: none;
			line-height: 28px;
		}
			
		#content #sidebar h2{
			
			margin: 0 0 13px;
			padding: 0;
		}
			
		#content #sidebar li#about h2{
			
			background: transparent url('images/aboutchris.png') no-repeat;
			width: 191px;
			height: 17px;
			text-indent: -5000px;
		}

		#content #sidebar li#about p{

                font-size: 12px;
                line-height: 18px;
                }
			
		#content #sidebar li#allCategories h2{
			
			background: transparent url('images/bg_allcategories.png') no-repeat;
			width: 136px;
			height: 22px;
			text-indent: -5000px;
		}
			
		#content #sidebar li#popularArticles h2{
			
			background: transparent url('images/bg_poparticles.png') no-repeat;
			width: 159px;
			height: 21px;
			text-indent: -5000px;
		}
	
		
		#content #sidebar li#about img{
			
			float: left;
			margin: 3px 15px 9px 0;
		}
			
		#content #sidebar li#newsletter{
			
			background: transparent url('images/bg_newsletter.jpg') no-repeat;
			width: 258px;
			padding-top: 286px; 
			margin: 0 0 51px;
		}
			#content #sidebar li#newsletter form.inputs{
				
				text-align: right;
				background: transparent url('images/bg_newsletter_inputs.gif') no-repeat 13px 4px;
			}
			
			#content #sidebar li#newsletter .textField{
			
				width: 167px;
				color: #bebebe;
				font-weight: bold;
			}
/* !content */


/* footer */
#footer{

	background: transparent url('images/bg_footer.jpg') no-repeat;
	height: 36px;
	padding: 8px 35px 0;
}
	#footer div.nav{
	
		float: right;
	}
	
	#footer div.nav a{
	
		text-indent: -5000px;
		margin-left: 22px;
		float: left;
		height: 36px;
	}
	
		#footer div.nav a.twitter{
		
			background: transparent url('images/btn_twitter.jpg') no-repeat;
			width: 44px;
		}
		#footer div.nav a.facebook{
		
			background: transparent url('images/btn_facebook.jpg') no-repeat;
			width: 58px;
		}
		#footer div.nav a.sitemap{
		
			background: transparent url('images/btn_sitemap.jpg') no-repeat;
			width: 50px;
		}
	
	
	#footerBtm{
	
		height: 22px;
		width: 848px;
		margin: 0 auto;
		background: #ffffff;
		border-left: 1px solid #d7d7d7;
		border-right: 1px solid #d7d7d7;
		border-bottom: 1px solid #d7d7d7;
	}
/* !footer */


	
.clear{

	height: 1px;
	line-height: 1px;
	font-size: 1px;
	clear: both;
    overflow: hidden;
}

.right{ float: right; }

.left{ float: left; }