/* Connected v1.0 Theme by Samir Kahvedzic ( AkIrA ) */

/* www.akirapowered.com */

/* akira_tim@hotmail.com */

/* 2006 - 2007 */



/* CORE */



* { margin: 0; padding: 0; }

body { 	background-color: #000000;background-image: url(images/page_background.jpg);width: 100%;background-position: top center; background-repeat: repeat-y;

 font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #ccd555; } 

.clear { clear: both; }

img { border: none; }



/* LINK STYLES */



a { color: gold; font-weight: bold; text-decoration: none; }

a:hover { color: red; text-decoration: underline; }



ul {list-style-type: 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 STYLES */



h1, h2, h3, h4, h5, h6 { margin: 0; color: #8eb4bd; font-size: 9px; padding: 7px 4px 0px 27px; 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: 1000px; background: #030303 url(images/w_l.png) repeat-y left; }

#wrapper2 { background: url(images/w_r.png) repeat-y right; }



/* HEADER ROTATOR */



#rotator_m {background: url(images/banners/rotate.php) no-repeat center top;  width: 987px;  height: 200px; margin-left: 7px;}

#rotator_f {background: url(images/banners/rotate.php) no-repeat center top;  width: 987px;  height: 115px; margin-left: 7px;}





/* LOGO AREA */



#logo_m {width: 787px; height: 150px; float: left; margin-top: 25px}

#logo_f {width: 900px; height: 65px; float: left; margin-top: 25px}



/* Show Upcoming Raids -quickinfo- */



#quickinfo {width: 200px; height: 150px; float: right; margin-top: 25px}



/* Recruitment Status */

#recruit { width: 100%; font-size: 12px;}
#recruit ul { list-style: none; margin: 0; padding: 0; }
#recruit li { display: block; padding: 1px 2px; background: #121007; margin: 1px 0; }

.deathknight { color: red;}
.druid { color: #FF7C0A; }
.hunter{ color: #AAD372; }
.mage { color: #68CCEF; }
.paladin { color: #F48CBA; }
.shaman { color: #1b83ec; }
.priest { color: #FFFFFF; }
.rogue { color: #FFF468; }
.warlock { color: #9382C9; }
.warrior { color: #C69B6D; }
.full { color: #666666; }
.open { color: green;}

/* content */



#content { padding: 4px 14px; }



/* left area */



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



/* navigation */



#nav {}

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



/* central area */



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



/* central areas */



#area1 { width: 587px; 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 */



.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: cyan; }

.ninfo { font-size: 10px; color: #FFFF33; 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 {margin: 0 auto; padding: 7px 0px; width: 1000px; color: #fff; text-align: center; }





/* E107 STYLES */



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

.indentchat:hover { color: #fff; }



.indent { padding: 4px; margin: 2px; background: #800000 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: #707070; text-align: center; font-weight: bold; font-size: 10px; } 



.small { font: 10px; color: #999933; }

.smalltext { font: 10px; color: #999933; }

.smallbottom { font-size: 10px; color: #999933; text-align:left; }

.smallblacktext { color: #545353; font-size: 10px; }

.defaulttext { color: #fff; }



.tbox { color: #bababa; background: #000; font-weight: bold; font-size: 11px; border: 1px solid #000; margin: 2px auto; padding: 2px; }

.tbox:focus { border: 1px solid #707070; }

.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: gold; background: url(images/m_top_b.png) repeat-x top; font: 12px; min-height: 20px; }



.fcaption span.smalltext{ color: color: #993333; }

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

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

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

a.forumlink{ color: color: #993333; 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: cyan; background: #272727 url(images/fhead.png) repeat-x top; text-transform: uppercase; }



.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; }