/* ECHO Theme v1.0 by Samir Kahvedzic ( AkIrA ) */
/* akirapowered.com */
/* akira_tim@hotmail.com */
/* 2006 - 2008. */

/* CORE */

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

/* LINK STYLES */

a { color: #d9dd5f; font-weight: bold; text-decoration: none; }
a:hover { color: #fff; text-decoration: underline; }

/* TABLE STYLE */

table { margin: 0px auto; }
td { text-align: left; padding: 4px 7px; }

/* MENU STYLES */

h1, h2, h3, h4, h5, h6 { margin: 0; color: #959082; font-size: 11px; text-transform: uppercase; font-weight: bold; padding: 0; text-align: center; }

.mtop { background: url(images/mt.png) repeat-x top; }
.mtopl { background: url(images/mtl.png) no-repeat left top; }
.mtopr { background: url(images/mtr.png) no-repeat right top; height: 22px; padding: 9px 22px 0px 22px; }

.ml { background: #47443e url(images/ml.png) repeat-y left; }
.mr { background: url(images/mr.png) repeat-y right; }
.mtext { padding: 7px 11px 0px 11px; }

.mbot { background: url(images/mb.png) repeat-x top; }
.mbotl { background: url(images/mbl.png) no-repeat left top; }
.mbotr { background: url(images/mbr.png) no-repeat right top; height: 11px; }

/* THEME LAYOUT */

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

/* top links area */

#top { background: url(images/top_bg.png) repeat-x top; }
#top_l { background: url(images/top_l.png) no-repeat left top; }
#top_r { background: url(images/top_r.png) no-repeat right top; height: 14px; padding: 9px 7px 7px 7px; }

#top li { display: inline; list-style: none; }
#top a { float: left; padding: 0px 7px; text-align: center; border-right: 2px solid #726d60; font-size: 10px; color: #959082; }  
#top a:hover { color: #fff; }

/* header */

#header { background: url(images/header.png) no-repeat center; height: 100px; padding: 44px 30px 0px 30px; }
#ads { float: right; padding: 4px; background: #000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }

/* navigation */

#nav { background: url(images/nav_bg.png) repeat-x top; margin: 0 2px; }
#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: 30px; }
#nav li { list-style: none; display: inline; }

/* content holder */

#content { padding: 4px; }

/* menu areas */

#la, #ra, #ca, #ca2 { float: left; display: inline; overflow: visible !important /*Firefox*/; overflow: hidden /*IE6*/; }
#la, #ra { width: 200px; }
#ca { margin: 0px 4px; width: 486px; }

/* NEWS STYLES */

.story, .nc { padding-top: 7px; margin-top: 4px; border-top: 1px solid #5b5951; }
.nimage { float: right; margin: 7px; }
.ntitle { font-size: 14px; font-weight: bold; }
.nrate { float: right; font-size: 9px; }

/* bottom */

#bot { background: url(images/f_bg.png) repeat-x top; }
#bot_l { background: url(images/f_l.png) no-repeat left top; }
#bot_r { background: url(images/f_r.png) no-repeat right top; height: 11px; }

/* disclaimer */

#footer { width: 904px; margin: 0 auto 7px auto; color: #000; font-size: 10px; text-align: right; }

/* E107 STYLES */

.button { padding: 2px 4px; margin: 2px auto; background: url(images/button.png) repeat-x bottom; border: 1px solid #000; border-top: 1px solid #343434; color: #959082; text-align: center; font-weight: bold; font-size: 10px; cursor: pointer; } 
.button:hover { color: #fff; background: #272727; }

.indentchat { padding: 4px; border: 1px solid #5b5951; margin-top: 4px; text-align: left; background: #202020; }
.indent { padding: 4px; margin: 2px; font-size: 10px; background: #242424; color: #959082; border: 1px solid #5b5951; font-style: italic; }
.code_highlight { padding: 4px; margin: 2px; height: 200px; overflow: scroll; border: 1px solid #999999; background: #fff; }
.ncomment { text-align: right; font-size: 10px; padding: 2px; background: #242424; color: #959082; border-bottom: 1px solid #5b5951; }

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

.tbox { color: #bab29b; background: #3f3f37 url(images/tbox.png) repeat-x top; font-weight: bold; font-size: 11px; border: 1px solid #54534b; margin: 2px auto; padding: 2px; }
.tbox:hover { color: #fff; }
.tbox:focus { color: #fff; border: 1px solid #d9dd5f; }

.chatbox { width: 96%; margin: 2px auto; }

.helpbox { background: #242424; border: 1px solid #333333; color: #cccccc; font-size: 9px; padding: 4px 5px 4px 5px; }

/* FORUM STYLES */

.ftrack { border: none; padding: 7px 5px 7px 5px; background: #282722; }
.fdata { padding: 4px 7px; border: 1px solid #282722; background: #282722 url(images/fhead2.png) repeat-x top; text-align: center; }
.fcaption { padding: 4px 7px; color: #fff; background: url(images/fcap.png) repeat-x top; font: 11px; line-height: 19px; }

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

.fborder { margin: 4px 0 4px 0; border-collapse: separate; border-spacing: 2px; }
.forumheader { padding: 2px 7px 2px 7px; line-height: 16px; height: 20px; font-weight: bold; color: #d9dd5f; background: #282722; }
.forumheader2 { border: 1px solid #282722; background: #282722 url(images/fhead2.png) repeat-x top; }
.forumheader3, .forumheader4 { border: 1px solid #393831; background: #393931 url(images/fhead3.png) repeat-x top; }
.finfobar { padding: 2px 7px; background: #ebebeb; border-bottom: 2px solid #5b5951; background: #282722; }