html {background:url(../images/html-bg.jpg);}body { margin:0;
font:11px/18px Tahoma, Arial, sans-serif;
background:url(../images/body-bg.jpg) repeat-y;
color:#756739;
}
img {border:none;}form { padding:0;
margin:0;
}
/* text background */
.last-tweet,
.tags,
.popular-backgrounds,
.latest-backgrounds { margin:0;
text-indent:-9999px;
overflow:hidden;
}
.last-tweet { background:url(../images/last-tweet.png) no-repeat;
height:22px;
margin:0 0 45px 14px;
}
.tags { background:url(../images/tags.png) no-repeat;
height:30px;
margin:0 0 8px 15px;
}
.popular-backgrounds,
.latest-backgrounds { height:37px;
margin:0 0 9px 12px;
background:url(../images/populat-backgrounds.png) no-repeat;
}
.latest-backgrounds {background:url(../images/latest-backgrounds.png) no-repeat;}
/*page*/
#page { width:827px;
padding:0 0 0 60px;
overflow:hidden;
position:relative;
z-index:3;
}
/*header*/
.header { height:1%;
padding:61px 0 26px 45px;
overflow:hidden;
}
/*logo*/
.logo { margin:0;
width:374px;
height:102px;
background:url(../images/logo.png) no-repeat;
display:block;
overflow:hidden;
text-indent:-9999px;
float:left;
}
.logo a { display:block;
height:100%;
position:relative;
}
.header-inn { float:right;
width:351px;
padding:34px 0 0;
}
.header-inn p { text-transform:uppercase;
text-align:right;
color:#443a25;
margin:0 8px 16px 0;
font:18px "Trebuchet MS", Trebuchet, Arial, sans-serif;
}
.header-inn p a { color:#b71515;
padding-left:5px;
}
.header-inn p a:hover {text-decoration:none;}
.login { width:351px;
overflow:hidden;
}
.login .area { width:370px;
padding:9px 0 8px;
margin:0 0 13px;
overflow:hidden;
background:url(../images/login-bg.png) no-repeat;
}
.login input.text { float:left;
padding:4px 0 5px 18px;
width:135px;
border:0;
background:none;
margin:0 25px 0 0;
position:relative;
color:#6f6f6f;
font:12px Arial, Helvetica, sans-serif;
}
.holder { height:1%;
overflow:hidden;
}
.login label { float:right;
padding:0 16px 0 0;
font:11px Tahoma, Arial, sans-serif;
}
.login input.check { margin:0 5px 0 0;
padding:0;
vertical-align:middle;
width:14px;
height:14px;
}
/*primary content*/
.primary-content { height:1%;
overflow:hidden;
padding:0 0 40px;
}
.main-col { float:right;
width:463px;
padding:7px 0 0;
overflow:hidden;
}
.promo { height:1%;
overflow:hidden;
padding:0 1px 38px 0;
}
.promo-img { height:1%;
overflow:hidden;
padding:5px 0 18px 18px;
background:url(../images/promo-img-bg.png) no-repeat;
}
.promo-img img { display:block;
position:relative;
}
.promo p { margin:8px 0 0 12px;
color:#443a25;
text-transform:uppercase;
font:18px "Trebuchet MS", Trebuchet, Arial, sans-serif;
}
.promo p a { color:#b71515;
background:url(../images/bullet.gif) no-repeat 100% 50%;
padding:0 17px 0 5px;
}
.promo p a:hover {text-decoration:none;}
ul.list { padding:0 0 15px;
margin:0;
list-style:none;
overflow:hidden;
width:475px;
}
ul.list li { float:left;
width:147px;
padding:0 10px 15px 0;
}
ul.list li div { background:url(../images/frame.png) no-repeat;
height:1%;
overflow:hidden;
padding:3px 0 13px 15px;
}
ul.list li img { display:block;
position:relative;
}
ul.list ul { padding:0;
margin:0 0 6px 11px;
list-style:none;
width:75px;
height:11px;
overflow:hidden;
background:url(../images/stars-bg.gif) no-repeat;
}
ul.list ul li { float:left;
padding:0 4px 0 0;
width:11px;
}
ul.list ul li a { display:block;
height:100%;
text-indent:-9999px;
}
ul.list ul li.on a {background:url(../images/full.gif) no-repeat;}ul.list ul li.half a {background:url(../images/half.gif) no-repeat;}
.sidebar { float:left;
width:329px;
padding:0 0 30px;
background:url(../images/left-bg.png) no-repeat;
}
ul.menu { height:1%;
overflow:hidden;
padding:0;
margin:27px 80px 102px 22px;
list-style:none;
position:relative;
}
ul.menu li { height:1%;
padding:0 0 7px;
vertical-align:top;
overflow:hidden;
font:24px/30px "Trebuchet MS", Trebuchet, Arial, sans-serif;
text-transform:uppercase;
}
ul.menu li a { color:#fff;
text-decoration:none;
display:block;
padding:0 0 0 24px;
}
ul.menu li a:hover,
ul.menu li.active a {background:url(../images/menu-roll.gif) no-repeat;}
.last { height:1%;
overflow:hidden;
padding:0 24px 39px 43px;
}
.last p {margin:0 12px 3px 0;}.last p a { color:#b71515;
text-decoration:none;
}
.last p a:hover {text-decoration:underline;}.button-box { float:right;
background:url(../images/btn-bg.png) no-repeat;
width:164px;
}
.button-box a { position:relative;
width:153px;
height:35px;
padding:0 0 0 21px;
font:bold 11px/34px Tahoma, Arial, sans-serif;
color:#b71515;
text-decoration:none;
}
.button a:hover {text-decoration:underline;}
ul.tags-list { height:1%;
overflow:hidden;
padding:0 40px 40px 42px;
margin:0;
list-style:none;
}
ul.tags-list li { display:inline;
font:14px "Trebuchet MS", Trebuchet, Arial, sans-serif;
}
ul.tags-list li.size1 {font-size:24px;}ul.tags-list li a { color:#756739;
text-decoration:none;
}
ul.tags-list li a:hover {text-decoration:underline;}
.search { width:215px;
margin:0 0 0 36px;
padding:7px 0;
overflow:hidden;
background:url(../images/search-bg.png) no-repeat ;
}
.search input.text { float:left;
width:156px;
background:none;
color:#6f6f6f;
border:0;
position:relative;
font:12px Arial, Helvetica, sans-serif;
padding:6px 5px 6px 19px;
}
.search input.button { float:left;
position:relative;
}
/*footer*/
.footer { height:1%;
padding:0 0 35px 43px;
font:10px Tahoma, Arial, sans-serif;
overflow:hidden;
}
.footer p { margin:0 0 3px;
color:#443a25;
}
.footer p a {color:#b71515;}.footer p a:hover {text-decoration:none;}.footer p strong { font-weight:normal;
background:url(../images/kavoon.gif) no-repeat 0 50%;
padding:0 0 0 14px;
}
.footer p strong a { color:#443a25;
text-decoration:none;
}
.footer p strong a:hover {text-decoration:underline;}
.cloud1,
.cloud2,
.cloud3,
.cloud4,
.cloud5,
.cloud6,
.cloud7 { position:absolute;
overflow:hidden;
text-indent:-9999px;
}
.cloud1 { width:222px;
height:74px;
top:0;
left:552px;
background:url(../images/cloud1.gif) no-repeat;
}
.cloud2 { width:213px;
height:247px;
top:236px;
right:0;
background:url(../images/cloud2.gif) no-repeat;
}
.cloud3 { width:227px;
height:157px;
top:462px;
left:724px;
background:url(../images/cloud3.gif) no-repeat;
}
.cloud4 { width:181px;
height:117px;
top:487px;
left:60px;
background:url(../images/cloud4.gif) no-repeat;
}
.cloud5 { width:138px;
height:111px;
top:716px;
left:60px;
background:url(../images/cloud5.gif) no-repeat;
}
.cloud6 { width:222px;
height:146px;
top:754px;
left:369px;
background:url(../images/cloud6.gif) no-repeat;
}
.cloud7 { width:313px;
height:221px;
top:1052px;
left:60px;
background:url(../images/cloud7.gif) no-repeat;
}