/**********************************************/
/*                                            */
/* APBOX Theme by Samir Kahvedzic (AkIrA)  */
/* http://akirapowered.org                    */
/* akirapowered@gmail.com                     */
/* 2006 - 2009.                               */
/*                                            */
/**********************************************/

/* CORE */

	* { margin: 0; padding: 0; }
	body { background: #292a2f url(images/bg.png) repeat-x top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CCCCCC; text-align: center; }
	.clear { clear: both; } /* clear floats */
	img { border: none; } 
	input { margin: 2px 4px; }
	
	/* code block style */

	code { margin: 5px 0; padding: 10px; display: block; overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace; /* white-space: pre; */ background: #FAFAFA; border: 1px solid #EAEAEA; border-left: 5px solid #EAEAEA; }


/* LINK STYLES */

	a { color: white; font-weight: bold; text-decoration: none; }
	a:hover { color: #ccff00; 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; }

/* PLUGIN MENU STYLE */

	.mtop { background: url(images/mtop.png) repeat-x;  }
	.mtopl { background: url(images/mtop_l.png) no-repeat left; }
	.mtopr { background: url(images/mtop_r.png) no-repeat right; height: 56px; }
	.ml { background: #353535 url(images/ml.png) repeat-y left; }
	.mr { background: url(images/mr.png) repeat-y right; }
	.mtext { padding: 7px 27px; }
	.mbot { background: url(images/mbot.png) repeat-x; }
	.mbotl {background: url(images/mbot_l.png) no-repeat left; }
	.mbotr { background: url(images/mbot_r.png) no-repeat right; height: 35px; }

/* NEWS BOX STYLE */

	.ntop { background: url(images/ntop.png) repeat-x;  }
	.ntopl { background: url(images/ntop_l.png) no-repeat left; }
	.ntopr { background: url(images/ntop_r.png) no-repeat right; height: 64px; }
	.nl { background: black url(images/nl.png) repeat-y left; }
	.nr { background: url(images/nr.png) repeat-y right; }
	.nbot { background: url(images/nbot.png) repeat-x; }
	.nbotl {background: url(images/nbot_l.png) no-repeat left; }
	.nbotr { background: url(images/nbot_r.png) no-repeat right; height: 31px; }
	.nimg { float: left; margin: 0px 11px 11px 0px; }
	.more { float: right; }

/* TYPOGRAPHY */

	p { margin: 10px 0px 10px 0px; }
	acronym { cursor: help; border-bottom: 1px solid #ccff00; }
	blockquote, .indent { margin: 15px; padding: 0 0 0 32px; border-left: 5px solid #ccff00; color: #999999; font-style: italic; font-size: 11px; }
	ul, ol { margin: 17px 30px; padding: 11px 17px;	} /* list styles */
	h1 { margin: 0px 0px 17px 0px; font-size: 20px; color: #d6d4ab; }
	h2 { margin: 0px 0px 7px 0px; font-size: 18px; color: #ccff00; }
	#myGallery h2 { color: #fff; font-size: 16px; }
	h3 { padding: 29px  27px 0px 27px;  color: white; font-size: 12px; text-align: center; }
	.ntop h3 { padding: 29px  27px 0px 50px;  text-align: left; }
    	h4 { margin: 0px 0px 7px 0px; font-size: 16px; color: #ccff00; }
	
/* LAYOUT START */

	#topwrapp { width: 1129px; margin: 0 auto; text-align: left; }
	#wrapp { margin: 0 auto; width: 1004px; text-align: left; }

/* HEADER */

	#topbox { height: 50px; background: url(images/topbox.png) no-repeat; }
	#header { height: 146px; background: url(images/header.png) no-repeat; }

/* ACCOUNT BOX */

	#acc { padding: 14px 102px; font-size: 10px; }
	#acc li { list-style: none; display: inline; float: left; margin-right: 11px; }
	.accbox { width: 198px; height: 22px; line-height: 22px; margin-right: 7px; padding: 0px 4px; background: url(images/accbox.png) no-repeat; float: left; }
	.accbox:hover { background: url(images/accboxhov.png) no-repeat; }
	.accinp { width: 129px; height: 14px; margin: 4px 0px 0px 10px; color: #ccff00; font-size: 10px; background: none; border: none; }
	.loginbut { width: 70px; height: 20px; border: none; background: url(images/login.png) no-repeat; cursor: pointer; }

/* NAVIGATION */

	#nav { height: 61px; background: url(images/navb.png) no-repeat; }
	#nav ul { margin: 0px; padding: 0px 104px; }
	#nav li { margin: 0px; padding: 0px; list-style: none; display: inline; float: left; }
	#nav a { padding: 11px 17px 16px 17px; display: block; text-align: center; }
	.off a { color: #CCCCCC; font-size: 14px; background: url(images/navsep.png) no-repeat right top; }
	.off a:hover { color: white; text-decoration: underline; }
	.on { background: url(images/navon.png) repeat-x; }
    	.on a { color: #ccff00; font-size: 14px; background: url(images/navonr.png) no-repeat right top;  }
   	.on a:hover { text-decoration: none; }

/* PLUGIN HOLDERS */

	#la, #ra, #ca, #ca2 { display: inline; overflow: visible !important /*Firefox*/; overflow: hidden /*IE6*/; float: left; }
	#la, #ra { width: 240px; }
	#ca { width: 520px; }
	#ca2 { width: 760px; }
	
/* FOOTER */
	
	#footbg { background: #111111 ; padding: 0px 154px; }
	#footline { height: 40px;  padding: 27px 0px; font-size: 11px; color: #333333; background: url(images/footline.png) repeat-x top; }

/* TOOLTIPS */

	#text {margin:50px auto; width:500px}
	.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}
	#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
	#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
	#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background: #ccff00; color: black; }
	#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}

/* E107 STYLES */

	.indentchat { border: 1px solid #bababa; margin: 4px 0 4px 0; text-align: left; background: #efefef; color: #000; }

	.button { padding: 2px 7px; margin: 2px auto; background: #262626; border: 1px solid #363636; text-align: center; font-size: 11px; color: #666666; font-weight: bold; cursor: pointer; } 
	.button:hover { background: #111111; color: white; }
	.small { font-size: 10px; color: #999999; }
	.smalltext { font-size: 10px; color: #999999; }
	.smallbottom { font-size: 10px; color: #999999; text-align:left; }
	.smallblacktext { color: #999999; font-size: 10px; }

	.tbox { color: #bababa; background: #1e1e1e; font-weight: bold; font-size: 11px; border: 1px solid #464545; margin: 4px 7px; padding: 0px 2px; }
	.tbox:focus { border: 1px solid #ccff00; color: #ccff00; }
	.chatbox { width: 96%; margin: 2px auto; }
	.cboxtitle { margin-top: 7px; padding: 2px 7px; background: #262626; color: white; }
	.cboxmessage { padding: 4px; }

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

/* FORUM STYLES */

	.fcaption { padding: 4px; background: #1e1e1e;  }
	.fborder { margin: 7px 0 7px 0; padding: 4px; }
	.forumheader { padding: 7px 4px 4px 4px; border-bottom: 2px solid #ccff00;  }
	.forumheader2, .forumheader3, .forumheader4 { padding: 11px 4px; }
	.finfobar { padding: 2px 4px; background:  #1e1e1e; font-size: 11px; color: #999999; }