/**
* File Name:   stylesheet.css
* Theme:       ExtremeDark Red
* Author:      Guilherme Henrique Sehn - GHS < http://www.ghsehn.cjb.net/ >
* IMPORTANT:   RTL STYLESHEET LOCATED AT styles/extremedarkred/theme/rtl.css
*/

/* Page Body */
* {
	margin: 0;
	padding: 0;
}
body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
   font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	background-color: #181818;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0;
	
}

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

/* Wrapper */
div#wrap {
	width: 98%;
	background: #181818;
	border: 0 solid #808080;
	border-width: 0 1px 1px 1px;
	margin: 0 auto 2px auto; /* Makes div#wrap be centralized in some other browsers. */

	}

/* Header and Navigation Menu */
div#header {
	
	
}
div#navmenu {
	font-size: 0.9em;
	text-align: center;
	background: #000 url('./images/bg_navmenu.gif') repeat-x;
	border: 1px solid #808080;
	border-width: 1px 0;
	padding: 8px 0;
}
div#navmenu a:link, div#navmenu a:active, div#navmenu a:visited {
	color: #FFF;
	text-decoration: none;
}
div#navmenu a:hover {
	color: #D0D0D0;
	text-decoration: none;
}

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

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

/* Titles */
h1 {
	color: #FFFFFF;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.8em;
	text-decoration: none;
}
h2 {
	font: bold 2.2em 'Lucida Grande', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-decoration: none;
}
h3 {
   font-size: 1.3em;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;   line-height: 120%;
}

h4 {
	margin: 0;
	font-size: 1em;
	font-weight: bold;
}


/* Approved/reported topics */
.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
	color: #2c2c2c;
}
.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
	color: #008000;
}
.postapprove, .postreported {
	font-weight: bold;
}

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


/* 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: #C00;
	color: #FFF;
	padding: 2px;
	border: 1px dotted #FFF;
}

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

/* Texts */
.gen {
   margin: 1px 1px;
   font-size: 1.2em;
   
}


.genmed {
   margin: 1px 1px;
   font-size: 1.1em;
   
}

.gensmall {
   margin: 1px 1px;
   font-size: 1em;
}
.error {
	color: #2c2c2c;
}



/* Tables */
/* Tables
------------ */

.tbltitle {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #8f8f8f;
	padding-top: 4px;
	font-weight: bold;
}

.tbltop {
	background: url('./images/tbl_top_bkgd.gif') bottom left repeat-x;
	height: 22px;
	font-size: 1.1em;
	text-align: left;
	vertical-align: middle;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
}

.tbltopleft {
	background: url('./images/tbl_top_left.gif') bottom left no-repeat;
	padding-left: 33px;
}

.tbltopright {
	background: url('./images/tbl_top_right.gif') bottom right no-repeat;
	padding-right: 55px;
}

.tblminititle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #ffffff;
	font-weight: bold;
	padding-top: 2px;
}

.tblminitop {
	background: url('./images/tbl_mini_top_bkgd.gif') bottom left repeat-x;
	height: 20px;
	font-size: 1em;
	text-align: left;
	vertical-align: middle;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
}

.tblminitopleft {
	background: url('./images/tbl_mini_top_left.gif') bottom left no-repeat;
	padding-left: 29px;
	height: 20px;
}

.tblminitopright {
	background: url('./images/tbl_mini_top_right.gif') bottom right no-repeat;
	padding-right: 47px;
	height: 20px;
}


.tblbttm {
	background: url('./images/tbl_bttm_bkgd.gif') bottom left repeat-x;
	height: 25px;
	font-size: 1em;
	text-align: center;
	vertical-align: top;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
}

.tblbttmleft {
	background: url('./images/tbl_bttm_left.gif') bottom left no-repeat;
	padding-left: 42px;
}

.tblbttmright {
	background: url('./images/tbl_bttm_right.gif') bottom right no-repeat;
	padding-right: 30px;
}

.navtop {
	margin: 0;
	padding: 2;
	border: 0;
	width: 176px;
	background-attachment: scroll;
	background-image: url(./images/side_gray_top.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.navside {
	margin: 0;
	padding: 2;
	border: 0;
	width: 176px;
	background-attachment: scroll;
	background-image: url('./images/side_gray.gif');
	background-repeat: repeat-y;
	background-position: left top;
	font-size: .9em;
	font-weight: normal;
}

th {
	color: #fafafa;
	font-size: 1em;
	background-color: #EEEEEE;
	background-image: url('./images/cellpic2.gif');
	white-space: nowrap;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

td {
   padding: 2px;
}

td.profile {
   padding: 4px;
}

.tablebg {
	background-color: #2b2b2b;
}

.catdiv {
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: white;
}

.cat {
	margin: 0;
	height: 16px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #CCCCCC;
	background-image: url('./images/cellpic2.gif');
	text-indent: 4px;
}

.cat2 {
	margin: 0;
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #73538D;
	background-image: url('./images/cellpic2.gif');
	text-indent: 4px;
}

.cat3 {
	margin: 0;
	height: 16px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #CCCCCC;
	background-image: url('./images/bg_navmenu.gif');
	text-indent: 4px;
}

.footer {
   height: 32px;
   margin: 0;
   padding: 0;
   border: 0;
   background-color: #ECECEC;
   background-image: url('./images/footer_bkgd.gif');
}

.row1 {
	padding: 4px;
	
	background-color: #101010;
}

.row2 {
	background-color: #101010;
	padding: 4px;
	
}

.row3 {
	background-color: #101010;
	padding: 4px;
	
}

.rowover {
	padding: 4px;
	
	background-color: #222222;
}

.spacer {
	background-color: #101010;
	
}

hr {
   height: 1px;
   border-width: 0;
   background-color: #D1D7DC;
   color: #D1D7DC;
}

.legend {
   text-align:center;
   margin: 0 auto;
}
p.breadcrumbs {
	margin: 0;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	white-space: normal;
	font-size: 1em;
}

.rtl p.breadcrumbs {
   float: right;
}

/* 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-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding: 1px;
	border: 1px solid #2c2c2c;
	background-color: #181818;
}
textarea {
	background: #292929;
	color: #FFF;
	font: normal 1.2em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	border: 1px solid #2c2c2c;
	padding: 2px;
}
select {
	color: #FFF;
	background-color: #181818;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	border: 1px solid #2c2c2c;
	padding: 1px;
}
option {
	padding: 0 1em 0 0;
}
input.radio {
	border: none;
	background: transparent;
}
.post {
	background: #292929;
	border: 1px solid #2c2c2c;
}
.button {
	font-weight: bold;
	background: #181818;
	border: 1px solid #2c2c2c;
	padding: 1px 5px;
	font-size: 1.1em;
}
.button:hover {
	color: #F1F1F1;
	border-color: #2c2c2c;
}

/* Posting help line */
.helpline {
	background: #000;
	color: #FFF;
	//border: 1px solid #fcff00;
	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;
}

/* 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;
	
}
div.rounded_corners_top div.left {
	float: left;
	width: 500px;
	background:  url('./images/rctl.png') no-repeat;
	color: #8f8f8f;
	font: bold 1.0em Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 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;
	
	
}

/* 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/rctm.gif') repeat-x;
	color: #FFF;
	font-size: 0.85em;
	padding: 12px;
	text-align: center;
	border-top: 1px solid #808080;
}

/* 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}
.clear {clear: both}
.nowrap {white-space: nowrap}
.no-listitem-style, .no-listitem-style li {list-style: none}