/*******************************************************************/
/* 
layout.css consists of the following sections:
	-> Tag reset: resets defaults
	-> Page structure: header, content, footer, etc.
	-> Page-per-page: differing sub-page styles
*/
/*******************************************************************/

/* ------------------------------------------------ */
/*	Tag reset										*/
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

/* ------------------------------------------------ */
/*	Page layout									*/

body {
	color: #7d7d7e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center; /* Centers the design in old versions of IE. */
	background: #000000;
	margin-top: 22px;
	margin-bottom: 22px;
}

a:link, a:visited {
	color: #da0202;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

#mainContainer {
	width: 894px;
	margin: 0 auto; /* Centers the design in modern browsers. */
	text-align: left; /* We centered the body text for IE hack, now we have to move the text back to the left. */
	background-color: #FFFFFF;
}

#header {
	background: url(images/bg-header.jpg) top no-repeat;
	height: 122px;
	padding: 11px 32px 0px 32px;
}

	#headerLogo {
		width: 835px;
		height: 74px;
		margin-bottom: 9px;
		position: relative;
	}
	
		#headerSearch {
			border: 11px solid #f0efef;
			width: 250px;
			height: 30px;
			position: absolute;
			top: 12px;
			right: 0px;
		}
		
			#searchText {
				width: 202px;
				padding: 7px;
				position: absolute;
				top: 0px;
			}
			
			#searchSubmit {
				position: absolute;
				right: 0px;
			}
	
	#headerNav {
		width: 819px;
		background-color: #333333;
		padding: 9px 0px 9px 16px;
	}
	
		#headerNav a:link, #headerNav a:visited {
			color: #FFFFFF;
			text-decoration: none;
			padding: 0px 34px 0px 0px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: bold;	
		}
		
		#headerNav a:hover {
			text-decoration: underline;
		}
	
#footer {
	background: url(images/bg-footer.jpg) bottom no-repeat;
	height: 69px;
	padding: 0px 32px 0px 32px;
}
	
	#footerNav {
		width: 819px;
		background: #333333 url(images/bg-footer-nav.gif) right no-repeat;
		padding: 9px 0px 9px 16px;
		font: Arial, Helvetica, sans-serif 12px;
		font-weight: bold;
		color: #FFFFFF;
	}

		#footerNav a:link, #footerNav a:visited {
			color: #FFFFFF;
			text-decoration: none;
			padding: 0px 0px 0px 5px;
		}
		
		#footerNav a:hover {
			text-decoration: underline;
		}	
	
#content {
	background: url(images/bg-content.jpg) repeat-y;
	padding: 11px 28px 11px 32px;
}

	#contentWide {
			width: 575px;
			float: left;
		}
		
		#contentWide .postSingle {
			border: 1px solid #d5d5d5;
			padding: 15px;
		}
		
			#contentWide .postSingle .catList {
				color: #000000;
				font-size: 11px;
			}
			
			#contentWide .postSingle p{
				margin-bottom: 10px;
			}
			
		#contentWide .postComment {
			border: 1px solid #d5d5d5;
			padding: 15px;
			margin-top: 15px;
		}
		
			#contentWide .postComment p{
				margin-bottom: 10px;
			}			
		
		#contentWide .postComment h3 {
			margin-bottom: 10px;
		}
		
		#commentFormBlock {
			background-color: #e6e6e6;
			border-top: 1px solid #636262;
			border-bottom: 1px solid #636262;
			padding: 15px;
			margin-top: 15px;
			color: black;		
		}
			#commentForm label {
				margin: 10px 0px 3px 0px;
				display: block;
			}			
			
			#commentForm input, #commentForm textarea {
				padding: 4px;
				border: 1px solid #636262;
			}
			
			#commentForm textarea {
				width: 350px;
			}
			
			#commentSubmit {
				background-color: #333333;
				margin-top: 10px;
				color: #FFFFFF;
			}
		
			#contentWide h1 {
				font-size: 18px;
				font-weight: bold;
				color: #333333;
				margin-bottom: 7px;
			}
			
			#contentWide h2 {
				font-size: 14px;
				font-weight: bold;
				color: #333333;
				margin-bottom: 7px;
				margin-top: 7px;
			}
			
				#contentWide h2.big {
					font-size: 24px;
					font-weight: bold;
					color: #7d7d7e;
					margin-top: 0px;
					margin-bottom: 0px;
					padding: 7px;
					background-color: #f0efef;
					border: 1px solid #d5d5d5;
				}
			
					#contentWide h2.big span {
						font-size: 12px;
						color: #000000;
						float: right;
						padding-top: 8px;
					}	
		
		.featuredBlock ul {
			list-style-type: none;
			border-right: 2px solid #d5d5d5;
		}
	
			.featuredBlock ul li {
				float: left;
				display: inline;
				width: 259px;
			}
			
				.featuredBlock ul li.line {
					width: 27px;
					height: 190px;
					background: url(images/bg-line.gif) no-repeat;
				}	
		
		.contentDivider {
			height: 14px;
			background: url(images/bg-divider.gif) no-repeat;
			margin-top: 15px;
			margin-bottom: 15px;
		}
		
		#welcomeBlock {
			border-right: 2px solid #d5d5d5;
			padding-right: 10px;
			width: 547px;
		}
		
			#welcomeBlock img{
				float: left;
				margin-right: 20px;
			}
			
		.postBlock {
			border-right: 2px solid #d5d5d5;
			padding-right: 10px;
			width: 547px;
		}
		
		.postBlock h3 {
			margin: 10px 0px 0px 0px;
		}	
		
		.postDate, .postMetaData {
			font-size: 0.9em;
		}
		
		.postEntry {
			margin: 10px 0px;
		}
		
		.postList {
			list-style: none;
		}				
		
	#contentNarrow {
		width: 250px;
		float: right;
	}
	
		#contentNarrow h1 {
			font-size: 18px;
			font-weight: bold;
			color: #333333;
			margin-bottom: 7px;
		}
		
		#contentNarrow h2 {
			font-size: 14px;
			color: #ff6d6d;
			font-variant: small-caps;
			margin-bottom: 7px;
		}
		
	#loginBlock, #categoryBlock, #eventsBlock, #randomBlock, #linkBlock {
		margin-bottom: 20px;
	}
	
	#loginBlock {
		background: #f0efef;
		padding: 10px;
	}
	
		 #loginBlock input {
			width: 216px;
			padding: 7px
		}
		
		#loginSubmit {
			text-align: right;
		}
		
		#loginSubmit input {
			width: auto;
			background-color: #333333;
			color: #FFFFFF;
			padding: 3px;
		}
		
		#loginBlock p {
			margin-bottom: 7px;
		}
	
	#categoryBlock, #linkBlock {
		color: #333333;
	}	
	
		#categoryBlock ul, #linkBlock ul, ul.postList {
			list-style: inside square;
			margin-left: 3px;
		}
		
		#categoryBlock ul li, #linkBlock ul li, ul.postList li {
			padding-bottom: 7px;
		}	
		
		#categoryBlock a:link, #categoryBlock a:visited, #linkBlock a:link, #linkBlock a:visited {
			color: #da0202;
			text-decoration: none;
			font-weight: bold;
			display: inline;
		}
		
		#categoryBlock a:hover, #linkBlock a:hover {
			text-decoration: underline;
		}			
	
	#randomBlock {
		border: 1px solid #ffd5d5;
		
		padding: 10px;
		color: #ff4040;
		font-size: 11px;
	}
	
		#randomBlock span{
			font-style: italic;
		}
		
		#randomBlock a:link, #randomBlock a:visited {
			color: #ff4040;
			display: block;
			text-decoration: none;
			margin-top: 7px;
			background: url(images/arrow-quote.gif) no-repeat left;
			font-weight: normal;
		}
		
		#randomBlock a:hover {
			text-decoration: underline;
		}
	
.clearBoth {
	clear: both;
}

.clearLeft {
	clear: left;
}

/** Events Calendar **/
#wp-calendar {
	border: 1px solid #f0efef;
	padding: 4px 7px 4px 7px;
}