/* @override http://wyep.org/css/global.css */

/* This sets up some reasonable defaults for various elements */
@import url("undohtml.css");
@import url("calendar-wyep.css");

/* Fonts and colors */
body {
	font-family: Georgia, serif;
	font-size: 100%;
	line-height: 1.125em;
	background-image: url(/images/bg.png);
	margin: 0 auto;
	width: 980px;
}

p {
	font-size: 0.75em; 
	margin: 1.286em 0; /* 14x1.286=18px */
}

li p {
	font-size: 1em;
}

ol {
	font-size: 0.75em;
	margin-top: 1.286em;
	}

/* Restore some styling to Textile elements that was unwisely done away with by undohtml.css */
.textile ul {
	list-style: disc;
}
.textile li {
	font-size: 0.75em;
	margin: 1em;
}
.textile ol {
	list-style: decimal;
	font-size: 0.75em;
}

.textile td {
	font-size: 0.75em;
}

table {
	border-collapse: collapse;
	clear: left;
}

th, td {
	
	vertical-align: top;
	padding: 0;
}

th {
	font-weight: normal;
	font-size: 0.875em; /* 16x0.875=14px */
	padding:0 0.643em 0.571em 0.643em; /* 14x0.643=9px 14x0.571=8px */
	border-bottom: 1px solid #ccc; /* Safari wants this to be in pixels. (14x0.071=1px) */
}

td {
	padding:0.333em 0.75em 0.417em 0.75em; /* 12*0.333=4px 12*0.75=9px 12x0.417=5px */
	border-bottom: 1px solid #ccc; /* Safari wants this to be in pixels. (12x0.083=1px) */
	line-height: 1em; /* 12x1=12px */ 
}


/* Blocks that clear everything */
.clearAll {
	clear: both;
}
		
a:link, a:visited {
       color: #369;
       }
a:hover {
       color: #7ab;
       }
a img{
	border: 0;
}

a.more, a.more:visited {
	color: #bf311a;
	}

a.more:hover, a.more:active {
	color: #bf311a;
	border-bottom: 1px solid #bf311a;
	padding: 2px 0 2px 5px;
	}

a.more2, a.more2:visited {
	color: #369;
	}

a.more2:hover, a.more2:active {
	color: #369;
	border-bottom: 1px solid #369;
	padding: 2px 0 2px 5px;
	}

.more {
	color: #bf311a;
	font: italic 11px Georgia, serif;
	margin: 3px 0 0 0;
	padding: 2px 0 2px 5px;
	background: transparent url(/images/more.gif) left center no-repeat;
	text-align: right;
}

.more2 {
	color: #369;
	font: italic 11px Georgia, serif;
	margin: 3px 0 0 0;
	padding: 2px 0 2px 5px;
	background: transparent url(/images/moreblue.gif) left center no-repeat;
	text-align: right;
}


/* Error things are in red. */
.error {
	color: red;
}

/* Some paragraphs should not have margins. */
p.nospace {
	margin: 0;
	padding: 0;
}

#container{
	width: 980px;
	margin: 0;
	padding: 0;
	padding-top: 20px;
	background-color: white;
}

.frontpage {
	background-image: url(/images/bg.jpg);
}

.subpage {
	background-image: url(/images/2nd.jpg);
	background-repeat: no-repeat;
}

#header{
	margin: 0px 10px 0 10px;
	padding: 0px;
	height: 200px;
}

#header-left{
	width: 220px;
	padding: 10px;
	margin-top: 1px;
	float: left;
}

#header-center{
	width: 460px;
	margin-top: 30px;
	padding: 10px;
	float: left;
}

#header-right{
	width: 220px;
	padding: 10px;
	float: left;
}

#breadcrumb {
	margin: 10px 20px 10px 20px;
	height: 20px;
	padding: 10px 10px 9px 10px;
	border-bottom: 1px solid;
	font-size: 90%;
}

#breadcrumb h2 {
	display: inline
}

#main {
      margin: 0;
      padding-left: 10px;
      padding-right: 10px;
}

.subpage #main {
	padding-bottom: 150px;
}
	
#left{
	clear: left;
	float: left;
	width: 220px;
	padding: 10px;
	padding-top: 0;
}

#right{
	width: 220px;
	padding: 10px;
	float: left;
	padding-top: 0;
}

#center{
	float: left;
	width: 460px;
	margin: -36px 10px 10px 10px;
}

#left_center {
	float: left;
	width: 700px;
	padding: 10px;
	margin-top: -36px;
}

#center_right {
	float: left;
	width: 700px;
	padding: 10px;
	margin-top: -36px;
}

#three_column {
	background-image: url(/images/bg-threecolumn.gif);
	background-repeat: repeat-y;
	margin-top: 46px;
}

#two_column_left {
	background-image: url(/images/bg-twocolumn-l.gif);
	background-repeat: repeat-y;
	margin-top: 46px;
}

#two_column_right {
	background-image: url(/images/bg-twocolumn-r.gif);
	background-repeat: repeat-y;
	margin-top: 46px;
}

#four_column {
}

#center ul, #left_center ul, #right_center ul {
	margin-top: 1.286em;
	margin-left: 1em;
	font-size: 0.75em;
	list-style: disc;
}	

#center ol, #left_center ol, #right_center ol {
	margin-top: 1.286em;
	margin-left: 4em;
	list-style: decimal;
}	
	
h1, h2, h3 {
	font-weight:normal;	
}

h1 {
	font-size: 1.375em; 
	line-height: 1.636em;
	margin: 0;
	color: #514125;
	border-bottom: 1px solid #514125;
}

h2 {
	font-size: 1.125em; 
	margin:1em 0; 
	color: #514125;
}

#15 h2 {
	font-size: 1.125em; 
	margin:1em 0; 
	color: #514125;
	background: #bf3019;
	margin-top: 10px;
	height: 75px;
}


h3 {
	margin:1em 0; 
}

h4 {
	font-size: 14px;
}


img.logo {
	margin-top: 28px;
	float: left;
}

/* Standard top-bar elements */
#playlist {
	margin-top: 10px;
	height: 75px;
}
#playlist dt {
	background: #71513A;
}
#onair {
	height: 75px;
}
#onair dt {
	background: #bf3019;
}
#features {
	margin-top: 10px;
	height: 150px;
}
#features dt {
	background: #bf3019;
}

.topbar {
	padding: 0;
        margin: 0;
	background: #ffffff;
	/* Start from a uniform base font size. */
	font-size: 100%;
}
.topbar dl {
	margin: 0;
	padding: 0;
}
.topbar dt {
	margin: 0;
	padding: 4px 6px;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.75em;
	color: #fff;
	}
.topbar dd {
	margin: 0;
	padding: 6px;
}
.topbar p {
	font-size: 0.69em;
	margin: 0;
}
.topbar td {
	padding-top: 0;
	border: none;
}
.topbar td.date {
	padding: 0 6px 3px 0;
	width: 45px;
}
.topbar td.info {
	padding: 0 0 3px 6px;
	width: auto;
}


/* Sidebars (?? not sure if these are actually used ??) */
.sidebar {
	width: 12em;
	float: left;
	margin: 0 1.125em 0 0; /* 16x1.125=18px */
	padding: 0.5625em; /* 16x0.5625=9px */
	background:#ddd;
	color: #000;
}

.sidebar h3 {
	font-size: 0.875em; /* 16x0.875=14px */
	margin: 0 0 0.643em 0; /* 14x0.643=9px */
}

.sidebar p {
	font-size: 0.75em; /* 16x0.75=12px */
	margin: 0 0 1.5em 0; /* 12x1.5=18px */
}

.sidebar ul {
	padding: 0;
	margin: 0 0 1.125em 1.125em; /* 16x1.125=18px */
}

.sidebar li {
	font-size: 0.75em; /* 16x0.75=12px */
}

#footer {
	font-size: 0.75em;
	width: 940px;
	margin: 0;
	height: auto;
	padding: 51px 20px 0 20px;
	background-image: url(/images/bg-footer.gif);
}

#footer .green {
	font-style: italic;
}

#footer ul.textlinks li {
	float: left;
	display: inline;
	margin-right: 15px;
}

#footer ul.textlinks{
	float: left;
	padding: 0;
	margin: 0;
}

#footer form{
	display: inline;
	float: right;
	margin: 0;
	margin-top: -4px;
}

#footer form p{
	display: inline;
	vertical-align: middle;
	margin: 0;
}
#footer form p .textbox{
	margin-right: 10px;
}
#footer ul.address, #footer ul.phone{
	list-style: none;
	padding: 0;
	width: 234px;
	float: left;
	margin: 10px 16px 0 0;
}

#footer ul.phone li span{
	display: block;
	float: left;
	width: 50px;
}
#footer p.about{
	width: 425px;
	float: right;
	margin: 6px 0 0 0;
	padding-bottom: 25px;
	margin-top: 8px;
}

/*header */
p.date {
	margin: 0 10px 0 10px;
	text-align: right;
	line-height: 20px;
}



/* Calendar widgets. */
table.calwidget td {
	text-align: center;
	font-size: 10px;
	background-color: #EEEEEE;
}
table.calwidget th {
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	padding: 0;
}
table.calwidget th.dayhdr {
	background-color: #CCCCCC;
}
table.calwidget td.today {
	background-color: white;
}
table.calwidget td.active {
	background-color: #FFEEEE;
}
table.calwidget a {
	color: black; text-decoration: none
}
div.event_info_drop {
	display: none;
}
div.column {
	float: left;
	width: 220px;
	padding: 10px;
}


/* Drop-down menus */
div#nav {
 font-family: Georgia, serif;
 font-size: 0.875em;
 line-height: 1em;
 font-weight: bold;
 letter-spacing: .5px;
 padding-top: 10px;
 padding-bottom: 10px;
 height: 20px;
 margin: 10px 20px 10px 20px;
 list-style: none;
 clear: both;
}

ul#navlist {
 padding: 0;
}

ul#navlist li { /* Top-level items */
 float: left;
 position: relative;
 list-style-type: none;
 border-right: 1px solid #a18774;
 padding-left: 5px;
 padding-right: 5px;
}

ul#navlist li.last { /* Last item in top-level menus */
 border-right: none;
}

ul#navlist li a { /* Styling for links in all menus */
 display: block;
 padding: 4px 8px;
 font-weight: bold;
 text-decoration: none;
 color: #514125;
}

ul#navlist > li > a {
  padding: 6px 8px;
}

ul#navlist li.current_page a { /* Current page's top-level item */
 background: #bdd5e6;
}

ul#navlist li ul { /* Drop-down menus */
 /* Hide these by putting them way off-screen (so they
    are still logically in the document, just not visible) */
 position: absolute;
 left: -999em;

 padding: 0;
 width: 165px;
 font-size: 0.75em;
 font-weight: normal;
 z-index: 999;
}

/* Dropped-down menus (Firefox version) */
ul#navlist li:hover ul {
 left: auto;
 background: #bdd5e6;
} 

/* Dropped-down menus (IE version) */
ul#navlist li.over ul {
 left: auto;
 background: #bdd5e6;
} 

/* Items in dropped-down menus (Firefox version) */
ul#navlist li:hover a {
 background: #bdd5e6;
}

/* Items in dropped-down menus (IE version) */
ul#navlist li.over a {
 background: #bdd5e6;
}

/* Moused-over items in droped-down menus (Firefox version) */
ul#navlist li ul li a:hover {
 text-decoration: underline;
}

ul#navlist li ul li { /* Item boxes in drop-down menus */
 text-align: left;
 width:100%;
 background: #bdd5e6;
 padding:0 0 1px;
 margin-left: 0;
 border-right: none;
}

ul#navlist li ul li.last { /* Last item boxes in drop-down menus */
 margin-bottom: 5px;
}

/* form layout */

div.form {
  clear: both;
  padding-top: 10px;
  }

div.form span.label {
  float: left;
  width: 100px;
  text-align: right;
  font-size: 12px;
  }

div.form span.input {
  float: right;
  width: 340px;
  text-align: left;
  } 
  

/* PLAYLIST STUFF */

.hourbreak {
	background-color: #D7DDDF;
	font-weight: bold;
	text-align: center;
}

input.playlist, select.playlist {
	font-size: 12px;
}

#show_info {
	border: 1px solid #71513A;
	padding: 10px;
	width: 200px;
}

#archives {
    border: 1px solid #71513A;
    background-color: #A6C2D6;
    padding: 10px;
    width: 200px;
}

#archives p {
    text-align: center;
    margin: 0;
}

#playlist_table p {
    font-size: 0.75em;
}

#playlist_table {
	width: 100%;
	
}
#playlist_table th {
	font-weight: bold;
	padding: 0px;
	padding-left: 4px;
	font-size: 12px;
	text-align: left;
} 

.playlist_nav {
	font-size: 12px;
	margin-bottom: 10px;
}

#playlist_table td {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
	padding: 0px;
    padding: 4px;
	font-size: 12px;
	line-height: 14px;
}

#playlist_table td.no_top_border {
	border-top: 0;
}

#playlist_table td.no_bottom {
	border-bottom: 0;
}

#playlist_control table,#playlist_control tr,#playlist_control th,#playlist_control td {
	font-size: 12px;
	border: 0;
}



td.playlist_control {
	padding: 0;
	vertical-align: middle;
	font-weight: middle;
}

td.airbreak{
    background-color: #BDD0D0;
    color: #660000;

}
td.now_playing{
	background-color: #E1E987;
}
td.even_row{
	background-color: #EEEEEE;
}
td.odd_row{
}

#calanchor {
	text-decoration: none;
	visibility: hidden;
	margin: 0;
	padding: 0;
	width: 0;
}

#calanchor img {
	width: 0;
	border: 0;
	margin: 0;
	padding: 0;
}

#caldiv {
    position: absolute;
    visibility: hidden;
    background-color: white;
}

#caldiv {
	background-color: #CCCCCC;
	padding: 2px;
}
#caldiv table td {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
}
#caldiv div.xbox {
	font-family: sans-serif;
	font-size: 9px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	margin: 0 2px 2px 0;
	border: 1px solid;
	background-color: white;
}
#caldiv a {
	color: black; text-decoration: none
}
#caldiv td.cpDayColumnHeader {
	background-color: #CCCCCC;
}
#caldiv td.cpCurrentDate {
	background-color: white;
}
#caldiv td.cpCurrentMonthDate {
	background-color: #FFEEEE;
}

#caldiv td.cpOtherMonthDate {
	background-color: #F0F0F0;
}

#caldiv td.cpCurrentDateDisabled, td.cpCurrentMonthDateDisabled, td.cpOtherMonthDateDisabled {
	background-color: #EEEEEE;
}

/* Styling for calendar pages */
.concert_date {
	width:auto;
}
.concert_info {
	width:auto;
}
.concert {
	width:236px;
	padding-left: 9px;
	padding-right: 9px;
}
.concert img {
	margin: 0;
}

/* Styling for live & direct page */
.lnd_image {
	width: auto;
}
.lnd_info {
	width: auto;
}
.lnd_buy {
	width: 30px;
	
}

/* Styling for podcasts page */
.podcast_img {
	float: left;
	width: 100px;
	margin-right: 10px
}
.podcast_copy {
	float: left;
	width: 350px;
}
.podcast {
	clear: left;
}
.podcast_copy ul {
	list-style: disc;
	font-size: 0.75em;
	margin: 1em;
}

/* Styling for front page. */
/* Now Playing box on front page. */
#header-left #playlist {
	margin-top: 110px;
	height: 70px;
}

#front_two_column_left {
       margin: 0;
       padding: 0;
}

#front_left {
	float: left;
	width: 220px;
	height: 150px;
	padding: 10px;
}

/* CD of the week box on front page. */
#cd_week {
	height: 200px;
}
#cd_week dt {
	background: #B4BC93;
}

#cd_week img {
	float: right;
}

#cd_week ul {
	margin-left: 1em;
	font-size: 0.75em;
	list-style: disc;
	}
	
/* yir */


#yir ul {
	margin-top: 1.286em;
	margin-left: 1.867em;
	font-size: 0.75em;
	list-style: disc;
	}

#yir a:link, #yir a:visited {
       color: #bf311a;
       }
	   
#yir a:hover {
       color: #f68938;
       }

#yir hr {
	border: none 0;
	border-top: 1px dotted #ccc;
	width: 100%;
	height: 4px;
}
	


#front_center_right {
	float: left;
	width: 720px;
	padding: 0;
	margin: 0;
}

/* Events columns on front page. */
div#front_center_right div.column {
	width: 160px;
	height: 200px;
	padding: 10px;
	/* This is to make sure that all internal font-sizes are set
	   relative to the same thing. */
	font-size: 100%;
}

div#front_center_right div.column li {
}

div#front_center_right div.column ul, div#cd_week ul {
	font-size: 0.69em;
	line-height: 1.6em;
}

div#front_center_right div.column ul.dotted {
	list-style: disc;
	margin-left: 1em;
}

div#front_center_right div.column p {
	font-size: 0.69em;
	line-height: 1.6em;
}

div#front_center_right div.column td {
	border-bottom: none;
	padding: 0;
}

div#front_center_right div.column td.date {
	padding-left: 0px;
	padding-right: 5px;
}

div#front_center_right div.column td.info {
	padding-left: 5px;
	padding-right: 0px;
}

div#front_center_right div.column td p {
	margin: 0;
	font-size: 0.69em;
	line-height: 1.6em;
}

/* Headers at top of event columns on front page. */
div#front_center_right div.column h2, #cd_week h2, #yir h2 {
	margin: 0;
 	border-top: 1px solid;
	font-size: 0.6em;
	padding: 4px 0 4px;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .5px;
}

/* Center header on front page. */
#front_header-center {
	float: left;
	width: 460px;
	margin: 10px;
	background-color: #A6C2D6;
	background-image: url(/images/bg-onair.jpg);
	padding: 0px;
	margin-top: 40px;
	height: 150px;
}

/* "ON AIR" at top of front page */
div#dynamic_onair h2 {
	margin: 0;
	font-size: 0.75em;
	padding: 4px 0 4px;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}
div#dynamic_onair p {
	margin: 0;
}
div#dynamic_onair img {
	width: 150px;
	height: 150px;
	margin: 0;
	float: left;		
}

div#dynamic_onair div {
	width: 270px;
	padding: 0 10px 10px 20px;
	float: left;
}

div#dynamic_onair p {
	margin-bottom: 0;
}

/* Promo boxes at bottom of front page. */
#front_four_column {
	margin: 30px 0 0 0;
	padding: 0;
}

#front_four_column div.column {
	float: left;
	width: 220px;
	height: 320px;
	padding: 10px;
}

div.promo_img {
	width: 220px;
	height: 150px;
}
div.promo_body h2 {
	margin: 0;
	font-size: 0.88em;
	font-weight: bold;	
}
div.promo_body {
	width: 200px;
	height: 150px;
	padding: 10px;
}

p.morelinks {
	text-align: right;
	clear: left;
}

img.ad {
	margin: 10px;
}
 
table.program_schedule td {
	padding: 5px;
	font-size: 0.75em;
}

table.program_schedule th {
	padding: 5px;
}

table.program_schedule p {
	margin: 0;
}

div.form_label {
	float: left;
	clear: left;
	padding: 5px;
}

div.form_element {
	float: right;
	padding: 5px;
}

div.entry_group {
	padding: 5px;
}

div.entry_error {
	color: red;
}

#my15minutes div.copy {
    float: left;
}

#my15minutes div.button {
    float: left;
}

.information_to_send {
	padding: 5px;
	padding-left: 10px;
	background-color: #EEEEEE;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size: 12px;
}

.information_to_send ul li {
	font-size: 12px;
	padding-bottom: 3px;
}

h2.media_title {
	font-weight: bold;
}

/* PPP Project CSS Below */
#left-small{
	clear: left;
	float: left;
	width: 110px;
	padding: 10px;
	padding-top: 0;
}

#center-big{
	float: left;
	width: 555px;
	top: 36px;
	border-left: 1px dotted #cccccc;
	border-right: 1px dotted #cccccc;
	padding-right: 10px;
	padding-left: 10px;
}

#ppp-logo{
  margin-top: 28px;
  float: left;
}

#audio-player-box{
	font-family: sans-serif;
	font-size: 100%;
	float: right;
	width: 250px;
	height: 100px;
	margin-top: 55px;
	margin-right: 10px;
	padding: 5px 5px 5px 5px;
	border: 1px solid;
	background-color: #DDDDDD;
}

#audio-player{
  margin-top: 16px;
  margin-left: 35px;

}

.image {
	font-size: 9px;
	font-style: italic;
	line-height: 10px;
	float: left;
	margin-right: 6px;
}

.image .caption {
	margin-top: 4px;
	margin-bottom: 4px;
}

div#emphasis {
  font-size: 1.375em; 
  font-weight: bold;
	margin:1em 0; 
}

#current-page{
  color: #bf311a;
}

#quote-person{
  font-style: italic;
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
}

#ppp-block{
  border: 3px solid; 
  padding: 15px;
}

#left-students {
	float: left;
	margin-left: 50px;
}

#right-students {
  float: right;
  margin-right: 100px;
}

#three_column_no_bg {
	margin-top: 46px;
}