/* 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 pixels wide or up to 1160 pixels wide
when inside containers are required for drop shadows etc */

/* ----- 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; position:relative;} /*fixes FCK editor issue, formerly body#publicBody */
	#leaderboardinset {position:absolute; top: 370px; left:206px; z-index:81; width:728px; height:90px; overflow:hidden;}
#uber ul {list-style-type:none; font:12px/18px Georgia, "Times New Roman", Times, serif; color:#333;}
#uber dl {list-style-type:none; font:12px/18px Georgia, "Times New Roman", Times, serif; color:#333;}
#uber ol {list-style-type:none; font:12px/18px Georgia, "Times New Roman", Times, serif; color:#333;}
#uber li {font:12px/18px Georgia, "Times New Roman", Times, serif; color:#333;}
#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:118px; width:960px; padding:0; margin:0; background:url(/theme/kysm/i/bkgnd-header.gif) top left no-repeat;}
	#logo {position:absolute; top:0px; left:0px; width:253px; height:118px;}
	#footer_nav {position:absolute; top:10px; right:14px; text-align:right; font:11px Verdana, Arial, Helvetica, sans-serif; color:#FFF;}

/* just under the header */
#artistlocation {width:960px; height:200px;}
	#rotatingArtist {width:626px; height:200px; overflow:hidden; float:left;}
	#rotatingArtist img, #rotatingArtist img a {border:none;}
	#locationBadge {width:334px; height:200px; overflow:hidden; float:left;}

/* menu horizontal */
#menu {width:960px; color:#FFF; margin:0; padding:9px 0 7px 0; font:17px Georgia, "Times New Roman", Times, serif; text-align:center;}

/* content area usually three columns -- let's use 960 as a base width */
/* re-arrange elements within right and left sidebars as required */
#top {width:960px; height:13px; background:url(/theme/kysm/i/bkgnd-top.gif) top left no-repeat; overflow:hidden; margin:0; padding:0; float:left;}
#main {float:left; background:url(/theme/kysm/i/bkgnd-main.gif) top left repeat-y #FFF; width:960px; clear:left;}
#bottom {width:960px; clear:left; height:38px; background:url(/theme/kysm/i/bkgnd-bottom.gif) top left no-repeat; overflow:hidden; margin:0 0 15px 0; padding:0;}

/* left */
#left {float:left; width:160px; padding:10px;}
	#listen_live {width:160px; height:52px; padding:0; margin:0 0 16px 0;}
	#on_air {width:160px; height:78px; padding:0; margin:0 0 9px 0;}
	#up_next {width:160px; height:78px; padding:0; margin:0 0 9px 0;}
	#weather {width:160px; margin:0 0 9px 10; padding:0;}
	#skyscraper {background-color:#4f4f4f; width:160px; height:600px; margin:9px 0 15px 0; padding:0;}
	#leftnav {width:160px; background-color:#999; margin-bottom:5px; padding:0;}

/* middle */
#content {float:left; width: 600px; margin:0; padding:107px 0 0 0; position:relative; z-index:1;}
	#leaderboard {width:747px; height:93px; overflow:hidden; background:url(/theme/kysm/i/bkgnd-leaderboard.gif) top left no-repeat; margin:0; padding:14px 0 0 33px; position:absolute; top:0; left:0; z-index:80;}
	#inset {width:570px; margin:0 0 0 15px; padding:0;}
	#pageStatus {}
	#image_cycler_container {width:570px; height:285px; margin-bottom:18px; background:url(/theme/kysm/i/bkgnd-image-cycler.gif) top left no-repeat;}
	div#flashPlayer {float:none;} /* for Flash music streaming box, overwrites the float:right; in the style.php */

/* right */
#right {float:left; width:180px; margin:0; overflow:hidden; padding:107px 0px 15px 0px;}
	#connectorlocal_small {width:180px; height:37px; margin:0; padding:0; background-color:#FFF;}
	#mini_login {background:url(/theme/kysm/i/bkgnd-login.jpg) top left no-repeat; width:160px; margin:0 0 14px 0 !important; margin:-5px 0 14px 0; padding:10px; text-align:center; color:#FFF;}
	/* may be required inside mini_login ... logo_MiniForm, wrapper_logo, loginButton, forgot_password_container */
	#polls {background:url(/theme/kysm/i/bkgnd-poll.jpg) top left no-repeat; width:160px; margin:0 0 14px 0; padding:10px;}

/* footer at bottom of centre column */
#connectorlocalads {width:544px; height:127px; margin:15px 0 19px 0; padding:15px 0 15px 16px; border-top:1px solid #666; border-bottom:1px solid #666; clear:left;}
#footer {width:570px; height:100px; padding:0; margin:0;}
	#footer_text {color:#666; text-align:center; font:11px/14px Georgia, "Times New Roman", Times, serif;}
	#logo_connectorlocal {text-align:center; margin-top:10px;}

/* STYLES HOME PAGE ONLY */
#welcome_home {position:relative; width:302px; background:url(/theme/kysm/i/bkgnd-welcome-home.jpg) top left no-repeat; height:208px; overflow:hidden; padding:47px 263px 5px 5px; margin:0 0 19px 0;}
	#recently_played {position:absolute; top:89px; left:345px; width:215px; height:118px; overflow:hidden;}
#rssfeeds {position:relative; width:570px; height:240px; background:url(/theme/kysm/i/bkgnd-rss.gif) top left no-repeat; margin:0; padding:0; overflow:hidden;}
	#currentlocal {position:absolute; top:32px; left:35px; width:224px; height:180px; overflow:hidden;}
	#latestcountry {position:absolute; top:32px; left:307px; width:232px; height:180px; overflow:hidden;}

	/* RSS feed styles */
	#currentlocal h3, #latestcountry h3 {font-size:13px; margin:0 0 5px 0; padding:0 0 5px 0; font-weight:bold; text-align:center; color:#c9041c;}
	#currentlocal ul, #latestcountry ul {margin:0; padding:0; list-style-position:outside;}
	#currentlocal ul li, #latestcountry ul li {list-style-type:none; margin:0; background-color:none; padding:3px 5px 4px 5px; border-top:1px solid #bfbfbf; font:12px/15px Georgia, "Times New Roman", Times, serif;}
	#currentlocal ul li a, #latestcountry ul li a {text-decoration:none; color:#000; font:12px/15px Georgia, "Times New Roman", Times, serif;}
	#currentlocal ul li a:hover, #latestcountry ul li a:hover {text-decoration:underline; color:#000;}

/* 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; color:#333;}
#content ol {list-style-type:decimal; padding:0 0 0 14px; margin:0 0 14px 0; list-style-position:outside; color:#033300;}
#content li {padding:0; margin:0 0 0 14px; list-style-position:outside; color:#333;}
#content dl  {padding:0 0 0 14px; margin:0 0 14px 0; color:#333;}

/* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */
#mini_login h3 {color:#FFF; font:13px Georgia, "Times New Roman", Times, serif; font-weight:bold;}
#mini_login input {margin-bottom:5px;}
#mini_login #loginButton {font:12px Georgia, "Times New Roman", Times, serif; font-weight:bold; margin:5px 0px; padding:0px 2px 2px 2px; border:1px solid #CCC; height:20px; background:url(/theme/kysm/i/bkgnd-login-button.gif) top left repeat-x; color:#FFF;}
#mini_login a {color:#FFF; text-decoration:none;}
#mini_login a:hover {text-decoration:underline;}

#recently_played ul {width:215px; margin:0; padding:0; list-style-type:none; border-top:1px solid #333;}
#recently_played li {width:215px; margin:0; padding:5px 0 5px 0; list-style-type:none; border-bottom:1px solid #333; font:11px Georgia, "Times New Roman", Times, serif; list-style-position:inside;}
#recently_played li a {color: #000; text-decoration: none;}

/* FOOTER NAV MENU STYLES -- footer menu is actually along the top right in this design */
#footer_nav ul {margin:0; padding:0; list-style-type:none; font:11px Verdana, Arial, Helvetica, sans-serif; color:#FFF;}
#footer_nav ul li {margin:0; padding:0; list-style-type:none; display:inline;}
#footer_nav ul li a {
	display:block; margin: 0; padding: 0px 10px 0 10px; float: left; height:17px;
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;
}
#footer_nav ul li a:hover {
	background-color:#c9041c;
	display: block; margin: 0; padding: 0px 10px 0 10px; float: left; height:17px;
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;
}
#footer_nav ul li .active {color:#FFF;background-color:#c9041c;}

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