/* ************************************************* OK Cog'aoke 2010 General Screen Styles Created by the friendly folks at Happy Cog http://www.happycog.com/ ************************************************* */ /*------------------------------------------- General Selectors -------------------------------------------*/ * { margin: 0; padding: 0; line-height: 1.4; } body { color: #6c6c6c; font: normal 62.5% Georgia, 'Times New Roman', serif; background: transparent url(/m/screen/bg-body.gif) repeat 0 0; } /* block level */ h1 { color: #6c6c6c; font-size: 22px; margin: 0; } h2 { color: #5a6063; font-size: 18px; margin: 0; } h3 { color: #5a6063; font-size: 14px; margin: 0 0 1em; } h4 { color: #5a6063; font-size: 12px; margin: 0 0 0.5em; } h5 { color: #5a6063; font-size: 11px; margin: 0 0 0.5em; } h6 { color: #6c6c6c; font-size: 11px; margin: 0 0 0.5em; } .alpha { font-size: 25px; font-weight: normal; margin: 0 0 0.2em; } #content .beta { font-size: 20px; font-weight: normal; font-style: italic; } .news .sidebar .beta { font-style: normal; margin-bottom: 0.1em; } #content .message .beta { font-size: 19px; } #content .prize-details .beta { font-size: 16px; margin-bottom: 0.4em; } .gamma { font-size: 22px; font-weight: normal; line-height: 1.2; margin: 0 0 0.1em; } .news .gamma { font-size: 18px; margin-bottom: 1em; } .sponsors .gamma { margin-bottom: 0.7em; } .delta { font-size: 10px !important; font-family: Verdana, Arial, sans-serif; text-transform: uppercase; margin: 0 0 0.4em; font-weight: bold; } .epsilon { color: #3d3d3d; font-size: 18px; font-weight: bold; margin-bottom: 1em; } .zeta { color: #0a8e8e; font-size: 36px; font-weight: normal; margin-bottom: 0.2em; } .entry .zeta { font-size: 42px; margin-bottom: 5px; line-height: 1.1; } .eta { color: #3d3d3d; font-size: 24px; font-weight: normal; } .theta { color: #0a8e8e; font-size: 20px; font-weight: normal; margin-bottom: 0.2em; } .prizes .theta, .entry .theta { font-size: 26px; font-style: italic; margin-bottom: 0.4em; } .prizes li .theta { margin-bottom: 0; } em.theta { display: block; } strong.theta { font-style: italic; font-size: 24px; display: block; } .iota { display: block; font-size: 14px; font-weight: normal; letter-spacing: 2px; text-transform: uppercase; color: #6C6C6C; } .news .iota,{ font-size: 18px; margin-bottom: 1em; } .news strong.iota { margin-bottom: 1em; font-size: 16px; } .news .sidebar strong.iota { font-size: 12px; } .home .icon-day .iota { margin-bottom: 5px; } p strong.iota { margin-bottom: 4px; } .callout-wrap-alt .iota { font-size: 18px; } #content .form-steps .iota { font-size: 14px; line-height: 2; } .kappa { color: #0a8e8e; font-family: Verdana, Arial, sans-serif; font-size: 13px; text-transform: uppercase; letter-spacing: 2px; } .icon-day .kappa { margin-bottom: 1em; } .lambda { color: #3399b5; font-size: 16px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; } .section, #content form, .entry { color: #3d3d3d; } #content p, #content ul, #content dl, #content ol { font-size: 16px; line-height: 1.8; margin: 0 0 1.5em; } #content .section p, #content .section ul, #content .section dl, #content .section ol { font-size: 18px; line-height: 1.6; } #content #sponsors-copper p, #content #sponsors-copper ul, #content #sponsors-copper dl, #content #sponsors-copper ol { font-size: 14px; } blockquote { margin: 0 0 0.8em; padding: 5px 25px 5px 100px; color: #6c6c6c; font-style: italic; } #content blockquote p { font-size: 18px; } #content blockquote.song { padding: 0px 0px 5px 0px;} #content blockquote.song p {font-size:14px;line-height: 1.25;margin-bottom:1.25em;} blockquote cite { display: block; text-align: right; } table { width: 100%; margin: 0 0 1em; border-collapse: collapse; } tr { background: #f0f7fa; border: 1px solid #bfdae4; border-top: none; } tr.alt { background: #d9e8ee; } th, thead td { padding: 17px 26px; background: #d9e8ef; text-align: left; color: #0a8e8e; font-size: 18px; font-style: italic; font-weight: normal; } th strong { font-weight: normal; } th a { color: #0a8e8e; text-decoration: underline; } tbody td { padding: 4px 26px; color: #1f252b; font-family: Verdana, Arial, sans-serif; font-size: 12px; } /* inline */ em { font-style: italic; } strong { font-weight: bold; } abbr { border: none; } a { color: #be213d; text-decoration: none; } a:hover, a:focus { color: #ff234a; text-decoration: underline; } img { display: block; margin: 0 0 10px 0; } a img { border: none; } #content img { border: 5px solid #fff; } #content img.image-alt, #content .sidebar img { border: none; } .entry img { float: left; margin-right: 15px; } .entry img.full { float: none; } input, textarea { font: 12px Georgia, 'Times New Roman', serif; } .account textarea { min-height: 200px; } fieldset { border: none; } label { display: block; margin: 0 0 8px; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; } .inline label { display: inline; } label em { letter-spacing: 0; text-transform: none; } .inline * { vertical-align: middle; } code { font: 12px/1 'Courier New', Courier, monospace; } sub, sup { line-height: 0; } #content embed { margin-bottom: 20px; } /*------------------------------------------- Global combinations -------------------------------------------*/ #main-event h1 a, #main-event .event-details, .sxsw-event , #main-event .map, #footer a, .ir-edit-account a, .ir-edit-profile a, .ir-vote-for-me a, .ir-register-to-compete, .ir-twitter, .link-twitter a em, .listing .select a, .ir-help-me-obi-wan, .ir-we-are-here, .rank span, a.sweet-vote-again, .top-roster .rank-badge { display: block; text-indent: -9999px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; } #content:after, .main-nav:after, .callout-wrap:after, .local-nav:after, #main .callout:after, .roll li:after, .filter:after, .group:after, .entry:after, .form-steps:after, .sponsors-coda ul:after, #footer:after, #footer .ee-wrap:after, strong.rank:after, .last-spot:after, .top-roster:after, .callout-wrap-alt:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; } .move { position: absolute; left: -9999px; } .hide { display: none; } .hide-alt { visibility: hidden; } /*------------------------------------------- Structure -------------------------------------------*/ #action-wrap { position: relative; top: 9px; padding: 0 0 9px; background: transparent url(/m/screen/bg-action-wrap-bot.png) repeat-x 0 bottom; } #action-wrap2 { position: relative; background: transparent url(/m/screen/bg-action-wrap.gif) repeat 0 bottom; } #radial-wrap { min-height: 320px; background: transparent url(/m/screen/bg-radial.png) no-repeat center bottom; } .home #radial-wrap { min-height: 290px; } #action { position: relative; left: 50%; width: 526px; margin-left: -477px; padding: 35px 0 20px 426px; color: #cdcdcd; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; } .news #action { padding-top: 50px; } .home #action { padding: 44px 0 10px 426px; } #action p { margin: 0 0 0.6em; line-height: 2; } #action-wrap a { color: #62cae8; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none; } #action-wrap .on a { color: #fff !important; } #action-wrap a:hover, #action-wrap a:focus { color: #bceaf7; text-decoration: underline; } #nav-wrap { width: 100%; background: transparent url(/m/screen/bg-body.gif) repeat 0 0; } .main-nav { position: relative; left: 50%; width: 526px; margin-left: -477px; padding: 20px 0 10px 426px; background: transparent url(/m/screen/bg-main-nav.png) no-repeat 530px 14px; } .main-nav li { float: left; list-style-type: none; color: #fff; font-size: 16px; font-style: italic; } .main-nav li a { display: block; font-size: 10px; font-style: normal; text-transform: uppercase; letter-spacing: 1px; } #action-wrap .main-nav li a.login-username { display: inline; font-size: 16px; font-weight: normal; font-style: italic; text-transform: none; } #local-nav-wrap { width: 100%; background: #666; background: rgba(39, 48, 58, 0.8); } .local-nav { position: relative; left: 50%; width: 526px; margin-left: -477px; padding: 10px 0 10px 426px; } .local-nav li { float: left; list-style-type: none; margin: 0 0 0 17px; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; } .local-nav li.first { margin-left: 0; } #content-wrap { background: transparent url(/m/screen/bg-content-wrap.gif) repeat 0 0; padding-bottom: 30px; } #content {/* width: 902px; */ width: 855px; margin: 0 auto; padding: 50px 0 30px; } .home #content, .sponsors #content, .contestants #content { width: 954px; padding-top: 35px; } .party-details #content, .comp-details #content, .news #content, .prizes #content { width: 900px; } #content #main { float: right; } #content #sub { float: left; } .home #content #main { position: relative; z-index: 1000; width: 530px; } .home #content #sub { width: 359px; /* padding: 394px 20px 0; */ padding: 529px 20px 0; text-align: center; } .profile #content #sub { width: 142px; } .profile #content #main { float: left; /* width: 500px; */ width: 670px; margin: 0 0 0 19px; } .account #content #sub { width: 290px; } .account #content #main { width: 525px; } .party-details #content #main, .comp-details #content #main, .news #content #main, .prizes #content #main { float: left; width: 626px; } .party-details #content #sub, .comp-details #content #sub, .news #content #sub, .prizes #content #sub { float: right; width: 243px; } .group { clear: both; margin: 0 0 35px; } .section { clear: both; padding-bottom: 20px; } #footer-wrap { position: relative; top: -14px; padding: 14px 0 0; background: transparent url(/m/screen/bg-footer-top.png) repeat-x 0 0; } #footer { position: relative; width: 926px; margin: 0 auto; padding: 12px 0 50px 28px; } /*------------------------------------------- General styles -------------------------------------------*/ .sxsw-event { width: 92px; height: 112px; background-image: url(/m/screen/logo-sxsw.png); } .home .sxsw-event { position: absolute; top: -21px; left: 34px; z-index: 1100; } p.more, span.more, a.map, .icon-day p.more a, .sponsors p.more a, p.back { display: block; padding: 0 0 0 23px; background: transparent url(/m/screen/marker-arrow.png) no-repeat 0 0.2em; } #content p.back { background-image: url(/m/screen/marker-back.png); line-height: 1; } .sponsors p.more { background: none; } a.map, #sub .icon-day p.more a, .sponsors p.more a { display: inline; margin-left: -23px; letter-spacing: 1px; } #content .more, a.more, p.back a { font-family: Verdana, Arial, sans-serif !important; font-size: 10px !important; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; } #content p.more, #content p.back a { font-size: 11px !important; } ul + p.more { margin-top: -0.7em !important; } #action .more { background-image: url(/m/screen/marker-action-arrow.png); } .home #content ul.more { background: none; padding: 0 65px; } #content ul.more { padding-top: 5px; margin-bottom: 2em; } .more li { list-style-type: none; margin: 0 0 5px; line-height: 1.8; } .home .more li { margin-bottom: 15px; } .extra { font-size: 11px; } #action .extra { font-size: 13px; } .extra a { font-size: 10px; } .adjunct, .adjunct-pairing { float: left; } .adjunct-pair { float: right; position: relative; top: 7px; } .profile-group .adjunct { width: 222px; margin-right: 15px; } .profile-group .adjunct-pairing { width: 390px; } .item { margin: 15px 0 0; padding: 20px 0 0; background: transparent url(/m/screen/divider-callout-sub-home.png) no-repeat scroll center top; } #main .item { margin-top: 20px; padding-top: 30px; background-image: url(/m/screen/divider-callout-main.png); } h3.item { margin-bottom: 0.4em; } .line { display: block; } .basic li, .group-members li { list-style-type: none; margin-bottom: 0.6em; padding-left: 25px; background: transparent url(/m/screen/marker-list.png) no-repeat left 0.65em; line-height: 1.8; } .sponsors .basic li { text-align: left; } .group-members li { margin-bottom: 0.2em; color: #3d3d3d; line-height: 1.4; } .icon-day { min-height: 80px; margin: 0 0 20px; padding: 30px 0 15px 105px; background-repeat: no-repeat; background-position: 0 0; background-color: transparent; } #sub .icon-day { background-position: center 0; margin-bottom: 5px; padding: 105px 30px 0; text-align: center; } .home .icon-day { width: 185px; padding-top: 25px; float: left; } .icon-day strong { float: left; text-indent: -9999px; display: block; } .icon-day p.more { background: none; padding: 0; } .day-18 { background-image: url(/m/titles/days/18.png); } .day-17 { background-image: url(/m/titles/days/17.png); } .day-16 { background-image: url(/m/titles/days/16.png); } .day-15 { background-image: url(/m/titles/days/15.png); } .day-14 { background-image: url(/m/titles/days/14.png); } .day-13 { background-image: url(/m/titles/days/13.png); } .day-12 { background-image: url(/m/titles/days/12.png); } .day-11 { background-image: url(/m/titles/days/11.png); } .day-10 { background-image: url(/m/titles/days/10.png); } .day-9 { background-image: url(/m/titles/days/9.png); } .day-8 { background-image: url(/m/titles/days/8.png); } .day-7 { background-image: url(/m/titles/days/7.png); } .day-6 { background-image: url(/m/titles/days/6.png); } .day-5 { background-image: url(/m/titles/days/5.png); } .day-4 { background-image: url(/m/titles/days/4.png); } .day-3 { background-image: url(/m/titles/days/3.png); } .day-2 { background-image: url(/m/titles/days/2.png); } .day-1 { background-image: url(/m/titles/days/1.png); } .day-0 { background-image: url(/m/titles/days/0.png); background-position: 5px 15px; } .home .callout-wrap { margin-bottom: 20px; } .callout { margin: 0 0 20px; padding: 0 0 5px; background: transparent url(/m/screen/divider-callout-sub-home.png) no-repeat center bottom; } .home .callout { margin-bottom: 10px; padding: 0; } .callout-wrap .callout { padding-top: 20px; background-position: center 0; } .callout-wrap { background: transparent url(/m/screen/divider-callout-sub-home.png) no-repeat center bottom; } #main .callout, #main .callout-wrap { margin-bottom: 15px; background-image: url(/m/screen/divider-callout-main.png); } #content .callout p { margin-bottom: 15px; font-size: 19px; } #content #sub .callout p { font-size: 14px; line-height; } #content #main .callout p { line-height: 1.5; } .callout img { float: right; margin: 0 0 15px 20px; } .callout-wrap-alt, .poster-wrap { margin-bottom: 25px; padding: 20px 0 0; background: rgb(157,204,220); background: rgba(157,204,220,0.3); border: 1px solid #b5d0de; } .home .callout-wrap-alt, .poster-wrap { background: rgb(255,255,255); background: rgba(255,255,255,0.3); } div.with-banner { border-top: none; } .home .callout-wrap-alt { padding-left: 18px; } .callout-wrap-alt div.wrap { padding: 5px 20px; } .callout-wrap-alt label { text-transform: none; color: #6c6c6c; font-size: 16px; letter-spacing: 0; } .sponsor-cta { float: right; width: 201px; padding: 10px 0 0 25px; background: transparent url(/m/screen/divider-sponsor-cta.gif) no-repeat 0 12px; } .ir-edit-account a { width: 144px; height: 33px; background-image: url(/m/titles/edit-account.png);} .ir-edit-profile a { width: 144px; height: 33px; background-image: url(/m/titles/edit-profile.png);} .ir-vote-for-me a { width: 144px; height: 32px; background-image: url(/m/titles/vote-for-me.png); } .ir-edit-account a:hover, .ir-edit-account a:focus, .ir-edit-profile a:hover, .ir-edit-profile a:focus { background-position: 0 -33px;} .ir-vote-for-me a:hover, .ir-vote-for-me a:focus { background-position: 0 -32px; } .profile #sub ul { margin-top: 1.2em; } .profile #sub li { list-style-type: none; margin: 0 0 10px;} .message { margin-bottom: 2em; padding: 18px 15px; background: rgb(98,202,232); background: rgba(98,202,232,0.4); -moz-border-radius: 6px; -webkit-border-radius: 6px; } #content .message p { margin-bottom: 0.5em; } .ir-register-to-compete { width: 195px; height: 25px; margin-bottom: -0.4em; background-image: url(/m/titles/register-to-compete.png); } .ir-register-to-compete:hover, .ir-register-to-compete:focus { background-position: 0 -25px; } .ir-twitter { width: 69px; height: 18px; background-image: url(/m/titles/twitter.png); } .ir-twitter:hover, .ir-twitter:focus { background-position: 0 -18px; } .listing .select a { width: 130px; height: 25px; background-image: url(/m/titles/select-song.png);} .listing .select a:hover, .listing .select a:focus { background-position: 0 -25px;} .roll li { clear: both; list-style-type: none; padding: 10px 20px 10px 0; background: transparent url(/m/screen/divider-roll.png) repeat-x 0 bottom; } .roll img { float: left; margin: 0 10px 10px 0; } .meta { font-size: 12px; text-transform: uppercase; margin-bottom: 1em; letter-spacing: 1px; } p + .meta { display: block; margin-top: -1.7em; } div.sponsors-wrap { margin: 0 0 20px; } .sponsors #content div { text-align: center; } .sponsors .platinum { width: 775px; margin: 0 auto; } .sponsor { width: 293px; } #sponsors-copper .sponsor { width: 213px; } .sponsors-three .sponsor, .sponsors-two .sponsor { float: left; margin: 0 0 0 37px; } .sponsors-three .first { margin-left: 0; } #sponsors-copper .first { margin-left: 120px; } #sponsors-copper.sponsors-two .first{ margin-left: 242px; } .sponsors-one .sponsor { float: none; margin: 0 auto; } .sponsors div h3 { clear: both; margin: -20px auto -38px; } .sponsors #content .platinum .adjunct-pair { width: 595px; text-align: left; } .sponsors #content img { border: none; margin: 0 auto 15px; } .sponsors #content .sponsors-three img { margin-bottom: 25px; } #content .platinum img { float: left; margin: 0 0 10px; } .sponsors-detail #content img { border: none; } .sponsors-coda { padding: 0; } .sponsors-coda h3 { margin: 0 auto -30px; } .sponsors-coda ul { clear: both; margin: 0 0 1em; } .sponsors-coda li { list-style-type: none; float: left; min-height: 80px; margin: 0 0 0 35px; padding: 0 0 0 35px; background: transparent url(/m/screen/divider-sponsors-coda.png) no-repeat left center; } .sponsors-coda .sponsors-list-row-1 li { margin-left: 30px; padding-left: 30px; } .sponsors-coda li.first { margin-left: 0; padding-left: 0; background: none; } #content .sponsors-coda .platinum-list { width: 318px; margin: 0 auto 1em; } .sponsors-coda .sponsors-list-row-1 li.first { margin-left: 136px; } .home .sponsors-coda .sponsors-list-row-1 li.first { margin-left: 163px; } .sponsors-coda .sponsors-list-row-2 li.first { margin-left: 54px; } .home .sponsors-coda .sponsors-list-row-2 li.first { margin-left: 73px; } #content .sponsors-coda img { border: none; display: inline; margin-bottom: 0; } .proclaim-wrap { width: 912px; margin: 10px auto 0; padding: 0 0 22px; background: transparent url(/m/screen/bg-tweet-bot.png) no-repeat 0 bottom; } .proclaim { width: 872px; padding: 12px 20px 5px; background: transparent url(/m/screen/bg-tweet.png) no-repeat; } .proclaim p { color: #3d3d3d; margin: 0 0 0.3em; font-size: 15px; } .latest-tweet { padding: 18px 15px; background: rgb(175,210,214); background: rgba(175,210,214,0.5); -moz-border-radius: 6px; -webkit-border-radius: 6px; } #content .latest-tweet p { margin: 0; color: #3d3d3d; line-height: 1.4; } #content .link-twitter { padding: 5px 26px 5px 88px; background: transparent url(/m/screen/bg-sidebar-tweet.png) no-repeat 8px 0; line-height: 1.1; } #content .link-twitter a.more { font-size: 11px !important; } .link-twitter a em { position: relative; top: 5px; width: 69px; height: 18px; background-image: url(/m/titles/twitter.png); } .link-twitter a:hover em, .link-twitter a:focus em { background-position: 0 -18px; } div .form-steps fieldset { clear: both; position: relative; margin: 0 0 50px; } div.form-steps legend span { position: absolute; /* width: 358px; */ width: 310px; background-position: right 0; } .form-steps div, .form-steps .submit-wrap { width: 515px; float: right; } #content input, #content select, textarea { margin: 0 10px 10px 0; padding: 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 1px 1px 11px rgba(96,118,132,0.4); -webkit-box-shadow: 1px 1px 11px rgba(96,118,132,0.4); color: #9a9994; font-size: 16px; font-style: italic; } #content input, #content select, textarea , x:-moz-any-link, x:default { border: 1px solid #dfdfdf; border-bottom-color: #fff; border-top-color: #bec5c7; border-top-width: 2px; border-left-width: 2px; } #contents select { min-width: 150px; } #content input, textarea { width: 460px; } #content input:focus, #content textarea:focus { color: #3d3d3d; font-style: normal; -moz-box-shadow: 1px 1px 11px rgba(96,118,132,0.9); -webkit-box-shadow: 1px 1px 11px rgba(96,118,132,0.9); } #content .half input { width: 215px; } #content select { font-style: normal; padding: 0 0 0 6px; } #content .form-steps #username { margin-left: 10px; } #content p.inline { margin: -0.5em 0 1em; } #content .inline input { width: auto; margin: 0 3px 2px 0; } #content .captcha-wrap input { width: 300px; vertical-align: middle; } #content .captcha-wrap img { display: inline; vertical-align: middle; position: relative; top: 1px; } strong.help { display: block; position: relative; top: 10px; padding: 8px; background: #fff; } #content div.answer { float: none; width: auto; margin: -1.5em 0 40px; padding: 8px; background: #fff; } #content .answer p { margin: 0; color: #6b6b65; font-size: 13px; line-height: 1.4; } #content .form-steps .submit-wrap { margin-top: -40px; } #content input.submit { width: auto; padding: 0; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #content input[type="file"] { width: auto; padding: 0; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .instruction { display: block; font-style: normal; } strong.instruction { margin: 0 0 1em; color: #0a8e8e; font-family: Verdana, Arial, sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; } .form-steps div.error { float: none; width: auto; min-height: 60px; margin-bottom: 20px; padding: 25px 15px 10px 100px; background: rgb(255,255,255); background: rgba(255,255,255,0.7); background-image: url(/m/screen/bg-error.png); background-repeat: no-repeat; background-position: 15px 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #content .error p { margin-bottom: 2px; } .pagination { clear: both; margin: 0 0 15px; font-size: 16px; text-align: right; } .pagination strong { padding: 1px 5px; background: #73acaf; color: #fff; } .pagination a { padding: 3px; color: #0a8e8e; font-style: italic; text-decoration: underline; } .pagination a:hover, .pagination a:focus { color: #105f5f; } .pagination a:last-child { text-decoration: none; } .stats { padding: 15px 15px 20px; background: rgb(255,255,255); background: rgba(255,255,255,0.7); -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; } #content .stats p { color: #3d3d3d; font-size: 13px; text-transform: uppercase; } .stats strong { color: #0a8e8e; font-weight: normal; } .sidebar { padding: 20px 10px 10px; background: rgb(255,255,255); background: rgba(255,255,255,0.5); border: 1px solid #c6e1eb; } #content .sidebar p { font-size: 14px; } .sidebar p.more a { font-size: 10px !important; } .sidebar li { list-style-type: none; margin-bottom: 1.5em; } .party-details .event-details { float: left; width: 300px; text-align: center; } #content .event-details p { color: #3d3d3d; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; } #content ol.filter { list-style-type: none; margin-bottom: 0; padding: 11px 24px; background: #0a8e8e; } #content ol.filter, x:-moz-any-link, x:default { position: relative; left: -1px; width: 808px; } .filter li { float: left; padding: 0 1px; } .filter li a { display: block; padding: 0 5px; color: #fff; font-style: italic; text-shadow: 1px 1px 1px #394042; } .filter li a:hover, .filter li a:focus { color: #e9e4a7; text-decoration: none; } .filter li.on, .filter li.on a { background: #046d6d; color: #fff !important; text-shadow: none; } table.listing { margin-bottom: 0; } table.song td.song, table.artist td.artist { font-weight: bold; } table.listing .select a { visibility: hidden; } table.listing tr:hover, table.listing tr:focus { background: #e9e4a7; } table.listing tr:hover .select a, table.listing tr:focus .select a { visibility: visible; } .entry { background: transparent url(/m/screen/divider-news.png) no-repeat center bottom; margin-bottom: 1.8em; padding-bottom: 10px; } #main.entry { background: none; padding-bottom: 0; } .entry ol { padding-left: 30px; } .entry ul { padding-left: 25px; } .comment { margin-bottom: 20px; padding: 20px; background: rgb(255,255,255); background: rgba(255,255,255,0.5); -moz-border-radius: 5px; -webkit-border-radius: 5px; } #content .comment p { color: #000; } #content .comment strong.meta { font-size: 11px; margin-top: 0; font-family: Verdana, Arial, sans-serif; color: #3d3d3d; } #content .comment strong img { float: left; margin: 0 8px 8px 0; border: none; } .prize-list { padding: 20px 0 0 225px; background: transparent url(/m/screen/bg-prize-list.png) no-repeat 0 0; } .profile #main ul { position: relative; left: 16px; } .profile #main .profile-group ul { left: 0; } .profile #main .profile-group li { list-style-type: none; line-height: 1.3; margin-bottom: 8px; } .profile #main .profile-group a { font-family: Verdana, Arial, sans-serif; font-weight: bold; } .active-vote { padding: 58px 0 0; margin-bottom: 30px; background: #50b8db url(/m/screen/bg-active-vote.png) no-repeat 0 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .disarmed-vote { padding: 58px 8px 5px; margin-bottom: 30px; background: #50b8db url(/m/screen/bg-disarmed-vote.png) no-repeat 0 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .confirm-vote { padding: 58px 5px 10px; margin-bottom: 30px; background: #e4a422 url(/m/screen/bg-confirm-vote.png) no-repeat 0 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .active-vote, .disarmed-vote, .confirm-vote { text-align: center; } .active-vote p, .disarmed-vote p, .confirm-vote p, .active-vote h3, .disarmed-vote h3, .confirm-vote h3 { margin-bottom: 5px !important; color: #fff !important; font-size: 10px !important; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; } .disarmed-vote p { margin-bottom: 15px !important; } .active-vote h3, .disarmed-vote h3, .confirm-vote strong { font-size: 14px !important; } .active-vote h3, .disarmed-vote h3 { padding-bottom: 7px; background: transparent url(/m/screen/divider-ready-vote.png) no-repeat center bottom; } .active-vote label { font-size: 10px; margin-bottom: 10px; letter-spacing: 1px; } .active-vote #captcha { width: 100px; padding: 3px 4px; margin: 0 0 7px 0; } #content .active-vote img { display: inline; margin-bottom: 4px; } .question { padding-left: 18px; background: transparent url(/m/screen/bg-question.gif) no-repeat 0 3px; text-align: left; line-height: 1.1; } .disarmed-vote a { color: #0b4775; text-decoration: underline; } .disarmed-vote a:hover, .disarmed-vote a:focus { color: #082c47; } .roster li { float: left; margin: 0 15px 15px 0; list-style-type: none; } .roster li.alt { clear: both; } .roster li a { position: relative; display: block; width: 257px; min-height: 150px; padding: 12px 12px 12px 181px; background: rgb(255,255,255); background: rgba(255,255,255,0.4); border: 1px solid #bfdae4; } .roster li a:hover, .roster li a:focus { color: #be213d; background: #e9e4a7; text-decoration: none; } .roster li img { position: absolute; left: 12px; top: 12px; } .roster .vote-count { position: absolute; top: 12px; right: 12px; background: transparent url(/m/screen/divider-vote.png) no-repeat center bottom; font-size: 18px; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; text-transform: uppercase; } strong.rank { display: block; margin-bottom: 71px; } strong.screenname { display: block; font-size: 22px; font-weight: normal; } span.name { display: block; text-transform: uppercase; color: #3d3d3d; font-size: 14px; letter-spacing: 2px; } .rank span { position: relative; top: 4px; width: 18px; height: 33px; float: left; margin-right: 3px; } .rank .rank-number { width: 22px; background-image: url(/m/titles/numbers/pound-sign.gif); } .rank .rank-0 { background-image: url(/m/titles/numbers/0.gif); } .rank .rank-1 { width: 13px; background-image: url(/m/titles/numbers/1.gif); } .rank .rank-2 { background-image: url(/m/titles/numbers/2.gif); } .rank .rank-3 { background-image: url(/m/titles/numbers/3.gif); } .rank .rank-4 { background-image: url(/m/titles/numbers/4.gif); } .rank .rank-5 { background-image: url(/m/titles/numbers/5.gif); } .rank .rank-6 { background-image: url(/m/titles/numbers/6.gif); } .rank .rank-7 { background-image: url(/m/titles/numbers/7.gif); } .rank .rank-8 { background-image: url(/m/titles/numbers/8.gif); } .rank .rank-9 { background-image: url(/m/titles/numbers/9.gif); } #content .prize-details { margin-top: 25px; } .prize-details li { position: relative; list-style-type: none; margin-bottom: 25px; padding: 5px 0 5px 220px; min-height: 200px; } .prize-details img.prize-img { position: absolute; left: 0; top: 0; } #content .prize-details .basic { margin-bottom: 2.4em; } .prize-details li li { margin-bottom: 0; padding: 0 0 0 15px; min-height: 0; } #content .prize-details h6 img { border: none; } .last-spot, .last-spot-confirm { padding: 20px 0 18px; background: rgb(57,59,61); background: rgba(57,59,61,0.4); border: 1px solid #4b4b4b; } .last-spot li { position: relative; list-style-type: none; float: left; width: 108px; margin: 0 0 0 18px; padding: 160px 0 0; } .last-spot h3 { margin: 0; padding-top: 10px; background: transparent url(/m/screen/divider-footer.png) no-repeat 0 0; color: #fff; font-size: 10px; font-weight: bold; text-align: center; text-transform: uppercase; } #action-wrap .last-spot h3 a { color: #fff; font-family: Georgia, serif; } .last-spot li img { position: absolute; top: 0; left: 0; border: 3px solid #fff; } .last-spot li input { position: absolute; top: 116px; left: 0; } .last-spot-confirm { position: relative; padding: 48px 50px 20px; } .last-spot-confirm h3 { width: 303px; min-height: 77px; color: #cdcdcd; font-size: 20px; font-weight: normal; font-style: italic; text-transform: none; letter-spacing: 0; line-height: 1.8; } .last-spot-confirm h3 strong { display: block; font-size: 14px; font-style: normal; font-weight: normal; text-transform: uppercase; letter-spacing: 2px; } .last-spot-confirm img { position: absolute; top: 20px; right: 20px; border: 3px solid #fff; } a.sweet-vote-again { width: 316px; height: 31px; margin: 0 auto; background-image: url(/m/titles/sweet-vote-again.gif); } a.sweet-vote-again:hover, a.sweet-vote-again:focus { background-position: 0 -31px; } #content .top-roster { margin-bottom: 0; } .top-roster li { list-style-type: none; float: left; width: 108px; height: 108px; margin: 0 0 20px 20px; } .top-roster li a { position: relative; display: block; border: 3px solid #fff; } .top-roster .screenname { position: absolute; left: -9999px; bottom: 22px; width: 157px; padding-bottom: 12px; background: /* #f4f2db */ transparent url(/m/screen/bg-top15-bot.png) no-repeat 0 bottom; color: #333; font-family: Verdana, Arial, sans-serif; font-size: 11px; text-transform: uppercase; font-weight: bold; z-index: 100; } .top-roster .screenname span { display: block; width: 157px; padding: 10px 10px 3px; background: transparent url(/m/screen/bg-top15-top.png) no-repeat 0 0; } .top-roster li a:hover, .top-roster li a:focus { text-decoration: none; } .top-roster li a:hover .screenname, .top-roster li a:focus .screenname { left: 78px; } #content .top-roster img { border: none; margin: 0; } .top-roster .rank-badge { position: absolute; bottom: 0; right: 0; width: 42px; height: 30px; } .badge-1 { background-image: url(/m/titles/rank/1.gif); } .badge-2 { background-image: url(/m/titles/rank/2.gif); } .badge-3 { background-image: url(/m/titles/rank/3.gif); } .badge-4 { background-image: url(/m/titles/rank/4.gif); } .badge-5 { background-image: url(/m/titles/rank/5.gif); } .badge-6 { background-image: url(/m/titles/rank/6.gif); } .badge-7 { background-image: url(/m/titles/rank/7.gif); } .badge-8 { background-image: url(/m/titles/rank/8.gif); } .badge-9 { background-image: url(/m/titles/rank/9.gif); } .badge-10 { background-image: url(/m/titles/rank/10.gif); } .badge-11 { background-image: url(/m/titles/rank/11.gif); } .badge-12 { background-image: url(/m/titles/rank/12.gif); } .badge-13 { background-image: url(/m/titles/rank/13.gif); } .badge-14 { background-image: url(/m/titles/rank/14.gif); } .badge-15 { background-image: url(/m/titles/rank/15.gif); } .badge-16 { background-image: url(/m/titles/rank/16.gif); } .sponsor-thanks { width: 209px; margin: 0 auto; } .poster-wrap { width: 187px; padding: 15px 19px; margin: 0 auto; } .first-place, .winners { width: 212px; margin: 0 18px 10px; text-align: center; } .winners { float: left; } .first-place { width: 300px; margin: 0 auto; } #content .image-wrap { margin-bottom: 1em; text-align: center; font-size: 9px; font-family: Verdana, Arial, sans-serif; text-transform: uppercase; } .image-wrap img { margin-bottom: 1px; } /*------------------------------------------- Song Chooser -------------------------------------------*/ .song-chooser { margin: 0 41px 25px 0; } #content .song-chooser { margin: 0; } .song-chooser fieldset { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin: 0 0 0.5em -6px; padding: 6px; } .song-chooser input { vertical-align: top; } input#song-choice { font: normal 1.14286em/1.0 Georgia, "Times New Roman", Times, serif; /* 16px / 14px */ padding: 0.375em; /* 6px / 16px */ width: 303px; } #action input#song-choice { border: 1px solid #CCC; } #content input#song-choice { width: 460px; } div.song-chooser fieldset { margin: 0; padding: 0; position: static; } form.song-chooser b { display: inline-block; margin-top: 3px; height: 25px; overflow: hidden; } form.song-chooser b:hover input { margin-top: -25px; } #content .song-chooser p { margin: 0; } #action .song-chooser fieldset p, .callout-wrap-alt .song-chooser fieldset p { background: #FFF url("/m/screen/bg-choose-song.gif") repeat-x; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin: 0; padding: 4px; } #content #choose-song { margin: 0; } /*------------------------------------------- Header Styles -------------------------------------------*/ #main-event { position: absolute; left: 50%; bottom: -6px; width: 399px; padding-right: 555px; margin-left: -477px; } .home #main-event { /* bottom: -398px; */ bottom: -533px; } #main-event h1 a { position: relative; z-index: 1000; width: 330px; height: 313px; background: transparent url(/m/screen/sprite-logo-sub.png) no-repeat 0 0; } #main-event h1 a:hover, #main-event h1 a:focus { background-position: 0 -313px; } #main-event h1 a:active { background-position: 0 -626px; } .home #main-event h1 a { width: 399px; height: 778px; background: transparent url(/m/screen/logo-home.png) no-repeat; } #main-event .event-details { width: 290px; height: 61px; margin: 25px auto 20px; background-image: url(/m/titles/home-details.png); } #main-event .map { width: 73px; height: 12px; margin: 0 auto; background-image: url(/m/titles/map-it.png); } #main-event .map:hover, #main-event .map:focus { background-position: 0 -12px; } .nav-compete a, .nav-party a, .nav-vote a { display: block; text-indent: -9999px; overflow: hidden; height: 45px; background: transparent url(/m/screen/sprite-main-nav.png) no-repeat; } .nav-compete a { width: 90px; } .nav-compete a:hover, .nav-compete a:focus { background-position: 0 -45px; } .competition .nav-compete a { background-position: 0 -90px; } .nav-party a { width: 111px; margin: 0 24px 0 34px; background-position: -125px 0; } .nav-party a:hover, .nav-party a:focus { background-position: -125px -45px; } .party .nav-party a { background-position: -125px -90px; } .nav-vote a { width: 77px; margin: 0 38px 0 0; background-position: -260px 0; } .nav-vote a:hover, .nav-vote a:focus { background-position: -260px -45px; } .vote .nav-vote a { background-position: -260px -90px; } .nav-login { width: 151px; } .nav-login { line-height: 1.1; } .nav-login a { margin-top: 5px; } /*------------------------------------------- Footer -------------------------------------------*/ #footer p { color: #cdcdcd; font-size: 12px; font-family: Georgia, 'Times New Roman', serif; text-transform: uppercase; letter-spacing: 2px; } #footer a { margin-top: 3px; color: #fff; } #footer p { float: left; width: 250px; margin: 13px 0 10px; background: none; } #footer #twitter { background: url(/m/screen/icon-bird.png) no-repeat; padding: 7px 0 0 55px; } #twitter a { background-image: url(/m/screen/sprite-twitter.png); width: 71px; height: 18px; } #footer #facebook { background: url(/m/screen/icon-fb.png) no-repeat; margin: 20px 0 0 0;padding: 0 0 0 40px; } #facebook a { background-image: url(/m/screen/sprite-facebook.png); width: 87px; height: 18px; } #footer #flickr { background: url(/m/screen/icon-flickr.png) no-repeat 0 10px; padding: 7px 0 0 40px; } #flickr a { background-image: url(/m/screen/sprite-flickr.png); width: 71px; height: 18px; } #footer #vimeo { clear: left; background: url(/m/screen/icon-vimeo.png) no-repeat; margin: 20px 0 0 5px; padding: 0 0 0 50px; } #vimeo a { background-image: url(/m/screen/sprite-vimeo.png); width: 87px; height: 18px; } #footer a:hover, #footer a:focus { background-position: 0 -18px; } #footer p.mobile { clear: left; } #footer p.mobile a { text-indent: 0; font-weight: bold; padding-left: 55px; } #footer .ee-wrap { width: 619px; padding-top: 25px; background: transparent url(/m/screen/divider-footer.png) no-repeat 0 0; } #footer .ee-wrap a { float: left; } #footer .ee-wrap a.ee-link { width: 213px; height: 30px; margin-top: 8px; margin-right: 90px; background-image: url(/m/screen/icon-ee.png); } #footer .ee-wrap a.ee-link:hover, #footer .ee-wrap a.ee-link:focus { background-position: 0 -30px; } #footer .ee-wrap a.eh-link { width: 314px; height: 39px; margin-top: 0; background-image: url(/m/screen/icon-enginehosting.png); } #footer .ee-wrap a.eh-link:hover, #footer .ehe-wrap a.ee-link:focus { background-position: 0 -39px; } #footer #credit { float: right; width: 300px; font-size: 13px; padding-top: 7px; } #credit a.hc-logo { background-image: url(/m/screen/sprite-hc-logo.png); width: 175px; height: 33px; margin: 7px 0 16px;} #credit a.hc-logo:hover, #credit a.hc-logo:focus { background-position: 0 -33px; } #footer a.sxsw-event { margin: 0 0 60px 44px; } #footer a.sxsw-event:hover, #footer a.sxsw-event:focus { background-position: 0 0; } /*------------------------------------------- Title Image Replacements -------------------------------------------*/ .ir-add-your-own-comment, .ir-attending-the-party, .ir-browse-by-song-title-or-artist, .ir-browse-contestants-and-vote, .ir-can-you-pick-just-one, .ir-cogaoke-news, .ir-comments, .ir-competition-details, .ir-competition-sign-up-form, .ir-edit-your-account, .ir-find-the-song-that-is, .ir-first-things-first-select span, .ir-first-things-first-this-was span, .ir-forgot-your-password, .ir-forgot-your-username, .ir-how-to-build-your-profile span, .ir-how-do-votes-work span, .ir-how-to-get-into-the-competition span, .ir-i-just-want-to-sing, .ir-interested-in-becoming, .ir-is-this-the-next, .ir-karaoke-foul, .ir-lastly-set-up-your-login span, .ir-latest-news, .ir-liquid-courage span, .ir-my-sites, .ir-my-twitter, .ir-nicely-done, .ir-now-choose-your-stage-name span, .ir-one-more-spot, .ir-open-karaoke, .ir-only-you-can-vote, .ir-our-awesome-sponsors, .ir-our-bronze-sponsors, .ir-our-copper-sponsors, .ir-our-fine-sponsors span, .ir-our-gold-sponsors, .ir-our-platinum-sponsor, .ir-our-silver-sponsors, .ir-our-wonderful-sponsors, .ir-our-sponsors span, .ir-party-details, .ir-party-what-party, .ir-presenting-your, .ir-prize-details, .ir-recent-entry, .ir-sign-up-for-open-karaoke, .ir-so-what-can-i-win, .ir-tell-us-why, .ir-the-contestants, .ir-the-judges span, .ir-the-party, .ir-the-prizes span, .ir-wanna-compete, .ir-we-are-here-to-help-you, .ir-we-heart-our-sponsors, .ir-what-can-i-expect, .ir-what-is-the-competition, .ir-we-are-here, .ir-why-you-should-vote-for-me, .ir-winning-cogaoke-is-hard, .ir-youve-done-it-again, .ir-youve-got-to-be-logging-in, .ir-first-place, .ir-second-place, .ir-third-place, .ir-do-you-party, .ir-come-on-down, .ir-talent-is-optional, .ir-can-you-spin-it, .ir-you-are-on-our-list, .ir-the-top-15, .ir-watch-cogaoke-videos, .ir-the-top-16, .ir-prepare-yourself, .ir-thanks-for-making, .ir-presenting-our-2010, .ir-thank-you-to, .ir-buy-a-poster, .ir-aea-winners { display: block; text-indent: -9999px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; } .ir-add-your-own-comment { width: 308px; height: 24px; margin: 2.5em 0 1em; background-image: url(/m/titles/add-your-own-comment.png); } .ir-attending-the-party { width: 396px; height: 33px; background-image: url(/m/titles/attending-the-party.png); } .ir-browse-by-song-title-or-artist { width: 332px; height: 21px; background-image: url(/m/titles/browse-by-song-title-or-artist.png); } .ir-browse-contestants-and-vote { width: 361px; height: 21px; margin-bottom: 2em; background-image: url(/m/titles/browse-contestants-and-vote.png); } .ir-can-you-pick-just-one { width: 367px; height: 116px; background-image: url(/m/titles/can-you-pick-just-one.png); } .ir-cogaoke-news { width: 251px; height: 115px; background-image: url(/m/titles/cogaoke-news.png); } .ir-comments { width: 130px; height: 24px; margin: 2.5em 0 1.5em; background-image: url(/m/titles/comments.png); } .ir-competition-details { width: 343px; height: 115px; background-image: url(/m/titles/competition-details.png); } .ir-competition-sign-up-form { width: 477px; height: 32px; background-image: url(/m/titles/competition-sign-up-form.png); } .ir-edit-your-account { width: 416px; height: 164px; background-image: url(/m/titles/edit-your-account.png); } .ir-find-the-song-that-is { width: 401px; height: 149px; background-image: url(/m/titles/find-the-song.png); } .ir-first-things-first-this-was span { width: 357px; height: 59px; background-image: url(/m/titles/first-things-first.png); } .ir-first-things-first-select span { width: 306px; height: 59px; background-image: url(/m/titles/first-things-first-select.png); } .ir-forgot-your-password { width: 441px; height: 33px; background-image: url(/m/titles/forgot-your-password.png); } .ir-forgot-your-username { width: 463px; height: 33px; background-image: url(/m/titles/forgot-your-username.png); } .ir-how-to-build-your-profile span { width: 514px; height: 33px; background-image: url(/m/titles/how-to-build-your-profile.png); } .ir-how-do-votes-work span { width: 397px; height: 33px; background-image: url(/m/titles/how-do-votes-work.png); } .ir-how-to-get-into-the-competition span { width: 386px; height: 69px; background-image: url(/m/titles/how-to-get-into-the-competition.png); } .ir-i-just-want-to-sing { width: 377px; height: 32px; margin: 0 0 20px; background-image: url(/m/titles/i-just-want-to-sing.png); } .ir-interested-in-becoming { width: 635px; height: 30px; margin: 0 0 15px; background-image: url(/m/titles/interested-in-becoming.png); } .ir-is-this-the-next { width: 520px; height: 98px; background-image: url(/m/titles/is-this-the-next.png); } .ir-karaoke-foul { width: 278px; height: 128px; background-image: url(/m/titles/karaoke-foul.png); } .ir-lastly-set-up-your-login span { width: 257px; height: 153px; background-image: url(/m/titles/lastly-set-up-your-login.png); } .ir-latest-news { width: 147px; height: 20px; margin: 0 0 10px; background-image: url(/m/titles/latest-news.png); } .ir-liquid-courage span { width: 173px; height: 44px; background-image: url(/m/titles/liquid-courage.png); } .ir-my-sites { width: 116px; height: 24px; margin-bottom: 15px; background-image: url(/m/titles/my-sites.png); } .ir-my-twitter { width: 150px; height: 24px; margin-bottom: 10px; background-image: url(/m/titles/my-twitter.png); } .ir-nicely-done { width: 172px; height: 24px; margin-bottom: 1em; background-image: url(/m/titles/nicely-done.png); } .ir-now-choose-your-stage-name span { width: 229px; height: 125px; background-image: url(/m/titles/now-choose-your-stage-name.png); } .ir-only-you-can-vote { width: 413px; height: 150px; background-image: url(/m/titles/only-you-can-vote.png); } .ir-open-karaoke { width: 166px; height: 20px; background-image: url(/m/titles/open-karaoke.png); } .ir-one-more-spot { width: 467px; height: 52px; margin-bottom: 8px; background-image: url(/m/titles/one-more-spot.png); } .ir-our-awesome-sponsors { width: 350px; height: 111px; background-image: url(/m/titles/our-awesome-sponsors.png); } .ir-our-bronze-sponsors { width: 617px; height: 226px; background-image: url(/m/titles/our-bronze-sponsors.png); } .ir-our-copper-sponsors { width: 617px; height: 226px; background-image: url(/m/titles/our-copper-sponsors.png); } .ir-our-fine-sponsors span { width: 358px; height: 33px; background-image: url(/m/titles/our-fine-sponsors.png); } .ir-our-gold-sponsors { width: 617px; height: 226px; background-image: url(/m/titles/our-gold-sponsors.png); } .ir-our-platinum-sponsor { width: 617px; height: 226px; background-image: url(/m/titles/our-platinum-sponsor.png); } .ir-our-silver-sponsors { width: 617px; height: 226px; background-image: url(/m/titles/our-silver-sponsors.png); } .ir-our-sponsors span { width: 158px; height: 20px; background-image: url(/m/titles/our-sponsors.png); } .ir-our-wonderful-sponsors { width: 617px; height: 226px; background-image: url(/m/titles/our-wonderful-sponsors.png); } .ir-party-details { width: 271px; height: 115px; background-image: url(/m/titles/party-details.png); } .ir-party-what-party { width: 389px; height: 33px; background-image: url(/m/titles/party-what-party.png); } .ir-prize-details { width: 272px; height: 116px; background-image: url(/m/titles/prize-details.png); } .ir-recent-entry { width: 249px; height: 31px; margin: 0 0 15px; background-image: url(/m/titles/recent-entry.png); } .ir-sign-up-for-open-karaoke { width: 278px; height: 160px; background-image: url(/m/titles/sign-up-for-open-karaoke.png); } .ir-so-what-can-i-win { width: 339px; height: 33px; background-image: url(/m/titles/so-what-can-i-win.png); } .ir-the-party { width: 189px; height: 33px; background-image: url(/m/titles/the-party.png); } .ir-tell-us-why { width: 188px; height: 125px; background-image: url(/m/titles/tell-us-why.png); } .ir-the-contestants { width: 196px; height: 20px; background-image: url(/m/titles/the-contestants.png); } .ir-the-judges span { width: 129px; height: 20px; background-image: url(/m/titles/the-judges.png); } .ir-the-prizes span { width: 122px; height: 20px; background-image: url(/m/titles/the-prizes.png); } .ir-wanna-compete { width: 364px; height: 142px; margin: 27px 0 20px; background-image: url(/m/titles/wanna-compete.png); } .ir-what-can-i-expect { width: 374px; height: 33px; background-image: url(/m/titles/what-can-i-expect.png); } .ir-we-are-here { width: 439px; height: 116px; background-image: url(/m/titles/we-are-here.png); } .ir-what-is-the-competition { width: 532px; height: 33px; background-image: url(/m/titles/what-is-the-competition.png); } .ir-we-heart-our-sponsors { width: 198px; height: 69px; margin-bottom: 15px; background-image: url(/m/titles/we-heart-our-sponsors.png); } .ir-why-you-should-vote-for-me { width: 378px; height: 24px; margin-bottom: 10px; background-image: url(/m/titles/why-you-should-vote-for-me.png); } .ir-winning-cogaoke-is-hard { width: 397px; height: 148px; background-image: url(/m/titles/winning-cogaoke-is-hard.png); } .ir-youve-done-it-again { width: 289px; height: 24px; background-image: url(/m/titles/youve-done-it-again.png); } .ir-youve-got-to-be-logging-in { width: 447px; height: 116px; background-image: url(/m/titles/youve-got-to-be-logging-in.png); } .ir-you-are-on-our-list { width: 394px; height: 33px; background-image: url(/m/titles/you-are-on-our-list.png); } .ir-first-place { width: 223px; height: 32px; background-image: url(/m/titles/first-place.png); float: left; margin-right: 10px; } .ir-second-place { width: 262px; height: 32px; background-image: url(/m/titles/second-place.png); float: left; margin-right: 10px; } .ir-third-place { width: 225px; height: 32px; background-image: url(/m/titles/third-place.png); float: left; margin-right: 10px; } .ir-do-you-party { width: 403px; height: 174px; background-image: url(/m/titles/do-you-party.png); } .ir-come-on-down { width: 350px; height: 158px; background-image: url(/m/titles/come-on-down.png); } .ir-talent-is-optional { width: 300px; height: 114px; background-image: url(/m/titles/talent-is-optional.png); } .ir-can-you-spin-it { width: 373px; height: 157px; background-image: url(/m/titles/can-you-spin-it.png); } .ir-the-top-15 { width: 282px; height: 19px; margin: 0 auto 20px; background-image: url(/m/titles/the-top-15.png); } .ir-watch-cogaoke-videos { width: 428px; height: 31px; margin-bottom: 25px; background-image: url(/m/titles/watch-cogaoke-videos.png); } .ir-presenting-your { width: 381px; height: 138px; background-image: url(/m/titles/presenting-your.png); } .ir-the-top-16 { width: 283px; height: 19px; background-image: url(/m/titles/the-top-16.png); } .ir-prepare-yourself { width: 409px; height: 68px; margin-bottom: 18px; background-image: url(/m/titles/prepare-yourself.png); } .ir-thanks-for-making { width: 522px; height: 126px; margin-bottom: 25px; background-image: url(/m/titles/thanks-for-making.png); } .ir-presenting-our-2010 { width: 530px; height: 48px; margin-bottom: 0; background-image: url(/m/titles/presenting-our-2010.png); } .ir-thank-you-to { margin: 0 auto 10px; width: 209px; height: 73px; background-image: url(/m/titles/thank-you-to.png); } .ir-buy-a-poster { margin: 0 auto; width: 341px; height: 49px; position: relative; top: 13px; background-image: url(/m/titles/buy-a-poster.png); } .ir-aea-winners { width: 478px; height: 124px; margin-bottom: 25px; background-image: url(/m/titles/aea-tickets.png); }