* { margin: 0; padding: 0; }
body { background: #e9ccaa url(images/bg.jpg) repeat-x top; font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #cccccc; }
.clear { clear: both; }
img { border: none; }
:focus { -moz-outline-style: none; }

p { margin: 11px 7px; }

acronym { cursor: help; border-bottom: 1px solid #e5e3e5; }

code { margin: 5px 0; padding: 10px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace; /* white-space: pre; */ border-left: 5px solid #DF8A24; background: #272727; color: #fff; }

blockquote, .indent { margin: 15px; padding: 0 0 0 15px; border-left: 5px solid #DF8A24; color: #fff; background: #272727; font-style: italic; }

ul, ol {
	margin: 17px 30px;
	padding: 0 17px;	
}

/* LINK STYLES */

a {
	color: #C90;
	text-decoration: inherit;
}
a:hover { color: #fff; text-decoration: underline; }

/* TABLE STYLE */

table { margin: 0px; padding: 0px; border: none; border-collapse: collapse; }
td { text-align: left; vertical-align: top; padding-left: 2px; padding-right: 2px; }

/* MENU STYLES */

h1 { margin: 0; color: #df8a2c; font-size: 18px; font-weight: bold; text-transform: uppercase; padding: 4px 7px; text-align: left; }

h2 { margin: 0; color: #df8a2c; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 4px 7px; text-align: left; }

h3 { margin: 0; color: #df8a2c; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 4px 7px; text-align: left; }

h4 { font-size: 12px; }

h5, h6 { margin: 0; color: #df8a2c; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 4px 7px; text-align: left; }

.menu_top { background: url(images/h3b.png) repeat-x top; padding-left: 4px;}
.menu_top_l { background: url(images/h3le.png) no-repeat left top; height: 26px; padding-left: 17px; }
.menu_text { padding: 4px 7px 7px 7px; }

/* THEME LAYOUT */

#wrapper {
	width: 1000px;
	margin: 0 auto;
	background: #000;
}

/* navigation */

#nav { height: 150px; background: url(images/navb.png) repeat-x top; }
#nav a {
	padding: 25px  5px ;
	text-align: center;
	color: #C90;
	text-transform: capitalize;
}
#nav li { list-style: none; display: inline; }

/* header */

#header { height: 200px; background: url(images/hback.png) repeat-x bottom; }
#hlogo { height: 202px; background: url(images/hlogo.png) no-repeat left bottom; }



/* login box */

#loginbox { height: 24px; background: url(images/logbox.png) repeat-x; padding-top: 3px; }
#uaccb li { list-style: none; text-align: center; float: right; padding: 0px 7px; }

/* top area */

#toparea { padding: 3px 4px 7px 4px; }

/* banner */

#banner { width: 756px; height: 120px; float: left; } 

/* search box */

#catop { height: 120px; width: 220px; padding-left: 4px;  float: right; }

/* welcome box */

#welcome { height: 35px; padding: 4px; background: url() repeat-x top; }
#wlogo { height: 47px; width: 77px; background: url(images/apsmall.png) no-repeat; float: left; } 
#wtext { font-size: 14px; color: #a7e8fe; width: 790px; float: right; }
.wshade { color: #545353; }

/* content */

#content { padding: 4px 0px; }
#contentf { padding: 8px 0px; }

/* menu areas */

#la, #ra, #ca, #ca2 { float: left; display: inline; overflow: visible !important /*Firefox*/; overflow: hidden /*IE6*/; }
#la { width: 200px; padding-left: 4px; padding-right: 2px; } /* left area width */
#ra { width: 220px; padding-left: 4px; } /* right area width */
#cam { width: 558px; padding-left: 2px; padding-right: 2px; padding-bottom: 2px; margin: 0px 1px; } /* central menu area width */
#ca { width: 560px; padding-left: 2px; padding-right: 2px; margin: 0px 1px; } /* central area width */
#ca2 { width: 766px;  padding-left: 4px; padding-right: 2px; } /* central area on other pages width */

.m_l { background: #121212 url(images/m_l.png) repeat-y left; }
.m_r { background: url(images/m_r.png) repeat-y right; }

/* news style */

.nwrapp { padding: 4px; background: #222222 url(images/finfo.png) repeat-x bottom; border: 1px solid #2e2f2f; margin: 0px 0px 4px 4px; }
.title { font-size: 18px; color: #fff; font-weight: bold; padding-bottom: 4px; }
.story { background: #272727 url(images/fhead.png) repeat-x top; border: 1px solid #2e2f2f; padding: 4px; }
.nimage { text-align: center; margin: 4px 0px; }
.ncomment { background: #272727 url(images/fhead.png) repeat-x top; border: 1px solid #2e2f2f; padding: 0px 4px; text-align: right; }


/* corlette lab featurebox */

.scroller {
	width: 768px;
	background-color: #000000;
	float: left;
	padding: 0 0px;
	display: compact;
	overflow: hidden;
}
.content { width: 10000px; color: #999999; }
.slide { float: left; width: 760px; }
	
a.carousel-control { width: 0px; height: 0px; display: block; margin-top: 0px; text-align: right }
a.hide { visibility: hidden; display: none;}

#fb-main a.left { float: left; }
#fb-main a.right { float: right; }
h2.fbox-cap { font-size: 16px;	font-weight: bolder;	color: #DF8A24;	padding: 0px 0px; padding-top: 0px;	margin-bottom: 0px;	background-image: url();	background-position: ;	background-repeat: no-repeat;	text-align: left; }
div#arows { position: absolute; z-index: 2; top: -13px; right: 0px; width: 142px; height: 61px;	background-position: 0 0; background-repeat: no-repeat; background-image: url(); }

/* disclaimer */

#disclaimer { padding: 7px 4px; text-align: center; background: url(images/wback.png) repeat-x top; }
#compat { padding: 7px 4px; text-align: center; }
#compat li { list-style: none; display: inline; }
#compat a { text-align: center; padding: 4px; float: left; }

/* E107 STYLES */

.indentchat { padding: 4px; text-align: left; background: #222222 url(images/finfo.png) repeat-x bottom; margin-bottom: 4px; border: 1px solid #2e2f2f; }

.code_highlight { padding: 4px; margin: 2px; height: 200px; overflow: scroll; background: #f8f8f8; border: 2px dotted #ffb611; }

.button { padding: 2px 4px; margin: 2px auto; background: url(images/button.png) repeat-x top; border: 1px solid #2e2f2f; color: #707070; text-align: center; font-weight: bold; font-size: 10px; } 

.small { font-size: 10px; color: #545353; }
.smalltext { font-size: 10px; color: #545353; }
.smallbottom { font-size: 10px; color: #545353; text-align:left; }
.smallblacktext { color: #545353; font-size: 10px; }

.tbox { color: #b0b0b0; background: #070707 url(images/tbox.png) repeat-x top; font-weight: bold; font-size: 11px; border: 1px solid #2e2f2f; margin: 2px auto; padding: 2px; }
.tbox:focus { border: 1px solid #ff8705; }
.chatbox { width: 96%; margin: 2px auto; }

.helpbox { background-color: #fff; border: 1px solid #DFDFDF; color: #000; font-size: 9px; padding: 4px 5px 4px 5px; }

/* FORUM STYLES */

.ftrack { border: none; padding: 7px 5px 7px 5px; background: #222222; }

.fdata { text-align: center; border-top: 1px solid #000; padding: 7px 4px; background: #202020 url(images/fhead2.png) repeat-x top; }

.fcaption { padding: 8px; color: #787878; background: url(images/h3b.png) repeat-x top; font: 11px; min-height: 20px; }

.fcaption span.smalltext{ color: #707070; }
.fcaption span.smalltext a:hover{ color: #a0bac6; }
.fcaption a { color: #707070; text-decoration: none; }
.fcaption a:hover { color: #a0bac6; }
a.forumlink{ color: #707070; text-decoration: none; }
a.forumlink:hover{ color: #a0bac6; }

.fborder { border: 1px solid #000; margin: 4px 0 4px 0; }

.forumheader { padding: 2px 4px 2px 4px; line-height: 16px; font-weight: bold; color: #df8a2c; background: #272727 url(images/fhead.png) repeat-x top; }

.forumheader2 { padding: 7px 5px 7px 5px; border: 1px solid #000; background: #202020 url(images/fhead2.png) repeat-x top; }
	
.forumheader3 { padding: 7px 5px 7px 5px; border: 1px solid #000; background: #222222 url(images/fhead3.png) repeat-x top; }

.forumheader4 { padding: 7px 5px 7px 5px; border: 1px solid #000; background: #222222 url(images/fhead3.png) repeat-x top; }

.finfobar { padding: 2px 4px; background: url(images/finfo.png) repeat-x bottom; border: 1px solid #000; }