/* ********** [ GENERAL ] ********** */
body { cursor: default; font: 12px Tahoma, Geneva, sans-serif; color: #555; background: #12131b url('bg.png') repeat; }
div.clear { clear: both; }
div.break_w { clear: both; margin: 0px auto; height: 10px; background: url('break_w.png') repeat-x; }
/* ********** [ PAGE ] ********** */
div#page_wrap { background: url('inner.jpg') 50% 55px no-repeat; }
div#page { }
div#page_shadow { background: url('img.png') 0px -96px repeat-x; }
/* ********** [ TOPLOGIN ] ********** */
div#toplogin_wrap { height: 40px; background: #12131b url('bg.png') repeat; margin: 0px auto; padding: 20px 0; display: none; box-shadow: inset 0px -5px 8px #000; }
div#toplogin { width: 960px; margin: 0px auto; }
div#toplogin { width: 960px; margin: 0px auto; }
div#toplogin div.lostpass { margin: 5px 0; }
div#toplogin div.lostpass a { text-shadow: none; }
div#toplogin input.text { margin-right: 15px; width: 140px; border: 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; padding: 5px; }
div#toplogin input.submit { box-shadow: 0px 0px 2px #000, inset 0px -2px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 2px #000, inset 0px -2px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 2px #000, inset 0px -2px rgba(0,0,0,0.1); }
/* ********** [ HEADER ] ********** */
div#header_wrap { height: 120px; }
div#header { margin: 0px auto; width: 960px; height: 110px; padding-top: 10px; }
div#header h1 { width: 310px; height: 110px; float: left; background: url('logo.png') 0px 0px no-repeat; overflow: hidden; text-indent: -10000px; }
div#header h1 a, div#header h1 a:hover, div#header h1 a:active, div#header h1 a:visited { display: block; width: 210px; height: 100px; overflow: hidden; text-indent: -10000px; outline: none; }
div#header div.banner { padding-top: 20px; float: right; }
/* ********** [ CONTAINER ] ********** */
div#container_wrap { margin: 0px auto; width: 960px; position: relative; z-index: 1; }
div#container { margin: 0px auto; width: 960px; }
body#home div#container_wrap { margin: 0px auto; width: auto; }
body#home div#container { margin: 0px auto; width: auto; }
body#home.loggedin div#container_wrap { margin: 0px auto; width: 960px; }
body#home.loggedin div#container { margin: 0px auto; width: 960px; }
/* ********** [ FOOTER ] ********** */
div#footer_wrap { margin: 40px auto 0px; background: url('white.png') repeat; padding: 0px 0px 20px; -webkit-box-shadow: 0px -2px 8px #0b0b0b; -moz-box-shadow: 0px -2px 10px #0b0b0b; box-shadow: 0px -2px 10px #0b0b0b; }
div#footer { margin: 0px auto; width: 960px; color: #ccc; padding: 30px 0px 20px; text-shadow: 1px 1px 0px #000; }
div#footer a { color: #ddd; }
div#footer a:hover { color: #fff !important; text-shadow: 0px 0px 2px #ccc; }
div#footer div.footbanner { float: left; height: 60px; }
div#footer div.footmenu, div#footer div.footsocial, div#footer div.footcopy { float: right; margin-bottom: 15px; clear: right; }
div#footer div.footmenu { color: #d555b4; }
div#footer div.footmenu a { color: #ddd; }
div#footer div.footsocial ul { list-style: none; width: 450px; }
div#footer div.footsocial ul li { float: right; margin-left: 14px; height: 16px; line-height: 16px; }
div#footer div.footsocial ul li.facebook { padding-left: 20px; background: url('social.png') no-repeat; }
div#footer div.footsocial ul li.twitter { padding-left: 20px; background: url('social.png') 0 -20px no-repeat; }
div#footer div.footsocial ul li.youtube { padding-left: 20px; background: url('social.png') 0 -40px no-repeat; }
div#footer div.footcopy { width: 450px; text-align: right; }
div#footer div.footseo { margin-top: 30px; color: #999; }
div#footer div.footseo p { color: #999; font-family: Tahoma, Geneva, sans-serif !important; }
div#footer div.footseo h2, div#footer div.footseo h3, div#footer div.footseo h1 { color: #d555b4; border-bottom: 2px dotted #222; font-weight: normal; }
div#footer div.footcopy span, div#footer div.footsocial ul li span { color: #d555b4; }
/* ********** [ CONTENT ] ********** */
#content_wrap { padding: 0px 0px 10px 0px; float: right; width: 710px; }
#content { }
body#home #content_wrap { width: auto; float: none; }
body#home.loggedin #content_wrap { padding: 0px 0px 10px 0px; float: right; width: 710px; }
/* ********** [ SIDEBAR ] ********** */
div#sidebar_wrap { padding: 0px; width: 230px; float: left; }
div#sidebar { }
/* ********** [ MAIN NAVIGATION ] ********** */
div#headernav_wrap { margin: 0px auto; height: 50px; background: url('headernav.png') repeat-x; padding-bottom: 5px; }
div#headernav { margin: 0px auto; width: 960px; }
div#headernav ul { height: 50px; list-style: none; width: 960px; }
div#headernav ul li { float: left; }
div#headernav ul li a { padding: 0px 12px; height: 46px; display: block; float: left; font: 16px/48px Tahoma, Geneva, sans-serif; color: #eee; text-decoration: none; border-bottom: 0px solid #a3a6ce; -moz-transition: text-shadow 0.2s linear, background 0.2s linear, border 0.2s linear; -webkit-transition: text-shadow 0.2s linear, background 0.2s linear, border 0.2s linear; text-shadow: 1px 1px 2px #000; }
div#headernav ul li a:hover { background: #171821; background: rgba(23,24,33,0.6); border-bottom: 4px solid #37394d; text-shadow: 0px 0px 4px #f300b0; -moz-transition: text-shadow 0.2s linear, background 0.2s linear, border 0.2s linear; -webkit-transition: text-shadow 0.2s linear, background 0.2s linear, border 0.2s linear; color: #e97acd; }
div#headernav ul li a:active { border-bottom: 4px solid #a3a6ce; }
div#headernav ul li.navlogin { float: right; }
div#headernav ul li.navlogin a { text-shadow: 0px 0px 4px #f300b0; color: #e97acd; }
div#headernav ul li.navlogin a:hover { color: #eee; }
/* ********** [ USER NAVIGATION ] ********** */
div#usernav_wrap { margin: 0px auto; width: 960px; height: 32px; padding-top: 2px; margin-bottom: 20px; background: url('white.png') repeat; border-radius: 5px; -moz-box-shadow: 0px 0px 3px #0b0b0b; -webkit-box-shadow: 0px 0px 3px #0b0b0b; box-shadow: 0px 0px 3px #0b0b0b; position: relative; z-index: 2; }
div#usernav { margin: 0px auto; width: 955px; height: 30px; padding-left: 5px }
div#usernav ul { list-style: none; }
div#usernav li { float: left; height: 28px; z-index: 9999; position: relative; }
div#usernav ul li a.outter { padding: 0px 5px 0px 29px; height: 30px; display: block; float: left; font: 12px/28px Tahoma, Geneva, sans-serif; color: #eee; text-decoration: none; text-shadow: 1px 1px 0px #000; }
div#usernav ul li.shover a.outter, div#usernav ul li a.outter:hover { text-decoration: none; color: #d555b4; }
div#usernav ul li li a { background-repeat: no-repeat; background-position: 5px 50%; }
div#usernav ul li.nav_notice a.outter { background: url('navigation/pro_notice.png') no-repeat 12px 12px; }
div#usernav ul li.nav_profile { background: url('navigation/pro_profile.png') no-repeat 8px 50%; }
div#usernav ul li.nav_profile li.home a { background-image: url('navigation/pre_home.png'); }
div#usernav ul li.nav_profile li.profile a { background-image: url('navigation/pre_profile.png'); }
div#usernav ul li.nav_profile li.photo a { background-image: url('navigation/pre_photo.png'); }
div#usernav ul li.nav_messages { background: url('navigation/pro_messages.png') no-repeat 8px 50%; }
div#usernav ul li.nav_messages_new { background: url('navigation/pro_messages_new.png') no-repeat 8px 50%; }
div#usernav ul li.nav_messages li.inbox a { background-image: url('navigation/pre_inbox.png'); }
div#usernav ul li.nav_messages li.sent a { background-image: url('navigation/pre_sent.png'); }
div#usernav ul li.nav_media { background: url('navigation/pro_media.png') no-repeat 8px 50%; }
div#usernav ul li.nav_media li.pictures a { background-image: url('navigation/pre_pictures.png'); }
div#usernav ul li.nav_media li.videos a { background-image: url('navigation/pre_videos.png'); }
div#usernav ul li.nav_media li.audio a { background-image: url('navigation/pre_audio.png'); }
div#usernav ul li.nav_apps { background: url('navigation/pro_apps.png') no-repeat 8px 50%; }
div#usernav ul li.nav_apps li.blog a { background-image: url('navigation/pre_blog.png'); }
div#usernav ul li.nav_apps li.gifts a { background-image: url('navigation/pre_gifts.png'); }
div#usernav ul li.nav_apps li.guestbook a { background-image: url('navigation/pre_guestbook.png'); }
div#usernav ul li.nav_apps li.events a { background-image: url('navigation/pre_events.png'); }
div#usernav ul li.nav_network { background: url('navigation/pro_network.png') no-repeat 8px 50%; }
div#usernav ul li.nav_network li.favorites a { background-image: url('navigation/pre_favorites.png'); }
div#usernav ul li.nav_network li.friends a { background-image: url('navigation/pre_friends.png'); }
div#usernav ul li.nav_network li.visitors a { background-image: url('navigation/pre_visitors.png'); }
div#usernav ul li.nav_network li.blocked a { background-image: url('navigation/pre_blocked.png'); }
div#usernav ul li.nav_settings { background: url('navigation/pro_settings.png') no-repeat 8px 50%; }
div#usernav ul li.nav_settings li.settings a { background-image: url('navigation/pre_settings.png'); }
div#usernav ul li.nav_settings li.notifications a { background-image: url('navigation/pre_notifications.png'); }
div#usernav ul li.nav_settings li.privacy a { background-image: url('navigation/pre_privacy.png'); }
div#usernav ul li.nav_settings li.upgrade a { background-image: url('navigation/pre_upgrade.png'); }
div#usernav ul li.nav_settings li.credits a { background-image: url('navigation/pre_credits.png'); }
div#usernav ul li.nav_logout { float: right; background: url('navigation/pro_logout.png') no-repeat 8px 50%; padding-right: 10px; }
div#usernav ul li ul { padding: 5px 0px; height: auto; position: absolute; top: -999px; left: -1px; /*display: none;*/ list-style: none; background: #fff url('noise_b.png') repeat; background: #fff; -webkit-box-shadow: 0px 0px 2px #333, inset 0px -4px #ddd; -moz-box-shadow: 0px 0px 2px #333, inset 0px -4px #ddd; box-shadow: 0px 0px 2px #333, inset 0px -4px #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
div#usernav ul li:hover ul, div#usernav ul li.shover ul { top: 30px; left: 0px; width: 135px; }
div#usernav ul li ul li { height: 24px; float: none; }
div#usernav ul li ul li a { padding: 0px 0px 0px 26px; height: 26px; display: block; float: none; font: 12px/26px Tahoma, Geneva, sans-serif; color: #555; border: 0px; text-decoration: none; white-space: nowrap; }
div#usernav ul li ul li a:hover { border: 0px; color: #d555b4; }
/* ********** [ COMMON ITEMS ] ********** */
h2, h3, h4, h5, h6 { padding-bottom: 5px; font: 14px/16px Tahoma, Geneva, sans-serif; color: #D555B4; }
h2 { margin-bottom: 5px; font: 14px/16px Tahoma, Geneva, sans-serif; }
h3 { font: 13px/16px Tahoma, Geneva, sans-serif; }
h4 { font: 12px/16px Tahoma, Geneva, sans-serif; }
h4 { font: 11px/16px Tahoma, Geneva, sans-serif; }
p { margin: 0px 0px 8px 0px; font: 12px/18px Tahoma, Geneva, sans-serif; }
a { font: 12px Tahoma, Geneva, sans-serif; color: #d555b4; text-decoration: none; outline: none; }
a:hover, a:active { outline: none; }
a:hover { text-decoration: underline; }