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

/* CORE */

	* { margin: 0; padding: 0; }

	html, body { height: 100%; }
	
	body { background: #fdfdfd url(images/bg.png) repeat-x top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #766754; }

	.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 #1a4ee1; }


/* LINK STYLES */

	a { color: #ff6a14; font-weight: bold; text-decoration: none; }
	a:hover { color: black; 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 */

	.topline { height: 17px; margin-bottom: 17px; background: url(images/topline.png) repeat-x; }
	.m_text { padding: 10px; }
        .rwrapp { background: #7c7a65; margin-bottom: 17px; padding: 20px; color: white; }

/* TYPOGRAPHY */

	p { margin: 17px 0px 0px 0px; }

	acronym { cursor: help; border-bottom: 1px solid #1a4ee1; }

	blockquote, .indent { margin: 15px; padding: 0 0 0 32px; border-left: 5px solid #1a4ee1; color: #000; font-style: italic; }

	ul, ol { margin: 17px 30px; padding: 11px 17px;	} /* list styles */

	h2 { margin: 0px 0px 7px 0px; font-size: 16px; font-weight: bold; color: #ff6a14; }

	h3 { margin: 0; padding: 20px 20px 0px 20px; text-align: center; font-size: 14px; }
        
        h4 { margin: 7px 0px 7px 0px; font-size: 15px; font-weight: bold; color:  #fb3b36; }
	
/* LAYOUT START */

	#wrapp { margin: 0px auto -34px auto; min-height: 100%; width: 783px; background: url(images/wrapp.png) repeat-y; }
	#wrapp2 { min-height: 100%; padding: 30px 30px 34px 30px; background: url(images/wrapp2.png) no-repeat top; }

/* HEADER */

	#logo { height: 47px; }
	#sbox { float: right; padding: 11px 20px 0px 0px; }
	#header { height: 191px; background: url(images/header.png) no-repeat; }

/* NAVIGATION */

	#nav { height: 20px; margin: 7px 0px 14px 0px; }
	#nav ul { margin: 0px; padding: 0px; }
	#nav li { margin: 0px; padding: 0px; list-style: none; display: inline; }
	#nav a { padding: 0px; margin-left: 11px; display: block; font-size: 10px; font-family: Arial Black; text-align: center; float: left; letter-spacing: -1px; text-transform: uppercase; }
	#nav a:hover { text-decoration: underline; }
        .on a { text-decoration: underline; color: black; }

/* CONTENT HOLDERS */

	#content { padding: 10px 0px; }
	#la, #ra, #la2, #ra2 { display: inline; overflow: visible !important /*Firefox*/; overflow: hidden /*IE6*/; float: left; }
	#la { width: 544px; }
        #la2 { width: 477px; }
	#ra { border: 5px solid #E9E1D4; width: 160px; background: #ffffff; margin-left: 9px; color: #6e765f; text-shadow: #c7cfb8 1px 1px 1px; }
        #ra2 { width: 220px; margin-left: 20px; }
	#rbot { padding: 11px 0px; }
	#rtopl {  }
        #intro { height: 219px; padding: 177px 0px 0px 120px; background: url(images/intro.png) no-repeat; }
        .inel { float: left; margin-right: 17px; }

/* FOOTER */

	#footer { margin: 0px auto; width: 783px; background: url(images/wrapp.png) repeat-y; }
	#disclaimer { margin: 0px 30px; padding: 7px 17px; background: #f0f0f0; }

/* E107 STYLES */

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

	.button { padding: 2px 7px; margin: 4px auto; background: #fbac1b url(images/button.png) repeat-x top; border: 1px solid #f88b12; color: white; text-align: center; font-size: 11px; font-weight: bold; cursor: pointer; text-shadow: #fd8419 1px 1px 1px; } 
	.button:hover { background: #f88b12; }

	.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 #e9d7c3; margin: 4px 7px; padding: 2px 7px; }
	.tbox:focus { border: 1px solid #000; color: #000; }
	.chatbox { width: 96%; margin: 2px auto; }

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

/* FORUM STYLES */

	.fcaption { padding: 4px; color: #787878; background: url(images/fcap.jpg) repeat-x top; 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: 4px solid #4a85eb; font-size: 14px; font-weight: bold; color: #4a85eb; }
	.forumheader2, .forumheader3, .forumheader4 { padding: 11px 4px; }
	.finfobar { padding: 2px 4px; border-bottom: 1px solid #d9d9d9; }