/* ********** [ GENERAL ] ********** */
body {
cursor: default;
font: 14px arial, verdana, sans-serif;
color: #222222;
background: #000000 url('page_bg.gif');
}
/* ********** [ HEADER ] ********** */
div#header_wrap {
margin: 0px auto;
width: 920px;
height: 100px; }
div#header {
background: url('header_haze.png') no-repeat; }
div#header h1 {
padding-left: 100px;
width: 350px;
height: 100px;
float: left;
font: bold 26px/100px Trebuchet MS, arial, sans-serif;
color: #ffffff;
text-shadow: 0 0 10px #ffffff;
/*background: url('logo.png') no-repeat 30px center;*/ }
div#header h1 span { }
div#header div.banner {
padding-top: 5px;
color: #eee;
float: right; }
div#header div.banner span {
padding-right: 10px;
text-shadow: 0 0 1px #ffffff;
}
div#subheader_wrap {
margin: 0px auto;
padding: 0px 10px;
width: 900px;
height: 50px;
font: bold 20px/50px Trebuchet MS, arial, sans-serif;
color: #ffffff;
background: url('subheader_bg.jpg') no-repeat; }
/* ********** [ CONTAINER ] ********** */
div#container_wrap {
margin: 0px auto;
width: 920px;
padding: 0px 0px 10px 0px; }
div#container { }
/* ********** [ FOOTER ] ********** */
div#footer_wrap {
margin: 5px auto;
width: 920px;
height: 50px;
background: url('footer_bg.png') no-repeat; }
div#footer {
height: 50px;
line-height: 50px;
color: #222222;
text-align: center; }
div#footer a {
color: #222222;
}
div#footer a:hover {
text-shadow: 0 0 10px #454545;
}
#user_menu_foot {
bottom: 0px;
right: 10px;
background: #bb44bb;
color: #ffffff;
width: 190px;
height: 12px;
position: fixed;
border-radius: 6px 6px 0 0;
border-top: 1px solid #aa00aa;
border-left: 1px solid #aa00aa;
border-right: 1px solid #aa00aa;
text-align: center;
padding: 2px 0px;
}
#user_menu_foot_cont {
bottom: 0px;
right: 10px;
width: 100%;
height: 100%;
background: #ffffff;
color: #555555;
}
/* ********** [ SIDEBAR ] ********** */
div#sidebar_wrap {
padding: 10px 10px 0px 0px;
width: 190px;
float: left; }
div#sidebar { }
/* ********** [ MAIN NAVIGATION ] ********** */
div#headernav_wrap {
margin: 0px auto;
width: 920px;
height: 36px;
background: url('nav_bg.png') no-repeat; }
div#headernav {
padding: 0px 15px;
background: url('nav_bg.png') no-repeat 100% -36px; }
div#headernav ul {
background: url('nav_bg.png') repeat-x 0px -72px;
height: 36px;
list-style: none; }
div#headernav ul li {
padding-right: 1px;
background: url('nav_sep.gif') no-repeat 100% 0px;
float: left; }
div#headernav ul li a {
padding: 0px 9px;
height: 36px;
display: block;
float: left;
font: bold 12px/36px arial, verdana, sans-serif;
color: #222222;
text-decoration: none; }
div#headernav ul li a:hover {
text-decoration: underline;
text-shadow: 0 0 10px #676767;
}
div.intro {
margin: 0px auto;
width: 920px;
height: 260px;
background: url('splash.jpg') no-repeat; }
div.intro div.text {
padding: 20px 20px 0px 0px;
float: right;
width: 490px;
color: #ffffff;
text-shadow: 0 0 1px #ffffff;
font-size: 12px;
line-height: 18px; }
div.intro div.text h3 {
color: #ffffff;
font: bold 20px/30px Trebuchet MS, arial, sans-serif; }
div.intro div.text a {
color: #ffffff;
font-size: 12px;
line-height: 18px; }
div.intro a.signup {
margin: 10px 20px 0px 0px;
float: right;
display: block;
font-size: 18px;
background: #aa00aa;
background: -webkit-linear-gradient(top, #aa00aa 0%,#8000aa 100%);
background: -moz-linear-gradient(top, #aa00aa 0%,#8000aa 100%);
background: -o-linear-gradient(top, #aa00aa 0%,#8000aa 100%);
background: -ms-linear-gradient(top, #aa00aa 0%,#8000aa 100%);
background: linear-gradient(top, #aa00aa 0%,#8000aa 100%);
cursor: pointer;
color: #fff;
border-radius: 6px;
padding: 5px 10px;
}
div.intro a.signup:hover {
text-decoration: none;
background: #8000aa;
background: -webkit-linear-gradient(top, #8000aa 0%,#aa00aa 100%);
background: -moz-linear-gradient(top, #8000aa 0%,#aa00aa 100%);
background: -o-linear-gradient(top, #8000aa 0%,#aa00aa 100%);
background: -ms-linear-gradient(top, #8000aa 0%,#aa00aa 100%);
background: linear-gradient(top, #8000aa 0%,#aa00aa 100%);
}
/* ********** [ COMMON ITEMS ] ********** */
h2, h3, h4, h5, h6 {
padding-bottom: 5px;
font: bold 14px/16px arial, verdana, sans-serif;
color: #436082; }
h2 {
margin-bottom: 5px;
font: bold 14px/16px arial, verdana, sans-serif;
border-bottom: 1px solid #d4d4d4; }
h3 {
font: bold 13px/16px arial, verdana, sans-serif; }
h4 {
font: bold 12px/16px arial, verdana, sans-serif; }
h4 {
font: bold 11px/16px arial, verdana, sans-serif; }
p {
margin: 0px 0px 8px 0px;
font: 11px/16px arial, verdana, sans-serif;
color: #222222;
}
/* ********** [ USER NAVIGATION ] ********** */
div#usernav_wrap {
margin: 0px auto;
width: 920px;
background: url('usernav_bg.png') no-repeat; }
div#usernav {
padding: 0px 10px;
background: url('usernav_bg.png') no-repeat 100% -30px; }
div#usernav ul {
height: 30px;
list-style: none;
background: url('usernav_bg.png') repeat-x 0px -60px; }
div#usernav li {
float: left;
height: 30px;
/*z-index: 9999;*/
position: relative; }
div#usernav ul li a.outter {
background: url('usernav_sep.gif') no-repeat 100% 0px;
padding: 0px 6px 0px 29px;
height: 30px;
display: block;
float: left;
font: bold 11px/30px arial, sans-serif;
color: #222222;
text-decoration: none; }
div#usernav ul li.nav_logout a {
background: none; }
div#usernav ul li.shover a.outter,
div#usernav ul li a.outter:hover {
text-decoration: underline;
text-shadow: 0 0 10px #676767;
}
div#usernav ul li li a {
background-repeat: no-repeat;
background-position: 5px 50%;}
div#usernav ul li.nav_notice a.outter {
background: url('pro_notice.png') no-repeat 12px 12px; }
div#usernav ul li.nav_profile {
background: url('pro_profile.png') no-repeat 8px 50%; }
div#usernav ul li.nav_profile li.home a {
background-image: url('pre_home.png'); }
div#usernav ul li.nav_profile li.profile a {
background-image: url('pre_profile.png'); }
div#usernav ul li.nav_profile li.photo a {
background-image: url('pre_photo.png'); }
div#usernav ul li.nav_messages {
background: url('pro_messages.png') no-repeat 8px 50%; }
div#usernav ul li.nav_messages_new {
background: url('pro_messages_new.png') no-repeat 8px 50%; }
div#usernav ul li.nav_messages li.inbox a {
background-image: url('pre_inbox.png'); }
div#usernav ul li.nav_messages li.sent a {
background-image: url('pre_sent.png'); }
div#usernav ul li.nav_media {
background: url('pro_media.png') no-repeat 8px 50%; }
div#usernav ul li.nav_media li.pictures a {
background-image: url('pre_pictures.png'); }
div#usernav ul li.nav_media li.videos a {
background-image: url('pre_videos.png'); }
div#usernav ul li.nav_media li.audio a {
background-image: url('pre_audio.png'); }
div#usernav ul li.nav_apps {
background: url('pro_apps.png') no-repeat 8px 50%; }
div#usernav ul li.nav_apps li.blog a {
background-image: url('pre_blog.png'); }
div#usernav ul li.nav_apps li.gifts a {
background-image: url('pre_gifts.png'); }
div#usernav ul li.nav_apps li.guestbook a {
background-image: url('pre_guestbook.png'); }
div#usernav ul li.nav_apps li.events a {
background-image: url('pre_events.png'); }
div#usernav ul li.nav_network {
background: url('pro_network.png') no-repeat 8px 50%; }
div#usernav ul li.nav_network li.usl a {
background-image: url('pre_uslugi.png'); }
div#usernav ul li.nav_network li.favorites a {
background-image: url('pre_favorites.png'); }
div#usernav ul li.nav_network li.friends a {
background-image: url('pre_friends.png'); }
div#usernav ul li.nav_network li.visitors a {
background-image: url('pre_visitors.png'); }
div#usernav ul li.nav_network li.blocked a {
background-image: url('pre_blocked.png'); }
div#usernav ul li.nav_network li.rates a {
background-image: url('pre_rates.png'); }
div#usernav ul li.nav_network li.comments a {
background-image: url('pre_comments.png'); }
div#usernav ul li.nav_network li.gifts a {
background-image: url('pre_gifts.png'); }
div#usernav ul li.nav_settings {
background: url('pro_settings.png') no-repeat 8px 50%; }
div#usernav ul li.nav_settings li.settings a {
background-image: url('pre_settings.png'); }
div#usernav ul li.nav_settings li.notifications a {
background-image: url('pre_notifications.png'); }
div#usernav ul li.nav_settings li.privacy a {
background-image: url('pre_privacy.png'); }
div#usernav ul li.nav_settings li.upgrade a {
background-image: url('pre_upgrade.png'); }
div#usernav ul li.nav_settings li.credits a {
background-image: url('pre_credits.png'); }
div#usernav ul li.nav_logout {
float: right;
background: url('pro_logout.png') no-repeat 8px 50%; }
div#usernav ul li ul {
padding: 0px 0px 4px 0px;
height: auto;
position: absolute;
top: -999px;
left: -1px;
/*display: none;*/
list-style: none;
background: url('usernav_outter_bg.gif') no-repeat 0px 100%; }
div#usernav ul li:hover ul,
div#usernav ul li.shover ul {
top: 30px;
left: 0px;
width: 135px; }
div#usernav ul li ul li {
padding: 0px 1px;
height: 24px;
float: none; }
div#usernav ul li ul li a {
padding: 0px 0px 0px 26px;
height: 24px;
display: block;
float: none;
font: 11px/24px verdana, arial, sans-serif;
color: #222222;
border: 0px;
text-decoration: none;
white-space: nowrap; }
div#usernav ul li ul li a:hover {
border: 0px;
text-decoration: underline;
text-shadow: 0 0 10px #676767;
}
/* login box */
div.login input.text {
padding-left: 20px;
}
div.login input.username {
background: #ffffff url('qlogin_username.png') no-repeat 2px 50%; }
div.login input.password {
background: #ffffff url('qlogin_password.png') no-repeat 2px 50%; }
div#sup {
cursor: pointer; top: 35%; left: 0px; position: fixed; background: url('sup.gif') no-repeat; width: 30px; height: 192px;
}
div#sup:hover {
background: url('sup.gif') -34px 0px no-repeat;
}