/*
Theme Name: WCPv4
Theme URI: http://www.whochrisporter.com/
Description: WCPv4.
Version: 4.0
Author: Chris Porter
Author URI: http://www.whochrisporter.com/
Tags: grey, simple, minimalist, slick

*/

BODY {
	background: url(images/background.jpg) no-repeat rgb(234,234,234) left top fixed;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #7a7a7a;
	margin: 0;
	padding: 0;
	font-size: 1em;
}

A {
	color: #cb4747;
	text-decoration: none;
}

A:hover {
	color: #f55656;
	text-decoration: none;
}

A IMG {border: 0;}

H2 {
	font-size: 1.6em;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}
	
H3 {
	font-size: 1.3em;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}

#wrap {
	width: 960px;
	height: auto;
}

#masthead {
	background: url(images/masthead-bg.png) no-repeat;
	width: 960px;
	height: 170px;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
}

	#masthead .logo {
		background: url(images/masthead-logo.gif) no-repeat;
		width: 576px;
		height: 26px;
		margin: 94px 0 0 25px;
		overflow: hidden;
		text-indent: -1000px;
		display: block;
		float: left;
	}
	
	#masthead .followMe {
		width: auto;
		height: 40px;
		float: right;
		margin: 89px 0 0 0;
	}
	
		#masthead .followMe .left {
			background: url(images/masthead-follow-left.gif) no-repeat;
			width: 115px;
			height: 40px;
			float: left;
		}
		
		#masthead .followMe .mid {
			background: url(images/masthead-follow-mid.gif) repeat-x;
			width: auto;
			height: 40px;
			padding: 0px 3px;
			float: left;
		}
		
			#masthead .followMe .mid A {
				width: 23px;
				height: 23px;
				display: block;
				margin: 10px 0 0 0;
				float: left;
				overflow: hidden;
				text-indent: -1000px;
			}
			
			#masthead .followMe .mid A.twitter {
				background: url(images/masthead-follow-twitter.gif) no-repeat;
				margin-right: 15px;
			}
			
			#masthead .followMe .mid A.facebook {
				background: url(images/masthead-follow-facebook.gif) no-repeat;
				margin-right: 15px;
			}
			
			#masthead .followMe .mid A.linkedin {
				background: url(images/masthead-follow-linkedin.gif) no-repeat;
			}
		
		#masthead .followMe .right {
			background: url(images/masthead-follow-right.gif) no-repeat;
			width: 20px;
			height: 40px;
			float: left;
		}
		
#content {
	width: 935px;
	height: auto;
	padding: 205px 0 0 25px;
	position: relative;
	z-index: 1;
}

	#content .post {
		width: 935px;
		height: auto;
		margin: 0 0 60px 0;
		float: left;
	}
	
		#content .post .postLeft {
			width: 247px;
			height: auto;
			float: left;
		}
		
			#content .post .postLeft .cfiBG {
				background: url(images/post-image-bg.gif) no-repeat 4px 4px;
				width: 247px;
				height: 137px;
				float: left;
			}
			
			#content .post .postLeft .date {
				background: url(images/misc-divider.gif) right top no-repeat;
				width: 247px;
				padding: 0;
				float: right;
				text-align: right;
				margin: 10px 0 0 0;
			}
			
				#content .post .postLeft .date .month {
					font-size: 4em;
					color: #525252;
					font-weight: bold;
				}
				
				#content .post .postLeft .date .day {
					font-size: 2em;
					color: #7a7a7a;
				}
		
		#content .post .postRight {
			width: 640px;
			height: auto;
			float: left;
			padding: 0 0 0 30px;
		}
		
			#content .post .postRight H2 A {
				font-size: 1.6em;
				color: #525252;
				font-weight: normal;
			}
			
				#content .post .postRight .entry P {
					font-size: 1.1em;
					font-weight: normal;
					line-height: 1.5em;
				}
			
			#content .post .postRight P.postmetadata {
				margin: 10px 0 0 0;
			}
			
				#content .post .postRight .postmetadata .commentCount {
					background: url(images/post-comment-bg.png) no-repeat;
					width: 62px;
					height: 65px;
					display: block;
					text-align: center;
					float: left;
				}
				
					#content .post .postRight .postmetadata .commentCount .cno {
						margin-left: -13px;
						font-size: 1.7em;
						color: #ffffff;
						top: 6px;
						position: relative;
					}
				
				#content .post .postRight .postmetadata .metainfo {
					margin: 4px 0 0 9px;
					display: block;
					float: left;
					font-size: 1em;
					line-height: 1.8em;
				}
				
			#content .post .postRight .commentArea {
				width: 620px;
				margin: 40px 0 0 0;
				float: left;
				background: url(images/misc-divider.gif) repeat-x left top;
				padding: 10px 0 0 18px;
			}
			
				#content .post .postRight .commentArea #respond {
					margin: 0 0 20px 0;
					float: left;
				}
				
					#content .post .postRight .commentArea #respond H3 {
						margin: 20px 0 20px 0;
					}
				
					#content .post .postRight .commentArea #respond .formPart {
						width: 222px;
						float: left;
					}
					
					#content .post .postRight .commentArea #respond .formPart P.label {
						margin: 0 0 4px;
						padding: 0;
						font-size: 1.1em;
					}
					
					#content .post .postRight .commentArea #respond .formPart INPUT.regInput {
						background: url(images/input-bg-whole.jpg) no-repeat;
						width: 164px;
						height: 32px;
						border: 0;
						padding: 8px 8px 0 8px;
						font-family: Georgia, "Times New Roman", Times, serif;
						color: #666666;
					}
					
					#content .post .postRight .commentArea #respond .formPartTextArea {
						width: 100%;
						float: left;
						margin: 10px 0 0;
					}
					
					#content .post .postRight .commentArea #respond .formPartTextArea P.label {
						margin: 0 0 4px;
						padding: 0;
						font-size: 1.1em;
					}
					
					#content .post .postRight .commentArea #respond .formPartTextArea TEXTAREA.regTextArea {
						background: url(images/textarea-bg-whole.jpg) repeat-x rgb(222,223,223);
						border: 1px solid #d5d5d5;
						padding: 8px 1px 0 8px;
						font-family: Georgia, "Times New Roman", Times, serif;
						color: #666666;
						line-height: 1.5em;
						width: 390px;
						height: 100px;
					}
					
					#content .post .postRight .commentArea #respond .formPartTextArea INPUT.commentSubmit {
						background: url(images/submit-bg.jpg) no-repeat;
						border: 0;
						width: 402px;
						height: 45px;
						margin: 10px 0 0 0;
						cursor: pointer;
					}
					
			#content .post .postRight .commentArea H3.readComments {
				background: url(images/misc-divider.gif) repeat-x left top;
				width: 620px;
				padding: 20px 0 0 0;
				font-size: 1.3em;
				font-weight: normal;
				margin: 20px 0 0 0;
				float: left;
			}
			
			#content .post .postRight .commentArea OL.commentList {
				width: 638px;
				float: left;
				list-style: none;
				padding: 10px 0 0 0;
				margin: 0;
			}
			
			#content .post .postRight .commentArea OL.commentList LI {
				width: 400px;
				float: left;
				background: url(images/misc-divider.gif) repeat-x left bottom;
				padding: 0 0 10px 0;
				margin: 0 0 10px 0;
				line-height: 1.2em;
			}
				
				#content .post .postRight .commentArea OL.commentList .fn {
					font-style: normal;
				}
				
				#content .post .postRight .commentArea OL.commentList .comment-meta {
					padding: 0 0 0 45px;
					font-size: .8em;
				}
				
				#content .post .postRight .commentArea OL.commentList .avatar {
					margin-right: 10px;
					top: 20px;
					position: relative;
				}
				
				#content .post .postRight .commentArea OL.commentList .moderation {
					margin-left: 45px;
					font-size: .75em;
					color: black;
					font-style: normal;
				}
				
				#content .post .postRight .commentArea OL.commentList P {
					margin-left: 45px;
					font-size: 1em;
					line-height: 1.4em;
				}

				
	#content .ads {
		background: url(images/misc-divider.gif) repeat-x left top;
		width: 100%;
		height: 125px;
		display: block;
		margin: 0 0 60px 0;
		float: left;
	}
	
		#content .adsInner {
			background: url(images/misc-divider.gif) repeat-x left bottom;
			width: 100%;
			display: block;
			padding: 18px 0;
			text-align: center;
		}
		
			#content .adsInner.adsArea {
				background: url(images/misc-divider.gif) repeat-x left bottom;
				width: 716px;
				display: block;
				margin: 0 auto;
			}
			
				#content .adsInner .adsArea A {
					margin: 0 20px 0 0;
				}
				
	#footer {
		width: 936px;
		height: auto;
		position: relative;
		z-index: 1;
		background: url(images/misc-divider.gif) repeat-x left top;
		float: left;
		padding: 0 0 30px 0;
		float: left;
		margin: 0;
	}
	
		#footerInner {
			height: auto;
			padding: 25px 0 25px 5px;
			float: left;
			width: 100%;
		}
	
			#footer #footerInner #footerSections {
				width: 300px;
				float: left;
				height: auto;
				margin-right: 17px;
			}
			
			#footer #footerInner .last {
				margin-right: 0px !important;
			}
			
				#footer #footerInner #footerSections H3 {
					background: url(images/misc-icon-h3.gif) no-repeat;
					height: 24px;
					text-indent: 30px;
					font-size: 1.3em;
					font-weight: normal;
					color: #525252;
					padding: 1px 0 0 0;
					margin: 0 0 20px 0;
				}
				
				#footer #footerInner #footerSections UL.bulleted {
					list-style: none;
					margin: 0 0 0 12px; 
					padding: 0;
				}
				
				#footer #footerInner #footerSections UL.bulleted LI {
					background: url(images/misc-icon-bullet.gif) no-repeat left 7px;
					padding: 0 0 10px 18px;
					width: 270px;
					font-size: 14px;
					line-height: 1.5em;
					margin: 0 0 10px 0;
					border-bottom: 1px solid #dedede;
				}
				
				#footer #footerInner #footerSections UL.meta {
					list-style: none;
					margin: 0 0 0 12px; 
					padding: 0;
				}
				
				#footer #footerInner #footerSections UL.meta LI {
					padding: 0 0 10px 15px;
					width: 270px;
					font-size: 1.2em;
					line-height: 1em;
					margin: 0 0 10px 0;
					border-bottom: 1px solid #dedede;
				}
				
				#footer #footerInner #footerSections UL.meta LI .rssImage {
					padding: 8px 12px 0 0;
					position: relative;
				}
				
				#footer #footerInner #footerSections UL.meta LI A.rss {
					color: #d77a00;
					font-size: 1.3em;
					position: relative;
					top: -3px;
				}
				
				#footer #footerInner #footerSections UL.meta LI .search {
					margin: 0;
					padding: 0;
					height: 32px;
					width: auto;
				}
				
				#footer #footerInner #footerSections UL.meta LI .search .left {
					background: url(images/input-bg-left.jpg) no-repeat;
					width: 6px;
					height: 32px;
					float: left;
				}
				
				#footer #footerInner #footerSections UL.meta LI .search .mid {
					background: url(images/input-bg-mid.jpg) repeat-x;
					width: auto;
					height: 32px;
					float: left;
				}
				
					#footer #footerInner #footerSections UL.meta LI .search .mid .searchInput {
						background: none;
						border: 0;
						padding: 8px 8px 0 8px;
						width: 195px;
						font-family: Georgia, "Times New Roman", Times, serif;
						color: #666666;
					}
				
				#footer #footerInner #footerSections UL.meta LI .search .submitButton {
					background: url(images/input-bg-right.jpg) no-repeat;
					width: 36px;
					height: 32px;
					float: left;
					border: 0;
					cursor: pointer;
				}
				
				#footer #footerInner #footerSections UL.meta LI .copy {
					font-size: 13px;
				}
				
.trackbacksOption {
	float: left;
	display: block;
	margin: 20px 0 0 10px;
	font-size: .8em;
	width: 100%;
	text-indent: 61px;
}

.pagetitle {
	margin: 0 0 40px 0;
	background: url(images/misc-divider.gif) left bottom repeat-x;
	width: 100%;
	padding: 0 0 5px 0;
}

.navigation {
	margin: 0 0 20px 0;
	font-size: 1.6em;
}

H2.center {
	margin: 0 0 40px 0;
}