body {
	font-family: verdana,"lucida grande", helvetica, verdana, arial, sans-serif;
	font-size: 11px;
	color:#eee;
	background-color:#000;
	text-align:center;
	margin:0;
	
}

a{ color:#f4c4ff; text-decoration:none; }
a.more, a.less{
	position:absolute; 
	top:-34px; 
	left:-28px;
	background-repeat:no-repeat;
	background-position: center; 
	width:40px;
	padding:21px 0;
	text-align:center;
	font-size:8px; 
	text-transform:uppercase;
	border:none; 
}
a:active, a:visited {border:none;}
a.more:focus {outline:none;}
a:hover { border-bottom-width: 1px; text-decoration: underline;}
h2,h3, h4, h6 {padding:0; margin:0;}
h3 {text-align:right;font-size:16px;color:#370143;padding-right:10px;}
h4 {}
/* For the Title of a topic in any mode */
h4.title {
	padding: 0; 
	margin:0; 
	text-transform:uppercase; 
	font-size:14px; 
	font-weight:bold;
} 


/*Administrative portions of the page as well as top navigation */
#top_bar, 
#admin_bar {
	text-align:right; 
	/*background-color:#ECEFD1;*/
}
#header {background:url(../images/headbkg.jpg) no-repeat top center;height:114px; margin:0; padding:0;}
#admin_bar{}
#top_bar{ position:relative; z-index:1000;}
#top_bar #signin {float:left; text-align:left;background:#111;border:#222 solid 1px;padding:5px 10px;position:relative; top:-1px; border-top:none;}
#user_box {text-align:left;height:auto; background:#111;border:#222 solid 1px; z-index:1001;}
#formbox {padding-top:5px; z-index:2000;}
#formbox label {padding:8px 8px 2px;display:inline;}
#formbox .formfield {padding:0 8px; z-index:2002;}
#formbox input {position:relative;background-color:#999; border:#333 1px inset;z-index:2002;}
#formbox .formbutton {display:inline; padding:8px 8px 2px;}
.formbutton input {margin:0 8px;}



/*index page */
#main, 
#view, 
#header,
#top_bar,
#title_bar, 
#admin_bar {}  

#shell{
	/*
	background-color: #ffffff; 
	border:1px solid #eee;
	*/ 
	width:900px;
	margin:0 auto; 
	text-align:left; 
}

#header {
	position:relative;
}
#header img {
	border:none;
}
#header_oeta {position:absolute; bottom:10px;left:30px;width:200px;}
#header_okcrea {position:absolute;bottom:10px;right:50px;width:110px;}

#forge {
	text-align:center;
}
#forge img {
	border:none;
	margin:10px 30px;
	outline:none;
}

.tray {
	margin:0 auto; 
	text-align:center;
	background-repeat:repeat-x;
	background-position:top left;
	border-left-style:solid;
	border-left-width: 3px; 
	border-right-style:	solid;
	border-right-width: 3px; 
	border-top:none;
	border-bottom:none;
	}
.tray ul {
	margin:0 0; 
	list-style-type:none; 
	padding:10px; 
	border-left:solid 2px black; 
	border-right:solid 2px black; 
	}
.tray ul li {
	display:inline;padding:10px;
	}
#connect {
	border-left-color:#2a0032; 
	border-right-color:#2a0032;
	}
#connect ul {
	background-color: #8600a3;
	background-image: url(../images/connect_bkg.jpg);
	}
#focus {
	border-left-color:#022838; 
	border-right-color:#022838;
	}
#focus ul {
	background-color: #8600a3;
	background-image: url(../images/focus_bkg.jpg);
	}
#view {
	border-left-color:#35011c; 
	border-right-color:#35011c;
	}
#view ul {
	background-color: #8600a3;
	background-image: url(../images/view_bkg.jpg);
	}

#content #intro {
	padding:10px 0; border:none;
}

#title_bar {
	background:url(../images/titlebar.jpg) no-repeat top center;
	height:53px;
}

#content {
	background:url(../images/mainbkg.jpg) no-repeat top center;
	margin-top:-1px; 
}

#rightcol {float:right; width:340px;}
#rightcol div {margin:10px;}
#content #main {
	margin-right:340px;
}
#main div {
	margin:0 20px 30px 0;; 
	padding: 5px;
}
#main p {
	margin:0;
}
#main div div, 
#view div div {
	border:none;
}
#main div div {
	margin-left:30px;
	padding:0;
	margin-bottom: 0;
} 
#main div.smalldescription {} 

/*viewtopic page*/
#view div {
	margin-bottom:10px;
	padding: 5px;
	border:1px solid #370143;
}

#view .comment {
	background-color: #222; 
}
#view .subcomment {
	background-color: #333; 
	margin-left:30px;
}

#view .topic {background-color: #111; border:1px solid #eee;}
#view .rate_box {float:right;text-align:center;color:#fff;width:80px;font-size:15px;font-weight:bold;background-color: #FF4F4F; border:1px solid #eee;}
#view .rate_box div {display:inline;}
#view .rate_box a {width:20px;margin:0 5px;}
#view .rate {}
#view .comment p,
#view .subcomment p {padding:0;margin:0;}
#view .comment h4,
#view .subcomment h4 {padding:0;margin:0;margin-bottom:6px;}
.posttype {
	padding:2px 4px;
	border:2px solid #2a0032;
	color:#2a0032;
	background-color:#63326B;
	font-weight:bold;
	font-size:9px;
	text-transform:uppercase;
	margin-right:5px;
	margin-bottom:2px;
}
.comment .posttype {
	font-size:8px;
}
.comment .subcomment .posttype {
	font-size:7px;
}
#admin .topic,
#admin .comment,
#admin .subcomment {padding:6px 0;}
#admin .topic img,
#admin .comment img,
#admin .subcomment img {display:none;}
#admin .topic {margin-bottom:5px;}
#admin .comment {padding:10px 0 0;margin-left:20px; border-left:2px dotted #2a0032;}
#admin .subcomment {padding:10px 0 0; margin-left:40px; border-left:2px dotted #2a0032;/*border-bottom:2px solid #f4c4ff;*/}

/*Extra Main Page classes for greater differentiation */
.sticky, .toprated, .latest, .connect, .focus, .watch {background-color: #111; position:relative; /*border:1px solid #eee;*/}
#main div.connect {	border:1px solid #370143;}
#main div.connect a {color:#f4c4ff;}
#main div.connect a.more {background-image:url('../images/plus.gif');}
#main div.connect a.less {background-image:url('../images/minus.gif');}
#main div.focus {border:1px solid #022838;}
#main div.focus a {	color:#C1F1FF;}
#main div.focus a.more {background-image:url('../images/plusc.gif');}
#main div.focus a.less {background-image:url('../images/minusc.gif');}
#main div.watch {}
#main div.watch a {	color:#FFD5D5;}
#main div.watch a.more {background-image:url('../images/plusr.gif');}
#main div.watch a.less {background-image:url('../images/minusr.gif');}

.latest {}
.latest a {}
.latest a.more { }

#footer {padding-top:20px;clear:both;text-align:left;}
#footer .disclaimer {font-size:9px;color:#666666;}

#video_box {}
#video_box a, #video_box h3 {color:#BB0055; text-align:left;}
#video_box ul { list-style-type:none;margin:0; padding:0;}
#video_box ul li {position:relative; display:block; border:1px solid #130000;background-color:#0d0000; width:100%;padding:5px 0; margin: 5px 0;}
#video_box ul li img {position:absolute; top:5px; left:5px;}
#video_box ul li p {margin: 0 5px 0 60px; padding:0; }
#video_box ul li p span.description {font-style:italic;color:#999999;}

#video_playlist {width:320px;height:400px; overflow:auto; background-color:#111;}
.video_list td {padding:3px 3px;}
