@charset "utf-8";
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}
.clrfloats { clear: both; }
a, a:visited { 
	color:#57205d;
	text-decoration: none;
}
a:hover { color:#825088; }
a:hover { text-decoration: none; }
html { font: normal 11px Geneva, Arial, Helvetica, sans-serif; }
strong { font-weight:bold; }

#pg_wrap {
	width: 1000px;
	margin: auto;
}

#header {
	background: url(images/ui/header.png) no-repeat bottom left;
	width:1000px;
	height:250px;
}

#header_left{
	float:left;
	width:337px;
	padding:69px 0 0 0px;
	text-align:right;
	}
	
#header_right{
	float:right;
	width:197px;
	padding:57px 0 0 0px;
	text-align:left;
	}
	

	
#vox_flash_container, #pageHeading {
	background: url(images/ui/purple_bar.png) no-repeat 0 0;
	width:1000px;
	height:50px;
}
#vox_flash_container h2, #pageHeading h2 {
	font: normal 18px Geneva, Arial, Helvetica, sans-serif;
	color:#efefef;
}
	
#main_content_container {
	width:1000px;
	background: #fff url(images/ui/content_bg.png) repeat-y 0 0;
	margin: 20px 0;
}
#main_content_column_1 {
	width:260px;
	float:left;
}
#column_2_1 {
	width:482px;
	float:left;
}
#column_2_2 {
	padding-top: 25px;
	width:220px;
	float:right;
}
#main_content_column_2 h2 {
	font: normal 18px Geneva, Arial, Helvetica, sans-serif;
	color:#eee;
}
#main_content_column_2 {
	background: url(images/ui/short_gray_bar.png) no-repeat 0 0;
	width:720px;
	float:right;	
}

#footer {
	background: url(images/ui/purple_bar.png) no-repeat 0 0;
	padding: 60px 0 20px 0;
	width:1000px;
}
#footer ul { list-style: none; }
#footer ul li { display: inline; }
#footer ul li a, #footer ul li a:visited { 
	font-weight: 700;
	color: #333;
	padding: 0 10px; 
}
#footer ul li a:hover { color: #666; }

#navigation_container {
	background: url(images/ui/gray_bar.png) no-repeat 0 0;
	width:1000px;
	margin-top: 5px;
}
#navigation_container ul {
	padding:15px 0 40px 10px;

}	
#navigation_container li {
	font: normal 18px Geneva, Arial, Helvetica, sans-serif;
	color:#ddd;
	float:left;
	display:inline;
	padding:0px 0px 0px 10px;
	border-right: solid 1px #ddd;
}

#navigation_container li a, #navigation_container li a:visited {
	font: normal 18px Geneva, Arial, Helvetica, sans-serif;
	color:#ddd;
	float:left;
	display:inline;
	padding:0px 10px 0px 0px;
}
#navigation_container li a:hover { color:#efefef; }
		
#explanation {
	width:240px;
	margin: 0 0 30px 0px;
	background: #ccc url(images/ui/george_sb_bg.png) no-repeat bottom right; 
}
#explanation_padding { padding:15px 20px 40px 20px; }
#explanation h2 {
	font: normal 18px Geneva, Arial, Helvetica, sans-serif;
	color:#666;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #666;
}
#explanation h3 {
	font: normal 16px Geneva, Arial, Helvetica, sans-serif;
	color:#666;
	padding: 20px 0 0 0;
}
	
#explanation p { color:#666; }	
	
.latestPledges {
	background-color:#666;
	width:240px;
}
.latestPledgesHead { 
	background-color:#F60;
}
.latestPledgesHead h2 {
	font: normal 18px Geneva, Arial, Helvetica, sans-serif;
	color:#efefef;
	padding:10px 0 10px 20px;
}
.latestPledgesHead h2 span {
	font: normal 12px Geneva, Arial, Helvetica, sans-serif;
	color:#fc9;
}
.latestPledges p {
	color:#efefef;
	padding: 0 0 20px 0;
}
.latestPledges h3, .latestPledges h3 a, .latestPledges h3 a:visited {
	font: bold 14px Geneva, Arial, Helvetica, sans-serif;
	color:#eee;
}
.latestPledgesHead h2 a, .latestPledgesHead h2 a:visited { color:#eee; }
.latestPledges h3 a:hover, .latestPledgesHead h2 a:hover { color:#efefef; }

#pledges_padding { padding: 20px 20px 0 20px; }
#pledges_padding a, #pledges_padding a:visited {
	color: #eee;	
	font-weight: 700;
}
#pledges_padding a:hover { color: #efefef; }
#pledges_padding a span, #pledges_padding a:visited span {
	display: block;
	text-align: right;
}
#pledges_padding a img, #pledges_padding a:visited img{
	border: solid 1px #eee;
	margin-bottom: 5px;
}
#pledges_padding a:hover img { border: solid 1px #fff; }

#content { margin-top: 30px; }	
#content h2 a, .fp_post .col2 h1 a, #content h2 a:visited, .fp_post .col2 h1 a:visited  { font: normal 18px Geneva, Arial, Helvetica, sans-serif; }
.entry {
	background-color:#fff;
	margin:0 0 20px 0px;
}
.entry small {
	display: block;
	margin:10px 0 0 0;
	font-weight: 700;
	color: #57205d;
}
.barHeading { padding: 15px 0 0 20px; }
.fp_post { padding: 0 0 20px 0; }
.fp_secondary_post { 
	padding: 20px 0 20px 0;
	border-top: 1px solid #666; 
}
.fp_post img, .fp_secondary_post img { border: 1px solid #000; }
.fp_post .col1, .fp_post .col2, .fp_secondary_post .col1, .fp_secondary_post .col2 { float: left; }
.fp_post .col1 { width: 500px; }
.fp_post .col2 { width: 200px; }
.fp_secondary_post .col1 { width: 260px; }
.fp_secondary_post .col2 { width: 440px; }
.fp_post .col2 h1 {
	border-bottom: 1px solid #666;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}
.fp_secondary_post .col2 h2 { padding: 0 0 10px 0; }


/* -- [contact form styles] ----------------------------------------------------------------- */
.contact_form_blurb {
	color: #000;
}
.cForm{
	text-align: left;
	width: 458px;
	color: #000;
	overflow: hidden;
	padding: 20px 0 0 0;
}
.cForm p {
	padding: 0 10px 0 0;
	margin: 0;
}
.formSubmit{
	height: 55px;
	width: 400px;
}
.formSubmit a:link, .formSubmit a:visited{ color: #000; }
.formSubmit a:hover{ color: #333; }
.cfStyle {
	font: normal 10px Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #fff;
	border: 1px solid #444d52;
	text-align: left;	
	width: 450px;
	padding: 2px;
	margin: 0 0 10px 0;
}
.cfStyle2 {
	width: 210px;
	padding: 2px;
	margin: 0 10px 10px 0;
}
.captchaText {
	float: left;
	width: 250px;
}
#captchaBox {
	float: left;
}
/* -- Message Styles ------------------------------------------------------------------------------------------- */
#errmsg, #sysmsg, #processmsg {
	padding: 10px 10px 10px 30px;
	font: bold 11px Geneva, Arial, Helvetica, sans-serif;
}
#errmsg {
	background: #fee url(images/icons/ico_sys_err.gif) no-repeat 6px 7px; 
	border: 1px solid #ffbebe;
	border-top: 1px solid #ffd6d6;
	border-bottom: 2px solid #f00;
	color: #900;
}
#sysmsg {
	background: #efe url(images/icons/ico_sys_msg.gif) no-repeat 6px 7px; 
	border: 1px solid #c9ebd3;
	border-top: 1px solid #dbf5e0;
	border-bottom: 2px solid #396;
	color: #063;
}
#processmsg {
	background: #efe url(images/icons/ico_processing.gif) no-repeat 6px 7px; 
	border: 1px solid #c9ebd3;
	border-top: 1px solid #dbf5e0;
	border-bottom: 2px solid #396;
	color: #063;
}
/* -- End Message Styles --------------------------------------------------------------------------------------- */
/*
#errmsg, #errmsg2{
	font: normal 9px Verdana, Arial, Helvetica, sans-serif; color: #f00;
	margin-top: 5px;
}
#errmsg strong, #errmsg2 strong{
	font: normal 9px Verdana, Arial, Helvetica, sans-serif; color: #ace17f;
	margin-top: 5px;
}
*/
.cDetails{
	height: 220px;
	margin-top: 35px;
}
.formSubmit a, .formSubmit a:visited {
	font-weight: 700;
	padding: 0 20px 0 0;
}
/* ------------------------------------------------------------------------------------------ */
.city_driver {
	padding: 0 0 20px 0;
}
.city_driver h2 {
	display: block;
	background-color: #ccc;
}
#comments, #yourPledges {
	background: url(images/ui/short_gray_bar.png) no-repeat 0 0;
	height: 50px;
	margin: 10px 0 0 0px;
	font: normal 18px Geneva, Arial, Helvetica, sans-serif;
	color:  #efefef;
	padding:15px 0px 0px 15px;
}
#respond p {
	padding: 0 0 20px 0;	
}
.mediaContainer {
	width: 480px;
	border: 1px solid #000;
	background-color: #000;
	color: #fff;
}
.chapterSelect {
	font: normal 12px/20px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', Verdana,sans-serif;
	width: 480px;
	border: 1px solid #000;
	border-top: none;
	background-color: #191919;
	text-align: left;
}
.chapterSelect a, .chapterSelect a:visited {
	outline: none;
	display: block;
	padding: 0 10px;
	height: 75px;
	clear: both;
	text-decoration: none;
	color: #999;
	border-top: 1px solid #444;
	border-bottom: 1px solid #000;	
}
.chapterSelect p {
	padding: 10px;
	color: #ccc;
	text-align: center;
	font: normal 10px/20px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', Verdana,sans-serif;
}
.chapterSelect a:hover { background-color: #fff;}
.chapterSelect a img, .chapterSelect a:visited img {
	float: left;
	margin-top: 10px;
	border: 2px solid #999;
}
.chapterSelect a:hover img { border: 2px solid #fff; }
.chapterSelect .selected:hover img { border: 2px solid #ff7600; }
.chapterSelect a strong, .chapterSelect a:visited strong {
	margin-top: 10px;
	width: 350px;
	padding: 8px 0;
	float: right;
}
.chapterSelect a:hover { background-color: #333; }
.chapterSelect a span, .chapterSelect a:visited span {
	display: block;
	font: normal 10px/20px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', Verdana,sans-serif;
}
.chapterSelect .selected, .chapterSelect .selected:visited {
	background-color: #262626;
	color: #ff7600; 
}
.chapterSelect .selected img, .chapterSelect .selected:visited img { border: 2px solid #ff7600;}


/* -- Ians stuff --------------------------------------------------------------------------------------- */

#comment{
	width: 482px;
}

#content p{
	margin-bottom: 10px;
	}


.commentlist li{
	border-bottom:solid 1px #666;
	margin-bottom: 10px;}

#pledgeMenu {
	float:left; 
	width:656px; 
	height: 222px; 
	color: #fff;
	background: #000 url(http://www.2010yearofrecovery.com/wp-content/themes/2010/images/ui/player_bar_bg.gif) no-repeat 0 0;
	border-right: none;
	overflow: hidden;
	margin-top: 5px;
}
.pledgeThumb {
	float: left;
}
.pledgeThumb img {
	margin: 1px 0 1px 1px;
	border: 2px solid #999;
}
.pledgeThumb:hover img {
	border: 2px solid #fff;
}
.pledgeThumb .nowPlayingIcon {
	position: relative;
	margin: 0;
	border: 0;
}
.pledgeThumb .selectedPledge, .pledgeThumb:hover .selectedPledge {
	border: 2px solid #ff6600;
}
#pledgeMenu p {
	clear: both;
	padding: 5px 0 0 10px;
	margin: 0;
}
#pledgeMenu p a, #pledgeMenu p a:visited {
	font-weight: 700;
	color: #ff6600;
}
#pledgeMenu p a:hover {
	color: #efefef;
}
#pledgeContainer {
	float:left;
	width:323px;
	border: 1px solid #000;
	margin-top: 5px;
}
.postMain {
	margin-top: 20px;	
}
#browserWarning {
	padding: 10px 0 24px 10px;
	background-color: #f39a92;
	color: #000;
	border-bottom: 2px solid #a61f13;
}
#browserWarning ul {
	list-style: none;
	padding: 10px 0;
}
#browserWarning li { display: inline; }
#browserWarning .ico_chrome { background: url(images/logos/chrome.gif) no-repeat 0 0; }
#browserWarning .ico_firefox { background: url(images/logos/firefox.gif) no-repeat 0 0; }
#browserWarning .ico_opera { background: url(images/logos/opera.gif) no-repeat 0 0; }
#browserWarning .ico_ie { background: url(images/logos/ie.gif) no-repeat 0 0; }
#browserWarning li a, #browserWarning li a:visited { 
	display: block;
	float: left;
	padding: 0 20px 0 28px;
	height: 24px;
	line-height: 24px;
	font-weight: 700; color: #333; 
}
#browserWarning a:hover { color: #666; }
.navigation .alignleft {
	width: 300px;
	float: left;
}
.navigation .alignright {
	width: 300px;
	float: right;
	text-align: right;
}
.navigation {
	margin-bottom: 10px;
}
#main_content_column_2 .pledgeList h2 { color: #57205d;	}
#main_content_column_2 .pledgeList small { 
	padding-bottom: 10px;
	display: block;
}
#main_content_column_2 .pledgeList hr { margin-bottom: 20px; }
#userMenu {
	padding: 10px;
	background-color: #ccc;
	color: #333;
	border-bottom: 2px solid #999;
}
#userMenu p {
	padding-bottom: 10px;
}
#userMenu ul {
	list-style: none;
}
#userMenu li {
	display: inline;
	margin-right: 10px;
}
#userMenu li a, #userMenu li a:visited {
	font-weight: 700;	
	color: #ccc;
	padding: 2px 5px;
	background-color: #666;
	border: 1px solid #efefef;
}
#userMenu li a:hover {
	color: #fff;
	background-color: #999;
}