* { margin: 0; padding: 0; }
html { height:100%; }
body {
text-align: left;
width: 100%;
height: 100%;
font-size: 62.5%;
font-family: Helvetica, arial, sans-serif;
color: #000;
background-image: url(images/redwall.jpg);
margin: 0;
border: 0;
padding: 0;
}
a { color:black; text-decoration:none; outline: none; }
a:visited { color:black; }
a:active { color:#999; }
a:hover {background-color: #CC0000; text-decoration: underline}
a.img:hover{background-color: #999999; text-decoration:none}
/*-------------- navbar styles */
.left_col a { color:#fff; text-decoration: none; outline: none; overflow: hidden }
.left_col a:hover { color:#990000; text-decoration: none; outline: none; }
.left_col a:visited { color:#fff; }
.left_col a:active { color:#fff; }
/* ------------ styles for the program schedule */
show {text-decoration: underline}
desc {font-style: italic}
time {font-weight: bold}
todayis { font-weight: bold; font-size: 1.2em; text-decoration: underline}
pos {font-weight: bold}
/* ------------ styles for the javascript ticker */
time_script {color:black; font-family: Helvetica, arial, sans-serif; font-size: 14px; font-weight: bold} /* time slot style */
show_script { color: black; font-family :Helvetica, arial, sans-serif; font-size: 15px; font-weight: bold} /* show style */
desc_script { color: black; font-family :Helvetica, arial, sans-serif; font-style: italic; font-size: 13px;} /* description style */
/*--------- headers n' stuff */
h1, .h1 {color:#000; background-image: url(images/logoline.png); background-repeat: no-repeat; height:120px; width: 900px; text-align: center; margin-top: 20px; margin-bottom: 0;}
h2, .h2 {font-size: 2em; text-decoration: underline}
h3, .h3 { font-size: 1.8em; } /* 18pt */
h4, .h4 { font-size: 1.6em; } /* 16pt */
h5, .h5 { font-size: 1.4em; } /* 14pt */
h6, .h6 { font-size: 1.2em; } /* 11pt */
p{ font-size: 1.2em}
img, a img { border-style: none; }
/* below creates the red mouseover effect over "wesleyan university" */
#wesLink {
text-align: right;
float: right;
color: #000;
width: 635px;
height: 23px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
border: 0;
padding: 0px;
overflow: hidden;
background-color: #999999;
background: url("images/wesleyanlinkLOGO.png") no-repeat;
}
#wesLink:hover {
background-position: 0 -27px;
}
#wesLink span{
display: none;
}
/* end mouseover fx ----- */
/* end mouseover fx ----- */
.small { font-size: .9em; color: #000}
.clearer { clear:both; }
/* ------------iframe and iframe classes */
iframe { border:0px; overflow-x: hidden; overflow-y: scroll;}
iframe.program { /* for daily schedules */
overflow-x:hidden;
overflow-y: hidden;
margin-top: 0px;
border: none;
}
iframe.left_col { /* for leftcol*/
overflow-x:hidden;
overflow-y: hidden;
margin-top: 0px;
padding-left: 5px;
padding-right: 5px;
border: none;
}
/*----------------- div styles */
.header {
text-align: center;
float: right;
background-color: #999999;
width: 900px;
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: 0;
border: 0;
padding: 0px;
overflow: hidden;
}
.left_col {
text-align: left;
float:left;
background-color: #999999;
color: #fff;
width: 210px;
height: 635px;
margin-top: 65px;
padding-top: 0px;
border: 0;
overflow: hidden;
}
.left_col_file {
text-align: left;
float:left;
background-color: #999999;
color: #000;
width: 210px;
height: 640px;
margin: 0 0 0 0;
border: 0;
padding: 10px;
overflow: hidden;
}
.imagestrip {
text-align: center;
float: right;
background:black;
margin-top:-20px;
color: black;
width: 660px;
height: 90px;
}
.now_playing_header {
text-align: left;
color: black;
width: auto;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: auto;
border: black;
overflow: hidden;
background-color: #999999;
font-size: 15px;
font-weight: bold;
}
.now_playing {
text-align: left;
color: black;
width: auto;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: auto;
padding-left: 5px;
padding-top: 5px;
border: black;
overflow: hidden;
background-color: #999999;
font-size: 15px;
}
.blog_wrap {
text-align: left;
float: right;
background: white;
color: #000;
width: 660px;
height: 535px;
margin: 0 0 0 0;
margin-top: 10px;
margin-left: 5px;
border: 0;
overflow: hidden;
}
.content {
text-align: left;
float: right;
background: none;
color: #000;
width: 665px;
height: 900px;
margin: 0 0 0 0;
margin-top: 60px; /* ***** */
margin-right: 0px;
border:0;
}
.page { /* general div for content on each page */
text-align: left;
float: right;
background: white;
color: #000;
width: 640px;
height: 2000px;
margin-top: 40px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
border: 0;
overflow:hidden;
}
.contact_page {
text-align: left;
float: right;
background: white;
color: #000;
width: 640px;
height: auto;
margin-top: 40px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
border: 0;
overflow:hidden;
}
.playlists_page {
text-align: left;
float: right;
background: white;
color: #000;
width: 640px;
height: 635px;
margin-top: 40px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
border: 0;
overflow:hidden;
}
.history_page { /* same as page div except taller, since history is such a long page */
text-align: left;
float: right;
background: white;
color: #000;
width: 640px;
height: auto;
/* margin: 0 0 0 0; */
margin-top: 40px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
border: 0;
overflow: hidden;
}
.program { /* style for individual sun-mon html pages */
text-align: left;
float: right;
background: white;
color: #000;
width: 640px;
height: 1600px;
padding-top: 0px;
border: 0;
overflow: hidden;
}
.wrapper {
text-align: center;
width: 880px;
height: 3500px;
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding-right: 10px;
background-color: black ;
}
.index_wrapper {
text-align: center;
width: 880px;
height: 840px;
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding-right: 10px;
background-color: black ;
}
.footer {
text-align: left;
background: none;
color: #000;
width: 200px;
height: 700px;
margin: 0 0 0 0;
border: 0;
padding: 10px;
overflow: hidden;
}