/* -------------------------------------------------------- Global stylesheet Website: Unsigned.com Created by: First Beat Media Filename: css/global.css -------------------------------------------------------- */ /* -------------------------------------------------------- General -------------------------------------------------------- */ body { background-color: #E5E5E5; margin: 0; padding: 0; text-align: center; font: 80%/1.5em Arial, Verdana, Helvetica, sans-serif; line-height: 1.6em; color: #454545; } h1, h2, h3, h4, h5, h6, ul, li, p, dl, dt, dd, form { padding: 0; margin: 0; } h2, h3, h4, h5 { letter-spacing: -1px; } ul { list-style: none; } hr, .nodisplay { display: none; } input, textarea, select { font-family: Arial, Verdana, Helvetica, sans-serif; padding: 1px; } textarea { font-size: 12px; } div.clearer { clear: both; height: 1px; overflow: hidden; } div.container_clearer { overflow: hidden; width: 100%; } a { color: #F40000; } /* -------------------------------------------------------- Global Classes -------------------------------------------------------- */ .smaller_text { font-size: 0.9em; } div.page_num { font-size: 12px; } div.page_num a { color: #F40000; } div.page_num a.selected { color: #F40000; text-decoration: none; font-weight: bold; } div.page_num .btn_previous { margin-right: 6px; vertical-align: middle; } div.page_num .btn_next { margin-left: 6px; vertical-align: middle; } /* -------------------------------------------------------- Presentation -------------------------------------------------------- */ div#container { width: 930px; margin: 0 auto; text-align: left; /* position: relative; */ } /* Header -------------------------------------------------------- */ div#header { background: url(../images/header_bg.gif) no-repeat; height: 80px; margin-bottom: 5px; } div#header_left { float: left; padding: 13px 0 0 13px; width: 186px; } div#header_left h1 { background: url("../images/header_unsigned.gif") no-repeat; text-indent: -9999px; text-decoration: none; width: 186px; height: 58px; } div#header_left h1 a:link, div#header_left h1 a:visited { display: block; width: 186px; height: 58px; text-decoration: none; outline: none; -moz-outline-style: none; } div#header_right { padding: 10px 0 0 619px; } html>body div#header_right { padding: 10px 0 0 622px; } div#header_superbanner { height: 90px; margin-bottom: 5px; text-align:center; background-color:#333333;} /* Header Artists Login -------------------------------------------------------- */ #login_top_left { padding-top: 3px; } #login_top_left h2 { width: 94px; height: 19px; background: url(../images/header_account_login.gif) no-repeat; } #login_top_right { text-align: right; } #login_top_right a { color: #777; font-size: 10px; } #login_top_fields td.top_txt { font-size: 11px; color: #acacac; padding-left: 2px; line-height: 1.3em; } #login_top_fields input.logintext { font-size: 11px; margin-right: 4px; width: 113px; } /* Header Logged-In -------------------------------------------------------- */ div#logged_in { width: 290px; padding-top: 11px; line-height: 1.4em; } div#logged_in h2 { font-size: 12px; letter-spacing: 0; color: #E5E5E5; } div#logged_in h2 a { color: #E5E5E5; text-decoration: none; } div#logged_in p { font-size: 11px; color: #6E6E6E; } div#logged_in a { color: #6E6E6E; } div#logged_in a:hover { color: #E5E5E5; } /* Header Menu -------------------------------------------------------- */ div#header_menu { background: url(../images/header_menu_bg.gif) no-repeat top left; border-bottom: 5px solid #DA0101; height: 35px; } div#header_menu ul { height: 35px; } div#header_menu ul li { float: left; line-height: 35px; } div#header_menu ul li a { height: 35px; display: block; background-position: top left; text-decoration: none; } div#header_menu ul li a span { display: none; } #menu_home a { width: 80px; background:url("../images/header_menu_home.gif"); } #menu_artists a { width: 140px; background:url("../images/header_menu_artists.gif"); } #menu_fans a { width: 124px; background:url("../images/header_menu_fans.gif"); } #menu_about a { width: 80px; background:url("../images/header_menu_about.gif"); } #menu_register a { width: 91px; background:url("../images/header_menu_register.gif"); } #menu_login a { width: 46px; background:url("../images/header_menu_login.gif"); } #menu_player a { width: 157px; background:url("../images/header_menu_player.gif"); } #menu_register { padding-left: 405px; } #menu_player { padding-left: 339px; } div#header_menu ul li a:hover, div#header_menu ul li.active a { background-position: bottom left; } /* Top Countries/State Footer -------------------------------------------------------- */ div#top_footer { background-color: #fff; margin-top: 5px; } div#bot_footer { background-color: #fff; margin-top: 5px; } div.inner_top_footer { font-size: 11px; padding: 8px 11px 8px 15px; } div.inner_top_footer ul li { display: inline; padding-right: 3px; } div.inner_top_footer ul li a { color: #DA0101; } div.inner_top_footer ul.footer_country { float: left; padding-right: 8px; } /* Footer -------------------------------------------------------- */ div#footer { background-color: #fff; height: 75px; margin-top: 5px; } div#inner_footer { padding: 23px 0 0 15px; } div#inner_footer div#footer_left { float: left; width: 808px; padding-top: 4px; } div#inner_footer div#footer_right { float: left; width: 92px; } div#inner_footer div#footer_left, div#inner_footer div#footer_left a { font-size: 11px; color: #6E6E6E; } /* IE5.5 - IE6 PNG Fix */ div#footer img /*, div#divFanClub, div#divFriends*/ { behavior: url(/css/iepngfix.htc) } /* -------------------------------------------------------- Register Lightbox -------------------------------------------------------- */ div#register_popup { padding: 15px 20px 20px 20px; font-size: 12px; line-height: 1.55em; } div#register_popup div#register_popup_header { height: 50px; } div#register_popup div#register_popup_header h2 { font-size: 31px; line-height: 1.2em; letter-spacing: -1px; color: #da0101; font-weight: normal; float: left; } div#register_popup div#register_popup_header p.close_window { float: right; color: #626566; font-size: 11px; padding-top: 10px; } div#register_popup div#register_popup_header p.close_window a { color: #626566; text-decoration: none; } div#register_popup div#content { clear: both; } div#register_popup div#content { padding: 20px; border-top: 1px solid #f1f1f1; } div#register_popup div.content_bg { background: url("../images/register_bg.gif") repeat-y; height: 335px; } div#register_popup div#register_left { float: left; width: 379px; margin-right: 47px; } div#register_popup div#register_left h2 { font-size: 21px; color: #000; letter-spacing: -1px; margin-bottom: 8px; } div#register_popup div#register_left h3 { font-size: 21px; color: #777; letter-spacing: -1px; margin-bottom: 16px; } div#register_popup div#register_left h4 { font-size: 18px; color: #353535; margin-bottom: 4px; } div#register_popup div#register_left p { margin-bottom: 10px; } div#register_popup div#register_left div.btn_become_insider { margin-bottom: 0; } div#register_popup div#register_right { margin-left: 426px; } div#register_popup div#register_right h2 { font-size: 21px; color: #000; letter-spacing: -1px; margin-bottom: 15px; line-height: 1.05em; } div#register_popup div#register_right p { margin-bottom: 16px; } div#register_popup div#register_right table { margin-bottom: 20px; } div#register_popup div#register_right table td.register_step1_autolog { padding-top: 2px; width: 25px; } div#register_popup div#register_right table td.register_step1_autolog input { border: 1px solid #FFF1D9; } div#register_popup div#register_right table.login_table { margin-bottom: 5px; } div#register_popup div#register_right table.login_table td { padding-bottom: 14px; } div#register_popup div#register_right table.login_table td.register_col_text { width: 80px; } div#register_popup div#register_right table.login_table td input { width: 280px; border: 3px solid #dedede; padding: 3px; } div#register_popup div#register_right p.submit_btn { float: left; } div#register_popup div#register_right p.lost_password { padding: 13px 4px 0 0; float: right; width: 120px; } div#register_popup div#register_right p.lost_password a { color: #F5450E; font-size: 11px; }