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

	doc title: stylesheet
	filename: primary.css
	author: JBMoss - http://www.jbmoss.com
	developer: D Petrie
	date: xx/xx/2008
	
	-----------------------
	
	1. master reset
	2. typography
	3. listography
	4. base structure
	5. navigation
	6. page specific structure
	7. images
	8. forms
	
	
-------------------------------------------------------*/


										/* ---------- 1. master reset ---------- */ 

* {
	padding			: 0;
	margin			: 0;
	border			: 0px solid red;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address, table {
	margin			: 0.6em 4%;
}
li, dd {
	margin-left		: 5%;
}
fieldset {
	padding			: .5em;
}

a {
	text-decoration	: none;
	
}

										/* ---------- 2. typography ---------- */ 

p {}
p a {color:#FFD410;}
h1 {}
h2 {}
h3 {color:#FFD410;}
h4 {}
h5 {}

.yel {color:#FFD410;}
.cap {text-transform:uppercase;}

#news p {color:#fff;font-size:0.875em;}
#news h2 {color:#FFD410;font-size:2.5em;font-weight:normal;margin: 0.2em 4%;}

#blog p {color:#000;font-size:0.875em;}
#blog p a {color:#9C131B;}
#blog h2 {color:#9C131B;font-size:2.5em;font-weight:normal;margin: 0.2em 4%;}

#content p {color:#fff;font-size:1em;}
#home #content p {color:#fff;font-size:1.25em;}

.shp {color:#fff;font-size:0.9em;margin: 0.2em 2%;display:block;}
		
.clr {
	clear:both;
}

.news_hr {
	width:90%;
	margin:20px auto;
	height:1px;
	border:none;
	background:#FFD410;
}
		
										/* ---------- 3. listography ---------- */ 
										
										/* ---------- 4. base structure ---------- */ 

html {
}
body {
	font-size		: 80%;
	font-family		: Arial, Helvetica, sans-serif;
	background:#000;
}


#wrap {
	position:relative;
	width:766px;
	margin: 0 auto;
}

#header {
	position:relative;
	width:766px;
}
	#banner {
		position:relative;
		width:766px;
		border-bottom:25px solid #9C131B;
	}
	
	#nav {
		position:relative;
		width:766px;
		height:30px;
		line-height:30px;
		text-align:center;
		color:#fff;	
	}
	
#main {
	position:relative;
	width:766px;
	border-top:1px solid #9C131B;
	border-bottom:1px solid #9C131B;
}
	#news {
		position:relative;
		width:155px;
		float:left;
	}
	
	#content {
		position:relative;
		float:left;
		border-left:1px solid #9C131B;
		padding-top:20px;
		width:590px;
		height:630px;
		overflow-y:auto;
		overflow-x:hidden;
		margin: 3px 0;
	}
		#sh_box {
			position		: relative;
			width			: 405px;
			margin			: 0px 4%;
			background		: #9C131B;
			padding			: 1px;
			clear:both;
		}
		#home #sh_box {
			height			: 163px;
		}
			.shbx {
				font-size		: 1.1em;
				margin			: 0.6em 4%;
				color			: #fff;
				display			: block;
			}
		
	#blog {
		position:relative;
		width:155px;
		float:right;
		background:#C5C7C8;
		margin:8px 0;
		height:460px;
	}

#ftr {
	color:#fff;
	padding-top:10px;
	width:766px;
	font-size:0.85em;
}





										/* ---------- 5. navigation ---------- */ 
										
										
#nav {
	text-transform:uppercase;
}
#nav a {
	color:#fff;
	font-size:1.2em;
	padding:0px 10px;
}
#nav a:hover {
	color:#FFD410;
}

										/* ---------- 6. page specific structure ---------- */ 
										
#home #content {
	width:453px;
	height:600px;
	}


#club #sh_box, #qanda #sh_box {
	width:550px;
}


#club_books {
	height:360px;
	margin-top:20px;
}
#q_a_qs {
	height:410px;
	margin-top:20px;
}

	#club_books p, #q_a_qs p {
		margin: 1.2em 4%;
	}
	
	.cb_img {
		margin-right:10px;
		display:block;
		float:left;
		width:50px;
		margin-left:4%;
		height:120px;
	}
	.cb_txt {
		display:block;
		float:left;
		color:#fff;
		width:430px;
	}
	.cb_ti {
		display:block;
		float:left;
		color:#FFD410;
		width:430px;
		margin			: 0.6em 4%;
	}
										/* ---------- 7. images ---------- */ 
										
.pk_im {
	padding:5px;
}

										/* ---------- 8. forms ---------- */