BODY { 
    font: 13px/16px  Verdana, "Trebuchet MS", sans-serif;
    margin: 0;
    padding: 0;
    background: #dcdce1 url(/images/lgrey088.gif);
    color: #000;
    border: 0;
/*    line-height: 1.2em; */
}
#calendar {
    padding: 10px 0 10px 0;
}
#pagenav {
    clear: both;
    display: block;
    background-color: #fff;
    color: #eee;
    margin-top: .5em;
    border-width: 1px;
    border-color: #dcdce1;
    border-style: solid;
}
#banner {
    margin-left: 13.2em;
    margin-right: 15.2em;
    padding: 1em;
    background: #fff url(/imagerotate.php) top no-repeat;
}
#colcontent {
    margin-left: 13.2em;
    margin-right: 15.2em;
    padding: 1em;
    background: #fff;
    voice-family: "\"}\"";
    voice-family: inherit;
    margin-left: 13.2em;
    margin-right:15.2em;
}
html>body #colcontent {
    margin-left: 13.2em;
    margin-right:15.2em;
}
#colnavleft {
    position: absolute;
    font: 13px/16px  Verdana, "Trebuchet MS", sans-serif;
    left: 0;
    top: 5.5em;
    width: 12.8em;
    padding: 0;
    margin: 0 0 0 0.5em;
    border: 0;
}
#colnavleft table { margin: 0 0 0 0.1em; }
#colnavright {
    position: absolute;
    border: 0;
    font: 13px/16px  Verdana, "Trebuchet MS", sans-serif;
    right: 0;
    top: 5.5em;
    width: 13.2em;
    padding: 0;
    margin: 0 1.5em 0 1em;
}
#footer {
    clear: both;
    text-align: center;
    padding-top: 10px;
}
#paginationlinks {
    padding: 10px 0 0 5px;
    float: left;
}
h1 {
    margin: 0 3em 0 8em;
    padding: 0;
    font-family: Verdana, "Trebuchet MS", sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #FFF;
    text-align: left;
    letter-spacing: .2em;
    word-spacing: .2em;
}
.randquote {
	/* position: absolute;
	top: 0.5em; 
	margin-right: 30em;
	margin-left: 1em; */
	font-size: 10px;
}	
.mono {   
    font: 9px  "Andale Mono", "Courier New", Courier, monospace; 
}
ul { 
    padding: 0 0 0 2em; 
    margin: 0 0 0.5em 0; 
}
ul.channels { 
    padding: 0; 
    margin: 0;
    line-height: 1.1em;
    list-style-type:none;
}
li { padding: 0; 
     margin: 0; 
}
li.mainchannel { 
    padding: 5px 0 0 0; 
    font-weight: bold; 
    margin: 0;
}
li.subchannel { 
    padding: 0 0 0 10px; 
    font-weight: normal; 
    margin: 0;
}
P { 
    padding: .3em 0 .4em 0;
    margin: 0;
}
blockquote {
    padding: 0.3em;
    margin: 0 1em 0 2em;
    border-left: medium double #000; 
}
.comment {
    font: 13px/16px bold Verdana, "Trebuchet MS", Arial, sans-serif;
    letter-spacing: 0em;
    word-spacing: 0em;
}
img.isbutton {
    border-width: 0;
    margin: 0;
    padding: 0;
}
img.inlineleft {
    border-width: 1px;
    border-color: #333;
    border-style: solid;
    margin: 3px 8px 2px 0;
    padding: 0;
    float: left;
}
img.inlineright {
    border-width: 1px;
    border-color: #333;
    border-style: solid;
    margin: 3px 0 2px 8px;
    padding: 0;
    float: right;
}
img.inline {
    border-width: 1px;
    border-color: #333;
    border-style: solid;
    margin: 3px 0 2px 8px;
    padding: 0;
}
span.pagelink_next {
    font-size: 10px;
    font-weight: bold;
    text-align: right;
    display: block;
}
span.pagelink_prev {
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    display: block;
    float: left;
}
span.highlight {
    color: #000;
    background-color: #FF3;
}
.linksincontent {
    border-top: 1px;
    border-color: #000;
}
.contentlinks {
    display: block;  /* # do something with this */
}
h2 {  
    font-size: 13px;
    font-weight: bold;
    font-family: Verdana, "Trebuchet MS", Arial, sans-serif;
    color: #333;
    margin: 0;
    padding: 4px 0 4px 0;
    letter-spacing: .2em;
    word-spacing: .1em;
    clear: both;
    text-align: center;
}
.itemtitle {
    border-style: dotted;
    border-color: #dcdce1;
    border-width: 0 0 1px 0;
}
.mediatitle {
    margin: .5em 0 .5em 0;
}
.mediaauthor {
    font-weight: normal;
    font-style: italic;
}
ul.titles {
    list-style-type:none;
}
h3 {  
    color: #000;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
h3.artist {  
    color: #000;
    font-weight: bold;
    margin: 1em 0 0 0;
    padding: 0;
    border-style: dotted;
    border-color: #676;
    border-width: 0 0 1px 0;
}
h4 {
    font-weight: normal;
    text-decoration: underline;
    padding: 0 0 .5em 0; 
    margin: 0; 
}
span.itemnav {   
    display: block; 
    text-align: left;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 10px;
    color: #aaa;
    font-family: Verdana, "Trebuchet MS", Arial, sans-serif;
    padding: .5em 0 2em 0;
    letter-spacing: -0.05em;
    word-spacing: -0.05em;
}
.contentitem {
    color: #000;
}
span.header {  
    display: block;
    font: 13px/16px  Verdana, "Trebuchet MS", Arial, sans-serif;
    color: #000;
    font-weight: bold; 
    padding: 3px 0 3px 0;
}

li.spacer {
    line-height: 5px;
}

/* override link colors with black */
A.masthead:link { color: #333;  border: 0;}
A.masthead:visited { color: #333;  border: 0;}
A.masthead:hover { color: #040; border: 0; }
A.itemnav:link { color: #999;  border: 0;}
A.itemnav:visited { color: #999;  border: 0;}
A.itemtitle:link    { color: #000; border: 0; font-weight: bold; }
A.itemtitle:visited { color: #000; border: 0; font-weight: bold; }
A.black:link    { color: #000; font-weight: normal; border: 0; }
A.black:visited { color: #000; font-weight: normal; border: 0;}
A.channelmenu:link    { color: #000; font-weight: normal; border: 0; }
A.channelmenu:visited { color: #000; font-weight: normal; border: 0;}
A.channelmenu:hover   { color: #fff; /* background-color: #dcdce1; */ font-weight: normal; border: 0;}
A.red:link    { color: #c03; font-weight: bold; border: 0; }
A.red:visited { color: #c03; font-weight: bold; border: 0; }
A.datelink:link    { color: #000; font-weight: bold;  border: 0;}
A.datelink:visited { color: #000; font-weight: bold;  border: 0;}
A:link { 
    font-weight: bold;
    text-decoration: none ;
    color: #040;
    /* border-bottom: dotted 1px #666; */
}
A:visited { 
    font-weight: bold;
    text-decoration: none;
    /* border-bottom: dotted 1px #666; */
    color: #040;
}
/* hover must follow A:link and A:visited; see "link psuedo classes" at w3c.org */
A:hover {
    color: #fff;
}
#colcontent a:hover { color: #dcdce1; }
form {
    margin: 0;
    padding: 0;
    line-height: 1em;
}
input.text {
    background-color: transparent;
    border-width: 1px;
}
.button {
    font: 10px  Verdana, "Trebuchet MS", Arial, sans-serif;
    color: #000;
    background-color: transparent;
    border-width: 1px;
}

/* table containing day cells */
table.calendar {
    border-width: 1px;
    border-style: solid;
    border-color: #333;
    border-collapse: collapse;
    line-height: .8em;
    margin: 0 0 0 0.5em;
    padding: 0;
}
td.center {
    font-size: 10px;
    margin: 0;
    padding: 3px 0 3px 0;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
}
tr.weeks {
    margin: 0;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #333;
    border-collapse: collapse;
}
td.days {
    text-align: right;
    border-width: 1px;
    border-style: solid;
    border-color: #333;
    margin: 0;
    padding: 2px;
    font-size: 9px;
    border-collapse: collapse;
    border-spacing: 0;
}
td.today {
    background-color: #3a3;
    border-width: 1px;
    border-style: solid;
    border-color: #333;
    text-align: right;
    margin: 0;
    padding: 4px;
    font-size: 9px;
    border-collapse: collapse;
    border-spacing: 0;
}

/* My additions follow */
img { border: 0px; vertical-align: bottom; }

#banner img { margin: 4em 0 0 0; }

img.rotator {/* scalable em size class rotating image */
width: 13.1em;
height: 20.96em;
}

/* What? No acronym style? Let's fix that. */
acronym {
	border-bottom: none;
	/* background: #ddd; */
	text-decoration: underline;
	cursor: help;
}