body { background-color: #000000; background-image: url(images/bg_grid.gif); color: #DDDDDD; padding: 0 0 0 0; margin: 0 0 0 0;  font-family: verdana, sans-serif; font-size: 12px; }

#main {  margin: 0 12% 0 12%; }
#main2 { margin-left: 5%; margin-right: 5%; }
#menu { font-size: 12px; font-weight: bold; background-color: #000000; padding: 4px 15px 3px 15px; border: none; border-bottom: 1px solid #333333; height: 15px; width: auto; text-align: center; }
#bp { position: absolute; padding: 0 0 0 0; margin: 0 0 0 0; left: 500px; top: 20px; height: auto; _height: 90px; width: auto; overflow: visible; }

#top { width: 100%; height: 150px; background-color: #333333; background-image: url(images/topper-tile.gif); border-bottom: 1px solid #444444; overflow:hidden; }

#menu a { margin-left: 0.5em; margin-right: 0.25em }
#menu a img { border: none; vertical-align: middle; margin-right: 5px; }

#layoutfront { width: 100%; border: none; }
#layoutfront td { border: none }

div.box { border: 1px solid #444444; padding: 1em 5em 1em 5em; background-color: #111111; margin: 1em 0 1em 0; }
div.content-box { border: 1px solid #444444; padding: 1em; background-color: #111111; }

div.box2 { border: 1px solid #444444; padding: 1em 1em 1em 1em; background-color: #111111; margin: 1em 0.5em 1em 0.5em; }
div.box h5 { font-size: 13px; font-family: Times new roman, serif; width: 10em; border-bottom: 1px dotted #444444; margin: 0.5em 0 0.2em 1.5em; color: #AAAAAA; padding-bottom: 2px; font-weight: normal; letter-spacing: 2px; }
div.box ul { margin: 0 0 0 3em; padding: 0 0 0 0; }
div.box li { font-size: 11px; color: #CCCCCC; list-style-type: none; margin: 0.4em 0 0.4em 0; padding: 0 0 0 0; }
div.box>b { font-size: 0.9em }
#history { overflow:auto; height: 10em; padding: 1em 2em 1em 2em; _font-size: 10px }
#history h5 { font-size: 12px; font-family: Times New Roman, serif, serif; width: 20em; border-bottom: 1px dotted #444444; margin: 1em 0 0.2em 0em; color: #AAAAAA; }
#history ul { margin: 0 0 0 2em; padding: 0 0 0 0 }
#history li { font-size: 10px; color: #CCCCCC; list-style-type: none; font-family: verdana, sans-serif; margin: 0.4em 0 0.4em 0; }
li b { color: #EEEEEE; }
a:link, a:visited { text-decoration: none; color: #999999; }
a:hover, a:active { text-decoration: underline; color: #EEEEEE; }
img { border: none; vertical-align: middle }

/* NEWS */
.column { margin-bottom: 0.5em; width: 260px; float: right; height: 100% }
.news-content { background-color: #161616; margin-top: 1px; font-size: 10px; color: #888888; line-height: 130%; padding: 5px 1em 5px 1em }
.news-avatarbox { float: left; background-color: #191919; padding: 2px 2px 2px 2px; width: 50px; height: 50px; border-right: 1px solid #111111; margin-right: 0.75em }
.news-title { border-bottom: 1px solid #111111; padding: 2px 5px 2px 5px; color: #999999; font-size: 13px; font-weight: bold; letter-spacing: 1px; background-image: url(images/news_corner.gif); background-repeat: no-repeat; background-position: top right }
.news-info { padding: 3px 5px 2px 5px; color: #666666; font-size: 9px; line-height: 140% }

#controls ul { margin: 0 0 0 0; padding: 0 0 0 0; }
#controls ul li { font-size: 11px; list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0; font-weight: bold; margin-top: 1em; }
#controls ul li ul li { font-size: 11px; list-style-type: none; margin: 0 0 0 1em; padding: 0 0 0 0; font-weight: normal; line-height: 130% } 

input, textarea, select { font-size: 11px; margin: 2px 2px 2px 2px; vertical-align: middle; background-color: #222222; _background-color: transparent; color: #AAAAAA; }

textarea, select, input[type=text], input[type=password], input[type=submit] { background-color: #222222; color: #AAAAAA; border: 1px solid #444444; vertical-align: middle; }

textarea:hover, select:hover, input[type=text]:hover, input[type=password]:hover, input[type=submit]:hover { background-color: #333333; color: #CCCCCC; border: 1px solid #555555; outline: 1px solid #333333; }

textarea:focus, select:focus, input[type=text]:focus, input[type=password]:focus, input[type=submit]:focus { background-color: #444444; color: #DDDDDD; border: 1px solid #666666; outline: 1px solid #444444; }

input[type=radio] { background-color: #222222; color: #AAAAAA; margin-right: 0.5em; }
input[type=radio]:hover { background-color: #333333; color: #CCCCCC; }
input[type=checkbox] { border: 1px solid #444444; color: #AAAAAA; margin-right: 0.5em; width: 13px; height: 13px; }
input[type=checkbox]:hover { background-color: #333333; color: #CCCCCC; border: 1px solid #555555; outline: 1px solid #333333; }

input[type=submit]:focus, input[type=button]:focus { outline: 1px solid #444444; }
input[type=submit]:focus:hover, input[type=button]:focus:hover { background-color: #333333; color: #CCCCCC; border: 1px solid #555555; outline: 1px solid #666666; }
input[type=submit]:active, input[type=button]:active { background-color: #444444; color: #EEEEEE; border: 1px inset #444444; outline: 1px solid #444444; }

form { color: #AAAAAA; }
.sect { text-align: center; color: #DDDDDD; font-weight: bold; font-size: 0.9em; }

*input, *select, *textarea { _background-color: #222222; _color: #AAAAAA; _border: 1px solid #444444; }

#soundtracks {
  width: 100%; height: 100%;
  border: 1px solid #444444;
  margin: 1em 0 1em 0;
  background-color: #111111;
}
.details {
  width: 80%;
  border: 1px solid #444444;
  margin: 1em 0 1em 0;
  background-color: #111111;
}
td.f { color: #BBBBBB; font-weight: bold; border: none; width: 20%; }
td.d { color: #AAAAAA; text-align: left; padding-left: 1em; border: none; wwidth: 55%; }
td.s { color: #AAAAAA; font-weight: bold; background-color: #333333; background-image: url(images/topper-tile.gif); font-size: 10px; padding: 2px 2px 2px 2px; text-align: center; }
.r { text-align: right }
.l { text-align: left }
td.fl { color: #BBBBBB; font-weight: bold; border: none; border-left: 1px solid #333333; text-align: center; vertical-align: top; padding: 0 0 0 0; }

#td-fl {
  color: #BBBBBB;
  font-weight: bold;
  text-align: center;
  vertical-align: top;
  padding: 0 0 0 0;
  border-left: 1px solid #333333;
}
#fl-table {
  width: 100%;
  margin: 0 0 0 0;
}
#td-fl-table {
  padding: 0 0 0 0;
  vertical-align: top;
  border: none;
}
#div-fl { 
  overflow: auto;
  max-height: 15em;
  _height: 15em;
}

.lf { text-align: left; line-height: 18px; font-size: 10px; font-family: Verdana; color: #999999; font-weight: normal; font-family: Tahoma, sans-serif; height: 18px; overflow: hidden; }
.l1 { background-color: #111111; }
.l2 { background-color: #191919; }
div.fn { float: left; margin-left: 0.5em; width: 80%; overflow: hidden; color: #AAAAAA; white-space: nowrap }
div.fs { float: right; margin-right: 0.5em }



th {
  background-color: #333333;
  background-image: url(images/th.gif);
  height: 15px;
  padding: 1px 0.5em 1px 0.5em;
  font-size: 10px;
  font-family: tahoma, sans-serif;
  border-right: 1px solid #222222;
  font-weight: bold;
  text-align: center;
}
th.nobg { background-color: #333333; background-image: none }
td {
  font-size: 11px;
  font-family: tahoma, sans-serif;
   padding: 3px 5px 3px 5px; 
  border-right: 1px solid #222222;
  border-bottom: 1px solid #222222;
}
td.fmt { border: none; padding: 2px 2px 2px 2px; }
span.hl {
  font-weight: bold;
  color: #CCCCCC;
  background-color: #444444;
  border: 1px solid #222222;
}

#footer {
  background-color: #141414;
  background-image: url(images/thf.gif);
  background-repeat: repeat-x;
  background-position: bottom left;
  height: 25px;
  padding: 1px 0.5em 1px 0.5em;
  font-size: 10px;
  font-family: tahoma, sans-serif;
  border-right: 1px solid #222222;
}

hr {
  border: none;
  border-bottom: 1px dotted #444444;
  width: 50%;
  height: 1px;
  margin: 0.5 0 0.5 0;
}

div.nav {
  font-size: 13px;
}
.c { text-align: center }
a.ht:link, a.ht:visited { color: #DDDDDD; text-decoration: none }
a.ht:hover, a.ht:active { color: #FFFFFF; text-decoration: none }

table.update { width: 100%; border: 1px solid #333333; }

#RSS {
  font-size: 10px;
  padding: 0px 2px 1px 2px;
  background-color: #333333;
  border-top: 1px solid #444444;
  border-left: 1px solid #444444;
  border-bottom: 1px solid #222222;
  border-right: 1px solid #222222;
  text-decoration: none;
  color: #999999;
}
#RSS:hover {
  background-color: #444444;
  border-top: 1px solid #555555;
  border-left: 1px solid #555555;
  border-bottom: 1px solid #333333;
  border-right: 1px solid #333333;
  color: #DDDDDD;
  text-decoration: none;
}

#dlbutt { background-image: url(images/download_button.gif); background-repeat: no-repeat; width: 100px; height: 20px; float: left; margin-left: 5% }
#dlbutt:hover { background-image: url(images/download_button.gif); background-repeat: no-repeat; background-position: 0 -20px; width: 100px; height: 20px; }

/* Stupid IE fixes */
li { _list-style-type: none; _margin: 0 0 0 0; }
ul { _margin: 0 0 0 3em; }
*h5 { font-size: 14px; font-family: times new roman, serif; width: 10em; border-bottom: 1px dotted #444444; margin: 0.5em 0 0.2em 1em; color: #AAAAAA; }
*img { border: none; vertical-align: middle; margin-right: 5px; }

/* Colors */

.titlebg {
	background-color: #111111;
  background-image: url(images/th.gif);
  background-repeat: repeat-x;
	font-family     : Verdana, Helvetica;
	font-size       : 12px;
	color           : #CCCCCC;
	font-weight     : bold;
}

.titlebgtext { /* This is for nested tables, so that text formatting is still used */
	color: #000000;
	font-weight: bold;
}

.catbg {
	background-color: #444444;
  background-image: url(images/topper-tile.gif);
	font-family     : Verdana, Helvetica;
	font-size       : 12px;
	color           : #CCCCCC;
	font-weight     : bold;
	padding		: 5px;

}
.win { 
	background-color: #222222;
	font-family: Verdana;
	font-size  : 11px;
	line-height: 1.3em;
	color      : #CCCCCC;
 }

.win2      { background-color: #222222; }
.win3      { background-color: #222222; } /* Used mainly for Calendar Week listing */
.border    { background-color: #444444; }

.smalltext { /* Small font text size, can also change color, etc */
	font-weight: normal;
	font-size  : 9px;
	line-height: 1.5;

}
#layoutnoborder { border: none; }
#layoutnoborder td { border: none }

img.thumb { border: 1px solid #555; padding: 1px; margin: 20px; }
img.thumb:hover { border: 1px solid #777; }

a.special:link, a.special:visited { color: #0094d5; }
a.special:hover, a.special:active { color: #76ccf2; }