html {
background : #fff;
}
body {
min-width : 1000px;
margin : 0;
background : #000 url(../img/bg-body1.jpg) repeat-y 50% 0;
font : 13px "Verdana, Arial, Helvetica, sans-serif", Arial, sans-serif;
color : #5c3e2e;
}
img {
border : 0;
display : block;
margin : 0;
padding : 0;
}
h1, h2, h3, h4, h5, h6, p {
margin : 0;
}
a {
text-decoration : none;
outline : 0;
color : #cd2761;
border-bottom : 1px dotted;
}
a:hover {
text-decoration : none;
}
.page-bg {
background : url(../img/bg-top.jpg) no-repeat 50% 0;
}
.wrapper {
background : url(../img/bg-footer1.gif) repeat-x 0 100%;
overflow : hidden;
min-width : 1000px;
width : 100%;
}
.wrapper .foot-bg {
background : url(../img/bg-footer.png) no-repeat 50% 100%;
width : 100%;
overflow : hidden;
position : relative;
}
#page {
width : 1005px;
min-height : 1000px;
margin : 0 auto;
padding : 0 5px 0 0;
}
* html #page {
height : 1000px;
}
#header, #main {
float : left;
display : inline;
width : 100%;
}
#main {
padding : 0 50px;
margin : 0 -80px;
position : relative;
}
#footer {
overflow : hidden;
width : 100%;
clear : both;
}
#header h1 {
background : url(../img/logo.gif) no-repeat 0 0;
width : 215px;
height : 100px;
margin : 263px 0 0 179px;
text-indent : -3000px;
}
#main-menu {
list-style : none;
display : inline;
}
#main-menu li {
float : left;
margin-top : 10px;
}
#main-menu li a {
float : left;
margin : 105px 0 0 31px;
border-bottom : 1px dashed;
font: 23px Georgia,"Times New Roman",serif;
}
#main-menu li a:hover {
background-color : #fff;
text-decoration : none;
}
#sidebar {
float : right;
width : 311px;
margin : 107px 0 0 0;
padding : 0 50px 190px 0;
font-size : 13px;
line-height : 21px;
}
#sidebar ul {
margin : 0;
padding : 0;
width : 100%;
overflow : hidden;
}
#sidebar ul li {
float : left;
display : inline;
width : 303px;
list-style : none;
list-style-image : none;
padding : 0 0 36px;
margin : 0 0 0 8px;
}
#sidebar ul li a {
position : relative;
}
#sidebar h3 {
text-indent : -9999px;
overflow : hidden;
width : 172px;
height : 30px;
padding : 0 0 16px 27px;
}
#sidebar ul div.content {
padding : 0 25px;
}
#page #sidebar div.more {
margin : 0 14px 0 -50px;
}
#sidebar #price {
margin : 0;
padding-left : 8px;
padding-bottom : 41px;
height : 203px;
background : url(../img/widget1.png) no-repeat 0 0;
}
#sidebar #price div.content {
height : 87px;
}
#sidebar #price h3 {
margin : 46px 0 0;
}
#sidebar #links {
height : 170px;
padding-bottom : 28px;
background : url(../img/widget2.png) no-repeat 0 0;
padding-top : 10px;
}
#sidebar #links h3 {
margin : 32px 0 0;
}
#sidebar #ruslan {
height : 197px;
font-size : 13px;
word-spacing : -1px;
background : url(../img/widget3.png) no-repeat 0 0;
}
#sidebar #ruslan h3 {
margin : 56px 0 0;
}
#sidebar #ruslan div.content {
padding-right : 20px;
height : 90px;
margin-top : 30px;
}
#content {
float : left;
display : inline;
width : 630px;
margin : 25px 0 0 -100px;
padding : 0 0 142px 50px;
}
#content.wide-column {
width : 100%;
margin : 71px -100px 0 -100px;
padding : 0 100px 219px 100px;
}
#content div.heading {
background : url(../img/bg-title.png) no-repeat 0 0;
color : #fff;
}
#content div.h-small {
background-position : 0 10px;
margin : 0 0 0 -76px;
padding : 17px 55px 5px 85px;
width : 275px;
}
#content div.heading h2 {
font-size : 17px;
line-height : 28px;
height : 28px;
margin : 7px 0 0;
}
* html #content div.heading h2 {
margin-top : 25px;
}
* + html #content div.heading h2 {
margin-top : 25px;
}
#content div.post {
width : 100%;
overflow : hidden;
margin : 19px -10px 0;
padding : 0 10px 50px;
}
#content div.post .date {
color : #9e8172;
}
#content div.post-title {
width : 100%;
overflow : hidden;
margin : 0 -10px;
padding : 0 10px;
}
#content div.work-title div.post-title {
float : left;
width : auto;
margin : 0 0 0 -10px;
padding : 0 0 0 10px;
}
#content div.post-title {
float : left;
display : inline;
padding : 0 0 0 25px;
}
#content div.post-title h3 {
font : italic 23px Georgia, times, serif;
color : #5c3e2e;
margin : 0 0 0 -10px;
padding : 20px 0 12px 25px;
min-width : 160px;
white-space : nowrap;
position : relative;
}
#content div.post-title h2 {
font : 26px/34px Georgia, times, serif;
color : #5c3e2e;
margin : 0 0 0 -10px;
padding : 20px 0 12px;
min-width : 160px;
white-space : nowrap;
position : relative;
}
* html #content div.post-title div h3 {
width : 160px;
}
#content div.post-content {
font-size : 12px;
line-height : 22px;
margin : 8px 0 0;
}
#content div.post-content p {
padding : 0 0 22px;
text-align: justify;
}
#content div.post-content img {
margin-left: 20px;
}
#footer a.back-to-top {
float : left;
text-indent : -9999px;
overflow : hidden;
width : 48px;
height : 37px;
margin : 0 0 0 164px;
}
#footer ul.foot-links {
margin : 11px 16px 0 0;
padding : 0;
list-style : none;
float : right;
display : inline;
}
#footer ul.foot-links li {
float : left;
}
#footer ul.foot-links li a {
float : left;
margin : 0 18px 0 0;
font-size : 14px;
line-height : 18px;
}
#footer p.copyright {
float : left;
display : inline;
color : #fcfcfa;
margin : 13px 0 0 180px;
}
.song {
float : right;
margin-top : 17px;
margin-right : 30px;
}
#top a.over {
position : absolute;
width : 88px;
height : 143px;
top : 50px;
left : 50%;
margin : 0 0 0 -458px;
}
#top a.over:hover {
position : absolute;
width : 188px;
height : 143px;
top : 50px;
left : 50%;
margin : 0 0 0 -458px;
background : url(../img/bg-pret.png) no-repeat 0 0;
}
#top a {
border-bottom : none;
}
#visage {
top : 550px;
left : 450px;
position : absolute;
font-size : 24px;
}