/* 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;}
    #uber ul {list-style-type:none; font:13px/18px Helvetica, Arial, san-serif; color:#1f1f1f;}
    #uber dl {list-style-type:none; font:13px/18px Helvetica, Arial, san-serif; color:#1f1f1f;}
    #uber ol {list-style-type:none; font:13px/18px Helvetica, Arial, san-serif; color:#1f1f1f;}
    #uber li {font:13px/18px Helvetica, Arial, san-serif; color:#1f1f1f;}
    #uber ol li, #uber ul li {/*add margin or padding as needed*/}

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

/* leaderboard advertising and listen live */
#leaderboard {position: relative; width:960px; height:98px; background:url(/theme/KKRD/i/bkgnd-leaderboard.jpg) top left no-repeat;}
	#leaderboard-ad {position:absolute; top:4px; right:10px; border:none; width:728px; height:90px; overflow:hidden;}
	#social-links {position:absolute; top:37px; left:11px; height:42px; width:160px; color: #FFF;}

/* header */
#header {position:relative; height:252px; width:960px; background:#FFF;}
	#listen_live {position:absolute; top:1px; left: 11px; width:161px; height:114px; z-index:5;}
	   #listen_live a {display: block; height:114px; width:161px; border: none; background: none; outline: none;}
	#logo {position:absolute; top:139px; left: 0px; width:260px; height:110px; z-index:2;}
		#logo a {display:block; border:none; outline: none; width:260px; height:110px; text-decoration:none;}
	#rotatingArtist {position:absolute; top:0; left:0; width:960px; height:252px; overflow:hidden; background:none;}
	#rotatingArtist img, #rotatingArtist img a {border:none; outline: none;}
	/* this is the CSS for the jQuery-driven page peel advert */
	#pageflip {position:absolute; top:1px; right:1px; height:250px; width:241px; background:none; z-index:100;}
	#pageflip-ad {position: relative;}
    #pageflip-ad img {width: 50px; height: 52px; z-index: 99; border:none; position: absolute; right: 0; top: 0; -ms-interpolation-mode: bicubic;}
    #pageflip-ad .msg_block {
    	width: 50px; height: 50px; position: absolute; z-index: 50; right: 0; top: 0; text-indent: -9999px; border:none;
    	/* background: url(/theme/KKRD/i/kkrd-peel.png) no-repeat right top; this is the user-uploaded image name - FIX PATH */
    	background: url(/user_files/images/File/kkrd-peel.png) no-repeat right top;
    }

/* dropdown menu with custom font */
.nav {margin:0; padding:0; border-bottom:1px solid #FFF; height:46px; width:960px; background:url(/theme/KKRD/i/bkgnd-nav.jpg) top left no-repeat; float:left; position:relative; z-index:200;}

/* main content area with two columns */
#main {float:left; background:url(/theme/KKRD/i/bkgnd-main.jpg) top left repeat-y; width:960px; position:relative; z-index:1; margin:0; padding:0; overflow:hidden;}


/* left */
#left {float:left; width:310px; margin:0; padding:16px 0 50px 0;} 
	#requests {
	   width:300px; margin:0 0 13px 5px; padding:0; text-align:center; 
	   font: 15px "Patagonia", Helvetica, Arial, san-serif; color:#FFF;
    }
        #requests h2 {font: 36px "Patagonia", Helvetica, Arial, san-serif; color:#FFF; margin:0; padding:0;}
	#mini_login {width:278px; margin:0 0 13px 5px; padding:10px 10px 10px 10px; border:1px solid #FFF; background: url(/theme/KKRD/i/bkgnd-boxes.gif); color:#FFF; text-align:center;}
    #on_air {width:182px; height:94px; margin:0 5px 13px 5px !important; margin:0 5px 13px 2px; padding:0; float:left; overflow: hidden; background-color: #FFF;}
    #up_next {width:113px; height:94px; margin:0 0 13px 0; padding:0; float:left; overflow: hidden; background-color: #FFF;}
    #boxad {width:300px; height:250px; margin:0 0 13px 5px; padding:0; overflow:hidden; background-color: #FFF; clear:left;}
	#polls {width:278px; margin:0 0 13px 5px; padding:10px; border:1px solid #FFF; background: url(/theme/KKRD/i/bkgnd-boxes.gif);}
    #weatherBadge {width:280px; margin:0 0 13px 5px; padding:10px; background-color: #FFF;}
    #radiologos {width:300px; margin:0 0 25px 5px; padding:0; text-align:center; color:#FFF;}
    
/* right = content area */
#content {float:left; width: 650px; margin:0; padding:13px 0 16px 0; overflow: hidden;}
	#inset {width:620px; margin:0 15px 0 15px; padding:0;}
	#pageStatus {}
	
/* footer at bottom of page */
#footer {position:relative; width:960px; height:47px; padding:0; margin:0; background:#FFF; border-top:1px solid #1485cc; overflow:hidden;}
	#logo_connectorlocal {position:absolute; top:0; left:0; width:311px; height:49px;}
	#footer_nav {position:absolute; top:3px; left:310px; width:650px; text-align: center;}
	#footer_text {font-size:10px; line-height:12px; position:absolute; top:21px; left:310px; width:650px; text-align:center; color:#a1a1a1;}
	
/* STYLES FOR CONTENT PAGES ONLY */
#content ul {list-style-type:square; padding:0 0 0 14px; margin:0 0 18px 0; list-style-position:outside; color:#1f1f1f;}
#content ol {list-style-type:decimal; padding:0 0 0 14px; margin:0 0 18px 0; list-style-position:outside; color:#1f1f1f;}
#content li {padding:0; margin:0 0 0 14px; list-style-position:outside; color:#1f1f1f;}
#content dl  {padding:0 0 0 14px; margin:0 0 14px 0; color:#1f1f1f;}

/* STYLES HOME PAGE ONLY */
#image_cycler_container {position:relative; width:620px; height:276px; margin:0 0 9px 0; padding:0 0 0 0; background:url(/theme/KKRD/i/bkgnd-cycler.gif) top left no-repeat;}
#yesflash {width:620px; height:70px; margin:0 0 14px 0; padding:0;}
#welcome {position:relative; padding:0; margin:0 0 15px 0; width:620px; height:337px; background:url(/theme/KKRD/i/bkgnd-welcome.jpg) top left no-repeat; float:left;}
	#welcome_text {position:absolute; top:61px; left:19px; width:292px; height:259px; color: #FFF; overflow: hidden;}
	   #welcome_text p {color:#FFF;}
	#welcome_feed {position:absolute; top:52px; left:327px; width:279px; height:265px; overflow: hidden;}
        #welcome_feed ul {margin:10px 0 0 5px; padding:0; width:269px; border-top:1px solid #b7cde2;}
        #welcome_feed ul li {margin:0; padding:6px 0 6px 10px; list-style-type: none; width:259px; border-bottom:1px solid #b7cde2; font:13px/15px Helvetica, Arial, san-serif; color:#FFF;}
        #welcome_feed ul li p.rss_description, #welcome_feed ul li p {display: none; padding:0; margin:0;}

/* the news feed and facebook panel section */
#newsandfacebook {float:left; width:618px; padding:0 0 14px 0; margin:0 0 7px 0; position:relative; border:1px solid #1485cc; border-top:none; background:url(/theme/KKRD/i/bkgnd-newsfacebook.jpg) top left no-repeat;}
	#newsandfacebook a {color:#ea0d0d; text-decoration:none;}

#newstabs {height:27px; width:618px; overflow: hidden; margin:0; padding:0; border-right:1px solid #FFF;}
    #newstabs ul {margin:0; padding:0;}
    #newstabs ul li {margin:0; padding:0; float:left; border-top:1px solid #1485cc; border-right:1px solid #1485cc; list-style-type: none;}
        #newstabs ul li a {display:block; font-weight:bold; padding:4px 6px 0 6px; margin:0; height:27px; width:78px; text-align: center; letter-spacing: -1px;}
        #newstabs ul li a:hover, #newstabs ul li a.active {color: #FFF; background-color: #1485cc;}
#news {float:left; display:inline; width:272px; margin:0 19px 0 19px !important; margin:0 9px 0 9px; padding:20px 0 0 0; color:#ea0d0d;}
    #news ul {margin:0; padding:0; width:272px;}
    #news ul li {margin:0; padding:6px 0; list-style-type: none; width:272px; border-bottom:1px solid #1485cc; font:13px/15px Helvetica, Arial, san-serif;}
    #news ul li p.rss_description, #news ul li p {display: none; padding:0; margin:0;}
#facebook {float:left; display:inline; width:300px; margin:0; padding:23px 0 0 0; overflow: hidden;}	
	
	#content #news ul {width:285px; margin:0; padding:0; list-style-type:none; list-style-position:outside; color:#FFF;}
	#content #news ul li {width:285px; margin:0; padding:5px 0; list-style-type:none; list-style-position:outside; border-bottom:1px solid #9cb9d4; font:13px/16px Helvetica, Arial, san-serif;}
	#content #news ul li a {}
	#content #news ul li a:hover {}

/* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */
#mini_login h3 {font: 15px/15px "Patagonia", Helvetica, Arial, san-serif; color:#FFF; font-weight:bold; border-bottom:1px solid #9cb9d4; margin-bottom:10px;}
#mini_login input {margin:2px 0 7px 0;}
#mini_login #loginButton {margin:7px 0px; padding:0 2px; width:70px; line-height:14px; height:21px; font:13px/18px Helvetica, Arial, san-serif; font-weight:bold; color:#FFF; border:1px solid #FFF; background:url(/theme/KKRD/i/bkgnd-button.gif) top left repeat-x;}
#mini_login a {color:#ea0d0d; text-decoration:none;}
#mini_login a:hover {text-decoration:underline;}
	#mini_login .autoFormText {width:130px; margin-right:7px; float:left;}
	#mini_login .autoFormPassword {width:130px; float:right;}
	#mini_login .autoFormCheckbox {width:230px; clear:right; margin:0 0 7px 28px; font: 11px/10px Helvetica, Arial, san-serif; color:#FFF;}
	#mini_login input {width:130px;}
	#mini_login .autoFormInputs #remember_cookie {width:15px;}

/* FOOTER NAV LINK STYLES */
#footer_nav ul {margin:0; padding:0; list-style-type:none; font:13px Helvetica, Arial, san-serif; color:#ea0d0d;}
#footer_nav ul li {margin:0; padding:0; list-style-type:none; display:inline;}
    #footer_nav ul li a {margin: 0; padding: 0 6px 0 6px; font:13px Helvetica, Arial, san-serif; color:#ea0d0d; text-decoration:none; font-weight:bold; border-right:1px solid #ea0d0d;}
    #footer_nav ul li a:hover, #footer_nav ul li .active {text-decoration:underline;color:#ea0d0d;}

#footer_text a {color:#ea0d0d; text-decoration:none;}
    #footer_text a:hover {text-decoration:underline;}

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