@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; border: 0; }

body {
	margin: 0;
	background-image: url("../images/body_bg.gif");
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #881B17;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
img { border: 0; }
p { margin: 0 0 8px 0; }

a {
	color: #bbb;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	color: #bbb;
}
a.more {
	padding-right: 12px;
	background-image: url("../images/arrow.gif");
	background-position: right center;
	background-repeat: no-repeat;
}
a.rss {
	padding-left: 12px;
	background-image: url("../images/rss_small.gif");
	background-position: left center;
	background-repeat: no-repeat;
}

select option {
	padding: 0 5px 0 3px;
}
span.required {
	color: #888;
	padding: 0 1px;
	font-weight: bold;
	font-size: 12px;
}
.seperator {
	font-family: "Times New Roman", Times, serif;
	padding: 0 6px;
}

.t {
	color: #ff7979;
}
.ct {
	color: #7c79ff;
}

.clear { clear: both; }
.clearright { clear: right; }
.clearleft { clear: left; }
.hidden { display: none; }
.rightfloatheader {
	float: right;
}


h3.nocomments {
	padding: 8px 0 0 7px;
}
div.gradient {
	height: 3px;
	margin: 10px 0 10px 0;
}
#content div.gradient {
	background: url("../images/hrgradient.gif") no-repeat center;
}
#sponsors div.gradient {
	background: url("../images/hrgradient_sponsors.gif") no-repeat center;
}
#text div.gradient {
	background: url("../images/hrgradient_text.gif") no-repeat center;
}

div.error {
	border: 1px #93130f solid;
	background-color: #e1e1e1;
	color: #93130f;
	padding: 3px 5px;
	margin-bottom: 10px;
	font-weight: bold;
}
div.error ul li {
	color: #494949;
	list-style: none;
	margin-bottom: 2px;
	margin-left: 5px;
	padding-left: 10px;
	background: url("../images/list_bullgrey.gif") no-repeat 0 4px;
}
div.error ul li ul li {
	color: #333;
	font-size: 10px;
	list-style: none;
	background: url("../images/list_bullblack.gif") no-repeat 0 4px;
}

div.success {
	display: inline;
	color: #28930f;
	padding-left: 8px;
	font-weight: bold;
}

#outerwrapper {
	margin: auto;
	width: 972px;
	background: url("../images/outerwrapper_bg.gif") repeat-y center top;
	text-align: left;
}
#innerwrapper {
	background: url("../images/innerwrapper_bg.gif") no-repeat center top;
	padding: 0 30px 0 30px;
}

#header {
	background: url("../images/banner.jpg") no-repeat;
	padding: 26px 0 0 38px;
	height: 114px;
}
#nav {
	padding: 0 0 0 49px;
	height: 47px;
	background-image: url("../images/nav_bg.jpg");
}
#nav ul li {
	margin-left: -3px;
	display: inline;
}
#login {
	height: 24px;
	padding: 2px 0 0 5px;
	background-image: url("../images/login_bg.jpg");
}
#login a {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
#login a:hover {
	text-decoration: underline;
}
#login a:visited {
	color: #333;
}
#login form {
	margin: 0;
}
#login form input {
	background-color: transparent;
	color: #aaa;
	margin: 0;
	padding: 0;
	font-size: 11px;
	border: none;
	vertical-align: top;
}
#login form input.username {
	background-image: url("../images/login_field1.gif");
	padding: 5px 8px 0 6px;
	width: 102px;
	height: 18px;
}
#login form input.password {
	background-image: url("../images/login_field2.gif");
	padding: 5px 8px 0 6px;
	width: 102px;
	height: 18px;
}
#login #loggedinas {
	float: left;
	padding: 4px 9px 0 1px;
}

#main {
	background-image: url("../images/main_bg.gif");
	color: #fff;
}
#content {
	width: 730px;
	padding: 8px 7px;
	float: left;
	background-image: url("../images/content_bg.gif");
}
#sponsors {
	width: 162px;
	padding: 8px 3px 8px 3px;
	float: left;
	background-color: #260101;
	text-align: center;
}
#footer {
	background-image: url("../images/footer.gif");
	height: 63px;
}

#cotw {
	margin: 3px;
	background-image: url("../images/content_cotwbg.gif");
	background-repeat: no-repeat;
	height: 178px;
}

h2 {
	padding: 0 0 4px 3px;
	font-size: 15px;
	font-weight: bold;
}
h3 {
	font-size: 12px;
	padding: 0 0 3px 3px;
	color: #EEE;
}
textarea {
	width: 100%;
	background-color: #222;
	color: #ccc;
	border: 1px #444 solid;
	font-size: 11px;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
input {
	background-color: #222;
	color: #ccc;
	border: 1px #444 solid;
	font-size: 11px;
	padding: 2px;
}

#mininav {
	background-image: url("../images/mininav_bg.gif");
	background-repeat: repeat-y;
	width: 186px;
	float: left;
}
#mininav .selected {
	color: #ddd;
	font-weight: bold;
}
#mininavtop {
	background: url("../images/mininav_top.gif") no-repeat;
}
#mininavbottom {
	background: url("../images/mininav_bottom.gif") no-repeat bottom left;
	padding: 6px;
}
#mininav h3 {
	padding: 0 0 1px 0;
	color: #FFF;
	padding-bottom: 1px;
	margin-bottom: 4px;
	border-bottom: 1px solid #5f2020;
}
#mininav table td.desc {
	vertical-align: text-top;
	text-align: right;
	padding: 0 5px 0 2px;
}
#mininav table td.field {
	color: #ffeeee;
	padding: 2px 0 0 0;
	vertical-align: text-top;
}
#mininav table td.field a {
	color: #ffdddd;
	font-weight: bold;
}
#mininav p {
	margin: 6px 0 0 0;
}
#mininav ul li {
	list-style: none;
	margin-bottom: 2px;
	padding-left: 10px;
	background: url("../images/list_bullgrey.gif") no-repeat 0 4px;
}
#mininav ul li ul li {
	background-image: url("../images/list_bullred.gif");
	margin-bottom: 0px;
}

#text {
	background: url("../images/text_bg.gif") repeat-y;
	margin-left: 193px;
}
#texttop {
	background: url("../images/text_top.gif") no-repeat;
}
#texttop_nogradient {
	background: url("../images/text_top_nogradient.gif") no-repeat;
}
#textbottom {
	background: url("../images/text_bottom.gif") no-repeat bottom left;
	padding: 6px;
}
#text #commentstop {
	background: url("../images/text_comment_top.gif") no-repeat;
	padding-top: 6px;
}
#text #commentsbottom {
	background: url("../images/text_comment_bottom.gif") no-repeat bottom left;
	padding-bottom: 6px;
}


#text table.form td.header {
	font-size: 12px;
	font-weight: bold;
	color: #ddd;
	padding: 10px 0 0 2px;
	border-bottom: 1px #444 dotted;
	height: 0;
}
#text table.form td.desc {
	color: #fff;
	vertical-align: top;
	text-align: right;
	padding: 6px 5px 0 2px;
}
#text table.form td.field {
	color: #ddd;
	padding: 5px 0 0 0;
}
#text table.form td.field input,select {
	background-color: #222;
	color: #ccc;
	border: 1px #444 solid;
	font-size: 11px;
	padding: 2px;
}
#text table.form td.field select {
	padding: 1px;
}

table tr.header td {
	background-image: url("../images/forum_header_bg.gif");
	background-repeat: repeat-x;
	font-weight: bold;
	color: #000;
	border-top: none;
}
table tr.header td a {
	color: #222;
	text-decoration: none;
	font-weight: bold;
}
table tr.header td a:hover {
	text-decoration: underline;
}
table tr.header td a:visited {
	color: #222;
}
table td.firstcol {
	
}
table tr.header td.firstcol {
	background-image: url("../images/forum_header_roundedbg.gif");
	background-position: top left;
	border-left: none;
}
table tr.header td.lastcol {
	background-image: url("../images/forum_header_roundedbg.gif");
	background-position: top right;
	border-right: none;
}
table td.firstcol {
	border-left: 1px solid #666;
}
table td.lastcol {
	border-right: 1px solid #666;
}
table tr.lastrow td {
	background-image: url("../images/forum_topic_lastrowbg.gif");
	background-position: bottom left;
}
table tr.lastrow td.firstcol {
	background-image: url("../images/forum_topic_roundedbg.gif");
	background-position: bottom left;
	border-left: none;
}
table tr.lastrow td.lastcol {
	background-image: url("../images/forum_topic_roundedbg.gif");
	background-position: bottom right;
	border-right: none;
}

table.scoreboard {
	line-height: normal;
	font-size: 11px;
}

table.forums td,
table.scoreboard td,
table.matchlist td,
table.stats td,
table.media td {
	padding: 3px 6px 3px 6px;
	background-image: url("../images/forum_topic_bg.gif");
	background-repeat: repeat-x;
	border-top: 1px solid #666;
}

table.forums,
table.matchlist, 
table.stats,
table.media {
	width: 100%;
}
table.forums td.topic {
	border-right: 1px solid #666;
	border-left: 1px solid #666;
}
table.forums td.posts {
	width: 40px;
	text-align: center;
	border-right: 1px solid #666;
}
table.forums td.created {
	width: 110px;
	border-right: 1px solid #666;
}
table.forums td.lastpost {
	width: 110px;
	border-right: 1px solid #666;
}


table.scoreboard td.score {
	width: 18px;
	text-align: center;
	padding-left: 0;
}
table.scoreboard td.score .ot {
	width: 18px;
	text-align: center;
	padding-left: 0;
	font-size: 8px;
	line-height: 7px;
}
table.scoreboard tr.teamrow td {
	height: 30px;
}
table.scoreboard td.team {
	padding-right: 30px;
}
table.scoreboard div.roster {
	color: #888;
	font-size: 10px;
}

table.matchlist td.date { padding-right: 0; }
table.matchlist td.matchup { }
table.matchlist td.result {
	padding-right: 1px;
	padding-left: 1px;
	text-align: center;
	width: 28px;
}
table.matchlist td.score {
	padding-right: 1px;
	padding-left: 1px;
	text-align: center;
	width: 45px;
}
table.matchlist td.map { }
table.matchlist td.event { }
table.matchlist td.league { text-align: center; }
table.matchlist td.details {
	padding-left: 0; width: 1px;
}

table.stats td.stat {
	width: 30px;
	text-align: center;
	border-left: 1px solid #666;
}


#textfull {
	background: url("../images/textfull_bg.gif") repeat-y;
}
#textfulltop {
	background: url("../images/textfull_top_nogradient.gif") no-repeat;
}
#textfullbottom {
	background: url("../images/textfull_bottom.gif") no-repeat bottom left;
	padding: 6px
}
#textfull #commentstop {
	background: url("../images/textfull_comment_top.gif") no-repeat;
	padding-top: 6px;
}
#textfull #commentsbottom {
	background: url("../images/textfull_comment_bottom.gif") no-repeat bottom left;
	padding-bottom: 6px;
}

div.drilldown { 
	padding-left: 3px;
	padding-bottom: 7px;
}
div.drilldown ul {
	list-style: none;
	padding-bottom: 2px;
}
div.drilldown ul li {
	padding-left: 8px;
	display: inline;
}

.pagelist {
	padding: 8px 2px 2px 2px;
}
.pagelist ul {
	display: inline;
	padding-left: 3px;
}
.pagelist ul li {
	display: inline;
}
.pagelist ul li span {
	padding: 2px 6px;
	border: 1px solid #333;
	background-color: #161616;
	margin-right: 2px;
}
.pagelist ul li a {
	padding: 2px 6px;
	border: 1px solid #333;
	background-color: #161616;
	margin-right: 2px;
}

#featured {
	background-image: url("../images/content_featuredbg.gif");
	background-repeat: no-repeat;
	height: 157px;
	padding: 48px 16px 0 16px;
}
#featured img {
	padding-bottom: 3px;	
}
#featured h2 {
	padding: 0;
}
#featured .entrytext {
	font-size: 12px;
	font-style: italic;
}

.entry {
	padding: 4px 13px 13px 13px;
	background-color: #606060;
	background-image: url("../images/entry_bg.jpg");
	background-repeat: no-repeat;
	margin: 3px;
}
.entry h2 {
	padding: 0;
	font-size: 13px;
}
.entry h2 a {
	color: #fff;
}
.entry .entryposter {
	color: #999;
	font-weight: bold;
	float: left;
	font-size: 10px;
}
.entry .entrydate {
	color: #999;
	text-align: right;
	font-size: 10px;
}
.entry .entryimage {
	margin-top: 12px;
}
.entry .entrytext {
	margin-top: 8px;
	font-size: 12px;
	color: #fff;
	text-align: justify;
}
.entry .entrycomments {
	margin-top: 7px;
	font-size: 10px;
	color: #aaa;
}

h2.forumtitle {
	padding-top: 8px;
}

div.article h2 {
	padding: 0 0 2px 0;
	margin-bottom: 7px;
	color: #fff;
}
div.article {
	font-size: 12px;
	line-height: 18px;
	color: #ddd;
}

.comment {
	border: 1px solid #464646;
	border-top: 0;
	padding: 7px 7px 6px 7px;
	background-image: url("../images/forum_comment_bg.gif");
	background-color: #222222;
	background-repeat: repeat-x;
}
.lastpost {
	border-bottom: 0;
	padding-bottom: 0px
}
.firstpost {
	border-top: 0;
	padding-top: 1px;
}
.comment .postnumber {
	margin: 0;
	color: #444;
	font-weight: bold;
	float: right;
}
.comment .poster {
	font-style: italic;
}
.comment .poster a {
	font-weight: bold;
}
.comment .postcontent {
	padding: 13px 0 13px 6px;
}
.comment .postfooter {
	font-size: 10px;
	color: #888;
	padding-top: 3px;
}
#postcomment {
	padding: 23px 7px 7px 7px;
	width: 300px;
}
#postcomment h3 {
	font-weight: bold;
	border-bottom: 1px #444 dotted;
}
#postcomment textarea {
	margin: 9px 0 6px 0;
}

#pointsbreakdown  {
	padding-top: 12px;
	border-bottom: 1px solid #333;
}
#pointsbreakdown li {
	list-style: none;
	padding: 5px 0;
	border-top: 1px solid #333;
}
#pointsbreakdown div.points {
	font-weight: bold;
	font-size: 13px;
	color: #ddd;
	float: left;
	width: 40px;
	text-align: right;
	background-color: #131111;
}
#pointsbreakdown div.message {
	padding-top: 1px;
	margin-left: 47px;
}
#pointsbreakdown span.details {
	color: #eee;
	font-size: 10px;
	padding-left: 7px;
	cursor: pointer;
}
#pointsbreakdown span.details:hover {
	text-decoration: underline;
}

#matchdetail li {
	list-style: none;
	padding: 5px 0;	
}
#matchdetail li.round {
	background-image: url("../images/matchdetail_round.gif");
	background-repeat: no-repeat;
	background-position: 2px 4px;
}
#matchdetail li.c4 {
	background-image: url("../images/matchdetail_c4.gif");
	background-repeat: no-repeat;
	background-position: 0 4px;
}
#matchdetail li.freeze {
	background-image: url("../images/matchdetail_freeze.gif");
	background-repeat: no-repeat;
	background-position: 0 5px;
}
#matchdetail div.timer {
	font-weight: bold;
	font-size: 13px;
	color: #ddd;
	float: left;
	width: 54px;
	text-align: right;
}
#matchdetail div.message {
	padding-top: 1px;
	margin-left: 60px;
}

.articlebox {
	border: 1px solid black;
	padding: 5px;
	margin-top: 7px;
	background-image: url("../images/articlebox_bg.gif");
	background-color: #1a1818;
	background-repeat: repeat-x;
}
.articlebox h3 {
	font-size: 16px;
	padding: 0;
	marigin-bottom: 3px;
}
.articlebox h3 a {
	color: #fff;
}
.articlebox h3 a:hover {
	text-decoration: none;
	border-bottom: 1px solid white;
}
.articlebox div.info {
	margin-bottom: 9px;
	color: #888;
}
.articlebox div.info a {
	font-weight: bold;
	color: #AAA;
}
.articlebox div.description {
	font-size: 11px;
	margin: 0;
	color: #ddd;
}