/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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;}ol,ul {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;}

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

html, body {
	height:100%;
}
body  {
	font: 100% Arial, Helvetica, sans-serif;
	background:#ccc url(/images/bkg-main.jpg) repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #252525;
}
#container { 
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #ebebeb;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #b0b0b0;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	min-height:100%;
	height:auto !important;
	height:100%;
	border-right:1px solid #3d0000;
	border-left: 1px solid #3d0000;
} 
#header { 
  /*960 pixels */
	padding:0 0 0 10px;
	width:950px;
	height:132px;
	background:url(/images/header-bkg.jpg) no-repeat;
} 
#header h1 {
	margin-top:15px;
	float:left;
	width:242px;
	height:102px;
	font-size:1px;
	background:url(/images/logo-peak.png) no-repeat;
}
#header h1 a {width:242px; height:102px; display:block; text-indent:-9999px;}
#header #artist-scroll {
	float:right;
}
#nav-main {
	width:960px;
	height:28px;
	background:url(/images/nav-bkg.png) repeat-x;
	border-top:1px solid #d27979;
	border-bottom:1px solid #c9c8c8;
}
#nav-main a {
	display: block;
	height:28px;
	text-align:center;
	padding-top:5px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
	background:url(/images/nav-arrow.png) 15px 8px no-repeat;
}

#nav-main a:hover {
	background:url(/images/nav-bkg-over.png) no-repeat;
}

#nav-main li { /* all list items */
	float: left;
	border-right:1px solid #6b6c6c;
	height:28px;
	width:159px;
}

#nav-main li ul { /* second-level lists */
	position: absolute;
	background: orange;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav-main li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#nav-main li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav-main li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content-wrapper {
	padding:30px 20px;
	background:url(/images/content-bkg.png) repeat-x;
}
#sidebar1 {
	float: left;
	width: 185px; 
}
#on-air {
	width:185px;
}
#on-air ul {
	font-size:11px;
	height:25px;
}
#listener-club {
	width:185px;
}

#listener-club div.content, #on-air div.content {
	padding-top:10px;
}
#listener-club div.content { padding-bottom:10px }
div.content-box {
	background:url(/images/box-grey-hdr.png) repeat-x;
	padding-bottom:6px;
}
div.content-box h3 {
	color:#fff;
	font-weight:bold;
	background:url(/images/nav-arrow.png) 10px 5px no-repeat;
	padding:2px 0px 0px 25px;
	height:20px;
	font-size:14px;
}
div.box-wrapper {
	background:#fff;
	border:1px solid #6b6969;
	padding:3px;
}
div#mainContent div.box-wrapper {}
div.content-box div.content { background:url(/images/box-footer.jpg) bottom repeat-x; }
div.shadow-bg { background:url(/images/box-footer.jpg) bottom repeat-x; }
div.content p { padding-bottom:.5em; }
div.dj { 
  width:100%;
	height:120px;
	margin-bottom:2px;
	font-size:11px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
div.dj h2.grayBG {
	margin:0; 
	padding:2px 6px;
	font-color:#626262;
	font-size:12px;
	font-weight:bold;
	background:#d6d6d6;
	height:16px;
}
div.dj ul {
	padding:8px 0 5px 0;
}

#sponsors div.content {padding-top:10px;}
#sponsors li {padding-bottom:10px;}
.centered {
	text-align:center;
}
#sidebar2 {
	float: right;
	width: 200px; 
}

#sponsors {
	width:200px;
}
#mainContent { 
	width:515px;
	margin: 0 195px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
} 

#contests {
	width:515px;
}
#contests div.box-wrapper {
	background:#6b6969;
	margin:0;
	padding:0;
}
#contests div.content {
	background:none;
	padding:5px;
	height:300px;
}
#contests div.content p img {
	padding:0;
	border:2px solid #fff;
	margin-bottom:5px;
}
#contest-bar li {
	float:left;
	padding-right:15px;
	height:40px;
}
#contest-bar li.active a img {
	border:2px solid #fff200;
	padding:0;
}
#contest-bar li a img { padding:2px; }
#footer { 
	background:#fff;
	margin-top:20px;
	width:960px;
} 
#footer p.contact {
	background:#3d3e3d;
	color:#fff;
	text-align:center;
	font-size:9px;
	margin:0;
	padding:1px 0;
	height:13px;
	line-height:0;
}
.space-5px { padding:0 5px }
#footer p {
	padding:20px;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#mainContent h1 {
	padding-bottom:15px;
	margin-bottom:25px;
	font-size:28px;
	font-weight:bold;
	border-bottom:1px solid #d6d6d6;
	text-transform:capitalize;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
#mainContent h3 { font-weight:bold }
#mainContent { font-size:12px; }
#mainContent dl { margin-bottom:10px; }
#mainContent dt { font-weight:bold; margin-top:15px; padding-bottom:3px; }
#mainContent dd { padding:2px 0; }
#mainContent dd.last { border-bottom:1px solid #d6d6d6; padding-bottom:15px;}
div.dj-profile ul { padding-bottom:10px; }
div.dj-profile img { 
	background: url(/images/t/photo-150-bg.jpg);
	padding:10px;
	margin-bottom:5px; 
}
div.dj-profile img.noshadow {
	background:none;
	padding:0;
}
div.dj-profile h3 { font-size:12px }
#mainContent h1.morningShow { /* 507 x 340 */
	padding:250px 10px 0 10px;
	width:487px; 
	height:90px;
	background:url(/images/morning-show.jpg) no-repeat;
	color:#fff;
	font-size:26px;
}
#mainContent h1.morningShow span.btm {
	display:block;
	font-size:14px;
}	

div h2.grayBG { 
	padding:2px 6px;
	margin-bottom:3px;
	font-color:#626262;
	font-size:12px;
	font-weight:bold;
	background:#d6d6d6;
	height:16px;
}
#mainContent h3 {padding-bottom:3px;}
#mainContent p { padding-bottom:5px; }

div.padding10 {padding:15px}

strong { font-weight:bold; }

h1 {font-size: 16px;}
h2 {font-size: 15px;}
h3 {font-size: 14px;}
h4 {font-size: 13px;}
h5 {font-size: 12px;}
h6 {font-size: 11px;}

div.photoGallery { /*225w x 225h */
	background:url(/images/t/gallery-bg.jpg) no-repeat;
	padding:17px 12px 0 12px;
	width:205px;
	height:208px;
}
div.photoGallery img { border:5px solid #fff; }
div.photoGallery p {
	text-align:center;
	width:201px;
	font-size:11px;
	font-weight:bold;
}
div.photoGallery p.caption a {
	background:url(/images/t/btn-gallery-go.gif) right no-repeat;
	padding-right:20px;
	line-height:40px;
	color:#626262;
	text-decoration:none;
}
div.photoGallery p.caption a:hover { text-decoration:underline; }
div#slideshow {
	text-align:center;
}
table {
	margin-bottom:10px;
}
table tr td {
	padding:3px 10px 3px 0;
}
p {
	margin-bottom:10px;
}
h2 {
	font-weight:bold;
	margin-bottom:10px;
	color:red;
}

div#contests {
	background:#252525;
}
#contest .slideshow-images { border:2px solid #fff; }
div.contest {
	padding-bottom:20px;
	border-bottom:1px solid #d6d6d6;
	margin-bottom:10px;
}
div.contestBanner { padding-bottom:20px; }

#footer-nav {
	margin:0;
	height:50px;
	padding:30px 0;
	text-align:center;
	list-style:none;
	padding-left:170px;
}
#footer-nav li {
	float:left;
	list-style:none;
	padding-right:40px;
	display:inline;
}
#footer-nav li.last {padding:0;}
#co_news {padding:0 0 20px 0;}
#co_news ul li {
	padding:3px 0 3px 15px;
	background:url(/images/t/arrow_list.gif) 0px 5px no-repeat;
}

#news_box {margin-top:20px;}
#mainContent #news_box h3 {padding-bottom:0;}
#news_box div.content {padding-left:6px;}
#google_ads {	
	padding:10px;
	background:#fff;
	width:180px;
	text-align:center; 
}

#on-air ul {
	position:relative;
	z-index:500;
}

#logos img {padding:10px;}

.right {float:right;}
div.right img {padding:0 0 20px 20px;}
em {font-style:italic;}

.contest ul {
	list-style:disc;
	padding-bottom:1em;
}

.contest ul li {
	list-style:disc;
	margin-left:25px;
	padding:3px 0;
}