/* ----------------------------------------------------------

	Paradiddle: Global CSS

----------------------------------------------------------- */

	.paradiddle{
		color: #333;
		background: url("../../media/images/global_bg.jpg") bottom center repeat-x #000033;
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 13px;
		margin: 0;
		padding: 0;
	}
	
	.paradiddle-alleyway{
		color: #333;
		background: url("../../media/images/alleyway_bg.jpg") 0 0 repeat-x #000033;
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 13px;
		margin: 0;
		padding: 0;
	}
	
	.paradiddle-cover{
		color: #333;
		background: url("../../media/images/cover_bg.jpg") 0 0 repeat-x #000033;
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 13px;
		margin: 0;
		padding: 0;
	}
	
	.paradiddle-tips{
		color: #333;
		background: url("../../media/images/tips_bg.jpg") 0 0 repeat-x #000033;
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 13px;
		margin: 0;
		padding: 0;
	}
	
	.hide{ display: none; }
	.clear{ clear: both;} .clearL{clear: left;} .clearR{clear: right;}
	img { border: none; }
	
	
/* ----------------------------------------------------------

	Text & Links

----------------------------------------------------------- */

	h1{
		color: #000;
		font-family: Georgia, Times, serif;
		font-size: 30px;
	}
	
	h2{
		color: #003366;
		font-family: Georgia, Times, serif;
		font-size: 24px;
		font-weight: normal;
		font-style: italic;
		margin-bottom: 5px;
		padding: 0;
		text-transform: lowercase;
	}
	
		.about-h{ background: url("../../images/headers/about-h.gif") top left no-repeat #fff; height: 71px; text-indent: -9999px; width: 234px;}
	
	h3{
		color: #003366;
		font-family: Georgia, Times, serif;
		font-size: 17px;
		font-style: italic;
		font-weight: normal;
		margin-left: 10px;
		text-transform: lowercase;
	}
	
	h4{
		color: #003366;
		font-family: Georgia, Times, serif;
		font-size: 17px;
		font-style: italic;
		font-weight: normal;
		text-transform: lowercase;
	}
	
	h5{
		color: #000;
		font-family: Georgia, Times, serif;
		font-size: 12px;
		font-style: italic;
		font-weight: normal;
		margin: 1px;
		padding: 0;
		text-transform: lowercase;
		
	}
	
	a{ color: #003366; text-decoration: underline; }
	a:hover{ text-decoration: none; }
	
	.contentIndent{ margin-left: 20px; }
	.indent{ margin-left: 15px; }
	
	.left{float: left; font-size: 11px; width: 210px;}
	.right{float: right; font-size: 11px; width: 210px}
	

/* ----------------------------------------------------------

	Site Sections

----------------------------------------------------------- */

.container{
	background: url("../../media/images/header_bg.jpg") 0 0 no-repeat #fff;
	border: 10px solid #fff;
	height: 100%;
	margin: 20px auto;
	width: 767px;
}

/* Head & Nav */

	#head{
		background-color: transparent;
		float: right;
		height: 200px;
		position: relative;
		text-align: right;
		width: 767px;
	}
	
		#headNav{
			background-color: transparent;
			float: right;
			padding: 10px 20px 0 0;
			position: relative;
		}
		
			#headNav a{ color: #fff; font-size: 12px;}
		
			#headNav ul { list-style-type: none; margin: 0 auto; }
			#headNav li {display: inline; }
			#headNav li a{ background-color: transparent; padding: 0; position: relative;}
			
		#mainNav{
			background-color: transparent;
			clear: right;
			float: right;
			padding: 35px 20px 0 0;
			position: relative;
		}
		
			#mainNav a{ color: #fff; font-family: Georgia, Times, serif; font-size: 22px; font-style: italic; text-decoration: none;}
		
			#mainNav ul { list-style-type: none; margin: 0 auto; }
			#mainNav li {display: inline; }
			#mainNav li a{ background-color: #000033; border: 1px solid #000033; margin-left: 5px; padding: 9px; position: relative;}
				#mainNav li a:hover{ background-color: #fff; border: 1px solid #fff; color: #000033;}
			

		/* .longAd{background: url("../../media/images/ad.gif") 0 0 no-repeat #fff; height: 60px; margin: 35px 0 0 272px; position: relative; width: 468px;}*/
		.shortAd{background: url("../../media/images/banner180x150_anim.gif") 0 0 no-repeat #fff; height: 150px; margin-left: 15px; position: relative; width: 180px;}
		
/* Main */

	#main{
		background-color: transparent;
		clear: right;
		margin: 0 auto;
		position: relative;
		width: 767px;;
	}
	
		.featuredHeader{
			background: url("../../media/images/featured_bg.jpg") top left no-repeat transparent;
			height: 266px;
			margin: 0 auto;
			position: relative;
			width: 741px;
		}
		
			.featuredHeaderLeftCol{
				
				float: left;
				height: 250px;
				margin: 0 auto;
				padding: 5px;
				position: relative;
				width: 410px;
			}
			
			.featuredHeaderRightCol{
				color: #666;
				float: left;
				font-size: 12px;
				height: 250px;
				padding: 4px;
				position: relative;
				width: 300px;
			}
			
		.alleywayShowHeader{
			background: url("../../media/images/alleyway_header.jpg") top left no-repeat transparent;
			height: 175px;
			margin: 0 auto;
			position: relative;
			width: 741px;
		}
		
		.coverShowHeader{
			background: url("../../media/images/cover_header.jpg") top left no-repeat transparent;
			height: 175px;
			margin: 0 auto;
			position: relative;
			width: 741px;
		}
		.tipsShowHeader{
			background: url("../../media/images/tips_header.jpg") top left no-repeat transparent;
			height: 175px;
			margin: 0 auto;
			position: relative;
			width: 741px;
		}
		
		.aboutHeader{
			background: url("../../media/images/about_header.jpg") top left no-repeat transparent;
			height: 175px;
			margin: 0 auto;
			position: relative;
			width: 741px;
		}
		
		.blogHeader{
			background: url("../../media/images/blog_header.jpg") top left no-repeat transparent;
			height: 175px;
			margin: 0 auto;
			position: relative;
			width: 741px;
		}

		.contactHeader{
			background: url("../../media/images/contact_header.jpg") top left no-repeat transparent;
			height: 175px;
			margin: 0 auto;
			position: relative;
			width: 741px;
		}

			
		#mainContent{
			background-color: transparent;
			height: 100%;
			margin: 0 15px;
			position: relative;
			width: 720px;
		}
		
			.mainContentLeftCol{
				float: left;
				padding-right: 25px;
				position: relative;
				width: 490px;
			}
			
			.mainContentRightCol{
				float: left;
				padding-left: 10px;
				position: relative;
				width: 195px;
			}
			
				.mainContentRightCol a { font-size: 11px;}
			
				input.righcolTextbox{ background-color: #fff; border: 1px solid #000033; float: right; width: 120px;}
				label {display: block; float: left; }
				#signin{color: #fff; background-color: #003366; border: 1px solid #003366; margin-left: 140px; text-align: right;}
				
				.showArchive{margin-left: 15px; padding-bottom: 80px;}
				.archiveFloat{float: left; padding-right: 5px;}
				
				.comments{height: 250px; width: 250px;}
			
		#footer{
			background: url("../../media/images/footer_bg.png") top center no-repeat #FFF;
			color: #333;
			font-family: Georgia, Times, serif;
			font-size: 11px;
			height: 274px;
			margin: 0 auto;
			padding: 0;
			position: relative;
			width: 767px;
		}
		
			.footSection{ float: left; margin: 140px 20px 0 15px;}
		
			#footer a{font-size: 11px;}
			
			#footer ul { list-style-type: none; margin: 0; padding: 0 10px;}
			#footer li a{ padding: 0; position: relative;}
