* { margin: 0; padding: 0;}
html { height: 100%;}
body {
font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
width: 100%;
height: 100%;
background: url('/view/images/bg_body.jpg') center top fixed no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
a { color: red; outline: none; text-decoration: underline;}
a:hover { text-decoration: none;}
p { margin: 0 0 18px}
img {
border: none;
}
input {
vertical-align: middle;
}
#wrapper {
width: 952px;
margin: 0 auto;
min-height: 100%;
height: auto !important;
height: 100%;
}
ul {
list-style:none;
}
.clear {
clear:both;
}
/* Header
-----------------------------------------------------------------------------*/
#header {
height: 188px;
background:url('/view/images/bg_content.png');
position: relative;
z-index: 1000;
}
.top_banner {
float: right;
margin: -80px 25px 0 1px;
}
/* Middle
-----------------------------------------------------------------------------*/
#middle {
width: 100%;
padding: 0 0 100px;
height: 1%;
position: relative;
background:url('/view/images/bg_content.png');
}
#middle:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
#container {
width: 100%;
float: left;
overflow: hidden;
}
#content {
padding: 0 270px 0 0;
}
.article_wrap {
width: 700px;
}
/* Sidebar Right
-----------------------------------------------------------------------------*/
#sideRight {
float: right;
margin-right: -3px;
width: 250px;
margin-left: -250px;
position: relative;
margin-top: 389px;
z-index: 1;
}
/* Footer
-----------------------------------------------------------------------------*/
#footer {
width: 952px;
margin: -100px auto 0;
height: 100px;
position: relative;
color:#fff;
text-align:center;
}
/*content_text
---------------------------------------------------------------------------------*/
#content_text{
background:#fff;
margin:0 0 0 15px;
padding:10px;
border-radius:0 0 8px 8px;
}
.adindex_conteiner{
margin:40px 0;
}
.adindex_conteiner h2{
margin:0 0 10px 0;
}
.thumb{
float:left;
margin:0 20px 0 0;
}
.adindex_text{
}
/* Menu
---------------------------------------------------------------------------------*/
#menu {
width: 920px;
height:37px;
margin:20px 0 0 15px;
background: url('/view/images/bg_menu.jpg');
border-radius:11px 11px 0 0;
position: relative;
z-index: 10;
}
#menu > li{
float:left;
width:110px;
margin:0 0 0 20px;
text-align:center;
display:block;
}
#menu li span{
text-decoration:none;
color:#fff;
text-transform:uppercase;
line-height:40px;
height:37px;
display:block;
}
#menu li span:hover {
cursor: pointer;
}
#menu li a{
text-decoration:none;
color:#fff;
text-transform:uppercase;
line-height:40px;
height:37px;
display:block;
}
#menu li:hover {
height:37px;
background: url('/view/images/bg_menu_hover.jpg');
}
#menu > li > div.sub_menu {
display: none;
background: #000;
}
#menu li:hover > div.sub_menu {
display:block;
position: absolute;
left: 280px;
font-weight: normal;
font-size: 80%;
/*display: list-item;*/
}
#menu > li > div > ul {
border: 1px solid #000;
text-align: left;
}
#menu > li > div.sub_menu li{
/*float:left;*/
text-align:left;
padding:0px 20px;
display:block;
}
#menu > li > div.sub_menu li a {
height: 37px;
}
.current{
height:37px;
background: url('/view/images/bg_menu_hover.jpg');
}
#main_text {
margin:0 0 0 10px;
text-align:justify;
position: relative;
}
#main_text h1 {
color:red;
margin:0 0 15px 0;
}
#main_text {
color:#fff;
}
.content_item{
width:205px;
height:250px;
float:left;
background:#fff;
margin:0 0 20px 15px;
border:3px solid #ccc;
-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;
overflow: hidden;
}
.content_item_text{
padding:2px 10px;
}
.content_item p{
padding:0 10px;
font-weight:bold;
color:red;
margin: 0;
}
.content_item a{
color:red;
}
.content_item img{
padding:0 0 0 2px;
color:red;
}
.copyright{
color:red;
text-align:center;
}
/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
.slider {
float:left;
width:922px;
height:340px;
position:relative;
padding-bottom:26px;
margin:9px 0px 10px 10px;
}
.slider_text {
background: url("/view/images/line.png") repeat-x transparent;
opacity: 0.8; /* Полупрозрачный фон */
filter: alpha(Opacity=70); /* Прозрачность в IE */
position:relative;
top:-59px;
left:0px;
color:#fff;
width:921px;
height:55px;
}
.us_banners {
display: block;
height: 92px;
margin: 0 0 20px 10px;
position: relative;
width: 922px;
z-index: 1;
}
.sliderContent {
float:left;
width:921px;
height:360px;
clear:both;
position:relative;
overflow:hidden;
background:#ccc;
border-radius:10px;
}
.sliderContent .item {
position:absolute;
width:922px;
height:360px;
}
.sliderBullets {
display:none;
position:absolute;
bottom:50px;
left:600px;
z-index:50;
margin-left:-45px;
}
.sliderBullets a {
display:none;
float:left;
text-indent:-9999px;
outline:none;
margin-left:5px;
width:10px;
height:11px;
background:url(/view/images/gfx/bullets.png) no-repeat;
}
.sliderBullets .active {
background-position:0 -12px;
}.sliderArrows a { background-image: url(/view/images/gfx/prev_next.png); display: block; height: 42px; margin-top: -34px; outline: medium none; position: absolute; text-indent: -9999px; top: 50%; width: 42px; z-index: 50;}
.next { background-position: -44px 0; right: 15px;}.prev { background-position: 0 0; left: 15px;}
.sliderContent a {
outline:none;
}
/*-----------------------------------------------------------------------------------*/
/* 3. CAROUSEL
/*-----------------------------------------------------------------------------------*/
.list_carousel {
margin: -7px 0 20px 10px;
width: 660px;
height:auto;
border:1px solid #ccc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
position: relative;
}
.list_carousel ul {
margin: 0;
padding: 0;
list-style: none;
display: block;
float:left;
}
.list_carousel li {
color:#fff;
text-align: center;
/*width: 105px;*/
height: 145px;
padding: 0;
margin:4px 6px;
display: block;
float: left;
}
.carousel_title{
width: 105px;
}
.clearfix {
float: none;
clear: both;
}
.prevc {
float: left;
margin:5px 5px 0 5px;
} #prev2 { display: block!important; } #next2 { display: block!important; }
.nextc {
float: right;
margin:0px 5px 0 0;
}
.pager {
float: left;
width: 300px;
text-align: center;
}
.pager a {
margin: 0 5px;
text-decoration: none;
}
.pager a.selected {
text-decoration: underline;
}
.timer {
background-color: #999;
height: 6px;
width: 0px;
}
#foo2 a{
color:#FFF;
text-decoration:none;
}
#carusel_header{
width:656px;
height:26px;
background:url(/view/images/carusel_header.jpg);
border-radius:10px 10px 0 0;
margin: 2px 0 0 2px;
}
#carusel_header h3{
color:#fff;
padding:5px 0 0 15px;
font-size:14px;
}
#next{
border:none;
}
/* Show reports
-------------------------------------------------------------------------------------------*/
#report_text{
margin:0 0 0px 15px;
padding:15px;
background:#fff;
}
.reports_cat{
padding:5px 0 5px 10px;
background:url(/view/images/carusel_header.jpg);
text-transform:capitalize;
color:#fff;
}
.reports_title {
margin:20px 0 10px 0px;
}
.reports_title a{
color:#f51114;
text-transform:capitalize;
font-size:16px;
padding:0 0 0 15px;
font-weight:bold;
}
.reports_sumb{
float:left;
margin:5px 10px;
}
.reports_content{
padding:0 0 0 15px;
font-size:14px;
width: 500px;
float:left;
}
.reports_content a{
color:#666;
font-size:12px;
}
/* Comments
-----------------------------------------------------------------------------*/
/* Form to new comment */
.child li {
margin-left:10px;
list-style: none;
}
#commentRoot {
list-style: none;
}
#commentRoot li .commentContent
{
border: solid 1px #ccc;
border-radius:5px;
padding: 5px 10px 30px 10px;
margin:10px 0;
}
#commentRoot .reply {
position:absolute;
left:620px;
}
#commentRoot .avatar {
margin:10px 0 10px 0;
float:left;
}
#commentRoot .commentName{
margin:0 10px;
color:red;
font-weight:bold;
}
#commentRoot .commentDate{
margin-top:10px;
font-size:10px;
}
#commentRoot .comment {
text-align:justify;
}
.both {
clear:both;
}
#commentRoot p {margin:0 0 0 10px;}
/* Формочка */
#cancelComment {
float: right;
width: 20px;
color: #fff;
cursor: pointer;
border:1px solid #ccc;
border-radius:3px;
background:red;
margin:5px;
text-align:center;
font-weight: bold;
}
#newComment p{
padding:10px 0 0;
}
.in {
height: 26px;
width: 350px;
padding: 0 0px;
margin-left: 14px;
border: solid 1px #ccc;
border-radius:5px;
}
.button {
margin:14px;
background:red;
color:#fff;
font-weight:bold;
border:none; font-size: 20px;
padding:5px;
width:100px;
border-radius:8px 0 0 0;
cursor:pointer;
position:relative;
top:-43px;
left:495px;
}
#newComment textarea
{
width: 100%;
padding:5px;
margin:10px 20px 0 0;
height: 100px;
vertical-align: middle;
border: solid 1px #ccc;
border-radius:5px;
}
#author_email {
clear:both;
}
#newComment{
display:none;
}
#errorComment {
border:1px solid red;
border-radius:5px;
margin:10px 30px;
padding:20px
}
#errorComment li {
margin:10px 0 0 20px;
}
.lastComments {
margin:0 0 0 10px;
padding:0px 0 0 0px;
border-bottom:1px dotted #ccc;
}
.lastComAD {
font-size:10px;
color:#666;
}
#smile {
margin:0 0 0 10px;
}
#smile img{
cursor: pointer;
}
div#qTip {
padding: 2px;
border: 1px solid #ccc;
display: none;
background: #C6E2FF;
color: #000080;
text-align: left;
font-size: 100%;
position: absolute;
z-index: 1000;
opacity: 0.9;
}
#comment {
text-align:left;
padding:0 20px;
}
#comment table{
width:100%;
margin:0 0 0 0px;
}
.t1{
width:200px;
height:40px;
padding:0 0px 0 0px;
text-transform:uppercase;
font-weight:bold;
}
.t2{
text-align:right;
padding:0 0px 0 0;
height:40px;
}
.advert_sisebar{
width:210px;
margin:102px 0px 0 10px;
padding:5px;
background:#fff;
border-radius: 8px;
}
.advert_sisebar img {
margin:0 0px 0 0px;
}
.advert {
margin:0 0 10px 0;
}
.advert_title {
margin:0px 0 5px 0;
padding:5px 0;
background:url('/view/images/bg_advert.jpg');
border-radius:8px 8px 0 0;
}
.advert_title h2{
padding:0px 0 0 10px;
color:#fff;
text-decoration:none;
TEXT-TRANSFORM:capitalize;
}
.advert_title a{
text-decoration:none;
color:#fff;
}
/* Archives
---------------------------------------------------------------------------------------*/
.arch_cat{
text-transform: capitalize;
font-size:16px;
font-weight:bold;
margin:0 0 10px 0;
color:red;
}
.archives_title{
color:#fff;
padding:5px 0 5px 10px;
font-size:14px;
font-weight:bold;
background:url(/view/images/carusel_header.jpg);
}
.arvhives_post{
background:#201c19;
margin:2px 0 10px 0;
}
.arvhives_post a{
color:#fff;
text-decoration:none;
}
.archives_post_title{
padding:5px 10px;
}
/* arch table
-------------------------------------*/
.arch_table{
width:100%;
margin:0 0 20px 0;
border-spacing:0;
}
.arch_table a{
color:#fff;
text-decoration:none;
}
.archive_title{
padding:5px 0;
}
.archive_author{
width:100px;
}
.archive_date{
width:90px;
}
.arch_head{
background:url(/view/images/carusel_header.jpg);
color:#fff;
font-size:14px;
font-weight:bold;
padding:5px 0 5px 10px;
border-left:2px solid #fff;
border-bottom:1px solid #fff;
}
.arch_body{
background:#201c19;
padding:5px 0 5px 10px;
color:#fff;
border-left:2px solid #fff;
}
#arch_cat{
margin:0 0 0 220px;
}
#arch_cat a{
border-bottom: 2px dotted #ccc;
text-decoration:none;
font-weight:bold;
}
#first_cat_arch{
float:left;
margin:0 50px 0 0px;
}
#second_cat_arch{
margin:0 0px 0 0px;
}
/* Paginator
-----------------------------------------------------------------------------*/
#pagWrap{
width:500px;
margin: 0 0 70px 380px;
}
#postrNav {
list-style: none;
}
#postrNav li {
float:left;
margin:5px;
padding:3px 5px;
border:1px solid #ccc;
background:#F8F8FF;
line-height:1;
}
#postrNav a {
display:block;
text-decoration:none;
}
/* Banners
-----------------------------------------------------------------------------*/
.banner{
position:absolute;
top: -50px;
width:200px;
border:2px solid #949598;
border-radius:20px;
background:#0C0E0D;
text-align: center;
visibility:hidden;
}
.banner img{
margin:20px 0;
}
#left_banner{
margin: 0 0 0 -220px;
}
#right_banner{
margin: 0 0 0 970px;
}
.searcher{
margin: 8px 0 0 14px;
height: 22px;
color: #777A79;
}
.div_search{
width: 450px;
float:left;
margin: -3px 0 0;
}
.but_search{
margin: 8px 0 0;
height: 24px;
width: 65px;
}
.icons{
/*float:right;*/
margin: 5px 17px 0 852px;
z-index:1;
}