/* 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 "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#000;}
#uber dl {list-style-type:none; font:12px/15px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#000;}
#uber ol {list-style-type:none; font:12px/15px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#000;}
#uber li {font:12px/15px "Trebuchet MS", Tahoma, Verdana, Arial, 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 */

/* header aka masthead */
#header {position:relative; height:251px; width:960px;}
#artistBanner {position:absolute; top:0; left:0; width:960px; height:251px; overflow:hidden;}
#artistBanner img, #artistBanner img a {border:none;}
	#logo {position:absolute; top:53px; left: 16px; width:344px; height:180px;}
		#logo a {display:block;width:344px; height:180px; background:none; border:0;}
	#listen_live {position:absolute; top:38px; right: 8px; width:152px; height:35px;}
	#on_air {position:absolute; top:89px; right: 8px; width:152px; height:75px; background-color:#203759;}
	#up_next {position:absolute; top:168px; right: 8px; width:152px; height:75px; background-color:#203759;}
	#link_ladodgers {position:absolute; top:4px; right:144px; height:30px; width:30px;}
	#link_foxradio {position:absolute; top:4px; right:105px; height:30px; width:30px;}
	#link_dallas {position:absolute; top:4px; right:70px; height:30px; width:30px;}
	#link_danpatrick {position:absolute; top:4px; right:33px; height:30px; width:30px;}
		#link_foxradio a, #link_dallas a, #link_danpatrick a, #link_ladodgers a {display:block; width:30px; height:30px; background:none; border:0;}
	
/* main nav bar */
.nav {float:left; margin:0; padding:11px 0 0 6px; height:42px; width:954px; background:url(/theme/kqtm/i/bkgnd-nav.gif) top left repeat-x; font:16px Georgia, "Times New Roman", Times, serif; position:relative; z-index:200;}
	
/* leaderboard under nav */
#leaderboard {position:relative; width:960px; height:97px; background:url(/theme/kqtm/i/bkgnd-leaderboard.gif) top left no-repeat; z-index:2; clear:left;}
	#leaderboardad iframe {position:relative; z-index:3;}
	#leaderboardad {position:absolute; top:0; left:5px; height:90px; width:728px; background-color:#203759;}
	#leaderboardcl {position:absolute; top:0; right:21px; height:86px; width:166px;}

/* content area two columns columns -- let's use 960 as a base width */
#main {float:left; width:960px; background:url(/theme/kqtm/i/bkgnd-main.gif) top left repeat-y;}

/* left content wide column */
#content {float:left; width: 657px;}
	#inset {width:627px; margin:auto auto; padding:0 0 15px 0;}
	#pageStatus {}
	#image_cycler_container {position:relative; width:627px; height:246px; margin:10px 0 0 0; padding:0; background:url(/theme/kqtm/i/bkgnd-image-cycler-container.jpg) top left no-repeat;}
	#homepage_logos {position:absolute; top:0; right:0; height:246px; width:135px; text-align:center;}
	/* three logo links with blank block a hrefs */
	/* 
	#ic_fox {position:absolute; top:0px; right: 10px; width:120px; height:80px;}
	#ic_dallas {position:absolute; top:90px; right: 10px; width:120px; height:90px;}
	#ic_dp {position:absolute; top:190px; right: 10px; width:120px; height:50px;}
		#ic_fox a {display:block; width:120px; height:80px; background:none; border:0;}
		#ic_dallas a {display:block; width:120px; height:90px; background:none; border:0;}
		#ic_dp a {display:block; width:120px; height:50px; background:none; border:0;}
	*/

/* right sidebar new design 300 wide column */
#right {float:left; width:303px; margin:0; overflow:hidden; padding:10px 0 15px 0;}
	/* may be required inside mini_login ... logo_MiniForm, wrapper_logo, loginButton, forgot_password_container */
	#mini_login {background:url(/theme/kqtm/i/bkgnd-boxes.gif) top left repeat-y; color:#FFF; width:256px; margin:0 0 10px 13px; padding:10px 10px 15px 10px; text-align:center;}
	#boxad {width:300px; height:250px; margin:0 0 10px 2px; padding:0; text-align:center; overflow:hidden;}
	#connectorlocal_search {background-color:#FF9900; width:160px; height:160px; margin:0 0 15px 0; padding:0;}
	#polls {background:url(/theme/kqtm/i/bkgnd-boxes.gif) top left repeat-y; width:276px; margin:0 0 10px 13px; padding:0;}
	#weather {width:271px; padding:0; margin:0 0 10px 15px;}

/* footer at bottom of page */
#footer {position:relative; width:960px; height:98px; padding:0; margin:-1px 0 20px 0; background:url(/theme/kqtm/i/bkgnd-footer.gif) top left no-repeat; text-align:center;}
	#footer_text {position:absolute; top:45px; left:0; width:657px; text-align:center; font:12px/15px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#FFF;}
	#footer_nav {position:absolute; top:21px; left:0; width:657px; text-align:center;}
	#logo_connectorlocal {position:absolute; top:27px; right:37px; width:223px; height:49px;}

/* STYLES HOME PAGE ONLY */

#welcome {position:relative; padding:0; margin:12px 0; width:627px; height:306px; overflow:hidden; background:url(/theme/kqtm/i/bkgnd-welcome.gif) top left no-repeat;}
	#welcome_message {position:absolute; top:79px; left:21px; height:192px; width:585px; overflow:hidden; font:13px/17px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#FFF;}
	#welcome_message p {color:#FFF; margin:0; padding:0;}

#news_nav {border-bottom:1px solid #b5b5b5; border-left:1px solid #b5b5b5; width:626px; height:26px; margin:0; padding:0; position:relative; overflow:hidden; background:url(/theme/kqtm/i/icon-rss.gif) top right no-repeat;}
	#news_nav ul {width:641px; margin:0; padding:0; position:absolute; top:0; left:-15px; list-style-type:none; font:13px/17px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#0053a0;}
	#news_nav li {margin:0; padding:0; list-style-type:none; display:inline; font:13px/17px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#0053a0; height:26px;}
	#news_nav ul li a {margin: 0; padding:0; text-decoration:none; color:#633415; height:26px; display:block; float:left; border-top:1px solid #b5b5b5; border-right:1px solid #b5b5b5}
	#news_nav ul li a:link, #news_nav ul li a:visited {margin: 0; padding: 3px 8px 0 8px; text-decoration:none; color:#0053a0;}
	#news_nav ul li a:hover, #news_nav ul li a:active {margin: 0; padding: 3px 8px 0 8px; text-decoration:none; color:#0053a0; background:url(/theme/kqtm/i/bkgnd-news-tabs.gif) top right repeat-x;}
	#news_nav ul li.news_active_tab a {background:url(/theme/kqtm/i/bkgnd-news-tabs.gif) top right repeat-x;}
#news_block {border:1px solid #b5b5b5; border-top:none; width:610px; padding:15px 15px 15px 0; margin:0 0 15px 0; background:url(/theme/kqtm/i/bkgnd-news.gif) top left repeat-x;}
	#news_block h3 {font-size:13px; margin:0 0 5px 0; padding:0 0 5px 0;}
	#news_block ul {margin:0; padding:0;}
	#news_block ul li {list-style-type:none; margin:0; background-color:none; padding:7px 10px 7px 0; border-bottom:1px dotted #afafaf; clear:right;}
	#news_block ul li img {display: none;}
	#news_block ul li .rss_title {font-weight:bold; font-size:12px; color:#0053a0;}
	#news_block p.rss_description {margin:0; padding:0;}
	#news_block p.rss_description br {display:none;}
	#news_block ul li a {text-decoration:none; color:#0053a0;}
	#news_block ul li a:hover {text-decoration:underline; color:#0053a0;}


/* 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:#FFF; font:13px/17px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:10px; pading-bottom:3px; border-bottom:1px solid #FFF;}
#mini_login input {margin:4px 0 5px 0;}
#mini_login #loginButton {margin:7px 0px; padding:2px; width:50px; color:#FFF; border:1px solid #CCC; cursor:hand; background:url(/theme/kqtm/i/bkgnd-buttons.gif) top left repeat-x;}
#mini_login a {color:#ee3a43; text-decoration:none;}
#mini_login a:hover {text-decoration:underline;}
	#mini_login .autoFormText {width:120px; margin-right:7px; float:left;}
	#mini_login .autoFormPassword {width:120px; float:right;}
	#mini_login .autoFormCheckbox {width:200px; margin-left:28px; clear:right;}
	#mini_login input {width:105px;}
	#mini_login .autoFormInputs #remember_cookie {width:15px;}

#footer_text a {font:12px/15px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#FFF; text-decoration:underline;}
#footer_text a:hover {text-decoration:none;}

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