/* ---------------------------------------------
4uk4e Print Stylesheet

Version:        1.0
Last change:    21/06/08
Author:         Andrey Rublev
    Website:    www.greeza.net
    ICQ:        111-577
    E-mail:     greezu@ya.ru
--------------------------------------------- */


/* Global
--------------------------------------------- */
* { padding: 0; margin: 0; }

html, body { width: 100%; height: 100%; }
html { font-size: 100.01%; }
body{
	width: 100%;
	color: #333;
	font: 62.5%/1.5 Tahoma, Arial;
	text-align: left;
	background: #fff;
}
label { cursor: pointer; }
img { border: 0; vertical-align: middle; }
div { vertical-align: top; }
ul { list-style: none; }

/* Tables */
table, td { border-collapse: collapse; border-spacing:0; vertical-align: top; }

/* Inputs */
input, select, textarea { 
	font-size: 1.1em;
	font-family: Tahoma, Arial;
	color: #111;
	background: #fff;
	border: 1px solid #cecece;
	padding: 1px 5px 2px;
	margin: 0;
}
.zero, button  { border: 0; padding: 0; }
button { margin: 0; background: none; text-align: center; cursor: pointer; }
label { cursor: pointer; }
fieldset { text-align: left; border: 1px solid #ccc; padding: 5px 8px; margin: 5px 0; }

/* Links */
a { color: #444; text-decoration: underline; }
	a:active { outline: none; }
	a:hover { text-decoration: none; }
	a:focus { -moz-outline-style: none; }

/* Clearfix */
.clear { clear: both; }
.clearfix { overflow: hidden; min-height: 1%; }

/* Headlines */
h1, h2 { display: inline; font-size: 1em; font-weight: normal; }
h3 { font-size: 1.8em; font-weight: normal; color: #666; padding: 0 0 10px; }

/* Font sizes */
.f1 { font-size: 1.1em; }
.f2 { font-size: 1.2em; }

#header-search, #avatar, #speedbar, .ads1, .ads2 { display: none; }


/* Layout
--------------------------------------------- */
#main { margin: 10px 20px 0; }
	#content { float: left; width: 100%; }
		#content-inner { margin-right: 21%; padding-right: 25px; }
	#sidebar { float: right; width: 21%; margin-left: -21%; }


/* Header
--------------------------------------------- */
			#header-inner { padding: 10px 33px 0 0;}
				#logo { position: relative; float: left; margin: 20px 0 0 70px; font-size: 3.4em; }
				#control-panel { position: relative; background: #f9f9f9; float: right; font-size: 1.2em; color: #444; margin-right: 15px; width: 298px; height: 120px; }
					#control-panel .title { height: 22px; line-height: 20px; text-align: center; margin-left: -15px; overflow: hidden; }
						html:first-child #control-panel .title { padding: 0px 0 0 0; }
					#control-panel a, .btitle a, #control-panel li b a:hover { color: #444; text-decoration: none; }
						#control-panel a:hover, .btitle a:hover, .bfoot a:hover, #control-panel li b a, #control-panel form a, .topnews a:hover, #header-nav-inner3 a:hover { text-decoration: underline; }
					#control-panel .member { margin-top: 3px; }
						#control-panel .member dt { float: left; width: 43%; text-align: right; }
						#control-panel .member dd { float: right; width: 50%;  }
					#control-panel form { display: block; padding: 11px 15px 0 25px; }
						#control-panel form button {display: block; width: 53px; height: 53px; background: url(guest-button.gif) 0 0 no-repeat; text-indent: -9999px; }
						#control-panel form dl { }
							#control-panel form dt { float: right; width: 53px; margin-left: -53px; }
							#control-panel form dd { margin-right: 68px; }
							#control-panel form table { width: 100%; }
								#control-panel form td { text-align: right; padding-bottom: 5px; }
							#control-panel form input { width: 100%; border: 1px solid #999b94; font-size: .9em; padding: 3px 5px 4px; }
							#control-panel form label { display: block; font-size: 1.1em; padding: 2px 8px 0 0;}
							#control-panel form ul { padding-top: 2px; }
							#control-panel form a { color: #360; font-size: .9em; line-height: .9em; }
								#control-panel form a:hover { text-decoration: none; }
					#control-panel li { line-height: 1.2em; }
						#control-panel li b { display: block; padding-top: 5px; font-size: .9em; }
				#header-nav { background: #f9f9f9; color: #444; margin: 0 -18px 0 13px; }
								#header-nav-inner3 ul { height: 28px; line-height: 28px; text-align: center; white-space: nowrap; overflow: hidden; }
									#header-nav-inner3 li { display: inline; padding: 0 13px; }
								#header-nav-inner3 a { color: #444; font-size: 1.2em; text-decoration: none; }


/* Content
--------------------------------------------- */

.btitle { position: relative; font-size: 1.5em; white-space: nowrap; overflow: hidden; border: 2px solid #999; }
	.btitle div { height: 26px; line-height: 22px; background: #f9f9f9; overflow: hidden; }
		.btitle div span { display: block; height: 26px; padding-left: 25px; }
.block { border: 2px solid #999; border-top-width: 0; padding: 5px 10px 10px; margin-bottom: 25px; }
	#content-inner .block  { margin-bottom: 0; }
.bfoot { padding-left: 5px; margin-bottom: 25px; }
	.bfoot td { border-right: 2px solid #999; }
		.bfoot td.left { padding: 3px 10px 1px 0; }
			.bfoot td.left .rate { width: 170px; }
		.bfoot td.right { width: 100%; color: #666; text-align: right; padding: 3px 5px 1px 10px; white-space: nowrap; overflow: hidden; }
			.bfoot td.right li { display: inline; padding-left: 5px; }
	.bfoot a { text-decoration: none; }
.topnews { padding: 7px 10px 7px; }
	.topnews a { display: block; background: url(arrow1.gif) 0 6px no-repeat; padding: 0 0 4px 11px; text-decoration: none; }
	.topnews br { display: none; }
.voting { padding: 10px 15px; }
	.voting b { display: block; padding-bottom: 7px; }
	.voting input { vertical-align: middle; border: 0; padding: 0; margin: 1px 5px 0 0; }
	.voting button, .inside button, .atitle button, #options button { width: 98px; height: 25px; line-height: 25px; background: #d5d4e1 url(button.gif) 0 0 no-repeat; font-size: 1em; }
	.vote { padding-bottom: 6px; }
.foot-banners { padding: 0; }
.comment { margin: 15px 13px 5px; }
	.com-left { padding: 5px 0 3px; border-right: 1px solid #d9d9d9; }
		.com-left ul { width: 130px; }
			.com-left li { color: #666; }
				.com-left li.pad { padding-top: 15px; }
	.com-right { width: 100%; }
		.comm { padding: 5px 0 3px 22px; }
.inside { padding: 15px 5px 10px; }
	.inside dl, .atitle dl, #options dl { padding: 5px; }
		.inside dt, .atitle dt, #options dt { float: left; width: 20%; margin-right: -20%; }	
		.inside dd, .atitle dd, #options dd { margin-left: 20%; }
			.inside dd input { width: 45%; font-size: 1em; }
			.inside dd textarea { width: 45%; font-size: 1em; height: 100px; }
.atitle 	{ padding: 10px;}
	.atitle .titl { font-size: 1.8em; color: #666; padding-bottom: 15px; }
	.atitle input { width: 250px;}
	.atitle textarea { width: 450px; height: 100px; }

/* pages */	
.navigation { text-align: center; padding: 10px 0; }
	.navigation a { text-decoration: none; color: #fff; background: #62a31d; border: 1px solid #E6E6E6; padding: 3px 7px; }
	.navigation span, .navigation a:hover { text-decoration: none; background: #eee; padding: 3px 7px; border: 1px solid #E6E6E6; color: #333; }

.title_quote, .quote { background: #ffffe6; border-top: 1px solid #F4F0D4; border-right: 1px solid #F4F0D4; border-left: 5px solid #62a31d; padding: 8px 8px 8px 13px; }
	.title_quote { font-weight: bold; color: #222; }
	.quote { margin-bottom: 7px; color: #444; border-bottom: 1px solid #F4F0D4; text-align: justify; }
	.scriptcode { margin: 7px 0; color: #3D3D3D; background: #F8F6E8; border: 1px solid #F4F0D4; border-left: 5px solid #62a31d; padding: 8px 8px 8px 13px; font-family: "Courier New", Courier, monospace; font-size: 12px; line-height: 1.5em; }

/* bbcode */
.bbcodes { height: 23px; background: #62a31d; border: 0; padding: 0 10px; margin: 0 1px; color: #fff; font-weight: bold; font-size: 1em; }
	.bbcodes:focus, .bbcodes:hover { border: 0; }
.editor_button { float: left; cursor: pointer; padding: 0 2px; }
	.editor_buttoncl { float: left; cursor: pointer; padding: 0 1px; border-left: 1px solid #bbb; border-right: 1px solid #bbb; }
.editbclose { float: right; cursor: pointer; }

/* rating */	
.rating, .unit-rating { width: 85px; height: 16px; line-height: 16px; }
.unit-rating li, .unit-rating li a, .unit-rating li.current-rating  { text-indent: -9999px; }
.unit-rating li a, .unit-rating li.current-rating { display: block; position: absolute; height: 16px; }
.unit-rating { list-style: none; position: relative; background: url(../dleimages/rating.gif) 0 0 repeat-x; }
	.unit-rating li { float: left; }
		.unit-rating li a { width: 17px; text-decoration: none; z-index: 17; }
			.unit-rating li a:hover { background: url(../dleimages/rating.gif) 0 50%;  z-index: 2; left: 0px; }
	.unit-rating a.r1-unit { left: 0px; }
	.unit-rating a.r1-unit:hover { width: 17px; }
	.unit-rating a.r2-unit { left: 17px; }
	.unit-rating a.r2-unit:hover { width: 34px; }
	.unit-rating a.r3-unit { left: 34px; }
	.unit-rating a.r3-unit:hover { width: 51px; }
	.unit-rating a.r4-unit { left: 51px; }	
	.unit-rating a.r4-unit:hover { width: 68px; }
	.unit-rating a.r5-unit { left: 68px; }
	.unit-rating a.r5-unit:hover { width: 85px; }
	.unit-rating li.current-rating { background-image: url(../dleimages/rating.gif); background-position: left bottom; z-index: 1; }

/* calendar */
.calend { text-align: center; padding: 0 20px 10px; }
	.calendar { width: 100%; }
		.calendar th { width: 14%; padding-top: 7px; }
		.calendar td { width: 14%; line-height: 13px; }
		.monthlink { text-decoration: none; }


/* Footer
--------------------------------------------- */
#footer { color: #444; padding-bottom: 8px; background: #f9f9f9; }
		#footer-inner ul { padding: 15px 0 18px; text-align: center; }
			#footer-inner li { display: inline; padding: 0 8px; }
		#footer-inner dl { padding: 0 21px; }
			#footer-inner dt { float: left; width: 70%; }
			#footer-inner dd { float: right; width: 25%; text-align: right; }
	#footer a { color: #444; }