/*------------------------------------------------------------------
[Master Stylesheet]

Project:		Cool 101.7 FM
Version:		1.0
Created By:		Jesse Lavery, Starn Marketing Group
Last change:	01/27/09 [finish pg templates]

--------------------------------------------------------------------

[Colors]

Background:		#fff 	(white)
Dk Blue:		#395081
Rule Lines:		#e1e5ec	(lt blue)
Text:			#555	(dk gray)
Footer text:	#999	(lt gray)

-------------------------------------------------------------------*/



/**********************************
Reset Styles for all browsers
***********************************/

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}

a img, :link img, :visited img {border: 0;}

table {border-collapse: collapse; border-spacing: 0;}

ol, ul {list-style: none;}

q:before, q:after,
blockquote:before, blockquote:after {content: "";}

/**********************************
Core Styles
***********************************/

body {
color: #555;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 12px;
font-weight: normal;
overflow: auto;
text-align: center;

margin-left: 200px;
}

/* Generics
------------------------------*/
/* site-wide defs for p, a, h1, h2, etc. */

p, h2, h3, h4, ul li, td {line-height: 1.4em;}

a {
outline:none;
text-decoration: none;
}

/* Container
------------------------------*/

#container {
margin: 0px auto;
width: 800px;
}

/* Header
------------------------------*/

#header h1 {

display: block;
height: 170px;
position:relative; 
//text-indent: -9999px;
width: 800px;
}

/* Menu
------------------------------*/

#menu {
display: block;
height: 60px;
position: relative;
margin: 0 0 0 0;
padding-top: 0px;
width: 800px;
;
}

#menu ul {
background: url(../images/menu.gif) no-repeat;
height: 60px;
margin: 0px;
width: 800px;
}

#menu ul li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
margin-top: 0px;
}

#menu ul li a {
display: block;
text-decoration: none;
text-indent: -9999px;
}

#menu ul li a span {
visibility: hidden;
}

#menu #menu1, #menu #menu1 a {left: 1px; top: 15px; width: 70px; height: 30px;}
#menu #menu2, #menu #menu2 a {left: 81px; top: 15px; width: 154px; height: 30px;}
#menu #menu3, #menu #menu3 a {left: 245px; top: 15px; width: 119px; height: 30px;}
#menu #menu4, #menu #menu4 a {left: 374px; top: 15px; width: 77px; height: 30px;}
#menu #menu5, #menu #menu5 a {left: 462px; top: 15px; width: 176px; height: 30px;}

#menu #menu1 a:hover {background: transparent url(../images/menu.gif) -1px -75px no-repeat;}
#menu #menu2 a:hover {background: transparent url(../images/menu.gif) -81px -75px no-repeat;}
#menu #menu3 a:hover {background: transparent url(../images/menu.gif) -245px -75px no-repeat;}
#menu #menu4 a:hover {background: transparent url(../images/menu.gif) -374px -75px no-repeat;}
#menu #menu5 a:hover {background: transparent url(../images/menu.gif) -462px -75px no-repeat;}

body#home #menu #menu1 a {background: transparent url(../images/menu.gif) -1px -135px no-repeat;}
body#home #menu #menu1 a:hover {background: transparent url(../images/menu.gif) -1px -75px no-repeat;}

body#schedule #menu #menu2 a {background: transparent url(../images/menu.gif) -81px -135px no-repeat;}
body#schedule #menu #menu2 a:hover {background: transparent url(../images/menu.gif) -81px -75px no-repeat;}

body#personalities #menu #menu3 a {background: transparent url(../images/menu.gif) -245px -135px no-repeat;}
body#personalities #menu #menu3 a:hover {background: transparent url(../images/menu.gif) -245px -75px no-repeat;}

body#events #menu #menu4 a {background: transparent url(../images/menu.gif) -374px -135px no-repeat;}
body#events #menu #menu4 a:hover {background: transparent url(../images/menu.gif) -374px -75px no-repeat;}

body#partners #menu #menu5 a {background: transparent url(../images/menu.gif) -462px -135px no-repeat;}
body#partners #menu #menu5 a:hover {background: transparent url(../images/menu.gif) -462px -75px no-repeat;}

/* Content
------------------------------*/

#content {
display: block;
padding: 20px 0 0 0;

}

/* Main
------------------------------*/

#main {

display: block;
float: left;
//margin-right: 20px;
padding-right: 5px;
padding-bottom: 40px;
width: 480px;
}

body#home #main h2 {

display: block;
height: 110px;
text-indent: -9999px;
width: 240px;
}

#main h3 {
font-size: 14px;
font-weight: bold;
}

body#events #main h3,
body#partners #main h3 {
color: #395081;
}

body#partners #main h3 a {
border-bottom: 1px dotted #e1e5ec;
color: #395081;
padding: 3px 0;
}

body#partners #main h3 a:hover {
background-color: #e1eaff;
border-bottom: 1px solid #e1eaff;
color: #395081;
}

#main h4 {
font-size: 12px;
font-weight: bold;
}

body#home #main h3 {
background: url(../images/h3-home.gif) no-repeat;
border-bottom: 1px solid #e1e5ec;
display: block;
height: 45px;
text-indent: -9999px;
width: 240px;
}

body#schedule #main h2 {
background: url(../images/h2-schedule.gif) no-repeat;
display: block;
height: 40px;
text-indent: -9999px;
width: 480px;
}

body#personalities #main h2 {
background: url(../images/h2-personalities.gif) no-repeat;
display: block;
height: 40px;
text-indent: -9999px;
width: 480px;
}

body#events #main h2 {
background: url(../images/h2-events.gif) no-repeat;
display: block;
height: 40px;
text-indent: -9999px;
width: 480px;
}

body#partners #main h2 {
background: url(../images/h2-partners.gif) no-repeat;
display: block;
height: 40px;
text-indent: -9999px;
width: 480px;
}

body#vilkie #main h2 {
background: url(../images/h2-p-vilkie.gif) no-repeat;
display: block;
height: 40px;
text-indent: -9999px;
width: 480px;
}

body#hanahan #main h2 {
background: url(../images/h2-p-hanahan.gif) no-repeat;
display: block;
height: 40px;
text-indent: -9999px;
width: 480px;
}

body#arno #main h2 {
background: url(../images/h2-p-arno.gif) no-repeat;
display: block;
height: 40px;
text-indent: -9999px;
width: 480px;
}

body#chuckb #main h2 {
background: url(../images/h2-p-chuckb.gif) no-repeat;
display: block;
height: 40px;
text-indent: -9999px;
width: 480px;
}

body#chucks #main h2 {
background: url(../images/h2-p-chucks.gif) no-repeat;
display: block;
height: 40px;
text-indent: -9999px;
width: 480px;
}

body#susie #main h2 {
background: url(../images/h2-p-susie.gif) no-repeat;
display: block;
height: 40px;
text-indent: -9999px;
width: 480px;
}

body#tonya #main h2 {
background: url(../images/h2-p-tonya.gif) no-repeat;
display: block;
height: 40px;
text-indent: -9999px;
width: 480px;
}

body#wilsonswick #main h2 {
background: url(../images/h2-p-wilsonswick.gif) no-repeat;
display: block;
height: 40px;
text-indent: -9999px;
width: 480px;
}

#main img {
float: right;
margin: 15px 0 10px 10px;
}

body#partners #main img {
float: none;
margin: 10px 0;
}

body#home #main img {
margin: 0;
}

#main p {
margin: 10px 0;
}

body#events #main p,
body#partners #main p {
border-bottom: 1px dotted #e1e5ec;
margin-bottom: 20px;
padding-bottom: 20px;
}

#main p a {
border-bottom: 1px dotted #e1e5ec;
color: #395081;
padding: 3px;
}

#main p a:hover {
background-color: #e1eaff;
border-bottom: 1px solid #e1eaff;
color: #395081;
}

#main table {
margin-bottom: 20px;
width: 500px;
}

#main table thead tr td,
#main table tbody tr td {
border: 1px solid #e1e5ec;
padding: 5px;
}

#main table thead tr td {
background-color: #e1eaff;
color: #395081;
font-weight: bold;
}

#main table tbody tr td {
text-align: center;
}

#main table tbody tr td.showtime {
background-color: #e1eaff;
text-align: left;
width: 80px;
}

#main table tbody tr td em {
color: #999;
font-size: 11px;
font-style: normal;
}

#main ul li {
list-style-position: outside;
list-style-type: square;
margin: 0 0 0 15px;
padding: 5px 5px 5px 0;
}

#main ul li em {
color: #999;
font-size: 11px;
font-style: normal;
}

#main ul li strong {
font-weight: bold;
}

#main ul li a {
border-bottom: 1px dotted #e1e5ec;
color: #395081;
padding: 3px;
}

#main ul li a:hover {
background-color: #e1eaff;
border-bottom: 1px solid #e1eaff;
color: #395081;
}

/* Sidebar
------------------------------*/

#sidebar {
display: block;
//float: left;
margin-left: 500px;
padding-left: 20px;
padding-bottom: 40px;
width: 240px;
}

#sidebar h3 {
border-top: 1px solid #e1e5ec;
color: #395081;
font-size: 11px;
font-weight: bold;
padding: 5px 0;
text-transform: uppercase;
}

#sidebar h3 a {
color: #999;
font-weight: normal;
margin-left: 5px;
padding: 3px;
text-transform: none;
}

#sidebar h3 a:hover {
background-color: #e1eaff;
color: #395081;
}

#sidebar #listenlive p {
display: block;
height: 64px;
margin-left: 10px;
margin-bottom: 20px;
width: 240px;
}

#sidebar #listenlive p a {
background: url(../images/listenlive_button.png) no-repeat;
display: block;
height: 64px;
text-decoration: none;
text-indent: -9999px;
width: 240px;
}

#sidebar #listenlive p a:hover {
background: url(../images/listenlive_button.png) 0 -64px no-repeat;
}

#sidebar #coolevents {
margin-bottom: 30px;
}

#sidebar #coolevents table tbody tr td {
padding: 3px 0 3px 3px;
}

#sidebar #coolevents table tbody tr td.date {
font-style: italic;
font-weight: bold;
padding-left: 0px;
width: 30px;
}

#sidebar #coolevents table tbody tr td a {
border-bottom: 1px dotted #e1e5ec;
color: #395081;
padding: 3px 3px 3px 0;
}

#sidebar #coolevents table tbody tr td a:hover {
background-color: #e1eaff;
border-bottom: 1px solid #e1eaff;
color: #395081;
}

#sidebar #weatherscript div {
margin-top: -8px;
}

#sidebar #weatherscript div a {
display: none;
}

/* Footer
------------------------------*/

#footer {
border-top: 1px solid #e1e5ec;
clear: both;
}

#footer p {
color: #999;
}

#footer p a {
border-bottom: 1px dotted #e1e5ec;
color: #999;
}

#footer p a:hover {
border-bottom: 1px solid #999;
color: #555;
}

/* Footer Main
------------------------------*/

#footer-main {
float: left;
margin-right: 20px;
padding-bottom: 20px;
width: 480px;
}

#footer-main p#requestline,
#footer-main p#requestline a {
display: block;
height: 40px;
width: 480px;
}

#footer-main p#requestline a {
background: url(../images/request.gif) no-repeat;
border: 0px;
padding: 0px;
text-indent: -9999px;
}

/* Footer Sidebar
------------------------------*/

#footer-sidebar {
background: url(../images/bg-footer-side.gif) no-repeat;
float: left;
padding-bottom: 20px;
width: 240px;
}

#footer-sidebar p {
font-size: 11px;
padding: 12px 0 0 125px;
}

/* 
------------------------------*/

/* 
------------------------------*/

/* 
------------------------------*/