/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the programmers. */

/* our main container that holds the site in the centre of the body is called "uber"
and will generally be margin:auto auto and be 960 or 970 pixels wide */

/* ----- comment styles well for better reference later! ----- */
/* ----- lay these styles out in sections, and from top to bottom on pages ----- */

/* STYLES FOR ALL PAGES */
#uber {margin:auto auto; width:960px;} /*fixes FCK editor issue, formerly body#publicBody */
#uber ul {list-style-type:none; font:11px/14px Arial,Helvetica,sans-serif; color:#424242;}
#uber dl {list-style-type:none; font:11px/14px Arial,Helvetica,sans-serif; color:#424242;}
#uber ol {list-style-type:none; font:11px/14px Arial,Helvetica,sans-serif; color:#424242;}
#uber li {font:11px/14px Arial,Helvetica,sans-serif; color:#424242;}
#uber ol li, #uber ul li {/*add margin or padding as needed*/}

/* any containers inside #uber for floating or padding */

/* header aka masthead */
#header {position:relative; height:247px; width:960px; background:url(/theme/lazer_flyout/i/bkgnd_header.jpg) top left no-repeat;}
#leaderboard {position:absolute; top:3px; left:122px; width:728px; height:90px; overflow:hidden;}
#logo {position:absolute; top:114px; left: 20px; width:230px; height:122px;}
#rotatingArtist {position:absolute; top:97px; left:250px; width:535px; height:150px; overflow:hidden; border:none;}
#rotatingArtist img, #rotatingArtist img a {border:none;}
#on_air {position:absolute; top:101px; right:10px; width:160px; height:69px;}
#up_next {position:absolute; top:174px; right:10px; width:160px; height:69px;}

/* jagged area under header */
#underheader {width:960px; height:48px; padding:0; margin:0; overflow:hidden;}

/* content area usually three columns -- let's use 960 as a base width */
/* re-arrange elements within right and left sidebars as required */
#main {float:left; background:url(/theme/lazer_flyout/i/bkgnd_main.gif) top left no-repeat; margin:-3px 0 -14px 0; padding:0;}

/* left */
#left {float:left; width:160px; padding:10px;}
#leftboxtitle  {width:166px; height:32px; margin:0 0 -3px -3px; padding:0; background: transparent;}
#leftnav {
	width:166px; margin:0 0 0px -3px; padding:0; overflow:visible !important; overflow:hidden;
	background-color:#993f99; font:11px Arial, Helvetica, sans-serif; color:#FFF; height:230px;
}
#mini_login, #polls {
	width:166px; margin:0 0 0px -3px; padding:0; overflow:visible !important; overflow:hidden;
	background: url(/theme/lazer_flyout/i/bkgnd_gradient_leftcolbox.jpg) top left repeat-x #993f99;
	font:11px Arial, Helvetica, sans-serif; color:#FFF;
}

#polls p {
    color: #FFF;
}

/* log in form */
#mini_login input {margin-bottom:7px;}
#left_nav_login {}
#logo_MiniForm {}
#wrapper_logo_padding {display:none;}
#wrapper_padding {width:144px; margin-left:11px; padding:5px 0px 10px 0px;}
#loginButton {margin:7px 0px 0px 45px; padding:1px; width:54px;}
#forgot_password_container {
	width:144px; margin:-7px 0 0 11px; padding:5px 0px; font:10px/11px Arial, Helvetica, sans-serif; color:#FFF; text-align:center;
	border-top:1px solid #dec4de;
}
#forgot_password_container a, #polls a {color:#ffd800; text-decoration:none;}
#forgot_password_container a:hover, #polls a:hover {color:#ffd800; text-decoration:underline;}
#logoutButton {color:#FFF; text-decoration:none;}

#leftboxbottom {width:166px; height:5px; margin:0px 0 10px -3px; padding:0; overflow:hidden; background: url(/theme/lazer_flyout/i/bottom_leftbox.png) top left no-repeat;}

/* middle */
#content {float:left; width:570px; margin:0; padding:0px 15px 15px 15px !important; padding:0px 15px 15px 12px;}
#pageStatus {}
/* second level nav if needed may be here or coded in navmenu.css file */
#image_cycler_container {margin-bottom:12px;}
#rotating_468 {width:468px; height:60px; overflow:hidden; margin:0 0 12px 51px; padding:0; background-color:#FF9900;}

/* featured item block */
#featuredtop {
	width:546px; margin:0 0 0 0; height:40px; padding:0px 24px 0 0; 
	background: url(/theme/lazer_flyout/i/bkgnd_featuretop.jpg) top left no-repeat; text-align:right; color:#FFF;
}
#featured {
	background: url(/theme/lazer_flyout/i/bkgnd_newscontainer.jpg) top left repeat-y; 
	margin:0; padding:0 16px 0 28px; width:526px;
	min-height:150px; height:auto; !important height:150px;
}
#featured .pic {width:195px; height:145px; overflow:hidden; float:left;}
#featured .text {width:315px; margin-left:204px; font:12px/16px Arial, Helvetica, sans-serif; color:#333;}
#featuredbottom {width:570px; height:26px; margin-bottom:15px; background: url(/theme/lazer_flyout/i/bkgnd_newsbottom.jpg) top left no-repeat;}
/* news feed blocks */
#newstop {
	width:546px; margin:0 0 0 0; height:19px; padding:10px 24px 0 0; 
	background: url(/theme/lazer_flyout/i/bkgnd_topnews.jpg) top left no-repeat; text-align:right; color:#FFF;
}
/* hold the news feed divs and has a cool background */
#newscontainer {width:570px; background: url(/theme/lazer_flyout/i/bkgnd_newscontainer.jpg) top left repeat-y; margin:0; padding:5px 0px;}
#newsfeed {
	width:514px; border-bottom: 1px solid #c398c2; margin-left:28px; padding:10px 0px 0px 0px;
	min-height:105px; height:auto; !important; height:105px;
	background: url(/theme/lazer_flyout/i/bkgnd_newsfeed.jpg) top right repeat-y;
}
#newsfeed .image, #newsfeed_odd .image {float:left; width:111px;}
#newsfeed .feed, #newsfeed_odd .feed {float:left; width:329px; font:11px/15px Arial, Helvetica, sans-serif; color:#333;}
#newsfeed .icon, #newsfeed_odd .icon {float:right;}
/* this one for alternating rows */
#newsfeed_odd {
	width:514px; border-bottom: 1px solid #c398c2; margin-left:28px; padding:10px 0px 0px 0px;
	min-height:105px; height:auto; !important; height:105px;
	background: url(/theme/lazer_flyout/i/bkgnd_newsfeed_odd.jpg) top right repeat-y #f3eaf3;
}
#newsbottom {width:570px; height:23px; margin-bottom:15px; background: url(/theme/lazer_flyout/i/bkgnd_newsbottom.jpg) top left no-repeat;}

/* right */
#right {float:right; width:180px !important; width:170px; margin:0 0 0 0 !important; margin:0 0 0 -5px; padding:10px 0 0 0; background:transparent;}
#listen_live {width:175px; height:77px; margin:0 0 5px 5px !important; margin:0 0 5px -5px; padding:0; overflow:hidden;}
#skyscraper {width:160px; height:600px; margin:0 0 0 10px !important; margin:0 0 0 0; padding:0; overflow:hidden; background-color:#666;}
#weather {width:160px; margin:0 0 15px 10px;padding:0;}

/* footer at bottom of page */
#footer {position:relative; width:960px; height:105px; padding:0; margin:0; background:url(/theme/lazer_flyout/i/bkgnd_footer.jpg) top left no-repeat #000;}
#footer_nav {position:absolute; top:47px; left:0; width:960px; margin:0; padding:0; font:10px/18px Verdana, Arial, Helvetica, sans-serif; color:#FFF; text-align:center;}
#footer_text {position:absolute; top:60px; left:0; width:960px; margin:0; padding:0; font:10px/18px Verdana, Arial, Helvetica, sans-serif; color:#FFF; text-align:center;}
#logo_wecreate {position:absolute; top:38px; right:30px; width:117px; height:45px;}

/* STYLES HOME PAGE ONLY */
#recentlyplayed {
	position:relative; width:570px; height:145px; overflow:hidden; background:url(/theme/lazer_flyout/i/bkgnd-recentlyplayed.jpg) top left no-repeat;
	margin:10px 0 10px 0; padding:0;
}
	#instantrequest {position:absolute; top:0px; right:0px; width:200px; height:145px;}
	#nowplayingitem {position:absolute; top:24px; left:150px; width:230px; font:12px Arial, Helvetica, sans-serif; color:#FFF; overflow:hidden;}
	#recentlyplayeditems {position:absolute; top:72px; left:70px; width:285px; height:46px; overflow:hidden; font:12px/14px Arial, Helvetica, sans-serif; color:#FFF;}

/* local news modules added March 2009 */
#localnewstop {width:570px; height:40px; margin:0; padding:0; background:url(/theme/lazer_flyout/i/top-local-news-headlines-lazer.gif) top left no-repeat;}
#localnewsmain {
	background: url(/theme/lazer_flyout/i/bkgnd_newscontainer.jpg) top left repeat-y; 
	margin:0 0 -16px 0; padding:0 16px 0 28px; width:526px;
}
#localnewsbottom {width:570px; height:23px; margin-bottom:15px; background: url(/theme/lazer_flyout/i/bkgnd_newsbottom.jpg) top left no-repeat;}

/* STYLES FOR CONTENT PAGES ONLY */
#content ul {list-style-type:square; padding:0 0 0 14px; margin:0 0 14px 0;list-style-position:outside;}
#content ol {list-style-type:decimal; padding:0 0 0 14px; margin:0 0 14px 0;list-style-position:outside;}
#content li {padding:0; margin:0 0 0 14px; list-style-position:outside;}

/* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */
#featuredtop a {color:#FFF; text-decoration:none;}   #featuredtop a:hover {text-decoration:underline;}
#featured .text h1 {color:#863385; width:100%; border-bottom:1px solid #863385; margin-bottom:5px;}
#featured a {color:#863385; text-decoration:none; font-weight:bold;} #featured a:hover {text-decoration:underline;}
#newstop a {color:#FFF; text-decoration:none;}   #newstop a:hover {text-decoration:underline;}
#footer a {color:#FFF; text-decoration:none;} #footer a:hover {text-decoration:underline;}
#footer_nav ul {margin:0; padding:0;}
#footer_nav ul li {display:inline;}
#footer_nav ul li a {list-style: none; padding:0px 8px;}

/* CSS NAVIGATION STYLES are either here or pulled in via the navmenu.css */

/* ----- end template ----- */