@charset "utf-8";

/* WAY-FM (www.wayfm.com) CSS Document | CSS/XHTML coding: jase */
* {
	padding:0;
	margin:0;
	background-repeat:no-repeat;
	background-position:0 0;
	}

/* MAIN TEMPLATE IMAGERY
============================================================= */
body {
	background-image:url('/images/gui2/bg_body.jpg');
	background-repeat:repeat-x;
	background-position:0% 0%;
	}
#wrapper {
	background-image:url('/images/gui2/bg_root.jpg');
	background-position:0% 0%;
	}
ul#menu li a:hover,
ul#menu li.hot a {
	background-image:url('/images/gui2/bg_root_nav.png');
	}
#header h1 a {
	background-image:url('/images/logos/wayfm.png');
	}

/* MAIN TEMPLATE POSITION CONTROL
============================================================= */
body {
	text-align:center;
	background-color:#fff;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#454545;
	}
#wrapper {
	margin:0 auto;
	text-align:left;
	border:0;
	width:920px;
	position:relative;
	margin-bottom:3em;
	padding-top:85px;
	}
#header {
	height:110px;
	}
#header h1 a {
	position:absolute;
	top:90px;
	left:-12px;
	height:97px;
	width:250px
	}
#region {}
#main {clear:left;}
#content {
	margin-left:215px;
	margin-right:0;
	min-height:600px;
	height:auto !important;
	height:600px;
	left:215px;
	width:490px;
	}
#sidebar_left {
	position:absolute;
	width:205px;
	height:auto;
	top:215px;
	left:10px;
	}
#sidebar_right {
	position:absolute;
	width:205px;
	margin-right:10px;
	height:auto;
	top:122px;
	left:705px;
	}
.sidebar div {
	padding:0 20px;
	margin-bottom:30px;
	color:#666;
	}
#footer {
	position:relative;
	left:235px;
	width:450px;
	clear:both;
	margin-top:36px;
	}

/* SIDEBAR SPECIFICS
============================================================= */
#listen_online {
	color:#fff;
	background-image:none;
	padding-top:0;
	padding-bottom:0;
	height:auto !important;
	position:relative;
	}
#listen_online h3 {
	color:#fff;
	}
#listen_online div {
	
	}	
#listen_online h3 a {
	color:#ff9;
	cursor:pointer;
	}
#listen_online_links {
	position:absolute;
	width:300px;
	padding:15px 0 0 0;
	margin:0;
	top:-15px;
	right:0px;
	
	}
#listen_online_links div {
	padding:0;
	margin:0;
	height:auto;
	overflow:auto;
	background-repeat:repeat-y;
	}
#listen_online_links div.close {
	padding:0;
	margin:0;
	height:auto;
	overflow:auto;
	background-repeat:no-repeat;
	}	
#listen_online_links h3 {
	padding:0 15px;
	cursor:default;
	background-repeat:repeat-y;
	}
#listen_online_links p {
	color:#ccc;
	padding:0 15px;
	background-repeat:repeat-y;
	}
#listen_online_links small {
	color:#ccc;
	padding:0 0 0 15px;
	
	}
#listen_online_links a {
	color:#69c;
	}
#listen_online_links a:hover {
	color:#9cf;
	text-decoration:underline;
	}
#listen_online_links p.close {
	padding:13px;
	color:#667;
	
	}
#listen_online_links p.close a {
	padding-right: 20px;
	color:#333;
	}

/* JUMPER SPECIFICS
============================================================= */
#jumper {
	position:relative;
	background-color:#303036;
	padding:18px;
	height:240px;
	overflow:hidden;
	font-size:11px;
	line-height:12px;
	color:#dde;
	}
#jumper ul {margin-top:6px;}
#jumper p {margin:0;}
#jumper a {color:#6ae;}
#jumper a:hover {color:#9df;}


/* MAIN NAV CONTROL
============================================================= */
#nav {
	position:relative;
	left:235px;
	top:30px;
	width:450px;
	height:auto;
	border-bottom:0px solid #999;
	}
#nav div {
	float:right;
	color:#999;
	margin-bottom:20px;
	font-weight:normal;
	width:150px;
	margin-top:40px;
	text-align:right;
	}
#nav #region {
	float:left;
	text-align:left;
	width:300px;
	}
ul#menu {
	list-style:none;
	}
ul#menu li {
	float:left;
	font-size:13px;
	}
ul#menu li a {
	color:#fff;
	display:block;
	height:30px;
	margin-right:13px;
	text-align:center;
	}
ul#menu li b {
	display:block;
	font-weight:normal;
	padding-top:7px;
	}

ul#menu li#ndon a { margin-right:0px; }

ul#menu li#nhom a { width:54px; background-position:0 100%; }
ul#menu li#nsto a { width:51px; background-position:-67px 100%; }
ul#menu li#nota a { width:82px; background-position:-131px 100%; }
ul#menu li#ncom a { width:89px; background-position:-226px 100%; }
ul#menu li#nstf a { width:48px; background-position:-328px 100%; }
ul#menu li#ndon a { width:61px; background-position:-389px 100%; }

ul#menu li#nhom.hot a { background-position:0 0%; }
ul#menu li#nsto.hot a { background-position:-67px 0%; }
ul#menu li#nota.hot a { background-position:-131px 0%; }
ul#menu li#ncom.hot a { background-position:-226px 0%; }
ul#menu li#nstf.hot a { background-position:-328px 0%; }
ul#menu li#ndon.hot a { background-position:-389px 0%; }

#subnav a.hot { color:#333; }
/* TEXT CONTROLS 
============================================================= */
#main {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:14px;
	}
#content p {
	margin-bottom:18px;
	}
#main p.boxed,
#content p.boxed {
	border:1px solid #ccc;
	padding:10px;
	background-color:#eee;
	}
#main p.hot,
#content p.hot {
	border:1px solid #ccc;
	padding:10px;
	background-color:#eee;
	}
#content {
	font-size:12px;
	line-height:18px;
	}
.crumbs {
	padding:20px 20px 0 20px;
	}
#content h1 {
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:-1px;
	line-height:36px;
	margin-bottom:18px;
	}
#content h2 {
	margin-bottom:5px;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:-1px;
	}
#content h3 {
	margin-bottom:9px;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	}
#content .category {
	border-bottom:1px solid #f93;
	}
#content #headline,
#content #subheadline,
#content .headline,
#content .subheadline {
	margin-top:20px;
	padding:0 20px;
	}
#content p.byline {
	padding:0 20px;
	font-size:11px;
	color:#456;
	}
#content .post {
	position:relative;
	padding:0 20px;
	clear:left;
	margin-top:20px;
	margin-bottom:40px;
	}
	
#content blockquote {
	/*border : 2px solid #000;*/
width: 400px;
	/*float: right;*/

	margin-left: 15px;
	margin-right: 15px;

	padding: 10px;
	background-color: #FFCC66;
	quotes: "\201C" "\201D";
	left: 25px;
}
#content blockquote:before { content: open-quote; font-weight: bold; }
#content blockquote:after { content: close-quote; font-weight: bold; }	
#content p.post-date,
#content div.sponsor {
	color:#777;
	font-size:11px;
	margin-bottom:10px;
	}
.column2 {
	width:215px;
	float:left;
	margin-right:10px;
	}
.column2 .last {
	margin-right:0;
	}
.wally {
	float:left;
	padding:3px;
	border:1px solid #ccc;
	margin:0 4px 4px 0px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	}
#content ul,
#content ol {
	margin:10px 20px 20px 20px;
	}
#content li {
	margin-bottom:6px;
	}
#content ul.listed {
	margin:0;
	list-style:none;
	padding:0;
	}
#content ul.listed li {
	clear:left;
	border-top:1px solid #ddd;
	margin-bottom:0;
	padding:6px 0;
	}
#content ul.feed {
	list-style:square;
	}
#content ul.feed li {
	margin-bottom:0;
	}
#content ul.horizontal {
	list-style:none inside;
	padding:0;
	margin:0;
	text-align:center;
	}
#content ul.horizontal li {
	display:inline;
	padding-left:9px;
	margin-left:9px;
	border-left:1px solid #999;
	}
#content ul.horizontal li.start {
	padding-left:0;
	margin-left:0;
	border-left:0;
	}
#pledgedrive_total {
	position:absolute;
	top:0;
	right:0;
	width:120px;
	height:auto;
	color:#fff;
	font-size:50px;
	line-height:50px;
	margin-top:20px;
	margin-right:40px;
	padding-top:15px;
	text-align:center;
	}
#content .callout {
	float:right;
	width:150px;
	border:1px solid #ccc;
	margin-left:18px;
	margin-bottom:18px;
	background-color:#fff;
	margin-right:20px;
	}
#content .post .callout {
	margin-right:0px;
	}
#content .callout p {
	padding:9px;
	margin:0;
	font-size:11px;
	}
#content .event {
	border-top:2px solid #677;
	padding-top:9px;
	}
#content .event p {
	margin-bottom:9px;
	}
#content p.contact {
	border-top:0px solid #dde;
	padding-top:9px;
	text-align:right;
	}
#content p.event-date {
	font-size:11px;
	float:right;
	text-align:right;
	color:#693;
	padding-right:9px;
	}
.sidebar {
	font-size:11px;
	}
.sidebar p {
	margin-bottom:9px;
	}
.sidebar li {
	list-style:circle inside;
	padding:0 0 5px 0;
	}
.sidebar li.hot {
	list-style:disc inside;
	}
.sidebar li.hot a {
	color:#333;
	font-weight:bold;
	}
.sidebar h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	letter-spacing:-1px;
	line-height:18px;
	}
hr {
	border:1px solid #333;
	margin: 0 0 18px 0;
	}
.ref {
	font-size:11px;
	color:#777;
	}
.error {
	border:1px solid #ca1e34;
	background-color: #fee;
	}
p.error {
	padding:9px;
	}
.small {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#777;
	}
.editorial {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	background-color:#eee;
	padding:9px;
	color:#666;
	}
div.highlight {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#ffc;
	border:1px solid #f93;
	padding:9px;
	color:#ca1e34;
	}
#content div.highlight p {margin-bottom:0;}
#footer p {
	padding:18px 0;
	color:#777;
	border-top:1px solid #999
	}
*.ding {
	font-family:webdings;
	}

/* LINK CONTROLS 
============================================================= */
a {
	color:#334fae;
	text-decoration:none;
	cursor:pointer;
	}
#content a:hover {
	text-decoration:underline;
	}
#content .sponsor a,
#subnav a {
	text-decoration:none;
	color:#f60;
	}
.sidebar h3 a {
	/* color:#435676; */
	color:#693;
	}
.sidebar #concerts p a,
.sidebar #events p a {
	color:#666;
	}
.sidebar #concerts p a b,
.sidebar #events p a b {
	color:#334fae;
	}
#content h2 a {
	color:#f60;
	text-decoration:none;
	}
#footer a {
	color:#69c;
	}
* a.external {
	background-image:url('/images/icons/link_external.gif');
	background-position: 100% 50%;
	padding-right: 13px;
	}
* h2 a.external {
	padding-right: 18px;
	}
* a.itunes {
	background-image:url('/images/icons/link_itunes.gif');
	background-position: 0% 50%;
	padding-left: 15px;
	font-weight:bold;
	}
a:hover,
.sidebar h3 a:hover,
#nav #subnav a:hover,
#content .post h2 a:hover,
#footer a:hover,
.sidebar #concerts p a:hover,
.sidebar #events p a:hover {
	color:#69c;
	}

/* FORM CONTROLS 
============================================================= */
input.field,
input.button,
textarea,
select {
	border:1px solid #999;
	padding:5px;
	font-size:11px;
	font-family:Verdana, sans-serif;
	}
select {padding:0px;}
select option {padding:3px;}
select optgroup {padding-top:9px;}
select optgroup option {padding-left:1em;}
select optgroup option.first {border-top:1px solid #f60;}
input.button {
	background-image:url('/images/gui2/bg_button.png');
	background-position:50% 40%;
	font-family:Arial, sans-serif;
	border-color:#666;
	color:#630;
	}
input.clicked {
	color:#667;
	font-style:italic;
	}

form .field, textarea { width:98%; }
form .field.half { width:48%; }
form .field.small {
	width:150px;
	color:#000;
	}
form .field.mini { width:75px; }
form .field.micro { width:3em; }
form .field.nano { width:1.5em; }
input.req,
textarea.req,
select.req {
	background-color:#fff;
	background-image:url(/images/icons/required.gif);
	}
form span {
	color:#456;
	font-family:Arial, sans-serif;
	font-size:11px;
	}

form table { margin-bottom:18px; }
form td, form th { padding:6px 3px; }
form th {
	white-space:nowrap;
	padding-top:9px;
	}


/* UTILITY STYLES
============================================================= */
*.none {display:none;}
*.fix {clear:both;height:1px;}
*.clearleft {clear:left;}
*.clearright {clear:right;}
*.red {color:#ca1e34;}
*.green {color:#34ca1e;}
*.orange {color:#f60;}
*.grey {color:#999;}
*.left {float:left;}
*.right {float:right;}
*.aright {text-align:right;}
*.acenter {text-align:center;}
*.aleft {text-align:left;}

img.right {margin:0 0 18px 18px;}
img.left {margin:0 18px 18px 0;}

acronym {cursor:help;}


/* ADBOX
============================================================= */
#adbox {
	position:absolute;
	top:10px;
	left:10px;
	margin:0;
	width:910px;
	border:0px solid;
	font-family:Arial, Verdana, sans-serif;
	}
#adbox div {
	padding:0 10px 0 0px;
	text-align:center;
	}
#adbox div div {
	padding:0;
	width:225px;
	height:75px;
	float:left;
	margin:0;
	}
#adbox div div.txt {
	text-align:left;
	}
#adbox .txt h3{
	padding:7px 7px 0 10px;
	font-size:13px;
	line-height:15px;
	}
#adbox .txt p {
	padding:0 10px;
	font-size:10px;
	line-height:13px;
	}