body {
	background: #766;
	color: #322;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

ul { list-style: none; margin: 0; padding: 0; } 
li { border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; } 
li a { display: block; padding: 1px 4px 1px 1px; background: #F8F0F0; border-right: 4px solid #C77; color: #800; text-decoration: none; font-weight:bold; }
li a:hover { background-color: #F8E0E0; text-decoration: none; }
li a:active { background-color: #F8E0E0; text-decoration: none; }

li.unpublished { border-top: 1px solid #EEF; border-bottom: 1px solid #EEF; } 
li.unpublished a { display: block; padding: 1px 4px 1px 1px; background: #EEF; border-right: 4px solid #EEF; color: #008; text-decoration: none; font-weight:bold; }
li.unpublished a:hover { background-color: #DDF; text-decoration: none; }
li.unpublished a:active { background-color: #DDF; text-decoration: none; }

#navigation { width: 100%; } 
#navigation ul { list-style: none; margin: 0; padding: 0; } 
#navigation li { border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; } 
#navigation li a { display: block; padding: 1px 4px 1px 1px; background: #F8F0F0; border-right: 4px solid #C77; color: #800; text-decoration: none; font-weight:bold; }
#navigation li a:hover { background-color: #F8E0E0; text-decoration: none; }
#navigation li a:active { background-color: #F8E0E0; text-decoration: none; }

.pagecontent { background-color: #FFF; }

.contenttable {
	background: #FFF;
	border: 0px solid #000;
}

.bannerpanel {
	background: #FFF;
	border-bottom: 2px solid #EDD;
}

.whatsonbox {
	background: #FAFAFF;
	border-top: 2px dotted #DDE;
	border-bottom: 2px dotted #DDE;
	margin: 4px;
	padding: 6px;
}


.leftpanel {
	background: #FFF;
	border-right: 2px solid #EDD;
	padding-right: 4px;
	width: 125px;
}

.rightpanel {
	background: #FFF;
	border-left: 2px solid #EDD;
	padding: 4px;
	width: 100px;
}

.contentpanel {
	background: #FFF;
	border: 0px solid #EEE;
}

.headlinepanel {
	background: #FFF;
	padding: 4px;
	border: 0px;
}

.inner_panel_column_l {
	background: #FFF;
	padding: 2px;
	border-right: 2px solid #EDD;
}

.inner_panel_column_r {
	background: #FFF;
	padding: 2px;
}

.indentedbox {
	padding-left: 10px;
}

.slightindent {
	padding-left: 4px;
}


.footerpanel {
	background: #FFF;
	border-top: 2px solid #EDD;
}

.featurebox {
	background: #FAFAFF;
	border-top: 2px dotted #DDE;
	border-bottom: 2px dotted #DDE;
	margin: 2px;
	width: 99%;
}

.featureboxflex {
	background: #FAFAFF;
	border-top: 2px dotted #DDE;
	border-bottom: 2px dotted #DDE;
}

.featureboxtop {
	background: #F5F5FA;
	border-top: 2px dotted #CCD;
	border-bottom: 2px dotted #CCD;
}

.picframe {
	border-style: outset;
	border-color: #FFF;
	border-width: 1px;
}

.searchbox {
	background: #F8F0F0;
	color: #800;
	border-top: 1px solid #EDD;
	border-right: 4px solid #C77;
	border-left: 1px solid #EDD;
	border-bottom: 1px solid #EDD;
	font-size: 95%;
	margin: 0px;
	padding: 0px;
}

.searchgobox {
	background: #F8F0F0;
	color: #800;
	border-top: 1px solid #EDD;
	border-right: 1px solid #EDD;
	border-left: 1px solid #EDD;
	border-bottom: 1px solid #EDD;
	font-size: 65%;
	margin: 2px 0px 0px 0px;
	padding: 0px;
}


h1 { font-size: 110%; font-weight:bold; color: #800; }
h2 { font-size: 100%; font-weight:bold; color: #800; }
h3 { font-size: 95%; font-weight:bold; color: #800; margin: 0px; }

p { font-size: 90%; }
b { color: #444; }

a.sidelink { font-size: 80%; font-weight: bold; color: #A22; text-decoration: none; }
a.sidelink:hover { text-decoration: underline;  color: #000; }
a.sidelink:active { font-weight: bold; color: #000; text-decoration: underline; }

a { color: #800; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: none; background-color: #F8E0E0; }
a:active { color: #800; text-decoration: underline; }

a.block { background: #F8F0F0; margin: 0px; padding: 0px; color: #800; text-decoration: none; font-weight:bold; }
a.block:hover { background-color: #F8E0E0; text-decoration: none; }
a.block:active { background-color: #F8E0E0; text-decoration: none; }

a.under { color: #800; font-weight: bold; text-decoration: underline; }
a.under:hover { text-decoration: none; color: #800; }
a.under:active { color: #800; text-decoration: underline; }

a.top-feature { font-size: 120%; font-weight: bold; color: #800; text-decoration: none; }
a.top-feature:hover { text-decoration: none;  color: #800; }
a.top-feature:active { color: #800; text-decoration: underline; }

a.headlinelink { font-size: 130%; font-weight: bold; color: #800; text-decoration: none; }
a.headlinelink:hover { text-decoration: none;  color: #800; }
a.headlinelink:active { color: #800; text-decoration: underline; }

a.sfeature { font-size: 75%; color: #800; text-decoration: none; }
a.sfeature:hover { text-decoration: none;  color: #800; }
a.sfeature:active { color: #800; text-decoration: underline; }

a.tartist { font-size: 70%; letter-spacing: -0.02em; color: #100; text-decoration: none; }
a.tartist:hover { text-decoration: none;  color: #100; }
a.tartist:active { color: #100; text-decoration: underline; }

a.reviewartist { font-size: 110%; font-weight: bold; color: #800; text-decoration: none; }
a.reviewartist:hover { text-decoration: none;  color: #800; }
a.reviewartist:active { color: #800; text-decoration: underline; }

a.reviewtitle { font-size: 100%; font-weight: bold; color: #444; text-decoration: none; }
a.reviewtitle:hover { text-decoration: none;  color: #444; }
a.reviewtitle:active { color: #444; text-decoration: underline; }


.tinybold { font-size: 60%; font-weight: bold; }
.tiny { font-size: 75%; }
.extratiny { font-size: 60%; }
.tinylight { font-size: 60%; color: #B55; }
.tinylightgrey { font-size: 65%; color: #666; }
.small { font-size: 85%; }
.redink { color: #D33; }
.greenink { color: #0A0; }
.greenok { font-size: 90%; color: #090; font-weight: bold; }
.debug { font-size: 75%; font-weight: lighter; padding: 2px 2px 2px 4px; margin: 2px; color: #777; }

.bigarticle { font-size: 160%; font-weight: bold; color: #800; }

.bigdate { font-size: 110%; font-weight:bold; color: #200; }

.interviewtitle { font-size: 350%; font-weight:bold; color: #A55; }
.articletitle { font-size: 200%; font-weight:bold; color: #A55; }
.articleauthor { font-size: 80%; font-weight:bold; color: #444; padding: 4px; }
.articleothercredits { font-size: 72%; font-weight:bold; color: #444; padding: 4px; }
.reviewcredits { font-size: 80%; font-weight:bold; color: #444; }
.question { color: #444; font-weight: bold; }
.answer { display: block; margin-left: 1px; margin-right: 1px; }
.quote { color: #344; font-style: italic; }
.voice { color: #A55; font-style: bold; }

.answerblock {
	color: #800;
	font-weight: bold;
	border-left: 4px solid #EDD;
	border-right: 4px solid #EDD;
}

.reviewertitle { font-size: 90%; font-weight:bold; color: #800; }
.reviewergenre { font-size: 75%; font-weight:bold; color: #444; }

.newsheadline { font-size: 175%; font-weight:bold; color: #A55; }

.newstitle { font-size: 80%; font-weight:bold; color: #800; }
.mfeature { font-size: 80%; font-weight:bold; color: #800; }
.feature { font-size: 80%; font-weight:bold; color: #800; }

.recordlabel { font-size: 80%; font-weight: bold; color: #666; }
.recordartist { font-size: 140%; font-weight: bold; color: #800; }
.recordtitle { font-size: 120%; font-weight: bold; color: #444; }

.headline { font-size: 130%; font-weight:bold; color: #800; }
.meddate { font-size: 70%; font-weight:bold; color: #200; }

.footertext { font-size: 70%; color: #BAA; }
.dottedhr { border-top: 2px dotted #EDD;
		border-bottom: 0px dotted #FFF;}

.roomname { font-size: 70%; font-weight: bold; color: #222; }
.brecord { font-size: 90%; color: #800; }

.pastdate { font-size: 70%; font-weight: bold; padding: 1px; margin:0px; color: #F55 }
.soondate { font-size: 70%; font-weight: bold; padding: 1px; margin:0px; color: #660 }
.futuredate { font-size: 70%; font-weight: bold; padding: 1px; margin:0px; color: #060 }
.dancebox { background: #F8F0F0; border-bottom: 2px #E8D8D8; }
.livebox { background: #F0F0F8; border-bottom: 2px #D8D8E8; }
.showbox { background: #F0F8F0; border-bottom: 2px #D8E8D8; }
.daterule { border-bottom: 1px solid #AAB; padding-top: 6px; }

