//*
=============================================================
This Skin for DataLife Engine Developed by DLETemplates.com
Copyright © 2005-2007 DLETemplates.com All Rights Reserved.

File 'engine.css' - Cascading Style Sheet (CSS) Document
=============================================================
*/

/* ==================== Вывод формы по умолчанию */

form { 
 padding-top: 0px;
 padding-bottom: 0px; 
 padding-right: 0px; 
 padding-left: 0px; 
 margin: 0px;
}

/* ==================== Вывод архива */

.archives {
 margin-top: 6px;
 margin-left: 10px;
 margin-bottom: 10px;
}
.archives a {
 color: #43637e;
}

/* ==================== Цитата и скрытый текст */

.title_quote {
 color: #0099ff;
 background: url("../images/bg-trans-pink.png");
 border: 1px dotted #bebebe; 
 border-bottom: 0;
 font-weight: bold;
 padding: 5px;
}
.quote {
 color: #fff;
 background: url("../images/bg-img.png");
 border: 1px dotted #bebebe;
 text-align: justify;
 padding: 10px;
 font-family: Georgia, "Times New Roman", Times, serif;
 line-height: 20px;
 font-size: 11px;
 font-style: italic;
 overflow: hidden;
}

/* ==================== Tэг CODE */

.scriptcode {
 color: #fff;
 background: url("../images/bg-trans-pink.png"); 
 border: 1px dotted #bebebe;
 text-align: left;
 padding: 8px;
 width: 474px;
}

/* ==================== Календарь */

.weekday-active-v {
 color: #4b73d4;
}
.day-active-v {
 color: #4b73d4;
}
.calendar {font-size: 11px;}

.calendar td, th {
 text-decoration: none;
/* - */
 padding-left: 5px;
 padding-right: 4px;
 padding-top: 3px;
 padding-bottom: 4px;
/* - */
}
.weekday {
 color: #ff66ff;
 font-family: verdana;
}
.weekday-active {
 color: #ff66ff;
 font-family: verdana;
}
.day-active {
 color: #ff66ff;
 font-family: verdana;
}
.day-active a, .weekday-active a, .day-active-v a, .weekday-active-v a {
 text-decoration: underline;
}
.monthlink {
 color: #5078d6;
 text-decoration: none;
}

/* ==================== Рейтинг статьи */

.rating {
 font-size: 11px; /* ! */
 width: 85px;
 height: 16px;
}
.unit-rating {
 list-style: none;
 margin: 0px;
 padding: 0px;
 width: 85px;
 height: 16px;
 position: relative;
 background-image: url("../dleimages/rating.gif");
 background-position: top left;
 background-repeat: repeat-x;
}
.unit-rating li {
 text-indent: -90000px;
 padding: 0px;
 margin: 0px;
 float: left;
}
.unit-rating li a {
 display: block;
 width: 17px;
 height: 16px;
 text-decoration: none;
 text-indent: -9000px;
 z-index: 17;
 position: absolute;
 padding: 0px;
}
.unit-rating li a:hover {
 background-image: url(../dleimages/rating.gif);
 background-position: left center;
 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;
 position: absolute;
 height: 16px;
 display: block;
 text-indent: -9000px;
 z-index: 1;
}

/* ==================== BB коды */
 
.bbcodes {
 font-size: 11px; /* ! */
 font-family: tahoma; /* ! */
 width: 105px;
 height: 25px;
 background: url("../images/bttn_bbcodes2.png");
 border: none;
 cursor: pointer;
 padding: 0 8px 3px 0;
}

.editor_button {
 float: left;
 cursor: pointer;
 padding-left: 2px;
 padding-right: 2px;
}
.editor_buttoncl {
 float: left;
 cursor: pointer;
 padding-left: 1px;
 padding-right: 1px;
 border-left: 1px solid #bbbbbb;
 border-right: 1px solid #bbbbbb;
}
.editbclose {
 float: right;
 cursor: pointer;
}
.editor_button select {
 font-family: tahoma;
 font-size: 11px;
}

/* ==================== Дополнительные поля новостей */

.xfields textarea {
 color: #757575; /* ! */
 font-size: 11px; /* ! */
 font-family: tahoma; /* ! */
 background-image: url(../images/dlet_field_o.gif);
 background-repeat: repeat-x;

 width: 499px;
 height: 86px;
 border: 1px solid #e0e0e0;
}
.xfields input {
 color: #757575; /* ! */
 font-size: 11px; /* ! */
 font-family: tahoma; /* ! */
 background-image: url(../images/dlet_field_o.gif);
 background-repeat: repeat-x;

 width: 250px;
 height: 14px;
 border: 1px solid #e0e0e0;
}
.xfields select {
 color: #757575; /* ! */
 font-size: 11px; /* ! */
 font-family: tahoma; /* ! */
 background-image: url(../images/dlet_field_o.gif);
 background-repeat: repeat-x;

 height: 14px;
 border: 1px solid #e0e0e0;
}

/* ==================== Дополнительные поля профиля пользователей */

.xprofile textarea {
 color: #757575; /* ! */
 font-size: 11px; /* ! */
 font-family: tahoma; /* ! */
 background-image: url(../images/dlet_field_o.gif);
 background-repeat: repeat-x;

 width: 316px;
 height: 86px;
 border: 1px solid #e0e0e0;
}
.xprofile input {
 color: #757575; /* ! */
 font-size: 11px; /* ! */
 font-family: tahoma; /* ! */
 background-image: url(../images/dlet_field_o.gif);
 background-repeat: repeat-x;

 width: 250px;
 height: 14px;
 border: 1px solid #e0e0e0;
}

/* ==================== Персональные сообщения */ 
.pm {background: url("../images/bg-trans.png");}

.pm_head {
 padding: 2px 0; 
}
.pm_list {
 color: #fff;
 padding: 2px 0;
}
.pm_list a {
 
}

/* ==================== Выпадающее меню */

#dropmenudiv {
 border: 1px solid #ffb3ff;
 border-bottom-width: 0;
 font: normal 10px Verdana;
 background: url("../images/bg-trans-dropmenu.png");
 line-height: 20px;
 margin: 2px;
 /*filter: alpha(opacity=95, enabled=1) progid:DXImageTransform.Microsoft.Shadow(color=#cacaca, direction=135, strength=3);*/
}
#dropmenudiv a {
 display: block;
 text-indent: 3px;
 padding: 1px 0;
 margin: 1px;
 color: #ffffff;
 text-decoration: none;
 font-weight: bold;
 border: 1px solid #ff85ff;
}
#dropmenudiv a:hover { 
 /* hover background color */
 background: url("../images/bg-trans.png");
 color: #000000;
}

/* ==================== Опрос пользователей */

.vote {padding: 5px 0;}
.vote input {margin: 0 5px 0 0;}

/* ==================== Уведомление о получении новых PM */

#newpm {
 position: absolute;
 width: 400px;
 padding: 4px;
 background-color: #fdfdfd;
 border: 1px solid #bbbbbb;
 font-family: verdana;
 line-height: 135%;
}
#newpmheader {
 padding-left: 5px;
 padding-right: 5px;
 padding-top: 2px;
 height: 20px;
 color: #636363;
 font-weight: bold;
 background-color: #b2c7f1;
 font-family: verdana;
 cursor: move;
}
#newpm a {
 background: transparent;
 color: #4b73d4;
 text-decoration: none;
}
#newpm a:hover {
 background: transparent;
 color: #4b73d4;
 text-decoration: underline;
}

/* ==================== Ссылка на скачивание прикрепленного файла */

#attachment {
 color: #808080;
}

/* ==================== Поиск по сайту и результаты поиска */

.search {
 color: #757575;
 text-decoration: none;
}
.textin {

 color: #757575; /* ! */
 font-size: 11px; /* ! */
 font-family: tahoma; /* ! */
 background-image: url(../images/dlet_field_o.gif);
 background-repeat: repeat-x;
 border: 1px solid #e0e0e0;
 

 text-decoration: none;
}
.sresult {
 text-align: justify;
 font-weight: normal;
 line-height: 16px;
 font-size: 12px;
 color: #fff;
}


/* ==================== Рамка расширенной формы поиска по сайту */

fieldset {
 border: 1px solid #e0e0e0;
 padding: 5px;
 text-align: left;
 font-size: 11px; /* ! */
 font-family: tahoma; /* ! */
 color: #333;
}
 
td.search {width: 490px; background: url("../images/bg-trans.png"); color: #000;}
td.search div {color: #000;}
td.search select {margin: 7px 0;}
legend {color: #fff; font-variant: small-caps; font-weight: bold;}
#searchinput, #searchuser {width: 120px; height: 15px;}

/* ==================== показ оригинальной картинки загруженной на сайт из уменьшенной копии */
.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: white;
 font-size: 9px;
 font-weight: bold;
 text-decoration: none;
 padding: 3px;
 border: 1px solid white;
 background-color: black;
}

* { padding: 0; margin: 0; }

body {
 font: normal 80% Arial, Helvetica, sans-serif;
 color: #fff;
 background: #050608 url("../images/bg-main.jpg");
}

a:link, a:visited {color: #ddd; text-decoration: none;}
a:hover {color: #ccccff; text-decoration: none;}

h2 {font-size: 16px; font-weight: normal;}

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.clearfix {display: inline;}

/*------------------------------
 Layout
-------------------------------*/
#wrapper { 
 margin: 0 auto;
 width: 960px;
}

#bg-body, #bg-body2, #header, #leftcolumn, #centercolumn, #rightcolumn {float: left;}

#bg-body2 {width: 960px; background: url("../images/bg-body.jpg") no-repeat 0 0;}
#bg-body {width: 960px; background: url("../images/bg-bg.jpg") repeat-y 0 0;}

#header {
 width: 100%;
 height: 150px;
 background: #050608 url("../images/bg-header.jpg") no-repeat 0 0;
 position: relative;
}

#leftcolumn { 
 width: 200px;
}

#centercolumn { 
 display: inline;
 width: 510px;
 margin: 10px auto;
}

#rightcolumn { 
 width: 250px;
 font-size: 11px;
}

#footer { 
 width: 100%;
 height: 177px;
 background: #050608 url("../images/bg-footer.jpg") no-repeat 0 0;
 clear: both;
}


div#logo {float: left; width: 100px; height: 100px;}
div#top-menu {float: right;}
div#top-menu dt {float: left; margin: 60px 0 0 0; padding: 0 10px;}
div#top-menu dt a {color: #e0e3ed; font-size: 16px; font-weight: bold; font-variant: normal;}
div#top-menu dt a:link, div#top-menu dt a:visited {text-decoration: none;}
div#top-menu dt a:hover {color: #ccccff;}


/*------------------------------
 Blocks
-------------------------------*/
#leftcolumn .block {width: 200px;}
#leftcolumn .block h3 {width: 200px; background: transparent url("../images/bg-title.png") no-repeat 0 0;}

#rightcolumn .block {width: 250px;}
#rightcolumn .block h3 {width: 250px; background: transparent url("../images/bg-title-right.png") no-repeat 0 0;}

.block {margin: 10px 0;}
.block div {width: 210px; margin: 0 auto;}
.block h3 {
 height: 25px;
 padding: 6px 0 0 10px;
 font: bold 14px Tahoma;
}

.block dt {width: 200px; height: 16px; background: transparent url("../images/bg-menu.png") no-repeat 0 1px;}
.block dt a {color: #e0e3ed; font-size: 12px; text-decoration: none; padding: 0 0 0 10px;}
.block dt a:hover {color: #ccccff; text-decoration: none;}

.block2 div {width: 180px; margin: 0 auto;}
/*------------------------------
 Title colors
-------------------------------*/
#music h3 {color: #d0badb;}
#topnews h3 {color: #c3c5c0;}
#rightcolumn #login h3 {background: none; color: #dcd9b6; padding: 0;}

/*------------------------------
 Other styles
-------------------------------*/
#login {}
#login a {font-size: 11px;}
.a_field {
 width: 210px;
 height: 23px;
 background: transparent url("../images/bg-input.png") no-repeat 0 0;
 border: none;
 padding: 3px 0 0 5px;
}

#topnews {color: #ff66ff;}
#topnews a {line-height: 20px; margin-left: 2px;}

#rightcolumn a {text-decoration: none;}

.f_textarea {width: 460px; height: 150px; color: #fff; background: #050608; border: 1px solid #ccc;}

.navigation {margin: 20px 0; font-size: 18px; font-weight: normal; color: #ccc; font-family: Tahoma;}
.navigation a:link, .navigation a:visited, .navigation a:hover, .navigation a:active, .navigation span, .navigation p 
{margin: 0 5px;}
.navigation a:link, .navigation a:visited {color: #ccccff; text-decoration: none;}
.navigation a:hover {color: #619bff; text-decoration: none;}

.userstop thead {font-weight: bold;}
.userstop td {padding: 0px 0; font-size: 11px;}

.related-news {display: block; padding: 10px 0; font-size: 11px;}
.related-news li {
 line-height: 18px;
 list-style: none;
 background: url("../images/bullet.png") no-repeat 0 9px;
 padding: 0 0 0 10px;
}

.slink td {width: 100px}
.pm {font-size: 12px;}

/* ----------------------------------------
 Comments
 ----------------------------------------*/

.dialog{margin:0 auto; min-width:20em; color:#fff; line-height: 14px; width: 490px; float: left;}
.dialog .hd .c,
.dialog .ft .c {
font-size: 1px;
height:7px;
}

.dialog .ft .c {height:22px;}
.dialog .hd {background:transparent url("../images/box/tl.png") no-repeat 0px 0px;}
.dialog .hd .c {/*background:transparent url("../images/box/tr.png") no-repeat right 0px;*/}
.dialog .bd {background:transparent url("../images/box/ml.png") repeat-y 0px 0px;}
.dialog .bd .c {/*background:transparent url("../images/box/mr.png") repeat-y right 0px;*/}
.dialog .bd .c .s {margin:0px; padding:1em;}
.dialog .ft {background:transparent url("../images/box/bl.png") no-repeat 0px 0px;}
.dialog .ft .c {/*background:transparent url("../images/box/br.png") no-repeat right 0px;*/}

.comment-author{margin: 0 0 20px 20px;}

/*------------------------------
 Search
-------------------------------*/
#search-top {text-align: right; position:absolute; top: 110px; right:40px; height:25px; line-height:20px;}
#searchBar {background:url("../images/Header_Search_Background.png") top left no-repeat; width:170px; height:25px; float:right; margin-left: 10px;}
#searchBar:hover {background:url(../images/Header_Search_Background_Hover.png) top left no-repeat; color:#666666;}
#searchBar #searchBox {width:105px; height:15px; line-height:15px; font-size:12px; font-weight:bold; position:absolute; top:6px; right:50px; border:none; background:none; color: #fff;}
#searchBar #searchBox:focus{color:#fff;}
#searchBar #searchSelectBtn:focus {color:#333;}
#searchBar #searchSelectBtn {background:url("../images/Header_Search_Select_Button.png") no-repeat; position:absolute; right:10px; top:5px; width: 18px; height: 18px;}
#searchBar #searchSelectBtn:hover {background:url("../images/Header_Search_Select_Button_Hover.png") no-repeat;}
#searchBar #searchSelectBtn span {display:none;}

/*------------------------------
 Content
-------------------------------*/
.content {width: 490px; margin-left: 10px; color: #cecfda;}
.content b {color: #fff;}
.content dl {
 width: 490px;
 height: 21px;
 background: transparent url("../images/bg-date.png") repeat-x 0 0;
 font-size: 11px;
 padding: 3px 0 0 0;
 margin-bottom: 5px;
 color: #d7daec;
}
.content dt {float: right; padding-right: 10px;}
.content dd {float: left; padding-left: 10px; font-weight: bold;}

.content a {color: #b1b5ec; text-decoration: none;}
.content h3 {text-align: center; font-size: 12px; font-weight: 550; color: #ccccff; padding: 5px 0 0 0;}
.content a:hover {color: #c1c5fc; text-decoration: none;}

.spacer {width: 490px; height: 11px; margin: 20px 0 0 0; background: transparent url("../images/spacer.png") no-repeat top;}

.story {font-size: 11px;}
.full-story {}

/*----------------Image---------*/
.story img {
 /*float: left;
 width: 200px;
 height: 200px;
 background: transparent url("../images/bg-img.png");
 padding: 5px;
 margin: 18px 20px 0 0;
 border: 0;
 clear: both;*/
}

.full-story img {margin: 10px auto;}

#footer p {text-align: center; padding-top: 70px;}



.prof div {background: url(/images/bg-trans.png); width: 490px; margin: 0 auto; padding: 10px 0; font-size: 6px;}
.prof h2 {font-size: 10px;}
.prof td {font-size: 8px;}
.prof tr {font-size: 8px;}