/* ---------------------------------------------
4uk4e Screen 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: #9c0;
}
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: #390; 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; color: #fff; }
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; }


/* Layout
--------------------------------------------- */
#page { background: #9c0; min-width: 980px; }
	#wrapper { background: #fff url(main-left-bg.gif) 0 0 repeat-y; }
		#wrapper-inner { background: url(main-right-bg.gif) 100% 0 repeat-y; }
#main { margin: 0 20px; }
	#content { float: left; width: 100%; }
		#content-inner { margin-right: 21%; padding-right: 25px; }
	#sidebar { float: right; width: 21%; margin: -10px 0 0 -21%; }


/* Header
--------------------------------------------- */
#header { background: url(main-top-bg.gif) 0 0 repeat-x; }
	#header-inner { padding-right: 33px; background: url(main-topl-bg.gif) 0 0 no-repeat; }
		#header-inner2 { background: url(header-bg-60.jpg) 100% 22px no-repeat; }
			#header-search { position: relative; height: 53px; margin-right: -33px; background: url(main-topr-bg.gif) 100% 0 no-repeat; }
				#header-search form { float: right; width: 387px; height: 45px; padding: 8px 0 0; white-space: nowrap; overflow: hidden; }
					.s-input { width: 271px; border: 1px solid #690; padding: 1px 5px 2px 22px; background: #fff url(icon-search.gif) 6px 3px no-repeat; }
					.s-button { font-size: 1.3em; border: 1px solid #699d02; padding: 0 15px 1px; margin-left: 5px; background: #d5ff85; }
				#logo { position: relative; float: left; width: 208px; height: 105px; background: url(logo.png) 0 0 no-repeat; margin: -8px 0 0 45px; text-indent: -9999px; overflow: hidden; cursor: pointer; }
				#control-panel { position: relative; float: right; font-size: 1.2em; color: #fff; margin-right: 15px; width: 298px; height: 120px; }
					#avatar { position: absolute; left: -101px; top: -7px; width: 119px; height: 119px; background: url(avatar.png) 0 0 no-repeat; }
						#avatar table, #avatar td { width: 119px; height: 119px; vertical-align: middle; text-align: center; }
							#avatar td { width: 118px; padding-left: 1px;}
					#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: #fff; 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 { height: 110px; padding-top: 17px; margin: 0 -18px 0 13px; }
					#header-nav-inner { height: 110px; background: url(header-nav-m.gif) 0 0 repeat-x; }
						#header-nav-inner2 { height: 110px; background: url(header-nav-l.gif) 0 0 no-repeat; }
							#header-nav-inner3 { height: 84px; padding-top: 26px; background: url(header-nav-r.gif) 100% 0 no-repeat; overflow: hidden; }
								#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: #fff; font-size: 1.6em; text-decoration: none; }


/* Content
--------------------------------------------- */
#speedbar { line-height: 22px; color: #360; background: #eef7d6 url(speedbar.gif) 0 0 repeat-y; margin: 5px -60px 0 -20px; padding: 0 80px 0 27px; }
	#speedbar a { color: #360; text-decoration: none; }
		#speedbar a:hover { text-decoration: underline; }
.btitle { position: relative; font-size: 1.6em; background: url(block-titlet-bg.gif) 100% 0 no-repeat; padding-top: 15px; white-space: nowrap; overflow: hidden; }
	#content-inner .btitle { font-size: 1.5em; background: url(block-titlet-bg.gif) 30px 0 no-repeat; }
	.btitle div { height: 26px; line-height: 22px; background: #91cf19 url(block-title-bg.gif) 0 0 repeat-x; overflow: hidden; }
		.btitle div span { display: block; height: 26px; color: #fff; background: url(block-titler-bg.gif) 100% 0 no-repeat; padding-left: 22px; }
.block { border: 2px solid #94d01f; 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 #91cf19; }
		.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; }
.ads1 { text-align: center; padding: 15px 10px; }
.ads2 { text-align: center; padding: 15px 0 10px; }
.foot-banners { padding: 15px 30px 30px; text-align: center; }
.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; }

#dropmenudiv { border: 1px solid #fff; border-bottom-width: 0; font: 10px Verdana; background: #62a31d; line-height: 20px; margin: 2px; filter: alpha(opacity=95, enabled=1) progid:DXImageTransform.Microsoft.Shadow(color=#cacaca, direction=135, strength=5); }
	#dropmenudiv a { display: block; text-indent: 3px; border: 1px solid #fff; padding: 1px 0; margin: 1px; color: #fff; text-decoration: none; font-weight: bold; }
		#dropmenudiv a:hover { background: #91cf19; }

.highslide-image-blur {}
.highslide-html-content {position: absolute; display: none}
.highslide-display-block {display: block}
.highslide-display-none {display: none}
.highslide-loading {display: block; color:#fff; font-size:9px; font-weight:bold; text-decoration:none; padding:3px 5px; border: 1px solid #fff; background: #62a31d; }
.highslide-body, #newpmheader, .highslide-move { background: #fff; font-size: 1.1em; }

/* 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%; color: #390; }
		.calendar th { width: 14%; color: #91cf19; padding-top: 7px; }
		.calendar td { width: 14%; line-height: 13px; }
		.monthlink { text-decoration: none; }


/* Footer
--------------------------------------------- */
#footer { color: #fff; padding-bottom: 8px; background: url(main-bottom-bg.gif) 0 0 repeat-x; }
	#footer-inner { background: url(main-bottoml-bg.gif) 0 0 no-repeat; }
		#footer-inner ul { padding: 15px 0 18px; text-align: center; background: url(main-bottomr-bg.gif) 100% 0 no-repeat; }
			#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: #fff; }

/* hacks */
@-moz-document url-prefix() { 
	.s-button { padding: 0 13px; }
	#logo { margin-left: 50px; }
	#control-panel form input { width: 95%; }
}


.clouds_xsmall {
	font-size: x-small;
}
.clouds_small {
	font-size: small;
}
.clouds_medium {
	font-size: medium;
}
.clouds_large {
	font-size: large;
}
.clouds_xlarge {
	font-size: x-large;
}