/* 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; background-color:#FFF;} /*fixes FCK editor issue, formerly body#publicBody */
    #uber ul {list-style-type:none; font:12px/15px Arial, Helvetica Neue, Helvetica, sans-serif; color:#000;}
    #uber dl {list-style-type:none; font:12px/15px Arial, Helvetica Neue, Helvetica, sans-serif; color:#000;}
    #uber ol {list-style-type:none; font:12px/15px Arial, Helvetica Neue, Helvetica, sans-serif; color:#000;}
    #uber li {font:12px/15px Arial, Helvetica Neue, Helvetica, sans-serif; color:#000;}
    #uber ol li, #uber ul li {/*add margin or padding as needed*/}

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

/* main artist banner */
#artistBanner {width:960px; height:250px; overflow:hidden; position:relative;}
    #artistBanner img, #artistBanner img a {border:none;}
	#logo {position:absolute; top:18px; left: 11px; width:302px; height:202px;}
	   #logo a {width:302px; height:202px; border:none; text-decoration: none; display: block;}
	   
/* main navigation under artist banner */
#mainnav {position:relative; width:960px; background:url(/theme/KURS/i/bkgnd-mainnav.jpg) top left no-repeat; border-bottom:1px solid #2e3092;}

/* header under nav menu with leaderboard and listen live */
#header {position:relative; height:107px; width:960px; background: url(/theme/KURS/i/bkgnd-leaderboard.gif) top left no-repeat;}
	#listen_live {position:absolute; top:9px; left: 10px; width:204px; height:90px; background-color:#8182c2;}
	#leaderboard {position:absolute; top:9px; left:222px; width:728px; height:90px; overflow:hidden; background-color:#8182c2;}

/* 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;}

/* left */
#left {float:left; width:160px; padding:10px 10px 0px 10px;}
    #left_content {width:160px; padding:30px 0 0 0; margin:0 0 19px 0; text-align: center; background: url(/theme/KURS/i/bkgnd-hitlist.gif) top left no-repeat;}
        #left_content p {margin:0; padding:0; font:11px/22px Arial, san-serif; color:#2e3092; border-bottom:1px dotted #2e3092; width:100%;}
        #left_content .facebook {width:160px; height:210px; padding:0; margin:19px 0 0 0;}
    #skyscraper {width:168px; height:600px; margin:0 0 15px 0; padding:0; border: none; z-index:100;}
        #skyscraper html {margin:0; padding:0;}

/* middle */
#content {float:left; width: 570px; background: url(/theme/KURS/i/bkgnd-content.gif) top left no-repeat #d5d6e9; margin:0; padding:15px 15px 0 15px; overflow: hidden;}
    #image_cycler_container {width:600px; height:315px; margin:-15px 0 0 -15px; background: url(/theme/KURS/i/bkgnd-imagecycler.jpg) top left no-repeat;}
    #inset {width:570px; margin:auto auto;}
    #pageStatus {}

/* right */
#right {float:right; width:160px; margin:0; overflow:hidden; padding:0px 10px 10px 10px;}
    #connectorlocal {width:160px; height:25px; margin:0; padding:0;}
    #weather {width:160px; margin:5px 0 12px 0; padding:15px 0 5px 0; background-color: #2e3092; color:#FFF; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
        #weatherBadge {width:160px; margin:0; padding:0;}
    #mini_login {background-color:#bfd1e5; width:150px; margin:0 0 12px 0; overflow:hidden; padding:15px 5px 10px 5px; text-align: center; font:12px/13px Arial, Helvetica Neue, Helvetica, sans-serif; color:#2e3092;}
    /* may be required inside mini_login ... logo_MiniForm, wrapper_logo, loginButton, forgot_password_container */
    #polls {background-color:#bfd1e5; width:160px; margin:0 0 10px 0; padding:0;}

/* footer at bottom of page */
#footer {position:relative; text-align:center; width:960px; height:114px; padding:0; margin:0; border-top:1px solid #FFF; background: url(/theme/KURS/i/bkgnd-footer.jpg) top left no-repeat;}
    #logo_connectorlocal {position:absolute; top:10px; right:20px; width:150px; height:30px;}
        #logo_connectorlocal a {display:block; width: width:150px; height:30px;}
    #footer_nav {position:absolute; top:37px; left:0; width:960px; text-align: center; color:#FFF;}
    	/* footer nav styles */
    	#footer_nav ul {margin:0; padding:0; list-style-type:none; text-align: center;}
    	#footer_nav ul li {margin:0; padding:0; list-style-type:none; text-align: center; display:inline;}
    	#footer_nav ul li a {
    	   -moz-border-radius: 5px; -webkit-border-radius: 5px;
    		height: 19px; margin: 0; padding: 3px 10px; display:inline;
    		font:12px/15px Arial, Helvetica Neue, Helvetica, sans-serif; color:#FFF; text-decoration:none;
    	}
    	#footer_nav ul li a:hover {
    		background-color:#ed1d24;
    		height: 19px; margin: 0; padding: 3px 10px; display:inline;
    		font:12px/15px Arial, Helvetica Neue, Helvetica, sans-serif; color:#FFF; text-decoration:none;
    	}
    	#footer_nav ul li .active {color:#FFF;}
    #footer_text {position:absolute; top:63px; left:0; width:960px; text-align: center; font:11px/15px Arial, Helvetica Neue, Helvetica, sans-serif; color:#FFF;}
        #footer_text a {color:#ffc713; text-decoration: none;}
        #footer_text a:hover {text-decoration: underline;}
    .footer_credit {font:11px/15px Arial, Helvetica Neue, Helvetica, sans-serif; color:#FFF;}

/* STYLES HOME PAGE ONLY */
#welcome_home {width:570px; margin:0 0 15px 0; padding:0 0 0 0; border-bottom:1px solid #2e3092; overflow:hidden;}
#around_sandiego {width:570px; margin:0 0 15px 0; padding:0 0 0 0; /*border-bottom:1px solid #2e3092;*/ overflow:hidden;}
#calendar_home {width:570px; margin:0 0 15px 0; padding:0 0 0 0; border-bottom:1px solid #2e3092; overflow:hidden;}

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

/* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */
#mini_login h3 {color:#2e3092; font:13px/15px Arial, Helvetica Neue, Helvetica, sans-serif; font-weight:bold; margin-bottom:10px; border-bottom:1px solid #2e3092;}
#mini_login input {margin:5px 0 7px 0; width:145px;}
    #mini_login input#remember_cookie {margin:0; width:16px;}
#mini_login #loginButton {margin:5px 0px 7px 0; padding:2px; border:1px solid #FFF; cursor:hand; width:60px; color:#FFF; background-color: #2e3092;}
#mini_login a {color:#ed1d24; text-decoration:none;}
#mini_login a:hover {text-decoration:underline;}

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