/* Connected PE+ Theme by Samir Kahvedzic ( AkIrA ) */
/* www.akirapowered.com */
/* akira_tim@hotmail.com */
/* 2006 - 2007 */

/* CORE */

* { margin: 0; padding: 0; }
body { background: #33383c; font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #676767; }
.clear { clear: both; }
img { border: none; }
input { margin: 2px 4px; }

/* LINK STYLES */

a { color: #df8a2c; font-weight: bold; text-decoration: none; }
a:hover { color: #8eb4bd; text-decoration: underline; }

/* TABLE STYLE */

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

/* MENU STYLES */

h1, h2, h3, h4, h5, h6 { margin: 0; color: #777777; font-size: 9px; padding: 10px 17px 0px 17px; text-align: left; text-transform: uppercase; }

.menu_top { background: url(images/m_top_b.png) repeat-x top; }
.menu_top_l { background: url(images/m_top_l.png) no-repeat left top; }
.menu_top_r { background: url(images/m_top_r.png) no-repeat right top; height: 25px; }

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

.menu_text { padding: 7px 7px 0px 7px; }

.menu_bot { background: url(images/m_bot_b.png) repeat-x top; }
.menu_bot_l { background: url(images/m_bot_l.png) no-repeat left top; }
.menu_bot_r { background: url(images/m_bot_r.png) no-repeat right top; height: 16px; margin-bottom: 7px; }  

/* THEME LAYOUT */

#wrapper { margin: 0 auto; width: 881px; background: #030303 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: 183px; padding: 11px 34px 0px 17px; }

/* my account box */

#myacc { float: right; width: 260px; height: 70px; text-align: center; }
#myacc li { float: left; display: inline; list-style: none; }

/* left top area */

#topleft { float: left; width: 300px; height: 70px; padding: 7px 4px 0px 4px; }

/* right top area */

#topright { float: right; width: 260px; height: 77px; padding: 7px 4px 0px 4px; }

/* content */

#content { padding: 4px 14px 7px 14px; }

/* menu areas */

#la, #ca, #ra { float: left; display: inline; overflow: visible !important /*Firefox*/; overflow: hidden /*IE6*/; }
#la { width: 270px; text-align: center; }
#ca { width: 374px; margin-left: 4px; }
#ra { width: 200px; margin-left: 4px; text-align: center; }

/* navigation */

#nav { height: 39px; background: url(images/navb.png) repeat-x top; margin: 2px 7px; padding-top: 2px; }
#nav li { list-style: none; display: inline; }

/* NEWS STYLES */

.n_top { background: url(images/n_top_b.png) repeat-x top; }
.n_top_l { background: url(images/n_l_top.png) no-repeat left top; }
.n_top_r { background: url(images/n_r_top.png) no-repeat right top; height: 16px; }

.news { background: #121212 url(images/n_l_b.png) repeat-y left; }
.news_r { background: url(images/m_r.png) repeat-y right; }
.news_l { padding: 0px 7px 0px 34px; }

.news_bot { background: url(images/m_bot_b.png) repeat-x top; margin-bottom: 7px; }
.news_bot_l { background: url(images/n_l_bot.png) no-repeat left top; }
.news_bot_r { background: url(images/m_bot_r.png) no-repeat right top; height: 16px; }

.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: #494949; text-align: right; }
.nimage { padding-top: 7px; text-align: center; }
.ntext { padding: 7px 0px 7px 0px; }
.ncomment { text-align: right; font-size: 10px; color: #494949; border-top: 2px solid #343434; border-right: 2px solid #343434; padding: 0px 4px 0px 0px; }

/* footer */

#footer { background: url(images/footer.png) no-repeat top; height: 52px; }
#disclaimer { margin: 0 auto; padding: 7px 0px; width: 881px; color: #fff; text-align: right; }

/* E107 STYLES */

.indentchat { padding: 4px; margin: 4px 0 4px 0; text-align: left; background: #1e1e1e; color: #676767; }
.indentchat:hover { color: #fff; }

.indent { padding: 4px; margin: 2px; background: #272727 url(images/fhead.png) repeat-x top; border: 1px solid #414141; border-left: 7px solid #414141; color: #545353; }

.code_highlight { padding: 4px; margin: 2px; height: 200px; overflow: scroll; background: #666666; border: 1px solid #414141; color: #545353; }

.button { padding: 4px 7px; margin: 2px auto; background: url(images/navb.png) repeat-x top; color: #707070; text-align: center; font-size: 10px; cursor: pointer; border: none; } 

.small { font-size: 10px; color: #494949; }
.smalltext { font-size: 10px; color: #494949; }
.smallbottom { font-size: 10px; color: #494949; text-align:left; }
.smallblacktext { color: #494949; font-size: 10px; }
.defaulttext { color: #5c5c5c; }

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

.helpbox { background-color: #000; border: 1px solid #DFDFDF; color: #fff; 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/m_top_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; }