/* STORM Theme v1.0 by Samir Kahvedzic ( AkIrA ) */
/* www.akirapowered.com */
/* 2007. */

/* GLOBAL */

* { margin: 0; padding: 0; }
body { font: 11px arial, helvetica, sans-serif; color: #848480; background: #202020; }
.clear { clear: both; } /* clear floats */
.divider { height: 3px; background: url(images/divider.png) repeat-x; }

/* LINK STYLES */

a { color: #00ee00; text-decoration: none; }
a:hover { color: #fff; text-decoration: none; }

/* 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 STYLE */

h1, h2, h3, h4, h5, h6 { color: #fff; font-size: 12px; padding: 4px; text-align: left; margin-top: 2px; border-bottom: 1px solid #848480; }
.menu_text { padding: 7px; }

/* THEME LAYOUT */

/* content wrapers - side wrappers */

#wrapper { margin: 11px auto; width: 98%; min-width: 930px; background: #040404 url(images/w_l.png) repeat-y left; }

/* IE hack */

*html #wrapper { width: expression(document.body.clientWidth < 932? "930px" : document.body.clientWidth > 1202? "1200px" : "auto"); }
#wrapper2 { background: url(images/w_r.png) repeat-y right; }

/* top wrappers */

#w_top { background: url(images/w_top.png) repeat-x top; }
#w_top_l { background: url(images/w_top_l.png) no-repeat left top; }
#w_top_r { background: url(images/w_top_r.png) no-repeat right top; padding: 20px 17px 0 17px; }

/* content wrappers */

#innerwrapper { padding: 0 17px; }
#in { background: #191919 url(images/in_l.png) repeat-y left; }
#in2 { background: url(images/in_r.png) repeat-y right; }
#in_top { background: url(images/in_top.png) repeat-x top; }
#in_top_l { background: url(images/in_top_l.png) no-repeat left top; }
#in_top_r { background: url(images/in_top_r.png) no-repeat right top; height: 15px; }
#in_bot { background: url(images/in_bot.png) repeat-x bottom; }
#in_bot_l { background: url(images/in_bot_l.png) no-repeat left bottom; }
#in_bot_r { background: url(images/in_bot_r.png) no-repeat right bottom; height: 15px; }

/* footer wrappers */

#w_bot { background: url(images/w_bot.png) repeat-x bottom; }
#w_bot_l { background: url(images/w_bot_l.png) no-repeat left bottom; }
#w_bot_r { background: url(images/w_bot_r.png) no-repeat right bottom; padding: 7px 17px 20px 17px; }

/* header */


/* login box */

#loginbox_w { float: right; width: 366px; height: 110px; background: url(images/loginbox.png) no-repeat; }
#loginbox { padding: 27px 40px 0 20px; text-align: right; }
#loginbox li { display: inline; list-style: none; }
#loginbox a { float: left; padding: 0 2px; }
.box { width: 400px; float: left; }
.welcome { font-size: 10px; }
.buttonlogin { border: none; background: url(loginsc/login.png) no-repeat; width: 68px; height: 26px; cursor: pointer; }

/* navigation tabs */

#topmenu { height: 25px; }
#topmenu ul { margin: 0; padding: 0; }
#topmenu li { float: left; display: inline; margin-right: 2px; width: 104px; }
#topmenu a { height: 25px; line-height: 25px; display: block; font-size: 12px; font-weight: bold; color: #FFFFFF; text-align: center; padding: 0 7px 0 7px; background: url(images/tab.png) no-repeat bottom center; }
#topmenu a:hover { color: #fff; background: url(images/tab_h.png) no-repeat bottom center; }
#topmenu a.onpage { color: #fff; background: url(images/tab_h.png) no-repeat bottom center; }

/* content areas */

#content { padding: 7px 14px; }

/* news styles */

#leftarea { width: 57%; min-width: 516px; float: left; overflow: hidden; }

/* adsense */

.adsense { width: 468px;  float: left; } 
.adsense h3 { border: none; }

/* toplinks */

#toplinks { width: 400px; float: right; }
.topinfo { padding: 4px; margin-bottom: 4px; background: #232323; border: 1px solid #181818; }
.thumb { float: left; width: 60px; }
.title { float: left; padding: 0 7px; }
.title h3 { margin: 0; padding: 0; font-weight: bold; border-bottom: none; }
.story { border: 1px solid #181818; padding: 4px; margin: 0 0 4px 0; background: #1e1e1e; text-align: left; }
.newsicons { margin-top: 4px; padding: 4px; text-align: right; } 

/* menu areas */

#rightarea { float: right; width: 38%; overflow: hidden; border: 1px solid #373737; padding: 7px; background: #040404;  }
#area1 { float: left; width: 49%; overflow: hidden; }
#area2 { float: right; width: 49%; overflow: hidden; }

/* footer */

#siteinfo { float: right; height: 106px; width: 366px; text-align: right; } /* site info */
#infotext { padding: 27px 7px 0 7px; }

/* E107 STYLES */

.button { border-top: 1px solid #858585; border-left: 1px solid #858585; border-bottom: 1px solid #484848; border-right: 1px solid #484848; background: #282828; color: #848480; font-size: 11px; margin: 4px 2px; }

.indentchat { padding: 4px 0; border-bottom: 1px solid #444; margin-bottom: 4px; text-align: left; }

.indent { border: 1px solid #181818; background: #272727; padding: 4px; margin: 4px; }

.code_highlight { padding: 0 4px 4px 4px; border: 1px inset; margin: 4px; background: #858585;  }

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

.tbox { color: #fff; background: #040404 url(images/tbox.png) repeat-x top; font-weight: bold; font-size: 12px; margin: 2px auto; padding: 0 2px;
border-top: 2px solid #858585; border-left: 2px solid #858585; border-bottom: 2px solid #484848; border-right: 2px solid #484848; }

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

.chatbox { width: 98%; }

/* FORUM STYLES */

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

.fdata { text-align: center; border: none; background: #1d1d1d; padding: 7px 4px; }
.fdata:hover { background: #000; }

.fcaption { padding: 4px; color: #fff; background: #272727; border: 1px solid #181818; font: 11px; min-height: 27px; }

.fcaption span.smalltext{ color: #00ee00; }

.fcaption span.smalltext a:hover{ color: #fff; }

.fcaption a { color: #00ee00; text-decoration: none; }

.fcaption a:hover { color: #fff; }

a.forumlink{ color: #00ee00; text-decoration: none; }

a.forumlink:hover{ color: #fff; }

.fborder { border: none; background: none; margin-bottom: 7px; }

.forumheader{ padding: 7px 5px 7px 5px; line-height: 16px; font-weight: bold; color: #fff; border: 1px solid #181818; background: #1e1e1e; }

.forumheader2{ color: #a8a8a8; padding: 7px 5px 7px 5px; background: #1d1d1d; border: 1px solid #181818; }
.forumheader2:hover { background: #000; }
	
.forumheader3{ color: #a8a8a8; padding: 7px 5px 7px 5px; border: 1px solid #181818; }
.forumheader3:hover { background: #000; }

.forumheader4{ color: #a8a8a8; padding: 7px 5px 7px 5px; border: 1px solid #181818; }
.forumheader4:hover { background: #000; }

.finfobar{ padding: 4px; background: #232323; border: 1px solid #181818; border: 1px solid #181818; }

.finfobar a { color: #00ee00; }

.finfobar a:hover { color: #fff; }