/* ----------------------------------------------------------
Xyu.ru Screen Stylesheet

date:      26/03/08
author:    Andrey M (Greeze)
website:   www.greeza.net
email:     greezu@ya.ru
---------------------------------------------------------- */


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

html, body { height: 100%; }
	
body { line-height: 18px; font-family: Tahoma, Verdana, Arial, sans-serif; color: #555; font-size: 12px; text-align: left; background: #fafafa; }

* html body { behavior:url("/templates/dickens/greeze/csshover.htc"); }

input, select, textarea { border: 1px solid #E6E6E6; background: #fff; color: #444; padding: 3px 5px; font-size: 12px; font-family: Tahoma, Verdana; }
button { border: 0; padding: 0; cursor: pointer; font-size: 11px; font-family: Verdana, Tahoma; padding: 2px 0; color: #fff; } 

ul { list-style: none; }
img { border: 0; vertical-align: middle; }
div { vertical-align: top; }
table { width: 100%; }
table, td { border-collapse: collapse; border-spacing:0; vertical-align: top; }
fieldset { border: 1px solid #ccc; padding: 5px; }

a { color: #779608; text-decoration: underline; }
a:active { outline:none; }
a:focus { -moz-outline-style:none; }
a:hover { text-decoration:none; }

::selection { background: #888236; color: #fff; }
::-moz-selection { background: #888236; color: #fff; }


/* Structure
---------------------------------------------------------- */
#wrapper { min-width: 900px; max-width: 1400px; width: 95%; margin: 0 auto; background:#fff; border-left: 1px solid #C8C7A1; border-right: 1px solid #C8C7A1; }
* html #wrapper { width: expression((document.compatMode && document.compatMode == 'CSS1Compat') ? (document.documentElement.clientWidth < 900 ? "900px" : (document.documentElement.clientWidth > 1400 ? "1400px" : "95%")) : (document.body.clientWidth < 900 ? "900px" : (document.body.clientWidth > 1400 ? "1400px" : "95%"))); }

#container { border-left: 250px solid #E3E4DC; }
#main { margin-left: -250px; border-left: 249px solid #F6F7F3; }
#sidebar {width: 249px; padding-left: 1px; float: left; margin-left: -250px; }
* html #sidebar { margin-left: -125px; }
#content { padding: 25px 0 50px 20px; }


/* Header
---------------------------------------------------------- */
#header-links { border-bottom: 1px solid #E3E4D8; background: #F7F7F2; padding: 7px 15px; }
#header-links a { color: #6F6466; margin: 0 6px; }
#header-links ul { float: right; white-space: nowrap; text-align: right; }
#header-links li { display: inline; }

#header { background: #fff; padding: 0 10px 0 20px; text-align: right; }
#header .guest { padding: 30px 0 40px 0; }
#header .guest li { display: inline; font-size: 20px; padding-left: 11px; }
#header .guest a { color: #779608; }
#header .guest img { padding: 0 10px; }

#header .member { padding: 20px 0 30px 0; }
#header .member li { display:block; padding: 7px 0; }
#header .member li span { font-size: 11px; }

#header #logo { float: left; width: 250px; height: 141px; margin-top: 15px; background: url(logo.jpg) 0 0 no-repeat; }
#header #logo strong { display: none; }

#header .search { padding: 3px 5px 3px 25px; margin-right: 10px; width: 150px; border: 1px solid #e3e4dc; background: #fff url(search.gif) 3px 6px no-repeat; }
#header button { font-size: 10px; padding: 0; height: 23px; background: #f7f8f2; border: 1px solid #e3e4dc; color: #6e6965; margin-right: 5px; width: 60px; }
html:first-child #header button { vertical-align: middle; }

#header-nav { display: block; clear: both; background: #ECE9D4; border-top: 1px solid #C8C7A1; border-bottom: 1px solid #E3E4D8; font-size: 20px; padding: 15px 0; text-align: center; }
#header-nav li { display: inline; margin: 0 8px; }
#header-nav a { color: #3E3C22; }
* html #header-nav { padding: 5px 0 15px 0; }
*+html #header-nav { padding: 5px 0 15px 0; }

.speedbar { background: #F7F8F2; line-height: 20px; border-bottom: 1px solid #E3E4DC; padding: 7px 15px 7px 25px; color: #7E7A64; font-size: 11px; font-family: Verdana, Arial; }
.speedbar a { color: #7E7A64; text-decoration: none; }
.speedbar a:hover { text-decoration: underline; }

.entry { width: 250px;  overflow: visible;padding: 50px 10px 15px 10px; border: 1px solid #3E3C22; background-color: #fff; position: absolute; top: 30%; left: 45%; z-index: 55; }
html:root .entry  { top:20%; left: 50%; }
.entry dl { clear: both; display: block; }
.entry dt { float: left; width: 25%; padding: 5px 0; }
.entry dd { float: left; width: 70%; padding: 5px 0; }
.entry dd a { padding-right: 20px; }
.entry input { width:85%; padding: 3px 5px; }

.auth { position: absolute; left: 15px; top: 10px; font: 18px Verdana; color: #2588b2; }
.close { position: absolute; right: 15px; top: 10px; }


/* Sidebar
---------------------------------------------------------- */
.tblock { font-size: 18px; margin-right: -1px; color: #3E3C22; padding: 10px 0 12px 0; text-align: center; background: #EFE8D5; border-bottom: 1px solid #C8C7A1; border-right: 1px solid #E3E4DC;}
* html .tblock  { position: relative; zoom: 1; }

.block { margin-right: -1px; background: #F6F7F3; border-right: 1px solid #E3E4DC; }
* html .block  { position: relative; zoom: 1; }

.block a { color: #444; border-bottom: 1px solid #888; text-decoration: none; }
.block a:hover { border-bottom: 0; }
.block ul { display: block; }

.topnews li { display: block; background: url(arrow2.gif) 13px 15px no-repeat; line-height: 20px; border-bottom: 1px solid #E3E4DC; padding: 7px 15px 7px 35px; }

.friends li { background: url(pointer.gif) 13px 15px no-repeat; }
.friends a { color: #B5220C; border-bottom: 0; }
.friends a:hover { text-decoration: underline; }

.spacer { height: 100px; margin-right: -1px; background: #F6F7F3; border-right: 1px solid #E3E4DC; }
* html .spacer { position: relative; zoom: 1; }

.archive a { display: block; color: #0069AB; border-bottom: 1px solid #E0DED1; text-decoration: none; padding: 5px 15px; }
.archive a:hover { border-bottom: 1px solid #E0DED1; text-decoration: underline; }
.archive br { display: none; }

.voting { padding: 10px 15px; }
.voting b { color: #111; }
.voting input { border: 0; background: #fff; margin-right: 5px; }
* html .voting input { background: none; vertical-align: middle; }
*+html .voting input { background: none; vertical-align: middle; }
html:root .voting input { vertical-align: middle; }
.voting button { background: #888236; border: 1px solid #E3E4DC; color: #fff; height: 22px; width: 100px; }
* html .voting button { line-height: 15px; }
*+html .voting button { line-height: 15px; }
.vote { padding: 2px 0; }
html:root .vote { padding: 5px 0; }
.voting  .button { text-align: center; padding-bottom: 2px; }

.cal { padding: 10px; color: #555; }
.cal b, .monthlink { color: #3E3C22; }
.weekday { color: #000; }
.calendar td, th { padding: 3px 0; text-align: center; font-size: 11px; font-family: Verdana, Tahoma; }
* html .calendar td, th { padding: 4px 0 2px 3px; }
*+html .calendar td, th { padding: 4px 0 2px 3px; }

.avnews { border: 4px solid #F6F7F3; width: 22px; height: 22px; background: url(dark.gif) 50% 50% no-repeat; }
.nonews { border: 4px solid #F6F7F3; color: #fff; width: 22px; height: 22px; background: url(light.gif) 50% 50% no-repeat; }
.avnews a { color:#fff; text-decoration:none; border-bottom: none; }
.avnews a:hover { text-decoration: underline; }

.ads { padding: 15px 0; text-align: center; }


/* Content
---------------------------------------------------------- */
.news-block { overflow: auto; padding: 0 30px 0 10px; }

.top { font-size: 12px; min-height: 1%; margin-bottom: 15px; }
* html .top { height: 1%; overflow: visible; margin-bottom: 0; }
.top h1, .top h2 { font-size: 22px; color: #3994c8; font-family: Tahoma; font-weight: normal; letter-spacing: -1px; padding-bottom: 10px; }
*+html .top h1 { padding-bottom: 5px; }
*+html .top h2 { padding-bottom: 5px; } 
* html .top h1 { padding-bottom: 15px; }
* html .top h2 { padding-bottom: 15px; }
.top h2 a { color: #3994c8; }
.top img { padding: 0 10px; }

.date { float: left; padding-top: 16px; font: 18px Arial, Helvetica, sans-serif; width: 42px; color: #111; height: 42px; text-align: center; display: none; } 
.date1 { background: url(01.gif) no-repeat; }
.date2 { background: url(02.gif) no-repeat; }
.date3 { background: url(03.gif) no-repeat; }
.date4 { background: url(04.gif) no-repeat; }
.date5 { background: url(05.gif) no-repeat; }
.date6 { background: url(06.gif) no-repeat; }
.date7 { background: url(07.gif) no-repeat; }
.date8 { background: url(08.gif) no-repeat; }
.date9 { background: url(09.gif) no-repeat; }
.date10 { background: url(10.gif) no-repeat; }
.date11 { background: url(11.gif) no-repeat; }
.date12 { background: url(12.gif) no-repeat; }

.text { min-height: 1%; padding-bottom: 15px; text-align: justify; color: #333; font-size: 13px; line-height: 20px; }
* html .text { height: 1%; overflow: visible; }

.news-more { font-size: 12px; margin-bottom: 50px; border: 1px solid #E3E4DC; border-right-width: 0; background: #F7F8F2; padding: 5px 10px; }
.news-more a { color: #78960A; }

.pages { font-size: 12px; text-align:center; }
.pages a { padding: 3px 7px; background: #F7F8F2; color: #444; border: 1px solid #E3E4DC; text-decoration:none; }
.pages a:hover { background:#3E3C22; color: #fff; border: 1px solid #E3E4DC; }
.pages span { padding: 3px 7px; background:#3E3C22; color: #fff; border: 1px solid #E3E4DC; }

.addcom { display: block; color: #ff5223; font-size: 18px; font-family: Verdana, Tahoma; letter-spacing: -1px; padding-bottom: 7px; }
.addcom img { padding-right: 10px; }

.code-links dl { display: block; padding-top: 15px; overflow: hidden; min-height: 1%; }
* html .code-links dl { height: 1%; overflow: visible; }
.code-links dt { float: left; width: 25%; font-weight: bold; text-align: right; padding: 5px 0; }
.code-links dd { float: left; width: 70%; padding: 5px 0; text-align: right; }
.code-links input { width: 95%; }

.related { margin: 0 0 20px 10px; }
html:root div .related { margin: 0 0 20px 20px; }
.related .rtitle { font-size: 20px; padding: 25px 0 10px 0; }
.related ul { display: block; border-bottom: 1px solid #F9F1EA; padding-bottom: 10px; }
.related li { display: block; padding: 3px 0 3px 20px; background: url(ml.gif) 0 11px no-repeat; }
.related li a { color: #578CCA; }

.addcomment { padding: 20px 10px 0 10px; }
.addcomment dl { overflow: hidden; min-height: 1%; }
* html .addcomment dl { height: 1%; overflow: visible; }
.addcomment dt { float: left; width: 20%; text-align: right; padding: 5px 0; margin-right: 3%; }
.addcomment dd { float: left; width: 75%; padding: 5px 0; }
.addcomment input, .addcomment textarea { border-color: #E6E6E6; background: #F3F3F3; color: #666; width: 60%; }
.addcomment input:hover, .addcomment input:focus, .addcomment textarea:hover, .addcomment textarea:focus { border-color: #999; }
.addcomment textarea { width: 90%; height: 100px; }
.addcomment button { margin-top: 15px; background: #888236; border: 1px solid #E3E4DC; width: 170px; }
* html .addcomment button { padding: 0; }

.comment-border { margin-left: 20px; border-bottom: 1px solid #e9e9e9; overflow: hidden; min-height: 1%; }
.comment dl { overflow: hidden; min-height: 1%; }
* html .comment-border, * html .comment dl { height: 1%; overflow: visible; }
.comment { border-left: 1px solid #e9e9e9; border-top: 2px solid #5E9C04; font-size: 11px; font-family: Verdana, Calibri; padding: 15px 20px 15px 20px; }
.comment dt { float: left; width: 25%; }
.comment dt div  { width: 120px; }
.comment dt div span { float: left; padding: 6px 11px 11px 6px; background: url(avatar_bg.gif) 100% 100%; text-align: center; }
.comment dt p { display: block; text-align: center;  }
.comment dd { float: left; width: 73%; text-align: justify; }
.comment dd div { color: #222; padding-bottom: 15px; }
.comment dd div span { color: #779608;}

.rate-me { overflow: hidden; min-height: 1%; margin-bottom: 10px; }
* html .rate-me { height: 1%; overflow: visible; }

.rating, .unit-rating { width: 85px; height: 16px; line-height: 16px; font-size: 11px; }
.unit-rating li, .unit-rating li a, .unit-rating li.current-rating  { text-indent:-90000px; }
.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) top left 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; }

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

#dropmenudiv { border: 1px solid #fff; border-bottom-width: 0; font: 10px Verdana; background: #888236; 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:#3E3C22; }

.bbcodes img, .editor_button img, .editor_buttoncl img, .editbclose img { padding: 0; }
.bbcodes { height:23px; background:#888236; border: 0; padding: 0 10px; margin: 0 1px; color: #fff; font-weight: bold; }
.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; }

.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: #888236; }

#newpm { position: absolute; width: 400px; padding: 4px; background: #fdfdfd; border: 1px solid #bbb; }
#newpm fieldset { padding: 10px; margin: 5px; }
#newpm legend { font-weight: bold; padding: 2px 7px; }
#newpm .highslide-move { font-weight:bold; }

.pi-m .txt { text-align: center; padding: 30px 0; font-weight: bold; }
.pm_head { padding: 5px 0; font-weight: bold; }
.pm_list { padding: 2px; }
.pm_list input, .pm_head input, .check input { width: 20px; background: #fff; border: none; }
.pi-m textarea { width: 450px; }
.pi-m .resizer { width: 460px; }
.pml { padding: 5px 50px 5px 0; font-weight: bold; }
.pmr { width: 100%; padding: 5px 0; }

.insider { padding: 0 0 30px 10px; }
.insider h1 { font-size: 22px; color: #3994c8; font-family: Tahoma; font-weight: normal; letter-spacing: -1px; padding-bottom: 20px; }

.stats div { padding-left: 10px; line-height: 20px; }
.stats p { padding: 10px 0; }

.user dl { display: block; overflow: hidden; min-height: 1%; padding-top: 10px; }
* html .user dl { height: 1%; overflow: visible; }
.user dt { float:left; width:120px; margin-right:-120px; text-align:center; }
.user dt div  {float: left; padding: 6px 11px 11px 6px; background: url(avatar_bg.gif) 100% 100%; text-align: center; }
.user dd { float: left; width: 100%; }
.user dd ul { display: block; margin-left: 150px; }
.insider dd ul b { display: block; clear: both; float: left; width: 40%; padding: 0 0 10px 0; }
.insider dd ul i { display: block; font-style: normal; float:left; width:40%; padding: 0 0 10px 0; }
.insider dd ul i span { color: #FF5223; }
.insider dd li { display: block; }

.userinfo { float: right; overflow: hidden; min-height: 1%; background: #fafafa; padding: 20px; margin: 20px 0; width:80%; }
.userinfo dl { overflow: hidden; min-height: 1%; padding-left: 10px; }
* html .userinfo, * html .userinfo dl { height: 1%; overflow: visible; }

.userinfo h2 { font-size: 22px; font-family: Tahoma, Verdana; font-weight: normal; padding: 5px 0 25px 10px; }
.userinfo dt { float: left; width: 45%; padding: 5px 0; }
.userinfo dd { float: left; width: 54%; padding: 5px 0; }
.userinfo dd input, .userinfo dd textarea, .ava { width: 90%; border-color: #E6E6E6; background: #fff; color: #666; }
.userinfo dd input:hover, .userinfo dd textarea:hover, .ava:hover, .userinfo dd input:focus, .userinfo dd textarea:focus, .ava:focus { border-color: #999; }
.userinfo dd textarea { height: 100px; }
.userinfo button { width:90px; margin-top:10px; background: #888236; border: 1px solid #E3E4DC; }
* html .userinfo button { padding: 0; }

.lost { padding: 0 10px; }
.lost dl { overflow: hidden; min-height: 1%; }
.lost dt { float: left; width: 35%; padding: 5px 0; }
.lost dd { float:left; width: 60%; padding: 5px 0; }
.lost dd input, .lost dd textarea { border-color: #E6E6E6; background: #F3F3F3; color: #666; width: 60%; }
.lost dd textarea { height: 150px; width: 90%; }
.lost dd input:hover, .lost dd input:focus, .lost dd textarea:hover, .lost dd textarea:focus { border-color: #999; }
.lost button { width: 80px; background: #888236; border: 1px solid #E3E4DC; }
* html .lost button { margin-top: 10px;  padding: 0; }
* html .lost, * html .lost dl { height: 1%; overflow: visible; }

.sms, .sms dl { display: block; overflow: hidden; min-height: 1%; }
* html .sms, * html .sms dl { height: 1%; overflow: visible; }
.sms dt { float: left; width: 25%; text-align: right; padding: 5px 10px 5px 0; }
.sms dd { overflow: hidden; float: left; width: 70%; padding: 5px 0; }
.sms button { margin-top: 10px; width: 80px; background: #888236; border: 1px solid #E3E4DC; }
* html .sms button { padding: 0; }
.sms dd input, .sms dd textarea { border-color: #E6E6E6; background: #F3F3F3; color: #666; width: 60%; }
.sms dd input:hover, .sms dd input:focus, .sms dd textarea:hover, .sms dd textarea:focus { border-color: #999; }
.sms dd textarea { width: 90%; height: 150px; }
.sms-links { padding: 30px; text-align: center; font-size: 20px; }
.sms dd.admintag input { width: 20px; }

.banner { display: block; overflow: hidden; min-height: 1%; margin-bottom: 30px; }
* html .banner { height: 1%; overflow: visible; }
.banner li { float: left; width: 24%; text-align: center; }
.banner2 { text-align: center; margin-top: 40px; }
.banner3 { text-align: center; margin-bottom: 40px; }
.overflow {  overflow: auto; }

/* Footer
---------------------------------------------------------- */
#footer { font-size: 12px; clear: both; background: #F7F8F2; line-height: 20px; border-top: 1px solid #E3E4DC; padding: 7px 15px;}
#footer div { float: right; text-align: right; color: #000; }