@charset "UTF-8";

@import url(framework/reset.css);
@import url(framework/type.css);
@import url(framework/forms.css);
@import url(framework/layout.css);
@import url(framework/themes/modernclassic.css);


/* 	Colours								Column info
	----------------------------------------------------------------------------	
	Mojo Black	24201c 1c1815			4 Cols:		138px
	Mojo Red	bc2b24 c90008			6 Cols:		216px
	Mojo Yellow	eac337 eeba00			10 Cols:	372px
	Purple		625482 553e74			14 Cols:	528px
	Light Gray	b4b4b4 a5a5a5			20 Cols:	762px
	Charcoal	504d49 403b37			24 Cols:	918px
	Dark Brown	57553b 454425			
	Brown		8c875d 7d7740			# of Cols:		24
	Light Brown	d0cda5 c8c68c			Col width: 		21px
	Beige		e3e2ca ddbeba			Gutter: 		18px
	Pink		fdf4d4 fff3c3			Page width: 	918px
*/


body { margin: 0; background-color: #fff; }
#bgWrapper { width: 100%; }


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { border: none !important; }


body { background: url(../images/bg-grad.png) left -100px repeat-x; }
#bgWrapper { background: url(../images/bg-grad-photo.png) center -35px no-repeat; }
#pageWrapper { background: url(../images/bg-tapeMachine.png) left -20px no-repeat; }

.showGuide { background: -19px 4px no-repeat; }


.box {
	margin: 18px 0;
	margin-bottom: 0;
}

.box h2 {
	background: url(../images/h-doublerule.gif) left bottom repeat-x;
	padding-bottom: 0.3em;
	color: #eac337;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
}

/*	Layout */

#header,
#globalNavWrapper,
#content 			{ float: left; }

#pageWrapper,
#footer 			{ width: 918px; margin: 0 auto; }

#header,
#globalNavWrapper,
#content 			{ width: 918px; margin-right: 0; }

#footer    { float: left; }
#footer ul,
#footer address,
#footer dl,
#footer dt,
#footer dd { margin: 0; }
#footer ul { list-style-type: none; }
#footer dt,
#footer dd { display: inline; }
#footer dd { margin-left: 0.3em; }
#footer address,
#footer #contactURLs,
#footer #phoneNumbers,
#footer #smsContact { width: 177px; float: left; margin-right: 18px !important; }
#footer #phoneNumbers { width: 164px; }
#footer #copyright 	{ width: 762px; float: left; margin-right: 0; }
#footer #smsContact { margin-right: 0 !important; }

/*#footer #contactURLs,
#copyright	{ margin-left: 156px; }*/

/* 	#header
	--------------------------------------------------------------------------*/

#header {
/*	background: url(../images/h-doublerule.gif) left bottom repeat-x;*/
	position: relative;
	padding: 0;
	padding-bottom: 0.3em;
	height: 108px;
}

#header h1 {
	/*background: url(../images/bg-decor.jpg) 1px bottom repeat-x;*/
	margin: 0;
	width: 217px;
	position: absolute;
	bottom: -15px;
	padding-bottom: 25px;
	left: -1px;
}

#header p {
	font: italic bold 15px Georgia, serif;
	width: 528px;
	margin: 0;
	position: absolute;
	bottom: 10px;
	right: -1px;
	text-align: right;
}

#header q { color: #24201c; }


/* 	#globalNavWrapper
	--------------------------------------------------------------------------*/

#globalNavWrapper { margin: 3px 0 18px 0;
					border-top:    1px dotted #24201c;
					border-bottom: 4px solid #24201c; }

#globalNav,
#globalSearch  { float: left; width: 450px; margin-right: 18px; }

#globalNav {
	list-style: none;
	margin: 0;
	font: bold 18px/27px Georgia, serif;
	text-transform: lowercase;
	display: inline;
}

#globalNav a,
#globalNav a:visited { padding: 8px 12px; float: left; margin-right: 18px; color: #24201c !important; text-decoration: none; border: none !important; }
#globalNav a:hover { color: #fff !important; }
#globalNav li.current_page_item a { border-bottom: 4px solid #eac337 !important; padding-bottom: 4px; }

#globalNav .page-item-675,
#globalNav #globalTuneIn   {}

#globalNav .page-item-675 a,
#globalNav #globalTuneIn a { background: #bc2b24; color: #fff !important; padding-top: 0; padding-bottom: 0; margin-top: 8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
 }
 
#globalNav li.current_page_item.page-item-675 a,
#globalNav li.current_page_item#globalTuneIn a {
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

#globalSearch { margin-right: 0; padding: 8px 0; text-align: right; }
#globalSearch .faded { color: #b4b4b4; }


/* 	#footer
	--------------------------------------------------------------------------*/

#footer { margin-top: 30px; border-top: 1px solid #24201c; padding-top: 1em; font-size: 0.857em; }
#footer address { font-weight: normal; font-style: normal; }
#footer #contactURLs a { color: #24201c; text-decoration: none; }
#footer #contactURLs a:hover { text-decoration: underline; }
#footer #contactURLs a#websiteURL { font-weight: bold; text-decoration: none; }

#footer #copyright { padding: 10px 0; }


/* 	contactForm
	--------------------------------------------------------------------------*/

#contactForm {  }
#contactForm h2 {  }
#contactForm h2 strong {  }
#contactForm .note { font: italic 0.8em/1 Georgia, serif; margin: 1.5em 0 3em 0; }
#contactForm .error { background: none; border: none; font-style: italic; }


/* 	Wordpress classes
	--------------------------------------------------------------------------*/

.alignleft 	{ float: left; margin: 0; margin-right: 18px; }
.alignright { float: right; margin: 0; margin-left: 18px; }
.comment-edit-link,
.post-edit-link { font: bold 0.875em/1.3 Helvetica, Arial, sans-serif; height: 1.3em; display: block; float: right; background: #b4b4b4; color: #fff !important; border: none !important; padding: 0 0.2em; }
.comment-edit-link:hover,
.post-edit-link:hover { color: #24201c !important; }
.comment-edit-link:after,
.post-edit-link:after { content: " →"; }
.comment-edit-link { float: left; }


/* 	Utility classes
	--------------------------------------------------------------------------*/

#fancy_content { background: #d0cda5; }
#fancy_content form {}

.ajaxContent { padding: 20px; }
.ajaxContent h2 { margin: 0; font-size: 1em; }
.ajaxContent h2 strong { color: #625482; font-size: 1.5em; }
.ajaxContent .note {  }


/*	Tune in window
	--------------------------------------------------------------------------*/


#tuneInHeader { width: 528px; float: left; /* margin-top: -5em; */ }
#tuneInHeader h2 { font-size: 24px; line-height: 1.2em; text-indent: -1em; }
#tuneInButton {}
#mojoWorkin { width: 372px; height: 372px; float: left; margin: 0; margin-right: 18px; margin-top: -1em; }
#tuneInHelpToggleContainer { display: none; }
/* #tuneInNowPlaying { border-top: 1px dotted #bfbfbf; } */
#tuneInNowPlaying dt { font-size: 18px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #bc2b24; letter-spacing: 0; }
#tuneInNowPlaying p { font-weight: bold; }
#tuneInNowPlaying dl { margin-left: -1em; }
#tuneInNowPlaying dd { font-size: 14px; font-weight: normal; }
#playerHelp { width: 528px; float: left; border-top: 1px dotted #bfbfbf; margin-bottom: 1em; padding-top: 2em; }
#playerHelp .col { float: left; width: 164px; margin-right: 18px; }
#playerHelp .col.last { margin-right: 0; }
#playerHelp .col ul { margin: 0; list-style: none; margin-left: -1em; }
#tuneInButton {
	display: block;
	width: 216px;
	height: 36px;
	background: #fff url(../images/button-grad.png) left bottom repeat-x;
	border: 1px solid #bfbfbf !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font: bold 14px/36px Georgia, serif;
	color: #24201c !important;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px #fff;
	margin: 2em auto;
}
#tuneInButton:hover {
	background: #efefef;
}


/* 	Ads
	--------------------------------------------------------------------------*/

.advertContainer { background: #ebebeb; position: relative; padding: 15px 0 25px 0; }
.advertContainer h2 {
	font: normal 11px/1 Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	color: #bfbfbf;
	background: none;
	margin-left: 10px;
}

.advert { float: left; margin: 5px 5px 0 0; background: #bfbfbf; text-align: center; }
.advert a { display: block; color: #ebebeb !important; font: bold 11px/1 Helvetica, Arial, sans-serif; text-decoration: none; border: none !important; background: none; }
.ad-halfBanner, .ad-halfBanner a 		{ width: 234px; height: 60px; line-height: 60px; }
.ad-squareButton, .ad-squareButton a 	{ width: 125px; height: 125px; line-height: 125px; }
.ad-verticalBanner, .ad-verticalBanner a { width: 120px; height: 240px; line-height: 240px; }