/* 3D Theme by Samir Kahvedzic ( AkIrA ) */
/* www.akirapowered.com */
/* akira_tim@hotmail.com */
/* 2006 - 2007. */

/* CORE */

* { margin: 0; padding: 0; }
body { background: #212121 url(images/bg2.png) repeat-x top;; font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #bababa; }
.clear { clear: both; }

/* LINK STYLES */

a { color: #707070; font-weight: bold; text-decoration: none; }
a:hover { color: #a0bac6; 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, h2, h3, h4, h5, h6 { margin: 0; color: #df8a2c; font-size: 9px; padding: 4px 4px 0px 27px; text-align: left; text-transform: uppercase; }

.menu_top { background: url(images/h3_b.png) repeat-x top; }
.menu_top_l { background: url(images/h3_l.png) no-repeat left top; }
.menu_top_r { background: url(images/h3_r.png) no-repeat right top; height: 20px; }

.menu_wrapp { border: 1px solid #000; margin-bottom: 4px; }
.menu_text { border: 1px solid #343434; border-top: none; background: #202020; padding: 4px; }

/* THEME LAYOUT */

#wrapper { width: 874px; margin: 0 auto; background: url(images/w_l.png) repeat-y left; }
#wrapper2 { background: url(images/w_r.png) repeat-y right; }

/* header */

#header { background: url(images/header.png) no-repeat top; height: 177px; padding: 0px 28px; } 

/* my account box */

#myacc { width: 400px; float: left; height: 25px; padding: 2px 4px 0px 4px; color: #000; }
#myacc li { float: left; display: inline; list-style: none; }
#myacc a { color: #a0bac6; padding: 20px 7px 0px 7px; }
#myacc a:hover { color: #df8a2c; text-decoration: underline; }
.welcome { padding-top: 5px; }

/* clock */

#timedate { width: 250px; float: right; text-align: right; height: 25px; padding: 7px 4px 0px 4px; color: #000; }

/* navigation */

#navigation { background: url(images/nav_b.png) repeat-x top; }
#nav_l { background: url(images/nav_l.png) no-repeat left top; }
#nav_r { background: url(images/nav_r.png) no-repeat right top; height: 34px; padding: 0 34px; }

#navigation li { list-style: none; display: inline; }

/* content */

#content { margin: 0 8px; padding: 7px; background: url(images/bg.png); }

/* left area */

#leftarea { width: 294px; float: left; text-align: center; display: inline; overflow: visible !important /*Firefox*/; overflow: hidden /*IE6*/; }

/* central area */

#central  { width: 546px; float: right; display: inline; overflow: visible !important /*Firefox*/; overflow: hidden /*IE6*/; margin-left: 4px; }

/* central areas */

#area1 { width: 342px; float: left; display: inline; overflow: visible !important /*Firefox*/; overflow: hidden /*IE6*/; }
#area2 { width: 200px; float: right; text-align: center; display: inline; overflow: visible !important /*Firefox*/; overflow: hidden /*IE6*/; margin-left: 4px; }

/* NEWS STYLES */

.storyb { background: #202020 url(images/nlineb.png) repeat-y left; border: 1px solid #343434; border-left: none; }
.story { background: url(images/nline.png) no-repeat left center; padding: 7px 7px 7px 30px; }
.title { font-size: 14px; font-weight: bolder; border-bottom: 2px solid #343434; border-left: 2px solid #343434; padding: 0px 0px 0px 4px; text-transform: uppercase; color: #df8a2c; }
.ninfo { font-size: 10px; color: #545353; text-align: right; }
.nimage { padding-top: 7px; text-align: center; }
.ntext { padding: 7px 0px 7px 0px; }
.ncomment { text-align: right; font-size: 10px; border-top: 2px solid #343434; border-right: 2px solid #343434; padding: 0px 4px 0px 0px; }

/* footer */

#footer { background: url(images/footer.png) repeat-x top; margin-right: 8px; }
#disclaimer { height: 16px; background: url(images/disclaimer.png) no-repeat left top; padding: 7px 7px 0px 95px; text-align: right; font-size: 10px; }

/* E107 STYLES */

.indentchat { padding: 4px; outline: 1px solid #000; border-top: 2px solid #2f2f2f; margin: 4px 0 4px 0; text-align: left; background: #272727 url(images/fhead.png) repeat-x top; color: #b1b1b1; }
.indentchat:hover { color: #fff; }

.indent { padding: 4px; margin: 2px; background: #272727 url(images/fhead.png) repeat-x top; border: 1px dotted #000; }

.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/finfo.png) repeat-x bottom; border: 1px solid #000; border-top: 1px solid #343434; color: #df8a2c; text-align: center; font-weight: bold; font-size: 10px; } 

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

.tbox { color: #df8a2c; background: #000 url(images/tbox.png) repeat-x top; font-weight: bold; font-size: 11px; border: 1px solid #000; margin: 2px auto; padding: 2px; }
.tbox:focus { border: 1px solid #df8a2c; }
.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: 4px; color: #787878; background: url(images/h3_b.png) repeat-x top; font: 11px; min-height: 20px; }

.fcaption span.smalltext{ color: color: #707070; }
.fcaption span.smalltext a:hover{ color: #a0bac6; }
.fcaption a { color: color: #707070; text-decoration: none; }
.fcaption a:hover { color: #a0bac6; }
a.forumlink{ color: 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; }