@charset "utf-8";
/* CSS Document */

/* Copyright © 2000-2010 Jason Mitchell */

/* All tags reset */

* {
	margin:0;
	padding:0;
}

/* Link styles ---------------------------------- */

a:link {color: #0066ff;
	text-decoration: underline;
	}
a:visited {color: #666666;
	text-decoration: underline;
	}
a:hover {color: #e23c68;
	text-decoration: none;
	}
a:active {color: #e23c68;
	text-decoration: underline;
	}
	
/* typography ---------------------------------- */

p {font-size: 12px;
	margin: 0 0 15px 0;
	line-height: 16px;}

h1 {font-size: 14px;
	margin: 0 0 23px 0;}
	
h2 {font-size: 13px;
	margin: 0 0 15px 0;}
	
.quote {width: 484px;
margin: 20px 0 20px 0;
padding:0;
background:url(../graphics/main/quote_open.gif) no-repeat top left;
}

.quote p {font-size: 12px;
	line-height: 17px;
	padding: 10px 40px 10px 50px;
	background:url(../graphics/main/quote_close.gif) no-repeat bottom right;
	}
	
#body_container ul {margin-bottom: 25px;}

#body_container li {
	background-image: url(../graphics/main/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 9px 3px;
	padding: 0 0 0 30px;
	margin: 0 0 10px 0;
	list-style: none;
	font-size: 12px;
	line-height: 16px;
	}
	
/* -------- form ----------------------------- */	

Input {margin: 5px 0 5px 0;}
	
label {font-size: 12px;
	margin: 10px 0 10px 0;
	line-height: 16px;}
	
select {margin: 5px 0 15px 0;}
	
textarea {margin: 5px 0 15px 0;}
	
form p {margin: 10px 0 10px 0;}
	
/* -------- buttons ----------------------------- */

#button_wrapper {width: 100%;
height: 39px;
margin: 20px 0 20px 0;
padding: 0;
float:left;
}

.backtotopl a {
		display: block;
		width: 151px;
		height: 39px;
		margin: 0;
		padding: 0;
		background: url(../graphics/main/backtotop.jpg) 0 0 no-repeat;
		text-decoration: none;
		text-indent: -5000px;
		float: left;
		}
		
.backtotopr a {
		display: block;
		width: 151px;
		height: 39px;
		margin: 0;
		padding: 0;
		background: url(../graphics/main/backtotop.jpg) 0 0 no-repeat;
		text-decoration: none;
		text-indent: -5000px;
		float: right;
		}
		
.backtotopl a:hover {	
		background-position: 0 -39px;
		}
		
.backtotopr a:hover {	
		background-position: 0 -39px;
		}
		
.next a {
		display: block;
		width: 121px;
		height: 39px;
		margin: 0;
		padding: 0;
		background: url(../graphics/main/next.jpg) 0 0 no-repeat;
		text-decoration: none;
		text-indent: -5000px;
		float: right;
		}
		
.next a:hover {	
		background-position: 0 -39px;
		}
		
.prev a {
		display: block;
		width: 121px;
		height: 39px;
		margin: 0;
		padding: 0;
		background: url(../graphics/main/previous.jpg) 0 0 no-repeat;
		text-decoration: none;
		text-indent: -5000px;
		float: left;
		}
		
.prev a:hover {	
		background-position: 0 -39px;
		}
		
.showletters a {
		display: block;
		width: 241px;
		height: 39px;
		margin: 0;
		padding: 0;
		background: url(../graphics/probpage/show_bttn.jpg) 0 0 no-repeat;
		text-decoration: none;
		text-indent: -5000px;
		float: left;
		}
		
.showletters a:hover {	
		background-position: 0 -39px;
		}

/* Images ---------------------------------- */

img {border:none;}

.sig 
	{
	margin: 10px 10px 15px 0;
	float: left;
	clear: both;
	}
	
.hrwrapper {
	background-image: url(../graphics/main/hr.jpg);
	background-repeat: no-repeat;
	width: 484px;
	height: 7px;
	padding: 0;
	margin: 30px 0 30px 0;
	clear: both;}
	
.hrwrapperindex {
	background-image: url(../graphics/main/hr_index.jpg);
	background-repeat: no-repeat;
	width: 684px;
	height: 7px;
	padding: 0;
	margin: 30px 0 30px 0;
	clear: both;}
	
hr {display: none;}

.indeximg_center {padding: 0;
margin: 0 0 20px 0;
clear:both;}

.img_left {margin: 0 10px 10px 0;
	float: left;
	clear: both;}

/* main layout ---------------------------------- */

body {
	background:#f0faff url(../graphics/main/body_bg.jpg) repeat-x;
	font-family: Verdana, Geneva, sans-serif;
}

#main_container {
	width: 966px;
	margin: 0 auto;
}
#header_container {
	width: 964px;
	margin: 0 auto;
	height: 228px;
}
#tagline_container {
	background:url(../graphics/main/tagline_bg.jpg);
	width: 964px;
	height: 37px;
	margin: 0 auto;
	text-align:center;
}
#tagline_container p {
	padding: 7px 0 0 0;
	margin:0;
	color:#898989;
}

#body_container {
	width: 884px;
	margin:0 auto;
	padding: 20px 40px 0 40px;
	background:url(../graphics/main/content_bg.jpg) repeat-y;
	overflow:hidden;
	}

#body_content_index {
	width:684px;
	float:left;
	}
	
#body_content_other {
	width:484px;
	float:left;
	}
	
#footer_container {
	width: 964px;
	height: 33px;
	margin: 0 auto;
	padding: 217px 0 0 0;
	text-align:center;
	background:url(../graphics/main/footer_bg.jpg);
	overflow : hidden;
	color:#FFF;
}

.footerp {font-size: 11px;}

/* Nav bar ---------------------------------- */

#main_container #nav_container {
	background: url(../graphics/main/nav_bg.jpg);
	width: 964px;
	margin: 0 auto;
}
.nav {
	width: 900px;
	height: 12px;
	margin: 0 auto;
	font-weight: bold;
	background-image: url(../graphics/main/nav_states.gif);
	background-position: 0 -80px;
	font-size: 11px;
}
ul.nav {
	list-style: none;
	padding: 14px 0 14px 0;
	text-align: center;
	margin: 0 auto;
}
ul.nav li {
	display: inline;
}
ul.nav a {
	padding: 14px 13px 13px 13px;
	text-decoration: none;
	color: #fff;
	background-image: url(../graphics/main/nav_states.gif);
	background-position: 0 -80px;
}
ul.nav a:hover {
	background-position: 0 -40px;
	text-decoration: none;
}
ul.nav li.current a {
	background-position: 0 0px;
}

/* Left sidebar ------------------------------------------------*/

#l_bar {
	width: 170px;
	float:left; 
	margin-right:30px;
	padding:0;
	}
	
#l_bar_body p {
	font-size: 11px;
	margin: 7px 10px 5px 10px;
	line-height: 15px;
	}
	
#l_bar_head {background:url(../graphics/sidebars/l_bar_header.jpg);
	height:39px;
	width:170px;
	margin:0;
	}

#l_bar_body {background:url(../graphics/sidebars/l_bar_bg.jpg) repeat-y;
	width:170px;
	margin:0;
	padding:0;
	overflow : hidden;
	}
	
#l_bar_body ul {margin:10px 0 7px 0;
	}
	
#l_bar_body li {
	background-image: url(../graphics/sidebars/l_bar_bullet.jpg);
	background-repeat: no-repeat;
	background-position: 9px 3px;
	padding: 0px 10px 0 25px;
	font-size: 11px;
	list-style:none;
	line-height: 15px;
	}
	
#l_bar_body .l_bar_innerli {
	background-image: url(../graphics/sidebars/l_bar_bullet_sub.jpg);
	background-repeat: no-repeat;
	background-position: 2px 3px; 
	padding: 0 10px 5px 16px;
	margin: -5px 0 5px 20px;
	line-height: 15px;
	}
	
/*In background-position, the first value is the horizontal position and the second value is the vertical. The top left corner is 0% 0%. The right bottom corner is 100% 100%. If you only specify one value, the other value will be 50%. . Default value is: 0% 0%*/

#l_bar_foot {background:url(../graphics/sidebars/l_bar_footer.jpg);
	height:19px;
	width:170px;
	margin:0;
	overflow: hidden;
	}
	
.l_bar_br {
	background:url(../graphics/sidebars/l_bar_br.jpg);
	width:168px;
	height:1px;
	margin: 10px auto;
	}

/* Right sidebar ------------------------------------------------*/

.twitter {
	text-align:center;
	margin: 10px 0 10px 0;
	padding: 0 auto;
	}

#r_bar {width: 170px;
	float: right; 
	margin: 0;
	padding: 0;
	}
	
#r_bar_head {background:url(../graphics/sidebars/r_bar_header.jpg);
	height:39px;
	width:170px;
	margin:0;
	}

#r_bar_body {background:url(../graphics/sidebars/r_bar_bg.jpg) repeat-y;
	width:170px;
	margin:0;
	padding:0;
	overflow : hidden;
	}
	
#r_bar_body p {
	font-size: 11px;
	margin: 7px 10px 5px 10px;
	line-height: 15px;
	}
	
#r_bar_body img {margin: 0 auto 0 auto;}

#r_bar_body ul {margin:10px 0 7px 0;	
}

#r_bar_body li {
	background-image: url(../graphics/sidebars/r_bar_bullet.jpg);
	background-repeat: no-repeat;
	background-position: 9px 3px;
	padding: 0px 10px 5px 25px;
	margin: 0;
	font-size: 11px;
	line-height: 15px;
	}

#r_bar_foot {background:url(../graphics/sidebars/r_bar_footer.jpg);
	height:19px;
	width:170px;
	margin:0;
	overflow: hidden;
	}
	
.r_bar_br {
	background:url(../graphics/sidebars/r_bar_br.jpg);
	width:168px;
	height:1px;
	margin: 10px auto;
	}
	
.r_bar_donate {
	text-align:center;
	margin: 10px 0 -10px 0;
	padding: 0 auto;
	}
	
.r_bar_addthis {
	text-align:center;
	margin: 0 auto;
	padding: 0 auto;
	}
	
.sidebar_img_c {text-align:center;
	vertical-align:middle;}
	
/* Problem page ---------------------------------- */

#proppage_wrapper {width: 484px;
	margin: 20px 0 0 0;
	padding: 0;
}

#proppage_ehdr {background-image: url(../graphics/probpage/1_email_hdr.jpg);
	background-repeat:no-repeat;
	text-align: center;
	margin: 0;
	padding: 46px 53px 0 187px;
	width: 244px;
	height: 52px;
}

#proppage_ehdr p {font-size:11px;
line-height:13px;}
	
#probpage_ebody {background-image: url(../graphics/probpage/2_email_bdy.jpg);
	background-repeat:repeat-y;
	background-position:bottom;
	width: 424px;
	margin:0;
	padding:0 30px 0 30px;
	overflow:hidden;
}

#probpage_rhdr {background-image: url(../graphics/probpage/3_reply_hdr.jpg);
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	width: 484px;
	height: 171px;
}
	
#probpage_rbody {background-image: url(../graphics/probpage/4_reply_bdy.jpg);
	background-repeat:repeat-y;
	background-position:bottom;
	width: 424px;
	margin:0;
	padding:0 30px 0 30px;
	overflow:hidden;
}

#probpage_rfoot {background-image: url(../graphics/probpage/5_reply_ft.jpg);
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	width: 484px;
	height: 104px;
}

#probpage_rbody li {
	background-image: url(../graphics/probpage/proppage_bullet.jpg);
	background-repeat: no-repeat;
	background-position: 9px 3px;
	padding: 0 0 0 30px;
	margin: 0 0 5px 0;
	list-style: none;
	font-size: 12px;
	}

/* films and books ---------------------------- */

.filmbook_container_outter {
	width:482px;
	float:left;
	margin: 15px 0 15px 0;
	}
	
.filmbook_inner_pic {
	width:130px;
	float:left;
	}
		
.filmbook_inner_text {
	width:330px;
	float:right;
	}

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