/* NOTE TO MAURUS:

Remember to use Align, not Padding :)
-Moose
      _/\_       __/\__
      ) . (_    _) .' (
      `) '.(   ) .'  (`
       `-._\(_ )/__(~`
           (   )-.__.--._
           ) o            `-.______
          /                       `---._
         ( ,// )                        \
          `''\/-.                        |
                 \                       |
                 |                       |
(Feel free to remove this note)
*/
/*  phpBB 3.0 Style Sheeta
    --------------------------------------------------------------
	Style name:	TCT Topside (Inspired by Daniel St. Jules' twilightBB (gamexe.net))
        Author:		Maurus & Moose
    --------------------------------------------------------------
*/

/* Layout
 ------------ */
* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

.right { float: right; }

/*.clear { clear: all; }*/

html, body {
	/*margin: 0;
	padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;*/
	text-align: center;
	height: 100%;
	background: #070707;/* The actual Background */ /*070707 eventually*/
	/*max-width: 1000px;*/
	font-size: 100%;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #FFFFFF; /* MAIN FONT COLOR, Usually White. */
	font-size: 10px;
}

#container {
	position: absolute; /*relative*/
	min-height: 100%;
	/*background: #18242D; #1E2C38;  EXTERIOR FORUM BACKGROUND COLOR */
	/*margin: 0px auto; 20px*/
        /*max-width: 1000px;*/
	width: 100%; /*80*/
	text-align: left;
        /*border: 1px #5D5D5D solid;*/
        background: url('./styles/Topside/theme/images/bottom.jpg') bottom no-repeat;
}

/* hide from mac \*/
* html #container, * html #bgleft, * html #bgright {height: 100%;}
/* end hide */

#bgleft, #bgright {
	position: absolute;
	width: 0px;
	bottom: 0;
	top: 0px;
}

/* Navigation
 --------------------- */

#menu { padding: 28px 0px 75px 50px; background: top left no-repeat; /*28px end?*/
border-bottom{ 
1px #1E1E1E solid;
top: -50px; /*14px*/
}
}

.home, .about, .forum{
	float: left; 
	display: block; 
	width: 58px; 
	height: 50px;
	margin: 0 0px 0px 0px;
}

.faq{
        float: left; 
	display: block; 
	width: 26px; 
	height: 50px;
	margin: 0px 15px 0px 50px;
}
.members {
        float: left; 
	display: block; 
	width: 63px; 
	height: 50px;
	margin: 0px 15px 0px 15px;
}
.search{
        float: left; 
	display: block; 
	width: 45px; 
	height: 50px;
	margin: 0px 15px 0px 15px;
}
.nonewpms{
        float: left; 
	display: block; 
	width: 94px; 
	height: 50px;
	margin: 0px 15px 0px 15px;
}
.newpms{
        float: left; 
	display: block;
	width: 78px; 
	height: 50px;
	margin: 0px 15px 0px 15px;
}
.ucp{
        float: left; 
	display: block; 
	width: 94px; 
	height: 50px;
	margin: 0px 0px 0px 15px;
}
.mcp{ 
        float: left; 
	display: block; 
	width: 92px; 
	height: 50px;
	margin: 0px 15px 0px 15px;
}

/* hide from mac 
* html img, * html .home, * html .faq, * html .ucp, * html .members, * html .search, * html .nonewpms, * html .newpms, * html .mcp {behavior: url(./styles/Topside/template/iepngfix.htc);}
 end hide */

.home { 
	background: url("./styles/Topside/imageset/en/home.png") 0 0 no-repeat;
}
.about { 
	background: url("./styles/Topside/imageset/en/about.png") 0 0 no-repeat;
}
.forum { 
	background: url("./styles/Topside/imageset/en/forum.png") 0 0 no-repeat;
}

.faq { 
	background: url("./styles/Topside/imageset/en/faq.png") 0 0 no-repeat;
}

.ucp { 
	background: url("./styles/Topside/imageset/en/ucp.png") 0 0 no-repeat;
}

.members { 
	background: url("./styles/Topside/imageset/en/members.png") 0 0 no-repeat;
}

.search { 
	background: url("./styles/Topside/imageset/en/search.png") 0 0 no-repeat;
}

.nonewpms { 
	background: url("./styles/Topside/imageset/en/nonewpms.png") 0 0 no-repeat;
}

.newpms { 
	background: url("./styles/Topside/imageset/en/newpms.png") 0 0 no-repeat;
}

.mcp { 
	background: url("./styles/Topside/imageset/en/mcp.png") 0 0 no-repeat;
}

.home span, .faq span, .ucp span, .members span, .search span, .nonewpms span, .newpms span, .mcp span {
	display: none; text-indent: -5000px;
}

/*.home:hover, */
.faq:hover, .ucp:hover, .members:hover, .search:hover, .nonewpms:hover, .newpms:hover, .mcp:hover {
	background-position: 0 -50px;
}



#banner {
        top: -5px; /*top -5 and top +75*/
       /* left: -5px;*/
	height: 99px;
	text-align: left;
}

#header {/*had top_bg before*/
        padding-left: 5px;
        background: top left no-repeat;
	height: 99px;
	text-align: center;
}

/* hide from mac \*/
* html #bgleft {right: -1px;}
/* end hide */

#bgleft, #bgright {}

#wrapper {
      position: relative;
      width: 1000px;
      margin: 0 auto;
      background: url('./styles/Topside/theme/images/top2.jpg') top no-repeat;
}

/* INTERIOR FORUM BACKGROUND COLOR (WAS 6px) */
#ct { 
      margin: 160px auto 0px;
      position: relative;
      /*background: #18242D url('./styles/Topside/theme/images/ct.gif') top repeat-x;*/
      width: 900px;

}

#logo {
      display: block;
      width: 100%;
}

#topnav {
	height: 39px;
	padding: 0;
}

#wrapfooter {
	text-align: center;
	clear: both;
	margin-left: 20px;
}

#findbar {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

/* FORUM RULES, no real need to change the coloring.*/
.forumrules {
margin-top: 5px;
background-color: #000000; /*#27313D;*/
	border-width: 1px;
	border-style: solid;
	border-color: #5D5D5D;/*#BB9860*/
	padding: 4px;
	font-weight: normal;
	font-size: 1.1em;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.forumrules h3 {
	color: red;
}

/*.clear { clear: all; }*/



#crumbs {
	/*height: 48px;*/
	padding: 6px 27px 0 35px;
	text-align: left;
}

.breadcrumbs {
	margin-top: 10px;
	font-weight: bold;

}

ul.breadcrumbs li {
	list-style-type: none;
}

.breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs a:hover{
	color: #FFFFFF; /* BOARD INDEX */
       /* margin-left: 35px;*/
	/*margin-bottom: -20px;*/
	text-decoration: none;
}

.toplogin {
	position: relative;
	float: right;
	width: 260px;
	/*top: -200px;*/
}

/* hide from mac \*/
* html #navlist { position: absolute; top: -3px;} /*relative*/
/* end hide */

#navlist li {
	display:inline;
	/*padding: 0 2px 0 4px;/*5px 2 and 4*/
}

#navlist {
	font-size: 10px;
	font-weight:bold;
	text-align:right;
}

/* "LOGOUT: USER" */
#navlist a {
	padding: 0 0px 0px 0px;
        margin-right: 48px;
	color: #E5A628;
	position: relative; /*relative*/ 
	top:-12px;
}

/* SAME BUT DURING A HOVER */
#navlist a:hover {
	/*background: url("./styles/Topside/theme/images/log_hover.gif") top repeat-x;*/
	text-decoration: none;
	color: #FFFFFF;
}

#wrapheader {
padding: 0 5px 0 5px;
background: url('./styles/Topside/theme/images/cellpic1.png') top repeat-x;
border: 1px #5D5D5D solid;
margin-bottom: 10px;
}

/* Round cornered boxes and backgrounds
 --------------------------------------------------------- */

.br { padding-bottom: 55px; }

.navbar {
	/*background-color: #000000;*/  /* Oddly enough, does not appear to do anything */
	padding: 10px 20px 10px 5px; /* 10 20 10 5 */
	margin-bottom: 15px;
	display: block;
}

ul.linklist li {
	list-style-type: none;
}

/*  Text
 --------------------- */
h1 {
	color: white;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.8em;
	text-decoration: none;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	text-decoration: none;
	line-height: 120%;
}

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: white;
	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: white;
	font-weight: bold;
	white-space: normal;
	font-size: 1em;
}

.rtl p.breadcrumbs {
	float: right;
}

p.datetime {
	float: right;
	white-space: nowrap;
	font-size: 1em;
}

.rtl p.datetime {
	float: left;
}

p.searchbar {
	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;
        /*align: left;*/
}

p.topicdetails {
	margin: 1px 0;
}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
	margin: 1px 0;
	color: #BBBBBB;
	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: #FFFFF; /* Post author details etc */
        float: left;
}

.postdetails {
	color: #FFFFF; /* post details etc. */
}

#qr_editor_div { 
	background: url('./styles/Topside/theme/images/row1.png') top right repeat-x;
	padding: 4px;
	/*border: 1px #5D5D5D solid;*/
	border-width: 1px;
	border-style: solid;
	border-color: #5D5D5D;
}


.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: #FDB98D;
}

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



.pagination {
	padding: 4px;
	color: white;
	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;
}

.acp {
	font-size: 1em;
	text-align: center;
}

.copyright {
	color: #FFFFFF;/*was 4d4d4d*/
	font-weight: normal;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.copyright a:link, .copyright a:visited {
	color: #E5A628; /*was 717171*/
}

.copyright a:hover {
	color: #FFFFFF;/*was c3c3c3*/
}

.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: #FFFFFF;  /* TOPICS/POSTS/LAST POST & AUTHOR/MESSAGE */
	font-size: 1.1em;
	font-weight: bold;
	background: url('./styles/Topside/theme/images/cellpic1.png') top repeat-x;
	white-space: nowrap;
        position: relative;
	/*padding: 0px 5px;/*5px*/
	height: 29px;
/*border-bottom: 1px #000000 solid;*/
}

td {
	padding: 2px;
}
td.profile {
	padding: 4px;
}

.tablebg {
	/*background-color: #545454; GRID SLASH BORDER */
	border-width: 1px;
	border-style: solid;
	border-color: #5D5D5D;
}

.catdiv {/* not sure what this is!!! */
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background: url('./styles/Topside/theme/images/cellpic1.png') top repeat-x;
/* border-bottom: 1px #FF0000 solid;*/
}
.rtl .catdiv { /*Not sure what this is! */
	background: url('./styles/Topside/theme/images/cellpic1.png') top repeat-x; 
}

.cat { /*WHO IS ONLINE/DISPLAY POSTS FROM PREVIOUS/SUBSCRIBE TOPIC*/
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background: url('./styles/Topside/theme/images/cellpic1.png') repeat-x;
	text-indent: 4px;
	/*border-bottom: 1px #000000 solid;*/
}

.row1 { /* COLORS OF A POST I THINK */
	background: url('./styles/Topside/theme/images/row1.png') top right repeat-x;
	padding: 4px;
	/*border: 1px #5D5D5D solid;*/
}

.row2 {
	background: url('./styles/Topside/theme/images/row1.png') top right repeat-x;
	padding: 4px;
	/*border: 1px #5D5D5D solid;*/
}

.row3 {
	background: url('./styles/Topside/theme/images/row1.png') top right repeat-x;
	padding: 4px;
}

.row_h {
	background: url('./styles/Topside/theme/images/row1.png') top right repeat-x;
	padding: 4px;
}

.spacer {
        height: 10px;
	background: #000000;/* url('./styles/Topside/theme/images/space.gif') repeat-x;*/ /* SPACER INBETWEEN POSTS*/
/*5d5d5d*/
}

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

.legend {
	text-align:center;
	margin: 0 auto;
}

/* Links
 ------------ */
a:link	{ color: #E5A628; text-decoration: none; }
a:visited{ color: #E5A628; text-decoration: none; }
a:hover	{ color: #FFFFFF; text-decoration: none; }
a:active{ color: #E5A628; text-decoration: none; }

a.forumlink {
	font-weight: bold;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

a.topictitle, a.topictitle:visited {
	margin: 1px 0;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
}

/*th a,
th a:visited*/
th a{
	color: #FFFFFF !important;/* projects private area*/
        float: center;
	text-decoration: none;
}

th a:hover {
        color: #FFFFFF; /*projects private area*/
	text-decoration: none;
}


/* Form Elements
 ------------ */
form {
	margin: 0;
	padding: 0;
	border: 0;
}

input {
	background: #333333; /* url("./styles/Topside/theme/images/input.gif") top repeat-x;*/
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	padding: 2px;
	border: 1px solid #040404;
	vertical-align: middle;
}

input:hover, input:focus {
	background: #333333; /*url("./styles/Topside/theme/images/input.gif") repeat-x;*/
	background-position: 0 -41px;
}

textarea {
/* Appears under some headings.*/
	background-color: #333333; /*url("./styles/Topside/theme/images/textarea.gif") top repeat-x;*/
	color: #FFFFFF; /*letters you type when you enter a post*/
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.3em; 
	line-height: 1.4em;
	font-weight: normal;
	border: 1px solid #040404;
	padding: 2px;
	vertical-align: middle;
}

select { /* Search and stuff */
	background: #333333;
        color: #FFFFFF;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	border: 1px solid #040404;
	padding: 1px;
	vertical-align: middle;
}

option {
	padding: 0 1em 0 0;
	vertical-align: middle;
}

option.disabled-option {
	color: graytext;
}

.rtl option {
	padding: 0 0 0 1em;
	vertical-align: middle;
}

input.radio {
	border: none;
	background: none;
	vertical-align: middle;
}

.post {
	background-color: #333333;
	border-style: solid;
	border-width: 1px;
}

.btnbbcode {
	font-weight: normal;
	font-size: 1.1em;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
}

.btnmain {
	font-weight: bold;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnlite {
	font-weight: normal;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnfile {
	font-weight: normal;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnmain, .btnlite, .btnfile {
	background: #333333; /*url("./styles/Topside/theme/images/submit.gif") top repeat-x;*/
background-position: 0 -41px;
}

.btnmain:hover, .btnmain:focus, .btnlite:hover, .btnlite:focus, .btnfile:hover, .btnfile:focus {
	background: #333333; /*url("./styles/Topside/theme/images/submit.gif") top repeat-x;*/
	background-position: 0 -41px;
}

.btnbbcode {
	background: #AFAFAF url("./styles/Topside/theme/images/bbcode.gif") top repeat-x;
	color: #2F2F2F;
	border: 1px #2E3844 solid;
}

.btnbbcode:hover, .btnbbcode:focus {
	background: #C1C1C1 url("./styles/Topside/theme/images/bbcode.gif") top repeat-x;
	background-position: 0 -41px;
	color: #2E3844;
}

.helpline, .helpline:hover, .helpline:focus  {
	background: transparent;
	border-style: none;
}


/* BBCode
 ------------ */
.quotetitle, .attachtitle {
	margin: 10px 5px 0 5px;
	padding: 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #5D5D5D; /*#1D2733;*/
	color: #FFFFFF;
	font-size: 0.85em;
	font-weight: bold;
	background: url("./styles/Topside/theme/images/cellpic1.png") top repeat-x;
}

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

.quotecontent, .attachcontent {
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #5D5D5D;
	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: #333333;
	color: #FFFFFF;
}

.attachcontent {
	font-size: 0.85em;
}

.codetitle {
	margin: 10px 5px 0 5px;
	padding: 2px 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	color: #4C4C4C;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	border-color: #1D2733;
	background: url("./styles/Topside/theme/images/cellpic1.png") top repeat-x;
}

.codecontent {
	direction: ltr;
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #1D2733;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	color: #F47230;
	font-size: 0.85em;
	font-family: Monaco, 'Courier New', monospace;
	background: #1D2733 url("./styles/Topside/theme/images/textarea.gif") top repeat-x;
}

.syntaxbg {
	color: #FFFFFF;
}

.syntaxcomment {
	color: #FF8000;
}

.syntaxdefault {
	color: #0000BB;
}

.syntaxhtml {
	color: #000000;
}

.syntaxkeyword {
	color: #007700;
}

.syntaxstring {
	color: #DD0000;
}


/* Private messages
 ------------------ */
.pm_marked_colour {
	background-color: #000000;
}

.pm_replied_colour {
	background-color: #A9B8C2;
}

.pm_friend_colour {
	background-color: #007700;
}

.pm_foe_colour {
	background-color: #DD0000;
}

/* Buttons
 --------------- */

a.fontsize {
	display: block;
	overflow: hidden;
	height: 18px;
	text-indent: -5000px;
	text-align: left;
	background-repeat: no-repeat;
	background-image: url("./styles/Topside/theme/images/icon_fontsize.gif");
	background-position: 0 -1px;
	width: 29px;
	position: relative;
	top: 6px;
	left: 0px;
}

a.fontsize:hover {
	background-position: 0 -20px;
	text-decoration: none;
}

.reply-icon	{ 
	float: left; display: block; width: 83px; height: 22px;
	background: url("./styles/Topside/imageset/en/button_topic_reply.png") 0 0 no-repeat;
	margin-right: 10px;
}

.quick-reply-icon { 
	float: left; display: block; width: 83px; height: 22px;
	background: url("./styles/Topside/theme/images/qr.png") 0 0 no-repeat;
	margin-right: 10px;
}
.post-icon	{ 
	float: left; display: block; width: 83px; height: 22px;
	background: url("./styles/Topside/imageset/en/button_topic_new.png") 0 0 no-repeat;
	margin-right: 10px;
}
.locked-icon { 
	float: left; display: block; width: 83px; height: 22px;
	background: url("./styles/Topside/imageset/en/button_topic_locked.png") 0 0 no-repeat;
	margin-right: 10px;
}
.pmreply-icon { 
	float: left; display: block; width: 77px; height: 23px;
	background: url("./styles/Topside/imageset/en/pmreply.png") 0 0 no-repeat;
	margin-right: 10px;
}

.reply-icon span, .post-icon span, .locked-icon span, .pmreply-icon span {
	display: none; text-indent: -5000px;
}

.reply-icon:hover, .post-icon:hover, .quick-reply-icon:hover, .locked-icon:hover {
	background-position: 0 -22px;
}

/* Misc
 ------------ */
img {
	border: none;
}

.sep {
	color: white;
	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;
}

// HOLY STYLESHEETS BATMAN!



.panel {
	margin-bottom: 4px;
	padding: 0 10px;
	background: url('./styles/Topside/theme/images/row1.png') top repeat-x;
	color: #f3f3f3;
	border-width: 1px;
	border-style: solid;
	border-color: #5D5D5D;
}

.fields1 {
display: block;
border: 0px black;
}

.submit-buttons {
display: block;
border: 0px black;
}