/* ********** [ GENERAL ] ********** */
body { cursor: default; font: 0.90em/1.5em "HelveticaNeue", Arial, Helvetica, sans-serif; color: #555; background: #FFF;}
h2, h3, h4, h5, h6 { padding-bottom: 5px; font: bold 1em/1.5em "HelveticaNeue", Arial, Helvetica, sans-serif; }
h2 { /* font: bold 14px/16px arial, verdana, sans-serif; */ }
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: 0 0 0.5em 0; }
a { color: #436082; text-decoration: none; outline: none; }
a:hover, a:active, a:focus { text-decoration: none; outline: none; }
div.sep { height: 1px;  border-bottom: 4px dashed rgba(0,0,0,.2); clear: both; margin: 15px 8px; }
div.clear { clear: both; }
/* ********** [ PAGE ] ********** */
div#page_wrap { margin: 0px auto; overflow: hidden; }
div#page { margin: 0px auto; overflow: hidden; }
/* ********** [ HEADER ] ********** */
div#header_wrap { overflow: hidden; margin: 0.5em 0; }
div#header { margin: 0 auto; }
div#header h1, div#header h1 a { display: block; color: #fff; text-align: center; text-indent: -10000px; }
div#header h1 a, div#header h1 a:active, div#header h1 a:focus, div#header h1 a:hover { width: 100%; height: 92px; background: url('logo.png') 50% 50% no-repeat; }
/* ********** [ CONTAINER ] ********** */
div#container_wrap { margin: 0px auto; }
div#container { margin: 0px auto; }
/* ********** [ FOOTER ] ********** */
div#footer_wrap { margin: 1em 0.5em; border-top: 4px dashed rgba(0,0,0,.2); border-bottom: 4px dashed rgba(0,0,0,.2); }
div#footer { padding: 1em 0; line-height: 24px; }
div#footer a { line-height: 24px;  }
/* ********** [ CONTENT ] ********** */
#content_wrap { padding: 0; clear: both; }
#content { }
/* ********** [ MAIN NAVIGATION ] ********** */
div#headernav_wrap { margin: 1em 0.5em; border: 2px solid #fff; }
div#headernav { margin: 0 auto; overflow: hidden; background: #f3f3f3 url('navbg.png') 0px 50% repeat-x;  }
div#headernav ul { list-style: none; position: relative; zoom: 1; }
div#headernav ul li { float: left; display: inline; width: 25%; }
html.iem7 div#headernav ul li { float: left; display: inline; width: 24.98%; }
div#headernav ul li a { display: block; font-size: 0.875em; font-weight: bold; height: 5em; overflow: hidden; position: relative; text-align: center; color: #555; line-height: 5em; border-left: 1px solid #fff; text-shadow: 0px 1px 0px #fff; text-transform: uppercase; border-right: 1px solid #ddd; border-bottom: 1px solid #d9d9d9; }
div#headernav ul li.first a { border-left: 0px;}
div#headernav ul li.last a { border-right: 0px;}
div#headernav ul li a:active, div#headernav ul li a:focus { background: #fff; }
div#headernav ul li.active a { box-shadow: inset 0 -0.4em 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 -0.4em 0 rgba(0,0,0,0.1); background: rgba(255,255,255,0.7); }
div#headernav span.newmessage { color: #900 }
/* ********** [ TOP LOGIN ] ********** */
div#loginform { margin: 1em 0.5em; }
/* ********** [ BOTTOM NAVIGATION ] ********** */
ul#usermenu { display: none; }
ul#extramenu {  margin: 1em 0.5em; list-style: none; padding: 1em 0 0;  border-top: 4px dashed rgba(0,0,0,.2); }
ul.extramenu_home { border-top: 0px !important; margin-top: 0px !important; padding-top: 0px !important; }
ul#extramenu li { clear: both; }
ul#extramenu li a { display: block; background: #fff url('arrowh.png') 97% 50% no-repeat; height: 40px; margin-bottom: 0.5em; padding: 0 1em; font: bold 14px/40px "HelveticaNeue", Arial, Helvetica, sans-serif; color: #555; }
ul#extramenu li a:focus { background: #e5f1ff url('arrowh.png') 97% 50% no-repeat; text-shadow: 0px 1px rgba(255,255,255,.8); }
div.extratitle, div.footup a { margin: 1em 0.5em; padding: 0 1em; height: 40px; background: #e5f1ff url('arrow.png') 97% 50% no-repeat; font: bold 14px/40px "HelveticaNeue", Arial, Helvetica, sans-serif; color: #555; cursor: pointer; text-shadow: 0px 1px rgba(255,255,255,.8); }
div.footup a { display: block; text-align: center; background: #e5f1ff; }
div.footup a:hover {  }
/* ********** [ USER NAVIGATION ] ********** */
div#usernav_wrap { margin: 1em 0.5em; }
div#usernav { }
div#usernav ul { list-style: none; }
div#usernav li { clear: both; z-index: 9999; position: relative; margin: 0.5em 0; }
div#usernav span#useropen { display: block; height: 40px; padding: 0 1em; font: bold 14px/40px "HelveticaNeue", Arial, Helvetica, sans-serif; color: #555; background: #e5f1ff url('arrow.png') 97% 50% no-repeat; text-shadow: 0px 1px rgba(255,255,255,.8); }
div#usernav ul li a.outter { display: block; padding: 0px 0px 0px 1em; height: 40px; font: bold 14px/40px "HelveticaNeue", Arial, Helvetica, sans-serif; color: #555; text-decoration: none; background: #e5f1ff url('arrowh.png') 97% 50% no-repeat; }
div#usernav ul li.shover a.outter, div#usernav ul li a.outter:hover { }
div#usernav ul li a.outter:focus { background: #fff; }
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%; }
div#usernav ul li ul { padding: 0px; height: auto; position: absolute; top: -999px; left: -1px; display: none; list-style: none; background: #ffffff; border: 1px solid #cccccc; border-width: 0px 1px 1px 1px; }
div#usernav ul li ul, div#usernav ul li ul { top: 28px; 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: 24px; display: block; float: none; font: 11px/24px verdana, arial, sans-serif; color: #436082; border: 0px; text-decoration: none; white-space: nowrap; }
div#usernav ul li ul li a:hover { border: 0px; background-color: #f2f2f2; color: #419CDE; }
/* ********** [ HOMEPAGE ] ********** */
div.homepage div.block { text-align: left; margin: 1em 0.5em; border-bottom: 4px dashed rgba(0,0,0,.2); padding-bottom: 1em; }
div.homepage div.block div.typecontent { margin-bottom: 0px;}
div.homepage div.welcome { padding: 0px; padding-bottom: 1em; }
div.homepage h3 { margin: 1em 0.5em; padding: 0 1em; height: 40px; background: #fff; font: bold 13px/40px "HelveticaNeue", Arial, Helvetica, sans-serif; color: #555; }
div.homepage div.members div.image { text-align: center; }