/*
	Theme for Confucius Technology is an 
	adaptation from Charcoal2 Theme. 
*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, map, object, embed {  
	margin:0px; 
	padding:0px; 
	border:0px; 
}
body {
	font-size:0.7em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background:#000 none top left no-repeat;
}


/* General font families for common tags */
font,th,td,p				{ font-family: Verdana, Arial, Helvetica, sans-serif }
hr							{ border: none #d1d7dc; height: 0px }


/* This is the border line & background colour round the entire page */
.bodyline	 { }

/* This is the outline round the main forum tables */
.forumline	  { background-color: #696969; border: solid 1px #000 }


/* Main table cell colours and backgrounds */
td.row1	 { background: #696969 url(images/dkback.gif) }
td.row2	  { background: #808080 url(images/bk-z.jpg) }
td.row3	 { background: #a9a9a9 url(images/dkback.gif) }


/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic  { background: #3f3f3f repeat; border-top: none; border-right: none #fff; border-bottom: none; border-left: none }

/* Header cells - the blue and silver gradient backgrounds */
th	  { color: #ff4500; font-weight: bold; font-size: 11px; background: #006699 url(images/sidebox_background.gif); height: 25px }

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom  { background-color: #3f3f3f; border: none #ffffff; height: 28px }


/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom  { background-image: url(images/sidebox_background2.gif); border: 0px; height: 29px }
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR  { font-weight: bold; border: none #ffffff; height: 28px }
td.row3Right,td.spaceRow  { background: #a9a9a9 url(images/dkback.gif); border: none #ffffff }

th.thHead,td.catHead					{ font-size: 12px; border: none }
th.thSides,td.catSides,td.spaceRow		{ border: none }
th.thRight,td.catRight,td.row3Right		{ border: none }
th.thLeft,td.catLeft					{ border: none }
th.thBottom,td.catBottom				{ border: none }
th.thTop								{ border: none }
th.thCornerL							{ border: none }
th.thCornerR							{ border: none }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2	{
			font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #000000;
}
.maintitle a:visited,h1,h2 { 
	color: #000000; font-weight: bold; font-size: 22px; line-height: 120%; 
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none 
}
.maintitle a:link, .maintitle a:hover, .maintitle a:visited{ text-decoration: none; }

/* General text */
.gen													{ font-size : 12px; }
.genmed													{ font-size : 11px; }
.gensmall												{ font-size : 10px; }
.gen,.genmed,.gensmall									{ color : #000; }
.gen a:visited,.genmed a:visited, .gensmall a:visited	{ color: #575757; text-decoration: underline }
.gen a:hover,.genmed a:hover,.gensmall a:hover			{ color: #fff; text-decoration: underline }


/* The register, login, search etc links at the top of the page */
.mainmenu				{ color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.mainmenu a:link		{ color: #000; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.mainmenu a:visited		{ color: #000; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.mainmenu a:hover		{ color: #fff; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }


/* Forum category titles */
.cattitle				{ color: #837171; font-weight: bold; font-size: 12px; text-decoration: none; letter-spacing: 1px; padding-left:5px; }
.cattitle a:link		{ color: #837171; text-decoration: none }
.cattitle a:visited		{ color: #837171; text-decoration: none }
.cattitle a:hover		{ color: #666; text-decoration: underline }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink				{ color: #000; font-weight: bold; font-size: 12px }
.forumlink a:link 		{ color: #000; text-decoration: none }
.forumlink a:visited	{ color: #000; text-decoration: none }
.forumlink a:hover		{ color: #fff; text-decoration: underline }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav					{ font-weight: bold; font-size: 11px; color : #000000;}
.nav a:link				{ color: #000; text-decoration: none }
.nav a:visited			{ color: #000; text-decoration: none }
.nav a:hover			{ color: #666; text-decoration: underline }


/* titles for the topics: could specify viewed link colour too */
.topictitle				{ color: #ff4500; font-weight: bold; font-size: 11px }
.topictitle a:link		{ color: #000; text-decoration: none }
.topictitle a:visited   { color: #000; text-decoration: none }
.topictitle a:hover		{ color: #575757; text-decoration: underline }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name					{ color: #000; font-size: 11px }
.name a:link			{ color: #000; font-size: 11px }
.name a:visited			{ color: #575757; font-size: 11px }
.name a:hover			{ color: #666; font-size: 11px; text-decoration:underline; }

/* Location, number of posts, post date etc */
.postdetails			{ font-size : 10px; color : #000000; }
.postdetails a:link		{ font-size : 10px; color : #000000; }
.postdetails a:visited	{ font-size : 10px; color : #575757; }
.postdetails a:hover	{ font-size : 10px; color : #666; text-decoration:underline; }


/* The content of the posts (body of text) */
.postbody				{ color: #000; font-size: 12px }
.postlink a:link		{ color: #000; text-decoration: none }
.postlink a:visited		{ color: #000; text-decoration: none }
.postlink a:hover		{ color: #fff; text-decoration: underline }

.bottomnav				{ color: #ff4500; font-weight: bold; font-size: 10px; text-decoration: none }
.bottomnav a:link		{ color: #ff4500; font-weight: bold; font-size: 10px; text-decoration: none }
.bottomnav a:visited	{ color: #ff4500; font-weight: bold; font-size: 10px; text-decoration: none }
.bottomnav a:hover		{ color: #fff; font-weight: bold; font-size: 10px; text-decoration: none }

/* Quote & Code blocks */
.code  { color: #c0c0c0; font-size: 11px; font-family: Courier, "Courier New", sans-serif; background-color: #000; border: solid 1px #d1d7dc }

.quote  { color: #444444; font-style: italic; font-size: 11px; line-height: 125%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #c0c0c0; border: solid 1px #000 }


/* Copyright and bottom info */
.copyright				{ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
.copyright a:link		{ color: #444444; text-decoration: none;}
.copyright a:visited	{ color: #444444; text-decoration: none }
.copyright a:hover		{ color: #000000; text-decoration: underline;}


/* Form elements */
input,textarea, select {
	color : #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-color : #000000;
}

/* The text input fields background colour */
input.post, textarea.post, select { background-color : #FFFFFF;}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button { background-color : #EFEFEF; color : #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;}

/* The main submit button option */
input.mainoption { background-color : #FAFAFA; font-weight : bold;}

/* None-bold submit button */
input.liteoption { background-color : #FAFAFA;font-weight : normal;}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");


/********************************************************/
/*														*/
/*				S3Group CSS Properties					*/
/*														*/
/********************************************************/

/* ----- Heading Properties ----- */
h1,h2,h3,h4,h5,h6 { font-weight:bold; }

h1, h2	{ margin:0px 0px 30px 0px; }
h3, h4	{ margin:0px 0px 20px 0px; }
h5		{ margin:0px 0px 10px 0px; }
h6		{ margin:0px 0px 5px 0px; }

h1 { font-size:1.6em; }
h2 { font-size:1.5em; }
h3 { font-size:1.4em; }
h4 { font-size:1.3em; }
h5 { font-size:1.2em; }
h6 { font-size:1.1em; }

/* ----- Table Properties ----- */
td { line-height:1.4em; }

th {
	font-weight:bold;
	padding:3px 10px;
	background-color:#666;
	color:#fff;
	text-align:center;
}

/* ----- Generic Links ----- */
/*a:link, a:visited {
	color: #808080;
	text-decoration: underline;
}

a:hover, a:visited:hover { 
	color:#333;
	text-decoration: none;
}
*/

/* ----- Paragraph ----- */
p {
	margin: 0px 0px 1.4em 0px;
	line-height:1.4em;
}

/* ----- Image ----- */
img {
	border:0px;
}

.no_border { border:0px; }

.bordered { border:1px solid #ccc; }

map { display:inline; }


/* ----- Page Breakers ----- */
hr {
	height:1px;
	color:#ccc;
	background-color:#ccc;
	border:0px;
}


/* ----- Lists ----- */
ul, ol {
	margin:10px 0px 10px 17px;
	padding:0px;
	list-style-position:outside;
}

ul { list-style-type:disc; }
ol { list-style-type:decimal; }

ul li, ol li { margin:0px 0px 5px 0px; }

ul.inline {
	margin:0px;
	padding:0px;
}

ul.inline li {
	display:inline;
	margin:0px 5px 0px 0px;
}


/* ----- User Interactivity Elements ----- */
input, select, textarea {
	font: 1em Arial, Helvetica, Tahoma, sans-serif;
	vertical-align: middle;
	padding:1px;
	margin:2px 0px;
	color:#666;
}

form { display:inline; }

.checkbox, .radio {
	border:0px;
	padding:0px;
}

.full { width:95%; }

/* ----- Utilities ----- */
.clear_both { clear:both; }
.float_left { float:left; }
.float_right { float:right; }
.align_left { text-align:left; }
.align_right { text-align:right; }
.align_center { text-align:center; }
.valign_top { vertical-align:top; }
.valign_middle { vertical-align:middle; }
.valign_bottom { vertical-align:bottom; }


/* ----- Contextual IDs / Selectors ----- */
/* Messages */
.msg_error {
	margin:0px 0px 10px 0px;
	font-weight:bold;
}
	
.msg_error { color: #C20000; }
.msg_warning { color: #D07A00; }
.msg_info { color: #A66022; }

.form_error {
	vertical-align:top;
	color: #C20000;
}


#wrapper {
	margin:0px auto;
	padding:0px;
	color: #fff;
	line-height:1.4em;
	width:950px;
	border-left: solid 5px #fff;
	border-right: solid 5px #fff;
	position:relative;
	background-image: url(images/bk-w.jpg); 
	scrollbar-3dlight-color: #D1D7DC; 
	scrollbar-arrow-color: #006699; 
	scrollbar-darkshadow-color: #98AAB1; 
	scrollbar-face-color: #DEE3E7; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-shadow-color: #DEE3E7; 
	scrollbar-track-color: #EFEFEF; 
}


.banner_top{
	background: url("../images/banner_top.gif");
	width: 950px;
	height:79px;
	padding:0px;margin:0px;
}

#logo {
	position:absolute;
	top:3px;
	left:8px;
}

.navigation{
	padding:0px;
	margin:0px;
	width: 950px;
	height: 39px;
	text-align:right;
}


.content{
	background: repeat top left url(../images/bg_pattern.gif);
	width:950px;
	padding:0px;
	margin:0px;
}

.content_inner{
	padding:5px;
	background:no-repeat top left url(../images/background.jpg);
}

.left_column{
	float:left;
	width:170px;
}

.center_column{
	float:left;
	width:574px;
	margin:0px 0px 0px 5px;
}

.right_column{
	float:right;
	width:186px;
}

.panel_special, .panel_mailing {
	margin:0px 0px 10px 0px;
}

.footer{
	width: 950px;
	height:51px;
	background: no-repeat url(../images/img_footer.gif);
}