/**
* File Name:   stylesheet.css
* Theme:       Xamax
* Author:      Gregory Binggeli - Option-web.ch < http://www.option-web.ch/ >
* IMPORTANT:   RTL STYLESHEET LOCATED AT styles/extremedarkred/theme/rtl.css
*/

/* Page Body */
* {
	margin: 0;
	padding: 0;
}
body {
	font-size: 0.75em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #FFF;
	background: #000;
	text-align: center; /* Makes div#wrap be centralized in MSIE. */
	scrollbar-face-color: #cc0000; 
	SCROLLBAR-HIGHLIGHT-COLOR:#cc0000 ; 
	SCROLLBAR-SHADOW-COLOR:#000000; 
	SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
	SCROLLBAR-ARROW-COLOR: #ffffff; 
	SCROLLBAR-TRACK-COLOR: #000000; 
	SCROLLBAR-DARKSHADOW-COLOR: #000000; 
}

/* Links */
a:link, a:active, a:visited {
	color: #CC0000;
	text-decoration: none;
}
a:hover {
	color: #F00;
	text-decoration: underline;
}

/* Wrapper */
div#wrap {
	width: 90%;
	background: #0000;
	margin: 0 auto 2px auto;
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}

/* Header and Navigation Menu */
div#header {
	padding-left: 0px;
	text-align: center;
	padding-top: 10px;
	background-color: #000;
}
div#navmenu {
	font-size: 1.1em;
	text-align: center;
	border: 1px solid #333333;
	border-width: 1px 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 30;
	font-weight: bold;
	overflow: hidden;
	background-color: #cc0000;
	background-image: url(images/rctm.jpg);
	background-repeat: repeat-x;
	margin-bottom: 15px;
}
div#navmenu a:link, div#navmenu a:active, div#navmenu a:visited {
	color: #FFD7D7;
	text-decoration: none;
	height: 20px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
div#navmenu a:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #FF0000;
}

/* Content */
div#content {
	padding: 15px;
}

/* If the board is disabled */
div#disabled {
	background: #CC00000;
	color: #FFF;
	text-align: center;
	border: 1px solid #A00;
	margin: 5px 0;
	padding: 5px;
}

/* Titles */
h1 {
	color: #FFF;
	font: bold 1.8em 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
h2 {
	font: bold 2.2em 'Lucida Grande', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/* Approved/reported topics */
.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
	color: #F00;
}
.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
	color: #008000;
}
.postapprove, .postreported {
	font-weight: bold;
}
.postauthor {
	font-weight: bold;
	font-size: 1.2em;
}
.postdetails {
	text-align: center;
}

/* Posts body */
.postbody {
	line-height: 1.4em;
	padding: 5px;
	font-size: 1.1em;

	min-height: 120px;
	_height: 120px;
}

/* Lists */
ol, ul {
	margin: 0 0 0 1.5em;
}

/* UCP: Friends and foes */
ul.friends-foes {
	list-style: none;
	margin: 0;
	padding: 0;
}

.posthilit {
	background: #CC0000;
	color: #FFF;
	padding: 2px;
	border: 1px dotted #FFF;
}

.nav {
	margin: 0;
	color: #FFF;
	font-weight: bold;
}


/* Texts */
.gen {
	font-size: 1em;
}
.genmed {
	font-size: 1em;
	text-align: left;
}
.genmed h1, h2, h3{
	text-align: left;
	padding-top: 20px;
	padding-bottom: 5px;
}
.gensmall {
	font-size: 0.9em;
	color: #E6E6E6;
}
.genbig {
	font-size: 1.2em;
	color: #E6E6E6;
}
.gensmall_grey {
	font-size: 0.9em;
	color: #E6E6E6;
}
.error {
	color: #F00;
}


/* Tables */
.tablebg {
	border: 1px solid #000;
	background-color: #363636;
}
div.tablebg {
	padding: 1px;
}
th {
	text-align: center;
	color: #FFF;
	font-size: 1em;
	font-weight: bold;
	background: #000 url('./images/bg_th.gif');
	white-space: nowrap;
	padding: 5px;
}
th a:link, th a:active, th a:visited, th a:hover {
	color: #FFF;
	text-decoration: none;
}
td.cat {
	height: 26px;
	background: #000 url('./images/bg_th.gif') repeat-x;
	font-weight: bold;
	text-indent: 4px;
}
div.cat {
	font-weight: bold;
	background: #000 url('./images/bg_th.gif') repeat-x;
	padding: 5px;
}
div.breadcrumbs {
	color: #FFF;
	font-size: 1.1em;
	margin-bottom: 1px;
}



div.breadcrumbs a {
	color: #D0D0D0;
	text-decoration: none;
}
div.breadcrumbs a:hover {
	color: #CC0000;
}
.cat a {
	color: #cc0000;
	text-decoration: none;
}

.cat a:hover {

	color: #FFF;

}
.topicrow   {
	background-color: #666666;
}
.row1 {
	font-size: 1em;
	background-color: #000;
}
.row2 {
font-size: 1em;
	background-color: #000;
}
.row3 {
	background: #060606;
}



.row1, .row2, .row3 {
	border: 0 solid #000;
	border-width: 0 1px 1px 0;
	margin-bottom: 1px;
}
.row1, .row2, .row3 {
	padding: 4px;
}
.row1_title {
	font-size: 1.2em;
	font-weight: bold;
}
.spacer {
	background: #000;
}

/* Horizontal lines */
hr {
	height: 1px;
	border-width: 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #333;
	background-color: #000;
	color: #000;
	margin: 3px 0;
}
hr.inverted {
	border-top-color: #333;
	border-bottom-color: #000;
}

/* Form elements */
input {
	color: #FFF;
	font-size: 1em ;
	padding: 1px;
	border: 1px solid #F00;
	background: #800000;
}
textarea {
	background: #800000;
	color: #FFF;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 1.1em ;
	line-height: 1.4em;
	border: 1px solid #F00;
	padding: 2px;
}
select {
	color: #FFF;
	background: #A00;
	font-size: 1em ;

	font-weight: normal;
	border: 1px solid #F00;
	padding: 1px;
}
option {
	padding: 0 1em 0 0;
}
input.radio {
	border: none;
	background: transparent;
}
.post {
	background: #800000;
	border: 1px solid #F00;
}
.sep {
	height: 1px;
	width: 200px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CC0000;
}
.button {
	font-weight: bold;
	background: #000;
	border: 1px solid #A00;
	padding: 1px 5px;
	font-size: 1.1em;
}
.button:hover {
	color: #F1F1F1;
	border-color: #F00;
}

/* Posting help line */
.helpline {
	background: #000;
	color: #FFF;
	border: 1px solid #C00;
	margin: 2px;
	padding: 2px;
}

/* Code and quote blocks */
.code, .quote {
	direction: ltr;
	background: #333;
	font: normal 0.9em Courier, Monaco, monospace;
	color: #0D0;
	border: 1px solid #000;
	border-color: #4C4C4C #000 #000 #4C4C4C;
	padding: 5px;
}
.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
}
/* BBCode
 ------------ */
.quotetitle, .attachtitle {
	color: #cc0000;
	background-color: #000000;
	font-size: 1.1em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-left-color: #333333;
	background-image: url(../imageset/quote_bkg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 50px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

.quotetitle .quotetitle {
	font-size: 1em;
}

.quotecontent, .attachcontent {
	font-weight: normal;
	font-size: 1em;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	background-color: #0F0F0F;
	color: #CCCCCC;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-width: 0px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	background-image: url(../imageset/quote_bkg_end.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 35px;
	padding-left: 5px;
}

.attachcontent {
	font-size: 0.85em;
}

.codetitle {
	margin: 10px 5px 0 5px;
	padding: 2px 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #A9B8C2;
	color: #333333;
	background-color: #A9B8C2;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
}

.codecontent {
	direction: ltr;
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #A9B8C2;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	color: #006600;
	font-size: 0.85em;
	font-family: Monaco, 'Courier New', monospace;
	background-color: #FAFAFA;
}

/* PHP Sintaxes highlight */
.syntaxbg {
	color: #000;
}
.syntaxcomment {
	color: #D0D0D0;
}
.syntaxdefault {
	color: #0D0;
}
.syntaxhtml {
	color: #FFF;
}
.syntaxkeyword {
	font-weight: bold;
	color: #86B2E9;
}
.syntaxstring {
	color: #FFF000;
}


/* Private messages legends */
.pm_marked_colour {
	background: #A9B8C2;
}
.pm_replied_colour {
	background: #808080;
}
.pm_friend_colour {
	background: #348F28;;
}
.pm_foe_colour {
	background: #8F2828;
}

/* Top rounded corners */
div.rounded_corners_top {
	width: 100%;
	height: 29px;
	background: #000 url('./images/rctm.jpg') repeat-x;
}
div.rounded_corners_top div.left {
	float: left;
	width: 335px;
	background: #000 url('./images/rctl.gif') no-repeat;
	color: #FFF;
	font: bold 1.0em Verdana, Arial, Helvetica, sans-serif;
	padding: 8px 0 10px 40px;
}
div.rounded_corners_top div.left a {
	color: #FFF;
	text-decoration: none;
}
div.rounded_corners_top div.left a:hover {
	text-decoration: underline;
}
div.rounded_corners_top div.right {
	float: right;
	width: 9px;
	height: 29px;
	background: #000 url('./images/rctr.gif') no-repeat;
}

/* Bottom rounded corners */
div.rounded_corners_bottom {
	width: 100%;
	height: 9px;
	background: #000 url('./images/rcbm.gif') repeat-x;
}
div.rounded_corners_bottom div.left {
	float: left;
	width: 9px;
	height: 9px;
	background: #000 url('./images/rcbl.gif') repeat-x;
}
div.rounded_corners_bottom div.right {
	float: right;
	width: 9px;
	height: 9px;
	background: #000 url('./images/rcbr.gif') repeat-x;
}

/* Icons margin */
.icon {
	margin: 0 8px;
}

/* Form layouts */
table.formlayout tr td {
	padding: 2px;
}

/* Footer */
div#footer {
	background: #000 url('../images/bg_th.gif') repeat-x;
	color: #FFF;
	font-size: 0.85em;
	padding: 8px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
}

/* Viewforum folder legends */
div#viewforum_legends {
	float: left;
	text-align: left;
}
div#viewforum_legends p {
	margin-bottom: 2px;
}
div#viewforum_permissions {
	float: right;
	text-align: right;
}

/* Misc */
a img {border: 0}
pre {font: 1.1em Monaco, 'Courier New', monospace}
.nowrap {white-space: nowrap}
.begin {float: left}
.end {float: right}
.username-coloured {
	font-weight: bold;
	white-space:nowrap;
}
.clear {clear: both}
.nowrap {white-space: nowrap}
.no-listitem-style, .no-listitem-style li {list-style: none}
td.profile {
	padding: 4px;
	width: 220px;
}
/*.terrain_old {
	background-image: url(../imageset/pitch.jpg);
	background-repeat: no-repeat;
	min-height: 314px;
	width: 422px;
	font-size: 1.2em;
	line-height: 60px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	word-spacing: 2em;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}*/

.terrain {
	background-image: url(../imageset/pitch.jpg);
	background-repeat: no-repeat;
	min-height: 289px;
	max-height: 610px;
	width: 386px;
	font-size: 1.2em;
	line-height: 59px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	word-spacing: 2em;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}
.hs {
	width: 556px;
	background-image: url(../imageset/hs_r4_c2.jpg);
	background-repeat: repeat-y;

}
.hs_footer {
	background-image: url(../imageset/hs_r6_c2.jpg);
	height: 38px;
	width: 556px;
	background-repeat: no-repeat;
}
.hs_header {
	background-image: url(../imageset/hs_r2_c2.jpg);
	background-repeat: no-repeat;
	height: 68px;
	width: 556px;
	float: left;
}
.hs_body {
	text-align: left;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	font-size: 12px;
	color: #999999;
}