/**********************************************/
/*                                            */
/* PROJECT1 Theme by Mitja (PiyoniR)  */
/* http://akirapowered.org                    */
/* piyonir@gmail.com                     */
/* 2006 - 2009.                               */
/*                                            */
/**********************************************/

/* CORE */

	* { margin: 0; padding: 0; }
	body { background: #393939; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #2a2a2a; }
	.clear { clear: both; } /* clear floats */
	img { border: none; } 
	input { margin: 2px 4px; }

/* PLUGIN MENU STYLE */

	.m_wrapp { border: 1px solid #dadada; background: white; padding: 1px; margin-bottom: 10px; }
	.m_wrappbg { background: url(images/mwrappbg.png) repeat-x top; }
	.m_wrappl { background: url(images/mwrappl.png) no-repeat left top; }
	.m_wrappr { background: url(images/mwrappr.png) no-repeat right top; }
	.m_text { padding: 7px }
	
/* 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: #810909; font-weight: bold; text-decoration: none; }
	a:hover { color: #323232; 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; }
	
/* TYPOGRAPHY */

	p { margin: 10px 0px 10px 0px; }
	acronym { cursor: help; border-bottom: 1px solid #1a4ee1; }
	blockquote, .indent { margin: 15px; padding: 0 0 0 32px; border-left: 5px solid #EAEAEA; 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: 14px; color: #900000; }
	#myGallery h2 { color: #fff; font-size: 16px; }
	h3 { padding: 0px 5px 10px 25px; color: #989898; font-size: 11px; }
   h4 { margin: 0px 0px 7px 0px; font-size: 16px; color: #900000; }

	
/* LAYOUT START */

	#wrapp { margin: 0 auto; width: 1288px; background: url(images/wrapp2bg.png) repeat-y; }
	#wrapp2 {padding: 56px 147px 0px 147px; background: url(images/background.png) no-repeat top; }
	#content {background: url(images/contentbg.png) repeat-y;}
	#wrappin { padding: 0px 10px; }
	#wrappin2 { padding: 10px 10px 0px 10px; }

/* HEADER */

	#header { height: 120px; background: url(images/header.png) no-repeat;}
	
/* FOOTER */
	
	#footbg { background: #393939 ; padding: 0px 147px; }
	#footline { height: 100px;  font-size: 11px; color: #333333; background: url(images/footerbg.png) no-repeat top;  text-align: center; vertical-align: text-bottom;}

	
/* NAVIGATION */

	#nav { height:39px; background: url(images/navbg.png) no-repeat left;}
	#nav ul { margin-left: 5px; padding: 0px; }
	#nav li { margin-left: 5px; padding: 0px; list-style: none; display: inline; float: left; }
	#nav a { padding: 5px 17px 11px 17px; display: block; text-align: center; }
	.off a { color: White; font-size: 14px; }
	.off a:hover { color: white; text-decoration: underline; }
	.on { background: url(images/navonl.png) no-repeat left top; }
    .on a { color: white; font-size: 14px; background: url(images/navonr.png) no-repeat right top;  }
    .on a:hover { text-decoration: none; }
    
    .off .d_sublink, .on .d_sublink { display: none; position: absolute; top: 244px; padding: 0px 7px;  }
	.off .d_sublink a { display: none; }
    .on .d_sublink { display: block; }
	.d_sublink a { font-size: 12px; padding: 0px 7px; background: none; font-weight: normal; color: white; }
	.d_sublink a:hover { text-decoration: underline; } 
    	.subon a { display: block; text-decoration: underline; }

/* PLUGIN HOLDERS */

	#la, #ra, #mh, #mh2 { display: inline; overflow: visible !important /*Firefox*/; overflow: hidden /*IE6*/; float: left; }
	#la { width: 744px; }
	#ra { width: 200px; margin-left: 10px; float:right;}
	#mh { width: 367px; }
	#mh2 { width: 367px; margin-left: 10px; }
	
/* NEWS STYLES */
	
	.nwrapp {}
	.nitem { float: left; width: 280px; margin-right: 20px; }
	.nitem2 { float: right; width: 280px; }
	.nimg { float: left; margin: 10px 10px 0px 0px; }
	.more { float: right; width: 24px; }
	.ncomment { margin: 7px 0px; padding: 2px 4px; background: #eeeeee; font-size: 11px; color: #999999; }
	
/* 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:#666; color:#FFF}
	#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: #fff url(images/button.png) repeat-x bottom; border: 1px solid #d9d9d9; text-align: center; font-size: 11px; 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: #fff url(images/tbox.png) repeat-x top; font-weight: bold; font-size: 11px; border: 1px solid #d9d9d9; margin: 4px 7px; padding: 4px; }
	.tbox:focus { border: 1px solid #000; color: #000; }
	.chatbox { width: 96%; margin: 2px auto; }
	.cboxtitle { margin-top: 7px; padding: 2px 7px; background: #eeeeee; 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: #eeeeee; font: 11px; }
	.fborder { margin: 7px 0 7px 0; padding: 4px; }
	.forumheader { padding: 7px 4px 4px 4px; background: #fff url(images/cbg.png) repeat-x top; border-bottom: 2px solid #d9d9d9;  }
	.forumheader2, .forumheader3, .forumheader4 { padding: 11px 4px; }
	.finfobar { padding: 2px 4px; background: #eeeeee; font-size: 11px; color: #999999; }

/* LOGIN STYLES */
	#uacc {float: right; width: 180px; height: 72px; padding: 40px 29px 0px 0px; }
	#uaccb {float: right; padding: 40px 80px 0px 0px; text-align: left;}
	.tboxu {width: 100px; border: 1px solid Silver;}
	.tboxu:focus {border: 1px solid Black;}
	.tboxp {width: 100px; border: 1px solid Silver;}
	.tboxp:focus {border: 1px solid Black;}