/******* Control your Onynx Forum width here. *******/
#widthControl{width:950px; min-width:760px; margin:0 auto; padding:0px 0 4px 0}

/* Normal, standard links. */
a:link{color:#aaa;  text-decoration:none}

a:visited{color:#aaa;  text-decoration:none}
a:hover{text-decoration:underline;  color:#bcbcbc}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited{color:#aaa;  font-weight; 700; font-size:12px; font-family: verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;  text-decoration:none}
a.nav:hover{color:#bcbcbc;  font-weight; 700;  text-decoration:underline}

/* Tables should show empty cells. */
table{empty-cells:show}

/* By default (td, body..) use verdana in black. */
body, td, th, tr{line-height:135%; font-size:12px; font-family: verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; color:#CCCCCC;}

/* The main body of the entire forum. */
body{	background: #141414; padding:0px 0px 0px 0px;  margin:0}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button, fieldset{ font-family:verdana,helvetica,sans-serif;  padding:3px;  background:#000;  color:#eee;  border-width:1px}
input, button{ border-width:1px;  padding:1px;  font-size:90%}

textarea{ border-width:1px;  font-family:verdana,helvetica,sans-serif;  background:#000;  color:#eee;  font-size:100%}

/* All input elements that are checkboxes or radio buttons. */
input.check{}

/* Selects are a bit smaller, because it makes them look even better 8). */
select{ border-width:1px;  font-size:90%;  font-weight:normal;  font-family:verdana,helvetica,sans-serif;  background:#000;  color:#eee}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor{ height:1px;  border:0;  color:#111;  background-color:#111}

/* No image should have a border when linked */
a img{ border:0}

/* A quote, perhaps from another post. */
blockquote{ color:#ddd;  background:#151515;  padding:10px;  font-size:0.9em;  line-height:1.4em;  border-left:solid 8px #221913;  font-style:italic;  margin:0 1em 0 1em}

/* A code block - maybe even PHP; ). */
.code{ color:#eee;  background:#242424;  padding:10px;  font-size:0.9em;  border-left:solid 8px #221913;  white-space:nowrap;  overflow:auto;  min-height:3em;  font-family:"Courier New",monospace;  font-size:0.8em;}

/* The "Quote:"and "Code:"header parts... */
.quoteheader, .codeheader{ display:block;  padding:2px 10px 2px 10px;  background:#0f0f0f;  color:#ddd;  text-decoration:none;  font-style:normal;  font-weight:700;  font-size:0.9em;  border-bottom:solid 2px #111}
.codeheader{ padding-left:26px;  border-left:solid 8px #2d1405}
.quoteheader{ border-left:solid 8px #2d1405;  padding-left:26px;  margin:1em 1em 0 1em}

/* For links to change the code stuff... */
.codeoperation { font-weight: normal;}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help{cursor:help}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction{color:#F00}

/* The main post box - this makes it as wide as possible. */
.editor{width:96%}

/* Highlighted text - such as search results. */
.highlight{background-color:#FFF000;  font-weight:700;  color:#000}

/* A more discreet highlight colour, for selected membergroups etc. */
.highlight2 { background-color: #B3F4B0; color: black;}

/* Alternating backgrounds... */
.windowbg, tr.windowbg td #preview_body {
	color: #6a6a6a;
	background: #131313 url(./images/winbg.gif) top repeat-x;
	padding: 1ex;
}
.windowbg2, tr.windowbg2 td {
	color: #6a6a6a;
	background: #131313 url(./images/winbg.gif) top repeat-x;
	padding: 1ex;
}
.windowbg3, tr.windowbg3 td {
	color: #6a6a6a;
	background: #131313 url(./images/winbg.gif) top repeat-x;
	padding: 1ex;
}
/* Color for background of posts requiring approval */
.approvebg
{
	color: #000000;
	background-color: #F6E0D4;
}
/* Color for background of *topics* requiring approval */
.approvetbg
{
	color: #000000;
	background-color: #E4A17C;
}
/* the today container in calendar */
.calendar_today{font-weight:800; font-style:italic; color:#D50000; background:#181818; text-align:center}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td{  color:#fff;	 font-style:normal; background: #0c0c0c url(./images/titlebg.jpg) repeat-x;  border-bottom:solid 1px #000;  border-top:solid 1px #000;  padding-left:10px;  padding-right:10px}
.titlebg, .titlebg a:link, .titlebg a:visited{font-weight:700;  color:#fff;  font-style:normal}
.titlebg a:hover{text-decoration:underline}

/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited{color:#fff;  font-style:normal;  text-decoration:none}
.titlebg2 a:hover{ text-decoration:underline;}

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg, tr.catbg td, .catbg3, tr.catbg3 td{  background:url(./images/catbg.gif) #131313 repeat-x;	 color:#FFF;	 padding-left:10px;	 padding-right:10px;	 line-height:22px}
.catbg2, tr.catbg2 td{  background:url(./images/catbg.gif) #131313 repeat-x;  color:#FFF;  padding-left:10px;  padding-right:10px;  line-height:22px}
.catbg, .catbg2, .catbg3{}
.catbg, .catbg2{color:#FFF;  font-weight:bold}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited{color:#FFF;  font-size:95%;  text-decoration:none}
.catbg a:link, .catbg a:visited, .catbg2 a:link, .catbg2 a:visited{color:#FFF;  text-decoration:none}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover{color:#EDAF06;  text-decoration:underline}

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor{}
/* This is used on tables that should just have a border around them. */
.tborder{color:#6a6a6a;  background:#131313 border:1px solid #3D1900}

/* Default font sizes:small (8pt), normal (10pt), and large (14pt). */
.smalltext{font-size:90%;  font-family: verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;}
.middletext{line-height:18px;  text-indent:10px}
.normaltext{font-size:small}
.largetext{font-size:large}

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage{width:100%;  overflow:auto;  line-height:1.3em}
/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here; ). */
.signature{width:100%;  overflow:auto;  padding-bottom:3px;  line-height:1.3em}

/* Sometimes there will be an error when you post */
.error{color:#F00}

/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .mirrortab_first{display:none}
.maintab_last, .mirrortab_last{display:none}
.maintab_active_first, .mirrortab_active_first{display:none}
.maintab_active_last, .mirrortab_active_last{display:none}

/* how links behave in main tab. */
.maintab_back a, .mirrortab_back a{padding:5px;  display:block;  color:#aaa;  text-decoration:none;  font-size:10px;  text-transform:uppercase;  font-family:tahoma,sans-serif;  margin-right:1px}
.maintab_active_back a, .mirrortab_active_back a{padding:5px;  background:#181818;  display:block;  color:#a6a6a6;  text-decoration:none;  font-size:11px;  margin-right:1px}
.maintab_back a:hover, .maintab_back a.chosen:hover, .maintab_back a.chosen, .mirrortab_back a:hover, .mirrortab_back a.chosen:hover, .mirrortab_back a.chosen{color:#aaa;  background:#242424}
.maintab_active_back a:hover, .maintab_active_back a.chosen:hover, .maintab_active_back a.chosen, .mirrortab_active_back a:hover, .mirrortab_active_back a.chosen:hover, .mirrortab_active_back a.chosen{color:#aaa;  background:#242424}

html{height:100%;  margin-bottom:1px}

#ajax_in_progress{background:#111 url(./images/ajaxloading.gif) no-repeat 10%; color:#eee; text-align:left; font-size:18px; font-family:"Trebuchet MS",sans-serif; padding:10px; padding-left:65px; position:absolute; left:-105px; width:105px; height:22px;  border:1px solid #bcbcbc;}
#ajax_center{top:45%; width:105px; position:absolute; left:50%;}

/* Calendar colours for birthdays, events and holidays */
.birthday{ color:#920AC4}

.event{ color:#078907}

.holiday{ color:#000080}

/* Colours for warnings */
.warn_mute{ color:red}

.warn_moderate{ color:orange}

.warn_watch{ color:green}

/* Styling for BBC tags */
.bbc_color a{	color:inherit}

.bbc_img{	border:0}

.bbc_list{	margin-top:0;	 margin-bottom:0}

.bbc_size{	line-height:1.3em}

.bbc_table{	font:inherit;	 color:inherit}

.bbc_table td{	font:inherit;	 color:inherit;	 vertical-align:top}

.bbc_u{	text-decoration:underline}

.button_strip_submit{	background:transparent;	 color:white;	 text-transform:uppercase;	 vertical-align:top;	 text-decoration:none;	 font-size:9px;	 font-family:tahoma,sans-serif;	 border:0}

.button_strip_submit:hover{	color:#e0e0ff}

.openid_login{	background:white url(images/openid.gif) no-repeat;  padding-left:18px}

a.moderation_link, a.moderation_link:visited{ color:red;  font-weight:bold}

/* These are for the auto suggest floating div type thing. */
.auto_suggest_div{ border:1px solid black;  position:absolute}

/* An auto suggest item */
.auto_suggest_item{ background-color:#DDD}

/* hovered auto suggest item */
.auto_suggest_item_hover{ background-color:#888;  cursor:pointer;  color:#EEE}

/* Moderation Notes */
.moderation_notes{ margin:0;  padding:0;  list-style:none;  overflow:auto;  height:9.5em}
.moderation_notes li{ padding:4px 0px 4px 4px;  border-bottom:1px solid #ccc}

/* Credits page */
#credits p, #credits h4{ padding:0 10px}

#credits h3{ margin:0}

#credits ul{ list-style-type:none}

#credits ul li{ margin-bottom:0.5em}

#menumain{background-color:#141414;	 margin-left:4px;	 margin-bottom:2px;	 text-align:center;	 padding:8px 0px 8px 0px}
#menulist{text-transform:uppercase;	 font:bold 100% tahoma,sans-serif;	 padding:2px;	 margin:0}
#menulist li{list-style:none;	 margin:2px;	 display:inline}
#menulist a{text-decoration:none;	 padding-left:17px;	 color:#aaa;	 padding-top:2px;	 padding-bottom:2px}
#menulist a:hover { color:#D50000; background-image:url(./images/link.gif); background-repeat:no-repeat; background-position:4px}
#menulist li a.chosen {color:#D50000; background-image:url(./images/link.gif); background-repeat:no-repeat; background-position:4px}

#header{	position:relative;	 height:200px;	 overflow:hidden;	 background: url(./images/img/H-bg.png) repeat-x}
#header-l{	height:200px;	 background:url(./images/img/H-l.png) 0 0 no-repeat;	 position:relative;	 padding-left:20px}
#header-r{	height:200px;	 background:url(./images/img/H-r.png) 100% 0 no-repeat;	 position:relative;	 padding-right:20px}

#logo{ position:absolute; top:30px;  left:40px; display:block; width:578px; height:161px; background:url(./images/ologo.jpg) no-repeat}

#userarea{float:right;  font-size:11px; letter-spacing: 1px; color:#aaa; font-family: verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;  text-align:right;  padding-top:45px;  padding-right:25px}

#userarea ul{padding:0;  margin:0;  list-style:none}

#userarea a:link, #userarea a:visited{color:#6a6a6a;}

#userarea a:hover{color:#bcbcbc; text-decoration:underline}

#main-r {
	background: url(./images/img/main-r.png) 100% 50% repeat-y;
	padding-right: 35px;
}
#mainarea{ padding:10px; margin: 0; background:#141414;}

#main-l {
	background: url(./images/img/main-l.png) 0 50% repeat-y;
	padding-left: 35px;
}
#footerarea{ text-align:center; color:#a6a6a6; padding-top:25px; font-size:11px; letter-spacing: 1px; font-family: verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;}
#footer{ background: url(./images/img/F-bg.png) 0 0 repeat-x}
#footer-l{ background: url(./images/img/F-l.png) 0 0 no-repeat}
#footer-r{ background: url(./images/img/F-r.png) 100% 0 no-repeat;  height:98px;  overflow:hidden}
#footerarea a:link, #footerarea a:visited{ color:#aaa}
#footerarea a:hover{ color:#bcbcbc; text-decoration:underline}