@CHARSET "UTF-8";

body {
	color: #EFEFFF;
	background-color: #340000;
	font-size: .8em;
	font-family: verdana, helvetica, arial, sans-serif;
	}

#content {
	width: 800px;
	min-height: 500px;
	color: #FFFFFF;
	border-radius: 10px;
	background-color: #777777;
	border: 3px solid #333333;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background-position-x: 100px;
	background-attachment: fixed;
	}

#header {
	overflow: hidden;
	height: 100px;
	}

#header a img { border: 0 }

pre {
	font-size: 1em;
	font-family: verdana, helvetica, arial, sans-serif;
	}

.top20 {
	float: left;
	color: #EEEEEE;
	border-radius: 6px;
	background-color: #440000;
	border: 1px solid #333333;
	margin: 5px;
	padding: 2px;
	-moz-box-shadow: 3px 3px 4px #333;
	-webkit-box-shadow: 3px 3px 4px #333;
	box-shadow: 3px 3px 4px #333;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');
}

.top20 tr:hover { background-color: #770000; }

.top20 table,th,td { 
	border: 1px solid #552222;
	color: white;
	font-size: 1em;
	border-collapse: collapse;
	}
.top20 table td {
	text-align: right;
}
	
.top20 .title { width: 100%; text-align: center; color: #FFD700; font-size: 1.2em; }
.top20 table { width: 100% }

.menu {
	width: 100%;
	background: #340000;
	border-top: 1px solid #444;
	font-size: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	display: table;
	}
	
.menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: table-cell;
	}

.menu > ul { width: 12.5% }
.menu + .menu > ul { width: 13.5%; } 	

.menu a {
	display: block;
	margin: 0;
	padding: 2px 3px;
	text-align:center;
	
	color: #FFF;
	background: #340000;
	padding: 3px;
	text-decoration: none;
	}

.menu a:hover {
	color: #fff;
	background: #780000;
	}

.menu li { position: relative; }

.menu ul ul {
	position: absolute;
	z-index: 500;
	}

.menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	}
	
div.menu ul ul,
div.menu ul li:hover ul ul,
div.menu ul ul li:hover ul ul {
	display: none;
	}

div.menu ul li:hover ul,
div.menu ul ul li:hover ul,
div.menu ul ul ul li:hover ul {
	display: block;
	}
	

#twitter {
	float: right;
	}

#intro {
	font-size: 18px;
	border-radius: 10px;
	background: url('images/TheEye.png'); 
	padding: 10px;
	margin-top: 40px;
	margin-bottom: 40px;
	margin-left: 50px;
	margin-right: 50px;
	}

#intro A { text-decoration: none; background: #560000; border-radius: 3px; color: #FFF }
#intro A:hover { background: #780000 }

.report {
	font-family: serif;
	font-style: italic;
	font-size: 3em;
	color:  #3333FF;
	border-bottom: 3px solid gray;
	width: 90%;
	clear: both;
	text-align: right;
}

.subreport {
	font-size: 2em;
	width: 90%;
	clear: both;
	text-align: left;
}

.loadgraph {
	border: 0;
	margin-top: 5px;
	margin-bottom: 10px; 	
}

#general p {
	margin: 2px;
	}

#blog {
	margin-top: 30px;
	margin-left: 50px;
	margin-right: 50px;
	}

.blogentry {
	padding: 10px;
	background-color: rgb(0,0,0) transparent;
	background-color: rgba(0,0,0,0.4);
	
	border-radius: 6px;
	margin-bottom: 20px;
	}

.blogentry a {
	text-decoration: none;
	color: #FF4;
	}
.blogentry a:hover {
	background-color: rgba(0,0,0,0.6);
	padding: 2px;
	}

.blogleadoff { font-size: 16px; margin-bottom: 10px }
.blogts { margin-left: 10px; float: right; font-size: 0.8em; color: #DDD; text-align: center }
.blogts img { margin-top: 5px }
.blogentry > P+P { margin-left: 10px; font-style: italic  }
.blogentry > P+P+P { font-style: normal }
.blogft { clear: both; padding: 0px; margin-bottom: 0px }
.blogbutton { background-color: rgba(0,0,0,0.4); float: right; border-radius: 6px; padding: 10px; font-size: 16px; margin-bottom: 10px }
.blogbutton A { color: #FFF; text-decoration: none }
.blogbutton:hover { background-color: rgba(0,0,0,0.6) }

.switchmode { margin-top: 4px !important }
.switchmode a { 
	color: #FFF;
	background-color: rgba(0,0,0,0.4); 
	box-shadow: 3px 3px 1px #444;
	border-radius: 3px; 
	border: 1px solid #666;
	padding: 2px; 
	font-size: 12px; 
	text-decoration: none;
	}
.switchmode a:hover { background-color: rgba(0,0,0,0.2) }

.webcredits { font-size: 8px; color: #DDD; margin-top: 10px; text-align: center }

.search div { text-align: center }
.searchBoxes { border: 1px solid #dddd; padding: 0 0.5 em 0 0.5em }
.searchBoxes legend { color: #ffffff;  font-size: 1.2em }
.searchBoxes input:focus, select:focus { border: 2px solid #FFD700; }
.lefted { text-align: left !important } 
#blog div.top20 { float: none }
#blog div.top20 a { text-decoration: none; color: #FF4; }
#blog div.top20 a:hover { background-color: rgba(0,0,0,0.6); padding: 2px }