/*———————————— 
[Master Stylesheet]

Project:		iGadget
Version:		1.2
Primary use:	DLE theme
Last change:	15/04/08
Author:			Andrey M (Greeze)
	Website:		www.greeza.net
	ICQ:			111577
	E-mail:			greezu@ya.ru
———————————— */

/* Global, begin */
* {padding:0; margin:0}
body {line-height:18px; font-family:Verdana, Tahoma, Helvetica, sans-serif; color:#666; font-size:12px; text-align:left; background:#fff}
* html body {behavior:url("templates/gadget/greeze/csshover.htc")}

ul {list-style:none}
img {border:0; vertical-align:middle; font-size:12px}
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}

button {border:0; padding:0; cursor:pointer}
input, select, textarea, button {font:normal 14px "Trebuchet MS", Sans-serif, Tahoma; background:#fff url(input.jpg) 0 0 repeat-x; border:1px solid #DDE3BF; padding:2px 5px; color:#555}
textarea:focus, input:focus, textarea:hover, input:hover {border-color:#C7C68B}

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

h1, h2, h3, h4, h5 {font-weight:normal; font-family:Arial, Tahoma; letter-spacing:-1px}
h1, h2, h3, h4 {line-height:35px}
h1, h2, h3 {font-size:25px}
h1, h2 {padding-bottom:5px}
h3 {padding-bottom:20px}
h4 {font-size:21px; padding:0 0 30px 25px}
h5 {font-size:21px; line-height:25px}
h6 {font-size:small;padding-left:0em; }

h3 span {font-size:20px}
h3 img, h4 img, h5 img {padding-right:10px}
/* Global, end */

/* Holders and hacks begin */
#wrapper {min-width:1000px}
#top-menu, .acomment dl, .subpage dl {overflow:hidden; min-height:1%}


* html #wrapper {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000)? "1000px" : "100%")}
* html #top-menu, * html .acomment dl, * html .subpage dl {height:1%; overflow:visible}
* html #footer {border-top:3px solid #ccc}
* html .pages .next {right:335px}
* html .pages .prev {left:95px}
* html .nblock .com-link {left:-120px}
* html .comment .text {padding:0px 20px 20px 20px}

/* Holders and hacks end */

/* Header navigation begin */
#top-menu {display:block; height:35px; font-family:Arial, Tahoma; font-size:14px; font-weight:bold; color:#999; background:#f1f1f1 url(bg-nav.gif) 0 0 repeat-x}
#top-menu li {float:left; height:35px; line-height:35px; white-space:nowrap}
#top-menu li a {display:block; padding:0 15px}
#top-menu li a:hover {background:#fff}
#top-menu li.active {background:#fff; padding:0 10px}
#top-menu li.login {float:right}
#top-menu li.login a {color:#FF6600; padding:0 15px; text-decoration:none}
#top-menu li.login img {padding-right:5px}
#top-menu li.linkin a {background:url(key.png) 15px 10px no-repeat; padding-left:40px}
#top-menu li.linkin a:hover {background:#fff url(key.png) 15px 10px no-repeat}
#top-menu li.linkout a {background:url(logout.png) 15px 10px no-repeat; padding-left:40px}
#top-menu li.linkout a:hover {background:#fff url(logout.png) 15px 10px no-repeat}
/* Header navigation end */

/* Header begin */
#header {padding:30px 40px; width:850px; position:relative}
#header div {
	position:absolute;
	top:66px;
	right:-677px;
	height: 85px;
	
}
.logo, .logo b {display:block; width:481px; height:156px}
.logo {position:relative; line-height:70px; font-size:40px}
.logo b {position:absolute; top:0; left:0; background:url(logo.png) 0 0 no-repeat}


/* Header end */

/* Footer begin */
#footer {clear:both; border-top:1px solid #ccc; padding:20px 0 20px 50px; white-space:nowrap; position:relative}
#footer ul {display:block; padding-top:10px}
#footer li {display:inline; padding-right:25px}
#footer div {position:absolute; top:30px; right:50px}
#footer div img {margin-left:20px}
#footer .count {width:88px; height:31px}
/* Footer end */

/* Dividing on columns begin */
#main {float:left; width:100%}
#content {margin-right:360px; padding:0 0 70px 20px}
#sidebar {float:left; width:290px; margin-left:-310px; padding:0 20px 70px 0}
/* Dividing on columns end */

/* Sidebar begin */
.block {background-image:url(grey-bottom.gif); background-color:#f6f6f6; background-position:0 100%; background-repeat:no-repeat; width:250px; padding:25px 20px 20px 20px; margin-bottom:22px}
.yellow {background-image:url(yellow-bottom.gif); background-color:#FFFF99; padding:20px}
.yellow span {display:block; font-size:11px; padding:3px 0}
.yellow p {padding-top:15px}

.block h5 {display:block; background-image:url(grey-top.gif); background-position:0 0; background-repeat:no-repeat; margin:-25px -20px 0 -20px; padding:20px}
.yellow h5 {background-image:url(yellow-top.gif); margin:-20px -20px 0 -20px;}

.rss {margin:15px 0 30px 20px}
.rss a {color:#FF9900}
.rss li {background:url(rss.gif) 0 5px no-repeat; line-height:22px; padding-left:25px}

.tags {margin:50px 0 50px 10px}
.tags h5 {padding:0 0 15px 10px}
.tags a {margin:0 5px}
/* Sidebar blocks end */

/* NEWS begin */

.nblock {position:relative; margin-bottom:40px; padding-left:120px}
.nblock .com-link {display:block; position:absolute; left:0; top:0; width:100px; height:85px}
.nblock .com-link a {display:block; width:100px; height:82px; margin-right:20px; padding-top:38px; float:left; background:url(com-link.gif) 0 0 no-repeat; font-size:25px; text-align:center; color:#ccc; text-decoration:none; line-height:23px}
.nblock .com-link a:hover {font-size:31px; color:#0086e5; background:url(com-link-h.gif) 0 0 no-repeat}

.nblock .date {width:200px; background:url(date-r.gif) 100% 0 no-repeat}
.nblock .date span {display:block; height:26px; line-height:26px; background:url(date-l.gif) 0 0 no-repeat; text-align:center; color:#999; font-weight:bold; white-space:nowrap; font-size:11px; font-family:Arial, Tahoma}

.nblock .text {line-height:20px; padding:15px 0; text-align:justify; overflow:auto}

.nblock .nfoot span {margin-right:20px}
.nblock .nfoot span img {padding-right:5px}

.nfine {position:relative; margin-bottom:40px; padding-left:120px;} 
.nfine span {background:#FF9 none repeat scroll 0 0; border:1px solid black; color:black; font-family:verdana,arial,helvetica,sans-serif; font-size:18px; padding:2px; text-align:justify;}

.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}
/* NEWS end */

/* Comments begin */
.comment  {padding:0 0 25px 20px; font-size:11px}
.comment .author {padding:0 0 10px 5px}
.comment .author span {color:#bfbfbf; margin:0 10px}
.comment .field {border:1px solid #e5e5e5; background:url(comment-bg.gif) 0 100% repeat-x; position:relative}
.comment .arrow {position:absolute; top:-5px; left:30px; background:url(comment-arrow.gif) 0 0 no-repeat; width:9px; height:6px}
.comment .text {padding:15px 20px 20px 20px; text-align:justify}

.acomment {padding:20px 0 0 20px}
.acomment h4 {padding:0 0 10px 10px}
.acomment dl {padding:5px 0 10px 5px}
.acomment dt {float:left; width:30%; padding:5px 0}
.acomment dd {float:left; width:65%; padding:5px 0}
.acomment dd input {width:70%}
.acomment dd p {padding-top:10px}
.acomment textarea {width:76%; height:150px}
.acomment button {margin-left:31%; width:100px}
/* Comments end */

/* Dividing on pages begin */
.pages {position:relative}
.pages .prev, .pages .next {position:absolute; top:10px}
.pages .prev {left:100px; background:url(arrow-left.gif) 0 5px no-repeat; padding-left:25px}
.pages .next {right:-20px; background:url(arrow-right.gif) 100% 5px no-repeat; padding-right:25px}
.pages .list {font-size:18px; margin:0 3px; text-align:center; padding:40px 0 0 130px}
.pages .list a {margin:0 3px}
/* Dividing on pages end */

/* Subpage begin */
.subpage {padding-left:30px}
.subpage dl {padding:35px 0 0 5px}
.subpage dt {float:left; width:35%; padding:5px 0 10px 0}
.subpage dd {float:left; width:60%; padding:5px 0 10px 0}
.subpage dd input {width:70%}
.subpage dd textarea {width:100%; height:150px }
.subpage dd p {padding-top:10px}

.stats b {display:block; padding:0 0 5px 5px}
.stats ul {margin-bottom:20px}
.stats li {display:block; padding:3px 10px}

.reg li {display:block; color:#000; padding:10px 20px}
.reg label {display:block; font-size:16px; font-family:Verdana, Tahoma; padding-bottom:10px}
.reg input {width:100%; height:30px; font-size:18px; background-color: #f9f9f9; background-image:none; border:1px solid #e4e4e4; border-bottom:none; border-right:none; color:#000}
.reg input#rcode {width:30%}
.reg small {display:block; padding:5px 0 10px 3px; color:#999}
.reg textarea {width:80%; height:100px; font-size:14px}

.sms .links {padding:30px 0; font-size:18px; text-align:center}
.sms dl {padding:0}
.sms dt {width:20%; padding:5px 0; font-weight:bold}
.sms dd {width:75%; padding:5px 0}
.sms dd.last {padding-top:15px}
.sms input.check {width:20px}

.error {padding-bottom:40px}

.feedback button {margin-left:36%; width:100px}

.addnews button {margin:0 10px 0 36%; width:100px}

.userinfo dt {width:25%}
.userinfo dd {width:70%}
.userinfo dd input {width:50%}
.userinfo dd b {font-weight:bold; padding-left:10px}
.userinfo p {margin-top:5px}
.userinfo li {display:block; padding:5px 0}
.userinfo li.last {padding-top:20px}
.userinfo label {float:left; width:40%; padding-right:7px}
.userinfo label.textlabel {display:block; padding:10px 0 5px 0}
.userinfo textarea {width:70%}
.userinfo button {width:90px}

* html .feedback button {margin-left:21%}
* html .acomment button {margin-left:18%}
* html .addnews button {margin-left:21%}

.subpage strong {display:block; padding:10px 0 10px 10px}
.subpage ul {padding:0 0 30px 10px}
.subpage ul li {line-height:20px}
.subpage ul li span {color:red}
/* Subpage end */

/* DLE styles begin */
.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}

.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:#6497ca; 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:#fdd08b; color:#000}

.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: #FF6600}
.highslide-loading:hover {color:#fff}
.highslide-active-anchor img, .highslide-active-anchor:hover img {
 border-color: black;
}
.highslide-heading {
 display: none;
 color: white;
 font-size: 1.2em;
 font-weight: bold;
 margin-bottom: 0.4em;
}
.highslide-dimming {
 position: absolute;
 background: black;
}
.highslide-loading {
 display: block;
 color: white;
 font-size: 9px;
 font-weight: bold;
 text-transform: uppercase;
 text-decoration: none;
 padding: 3px;
 border-top: 1px solid white;
 border-bottom: 1px solid white;
 background-color: black;
}
a.highslide-credits,
a.highslide-credits i {
 padding: 2px;
 color: silver;
 text-decoration: none;
 font-size: 14px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
 color: white;
 background-color: red;
}
.highslide-move a {
 cursor: move;
}
.highslide-controls {
 width: 195px;
 height: 40px;
 background: url(../dleimages/controlbar-black-border.gif) 0 -90px no-repeat;
 margin-right: 15px;
 margin-bottom: 10px;
 margin-top: 20px;
}
.highslide-controls ul {
 position: relative;
 left: 15px;
 height: 40px;
 list-style: none;
 margin: 0;
 padding: 0;
 background: url(../dleimages/controlbar-black-border.gif) right -90px no-repeat;
}
.highslide-controls li {
 float: left;
 padding: 5px 0;
}
.highslide-controls a {
 background: url(../dleimages/controlbar-black-border.gif);
 display: block;
 float: left;
 height: 30px;
 width: 30px;
 outline: none;
}
.highslide-controls a.disabled {
 cursor: default;
}
.highslide-controls a span {
 /* hide the text for these graphic buttons */
 display: none;
}

/* The CSS sprites for the controlbar */
.highslide-controls .highslide-previous a {
 background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
 background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
 background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
 background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
 background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
 background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
 background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
 background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
 background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
 background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
 background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
 background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
 background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
 background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
 background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
 background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
 background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
 background-position: -180px -30px;
}



#newpm {position:absolute; width:440px; 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}
.pml {padding:5px 50px 5px 0; font-weight:bold}
.pmr {width:100%; padding:5px 0}
/* DLE styles end */

.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; }
.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; }

#hintbox {
    text-align : left;
    width : 150px;
    font-size : 10px;
    border : 1px solid #99a1ab;
    background-color : #fff;
    layer-background-color : #a396d9;
    color : #282828;
    margin : 10px 0 0 10px;
    padding : 3px 5px;
    position : absolute;
    visibility : hidden;
    z-index : 998;
    -moz-opacity : 0.9;
    -moz-border-radius : 5px;
    filter : alpha(opacity="90");
}

.onl_table {
    width : 100%;
    font-size : 10px;
}
.onl_table td {
    padding-right : 5px;
    font-size : 10px;


/* Ðàñêîììåíòèðîâàòü, åñëè ó Âàñ â äâå êîëîíêè*/ /*    width : 50%;
*/ }

.a_link, .a_link a:link, .a_link a:visited, .a_link_on {
    color : #ff0000;
}
.a_link_on a:hover, .a_link_on a:active {
    color : #ff0000;
}

.u_link, .u_link a:link, .u_link a:visited, .u_link_on {
    color : #666666;
}
.u_link_on a:hover, .u_link_on a:active {
    color : #4b73d4;
}

.e_link, .e_link a:link, .e_link a:visited, .e_link_on {
    color : #00a400;
}
.e_link_on a:hover, .e_link_on a:active {
    color : #00a400;
}

.j_link, .j_link a:link, .j_link a:visited, .j_link_on {
    color : #0000ff;
}
.j_link_on a:hover, .j_link_on a:active {
    color : #0000ff;
}

.b_link, .b_link a:link, .b_link a:visited, .b_link_on {
    color : #666666;
}
.b_link_on a:hover, .b_link_on a:active {
    color : #666666;
}