/* SHOCKED Theme v1.0 by Samir Kahvedzic ( AkIrA ) */
/* www.akirapowered.com */
/* akira_tim@hotmail.com */
/* 2006 - 2007 */

/* CORE */

* { margin: 0; padding: 0; }
body { background: #000000; font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #000; }
.clear { clear: both; }

/* LINK STYLES */

a { color: #707070; font-weight: bold; text-decoration: none; }
a:hover { color: #000; 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: #000; font-size: 11px; padding: 4px 7px; text-align: left; }

.menubord { border: 1px solid #fff; margin-bottom: 4px; }
.menu_top { height: 20px; background: url(images/m_top.png) repeat-x bottom; }
.menu_text { background: #fff; color: #000; padding: 7px 4px; }
#leftarea .menu_text { background: #000; color: #fff; }
#leftarea a, #disclaimer a, #uacc a, .indentchat a { color: #f3c500; }
#disclaimer .menu_text { background: #000; color: #fff; }

/* THEME LAYOUT */

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

/* header */

#header { background: url(images/header.png) no-repeat left top; height: 147px; }

/* content */

#content { margin: 0 7px; background: #cbcbcb; }

/* navigation */

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

#navigation a { background: url(images/navab.png) no-repeat right; padding: 14px 11px 0px 11px; color: #999999; text-transform: lowercase; text-align: center; float: left; height: 25px; }
#navigation a:hover { color: #fff; }

#ua { background: url(images/ua.png) no-repeat left top; height: 39px; width: 200px; float: right; }

/* top */

#top {}

/* advertise */

#advertise { width: 652px; height: 82px; float: left; background: #cbcbcb; border: 1px solid #fff; padding: 4px; }

/* user account */

#uacc { width: 207px; height: 91px; float: right; background: #cbcbcb; border: 1px solid #fff; border-top: none; padding: 0px 2px 0px 2px; } 
#uaccb { background: url(images/uaccb.png) repeat-x top; height: 89px; padding: 0px 4px; color: #fff; text-align: center; }
#uaccb li { list-style: none; display: block; text-align: center; }
.sitelogin { width: 91px; height: 31px; border: none; background: url(images/uacc/login.png) no-repeat; }

/* main */

#main { padding: 4px; }

/* left area */

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


/* central area */

#central  { width: 572px; float: right; display: inline; overflow: visible !important /*Firefox*/; overflow: hidden /*IE6*/; }

/* central areas */

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

/* NEWS STYLES */

.title { font-size: 14px; font-weight: bold; background: url(images/m_top.png) repeat-x bottom; color: #000; padding: 2px 4px; } 
.summary { font-size: 11px; font-weight: normal; font-style: italic; color: #afafaf; text-align: right; }
.newsimage { text-align: center; background: #fff; padding: 4px 0px; }
.story { padding: 0px 4px 4px 4px; background: #fff; }
.comments { padding: 2px 4px; text-align: right; background: #eeeeee; }
.ncomment { font-style: italic; text-align: right; background: #343434; padding: 2px 4px; }

/* bottom wrapp */

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

/* E107 STYLES */

.indentchat { padding: 4px; text-align: left; background: #000; 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: #fff url(images/button.png) repeat-x bottom; border: 1px solid #dedede; color: #485063; 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: #000; background: #fff url(images/tbox.png) repeat-x top; font-weight: bold; font-size: 11px; border: 1px solid #dedede; margin: 2px auto; padding: 2px; }
.tbox:focus { border: 1px solid #000; }
.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: #f8f8f8; }

.fdata { text-align: center; border: none; background: #f8f8f8; padding: 7px 4px; border-top: 1px solid #dedede; }

.fcaption { padding: 4px; color: #787878; background: url(images/fcap.jpg); 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 #dedede; margin: 4px 0 4px 0; }

.forumheader { padding: 2px 4px 0px 4px; font-weight: bold; color: #000; background: url(images/fcap2.gif) repeat-x; }

.forumheader2 { padding: 7px 5px 7px 5px; border: 1px solid #dedede; background: #f8f8f8; }
	
.forumheader3 { padding: 7px 5px 7px 5px; border: 1px solid #dedede; background: #fff; }

.forumheader4 { padding: 7px 5px 7px 5px; border: 1px solid #dedede; background: #f8f8f8; }

.finfobar { padding: 2px 4px 0px 4px; background: url(images/fcap.jpg); border: 1px solid #dedede; }
.finfobar a { color: #004a7e; font-weight: bold; }
.finfobar a:hover { color: #065e9c; }