/* Layout

 ------------ */

* {

	/* Reset browsers default margin, padding and font sizes */

	margin: 0;

	padding: 0;

        

}



html {

	font-size: 100%;

        background:#000000;

}



body {

	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;

 	color: #DDDDDD;

	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */

	margin: 0px 0px 0px 0px;

        padding: 0px;

	border-width: 0px;

        background:#000000;

}



#wrapheader {

	min-height: 150px;

	height: auto !important;

	height: 150px;

	padding: 0px;

}



#wrapcentre {

	margin: 25px 25px 0 25px;

}



#wrapfooter {

	text-align: center;

	clear: both;

        padding: 10px;



}



#wrapnav {

        font-size: 70.5%;

	width: 100%;

	margin: 0;

	background-color: #FFFFFF;

	border-width: 1px;

	border-style: solid;

	border-color: #000000;

}



#logodesc {

	margin-bottom: 0px;

	padding: 0px 0px 0px 25px;

        background:#000000 url(./bg_image.png);

	background-repeat: no-repeat;

        background-position: top;

        height: 180px;

}



#menubar {

        font-size: 1.5em;

        padding: 11px 15px;

	border-width: 0px;

        background:#000000 url(images/main-nav-bg.gif);

        background-repeat: repeat-x;

}



#datebar {

        font-size: 1.0em;

	margin: 0px 0px 0px 0px;

        padding: 5px 25px;

        border-width: 0px;

        background:#000000 url(images/date-bg.gif);

        background-repeat: repeat-x;

}



#findbar {

	width: 100%;

	margin: 0;

	padding: 0;

	border: 0;

}



.forumrules {

	background-color: #111111;

        border: 1px solid #3F3F3F;

	padding: 4px;

	font-weight: normal;

	font-size: 1.1em;

	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

}



.breadcrumbs{

         color:#CCCCCC;

	font-size: 0.8em;

	font-weight: bold;

	background-color: #000000;

	padding: 5px 5px;

}



#pageheader { }

#pagecontent { }

#pagefooter { }



#poll { }

#postrow { }

#postdata { }



/*  Text

 --------------------- */

.sub_title {

	color: #EEEEEE;

	font-family: Verdana, "Lucida Grande", "Trebuchet MS", sans-serif;

	font-weight: normal;

	font-size: 1.2em;

	text-decoration: none;

        margin: 0px 0px;

}





h1 {

	color: #EEEEEE;

	font-family: Verdana, "Lucida Grande", "Trebuchet MS", sans-serif;

	font-weight: normal;

	font-size: 3.0em;

	text-decoration: none;

}



h2 {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 2.8em;

	text-decoration: none;

	line-height: 120%;

        color: #DDDDDD;

}



h3 {

	font-size: 1.3em;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	line-height: 120%;

}



h4 {

	margin: 0;

	font-size: 1.1em;

	font-weight: bold;

}



p {

	font-size: 1.1em;

}



p.moderators {

	margin: 0;

	float: left;

	color: #FCC263;

	font-weight: bold;

}



.rtl p.moderators {

	float: right;

}



p.linkmcp {

	margin: 0;

	float: right;

	white-space: nowrap;

}



.rtl p.linkmcp {

	float: left;

}



p.breadcrumbs {

	margin: 0;

	float: left;

	color: #DDDDDD;

	font-weight: bold;

	white-space: normal;

	font-size: 1.5em;

}



.rtl p.breadcrumbs {

	float: right;

}



p.datetime {

	margin: 0;

	float: right;

	font-size: 1.2em;

}



.rtl p.datetime {

	float: left;

}



p.searchbar {

	padding: 2px 0;

	white-space: nowrap;

} 



p.searchbarreg {

	margin: 0;

	float: right;

	white-space: nowrap;

}



.rtl p.searchbarreg {

	float: left;

}



p.forumdesc {

	padding-bottom: 4px;

}



p.topicauthor {

	margin: 1px 0;

}



p.topicdetails {

	margin: 1px 0;

}



.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {

	margin: 1px 0;

	color: red;

	font-weight:bold;

}



.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {

	color: green;

	font-weight:bold;

}



.postapprove img, .postreported img {

	vertical-align: bottom;

}



.postauthor {

	color: #DDDDDD;

}



.postdetails {

	color: #CCCCCC;

}



.postbody {

	font-size: 1.3em;

	line-height: 1.4em;

	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;

}



.postbody li, ol, ul {

	margin: 0 0 0 1.5em;

}



.rtl .postbody li, .rtl ol, .rtl ul {

	margin: 0 1.5em 0 0;

}



.posthilit {

	background-color: #FFCC66;

	color: #000000;

}



.nav {

	margin: 0;

	color: #DDDDDD;

	font-weight: bold;

}



.pagination {

	padding: 4px;

	color: black;

	font-size: 1em;

	font-weight: bold;

}



.cattitle {

}



.gen {

	margin: 1px 1px;

	font-size: 1.2em;

}



.genmed {

	margin: 1px 1px;

	font-size: 1.1em;

}



.gensmall {

	margin: 1px 1px;

	font-size: 1em;

        color: #ABABAB;

}



.copyright {

	color: #BBBBBB;

	font-weight: normal;

	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

}



.titles {

	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;

	font-weight: bold;

	font-size: 1.3em;

	text-decoration: none;

}



.error {

	color: red;

}





/* Tables

 ------------ */

th {

	color: #CCCCCC;

	font-size: 1.1em;

	font-weight: bold;

	white-space: nowrap;

	padding: 7px 5px;

        background:#191919;

}



td {

	padding: 2px;

}

td.profile {

	padding: 4px;

        background-color: #000000;

}



.tablebg {

	background-color: #5E5E5E;

}



.catdiv {

	height: 28px;

	margin: 0;

	padding: 0;

	border: 0;

        background:#000000;

}

.rtl .catdiv {

        background:#000000;

}



.cat {

	height: 28px;

	margin: 0;

	padding: 0;

	border: 0;

	background:#000000;

	text-indent: 10px;

}



.row1 {

	background-color: #000000;

	padding: 4px;

}



.row2 {

	background-color: #000000;

	padding: 4px;

}



.row3 {

	background-color: #000000;

	padding: 4px;

}



.rowgood {

	background-color: #003300;

	padding: 4px;

}



.rowneutral {

	background-color: #191919;

	padding: 4px;

}



.rowbad {

	background-color: #6C0000;

	padding: 4px;

}





hr {

	height: 1px;

	border-width: 0;

	color: #3F3F3F;

}



.legend {

	text-align:center;

	margin: 0 auto;

}



/* Links

 ------------ */

a:link {

	color: #2FA901;

	text-decoration: none;

}



a:active,

a:visited {

        color: #2FA901;

	text-decoration: none;

}



a:hover {

	color: #DDDDDD;

	text-decoration: none;

}



a.forumlink {

	color: #2FA901;

	font-weight: bold;

	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;

	font-size: 1.2em;

}



a.forumlink:hover {

	color: #DDDDDD;

	text-decoration: none;

}



a.topictitle {

	margin: 1px 0;

	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;

	font-weight: bold;

	font-size: 1.2em;

}



a.topictitle:visited {

	text-decoration: none;

}



th a,

th a:visited {

	color: #DDDDDD !important;

	text-decoration: none;

}



th a:hover {

	text-decoration: underline;

}





/* Form Elements

 ------------ */

form {

	margin: 0;

	padding: 0;

	border: 0;

}



input {

	color: #DDDDDD;

	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;

	font-size: 1.1em;

	font-weight: normal;

	padding: 1px;

	border: 1px solid #5E5E5E;

	background-color: #000000;

}



textarea {

	background-color: #000000;

	color: #DDDDDD;

	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;

	font-size: 1.3em; 

	line-height: 1.4em;

	font-weight: normal;

	border: 1px solid #5E5E5E;

	padding: 2px;

}



select {

	color: #DDDDDD;

	background-color: #000000;

	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;

	font-size: 1.1em;

	font-weight: normal;

	border: 1px solid #5E5E5E;

	padding: 1px;

}



option {

	padding: 0 1em 0 0;

}



.rtl option {

	padding: 0 0 0 1em;

}



input.radio {

	border: none;

}



.post {

	background-color: #000000;

	border: 1px solid #5E5E5E;

        color: #DDDDDD;

}



.btnbbcode {

	color: #2F9400;

	font-weight: bold;

	font-size: 1.1em;

	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;

	background-color: #000000;

	border: 1px solid #5E5E5E;

}



.btnmain {

        color: #2F9400;

	font-weight: bold;

	background-color: #000000;

	border: 1px solid #5E5E5E;

	cursor: pointer;

	padding: 1px 5px;

	font-size: 1.1em;

}



.btnlite {

        color: #2F9400;

	font-weight: bold;

	background-color: #000000;

	border: 1px solid #5E5E5E;

	cursor: pointer;

	padding: 1px 5px;

	font-size: 1.1em;

}



.btnfile {

        color: #2F9400;

	font-weight: bold;

	background-color: #000000;

	border: 1px solid #5E5E5E;

	padding: 1px 5px;

	font-size: 1.1em;

}



.helpline {

	background-color: #191919;

	border-style: none;

        color: #DDDDDD;

        padding: 2px;

}



/* [+] Karma MOD */

@import url("karma.css");

/* [-] Karma MOD */



/* BBCode

 ------------ */

.quotetitle, .attachtitle {

	margin: 10px 5px 0 5px;

	padding: 4px;

	border-width: 1px 1px 0 1px;

	border-style: solid;

	border-color: #5E5E5E;

	color: #DDDDDD;

        background-color: #000000;

	font-size: 0.85em;

	font-weight: bold;

}



.quotetitle .quotetitle {

	font-size: 1em;

}



.quotecontent, .attachcontent {

	margin: 0 5px 10px 5px;

	padding: 5px;

	border-color: #5E5E5E;

	border-width: 0 1px 1px 1px;

	border-style: solid;

	font-weight: normal;

	font-size: 1em;

	line-height: 1.4em;

	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;

	background-color: #262626;

	color: #DDDDDD;

}



.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: #5E5E5E;

	color: #DDDDDD;

	background-color: #000000;

	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: #5E5E5E;

	border-width: 0 1px 1px 1px;

	border-style: solid;

	font-weight: normal;

	color: #DDDDDD;

	font-size: 0.85em;

	font-family: Monaco, 'Courier New', monospace;

	background-color: #262626;

}



.syntaxbg {

	color: #FFFFFF;

}



.syntaxcomment {

	color: #FF8000;

}



.syntaxdefault {

	color: #0000BB;

}



.syntaxhtml {

	color: #000000;

}



.syntaxkeyword {

	color: #006633;

}



.syntaxstring {

	color: #990000;

}





/* Private messages

 ------------------ */

.pm_marked_colour {

	background-color: #3FC100;

}



.pm_replied_colour {

	background-color: #2A2A2A;

}



.pm_friend_colour {

	background-color: #006600;

}



.pm_foe_colour {

	background-color: #990000;

}





/* Misc

 ------------ */

img {

	border: none;

}



.sep {

	color: black;

	background-color: #FFA34F;

}



table.colortable td {

	padding: 0;

}



pre {

	font-size: 1.1em;

	font-family: Monaco, 'Courier New', monospace;

}



.nowrap {

	white-space: nowrap;

}



.username-coloured {

	font-weight: bold;

}




.overall_header_icons {

	position:relative;

	background-image: url(http://www.superhclan.co.uk/images/mid-header-bg.png);

	background-repeat: repeat-y;

	background-size: 100%;

	height: 100%;

}

.register_textarea {

	text-size: 50%;

}



.forum-top {
background: url(http://www.superhclan.co.uk/hex547/top.png) repeat-x;
height:15px;
padding: 0px 0px 0px 0px;
}
.forum-top-left {
background: url(http://www.superhclan.co.uk/hex547/top-left.png) no-repeat;
height:15px;
width:15px;
padding: 0px 0px 0px 0px;
}
.forum-top-right {
background: url(http://www.superhclan.co.uk/hex547/top-right.png) no-repeat;
height:15px;
width:15px;
padding: 0px 0px 0px 0px;
}

.forum-left {
background: url(http://www.superhclan.co.uk/hex547/left.png) repeat-y;
width:15px;
padding: 0px 0px 0px 0px;
}
.forum-right {
background: url(http://www.superhclan.co.uk/hex547/right.png) repeat-y;
width:15px;
padding: 0px 0px 0px 0px;
}

.forum-bottom {
background: url(http://www.superhclan.co.uk/hex547/bottom.png) repeat-x;
height:15px;
padding: 0px 0px 0px 0px;
}
.forum-bottom-left {
background: url(http://www.superhclan.co.uk/hex547/bottom-left.png) no-repeat;
height:15px;
width:15px;
padding: 0px 0px 0px 0px;
}
.forum-bottom-right {
background: url(http://www.superhclan.co.uk/hex547/bottom-right.png) no-repeat;
height:15px;
width:15px;
padding: 0px 0px 0px 0px;
}