/* HOW SWEET THE SOUND 2009 */ /* Verizon Wireless */ /* STYLES ******************************************************************/ * {margin:0; padding:0;} body {background:#e8ebee; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%; line-height:1.5em; color:#333;} a {color:#222;} img {border:none;} hr {display:none;} sup {font-size:50%;} /* Fix bottom background color stretching */ body.sub {background-color: #333333;} body.sub div#middle {background-color: #e9eaee;} h2.blog {margin-bottom:.3em;} p.back {margin-bottom:2em;} p.back a {padding-left:14px; background:url(../images/icon_arrow1.gif) left no-repeat;} a {color:#F67001; text-decoration:none;} a:hover {text-decoration:underline;} p {margin-bottom:1.2em;} h2 {color:#000; font-size:2.4em; line-height:1.2em; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:.7em; font-weight:normal;} h2.small {font-size:2.1em; margin-bottom:1em;} h3.videotitle {font-size:1.3em; margin-bottom:0; color:#F67001;} h3 {font-size:1.4em; font-weight:normal; margin-bottom:.4em;} h3 a {text-decoration:none;} h4 {font-size:1em; margin:0;} ul {margin:0 0 1.2em 1.4em;} ul.gray * {color:#666!important;} ol {padding-left:18px; margin-left:15px; margin-bottom:1em;} ol#rules {margin-left:25px; text-indent:3em;} ol#rules li {margin-bottom:1em;} ol#rules li li {margin:1em 0; text-indent:0; margin-left:50px;} ol ol {list-style-type:lower-alpha;} ol ol ol {list-style-type:lower-roman;} ol ol ol ol {list-style-type:decimal;} ol.ways_to_enter { margin:0;} .indent {padding-left:2em;} .uline {text-decoration:underline;} a.uline {color:#333;} .clear {clear:both;} .hrzrule {height:1px; background:url(../images/hrzrule1.gif) repeat-x; margin:1.6em 0;} .orange {color:#F67001;} .gray {color:#999} .nowrap {white-space:nowrap;} .nomargin {margin:0;} .backtojudges {font-size:1.25em; margin-top:12px;} .backtovideos {font-size:1.25em; margin-top:12px;} .subscribe {padding:6px 0 6px 28px; background:url(../images/icon_rss.gif) left no-repeat; font-weight:bold;} .error {color:#ED2624;} .next {float:right;} .previous {} .yourresolution {padding-right:10px; margin-right:10px; font-weight:bold; line-height:1.7em;} .yourresolution span {font-size:21px;} .todownload {width:580px; margin-top:2px;} .sizes li {height:auto!important;} .floatleft {} .disabled {border:solid 1px #bbb!important; background:#E9EAEE; color:#aaa; } a.pdf_icon {background:url(../images/icon_pdf.gif) left no-repeat; padding:3px 3px 3px 22px; white-space:nowrap;} a.twitter table {margin-bottom:1.2em;} table td {padding:8px 0 10px 10px;} table thead {text-transform:uppercase;} table .date {font-weight:bold;} table .row0 {background:url(../images/hrzrule1.gif) bottom repeat-x;} table .row1 {background:#dcdfe2 url(../images/hrzrule1.gif) bottom repeat-x;} table a {text-decoration:none;} table a:hover {text-decoration:underline;} /* HOME ******************************************************************/ #home_top {} #home_top .content {} #home_top #logo {margin-bottom:1em;} #home_top #home_flash {display:none;} #home_middle {} #home_middle .content {} #home_middle #left {} #home_middle #latest_media {display:none;} #home_middle #photos {display:none;} #home_middle #photos p {} #home_middle #videos {} #home_middle #videos p {} #home_middle .content #right {} /* NAVIGATION ******************************************************************/ #navigation {display:none;} /* TOP ******************************************************************/ #top {} #top .content {} #top #logo {} #top #home_flash {} #topbar {display:none;} /* MIDDLE ******************************************************************/ #middle {} #middle .content {} #middle #left {width:173px; padding:36px 0 36px 16px;} #middle #left #leftnav {font-size:1.25em; line-height:1.3em; list-style-type:none; margin:0 0 1em 0;} #middle #left #leftnav a {text-decoration:none;} #middle #left #leftnav a:hover {color:#ED2624;} #middle #left #leftnav a.current {color:#ED2624; font-weight:bold} #middle #left #leftnav li {margin-bottom:6px;} #middle #left #leftnav ul {margin:0; list-style-type:none; font-size:.75em; line-height:1.6em;} #middle #left #leftnav ul li {margin-bottom:2px;} .linklist {margin:0; list-style-type:none;} .linklist ul {margin:0; list-style-type:none;} .linklist ul a:hover {color:#ED2624; text-decoration:none;} .linklist ul .current {font-weight:bold;} .linklist_arrow {margin:0; list-style-type:none;} .linklist_arrow ul {margin:0; list-style-type:none;} .linklist_arrow ul a {padding-left:13px; background:url(../images/icon_arrow2.gif) left no-repeat;} .linklist_arrow ul a:hover {color:#ED2624; text-decoration:none;} .linklist_arrow ul .current {font-weight:bold;} #middle #right {width:727px; padding:36px 12px 36px 30px; background:url(../images/vertsep1.gif) top left no-repeat;} #middle #right #twocol_left { width:320px; background:url(../images/vertsep2.gif) top right no-repeat; padding:0 36px 0 0;} #middle #right #twocol_left.press {width:333px; padding-right:25px;} #middle #right #twocol_left p {font-size:.9em; line-height:1.4em;} #middle #right #twocol_left h2 {font-size:2em;} #middle #right #twocol_right {width:320px; margin-right:16px;} #middle #right #twocol_right.press {width:324px;} #middle #right #twocol_right p {font-size:.9em; line-height:1.4em;} #middle #right #twocol_right h2 {font-size:2em;} #middle .right_column {width:203px; background:url(../images/vertsep2.gif) top left no-repeat; padding:0 0 0 36px; margin-left:25px;} #middle .tall_vert {background:url(../images/vertsep1.gif) top left no-repeat!important;} #middle .right_column dl {font-size:.9em; line-height:1.3em;} #middle .right_main { width:460px;} #middle .right_main .post {background:url(../images/hrzrule1.gif) bottom repeat-x; padding-bottom:25px; margin-bottom:20px;} /* THUMBNAIL LISTS ******************************************************************/ dl {margin-bottom:1.2em;} dl dd {margin-bottom:1.2em;} dl.updates { width:310px;} dl.updates dt { width:50px;} dl.updates dd { width:250px; margin-bottom:0;} dl.judges { } dl.judges dt {color:#F67001;} dl.judges dd {margin-bottom:1.2em;} #judges {margin:0; list-style-type:none; width:470px;} #judges ul {list-style-type:none;} #judges li ul.thumbs {margin:0;} #judges li ul.thumbs li {height:auto; background:url(../images/dropshadow.png) bottom right; width:220px; height:257px; margin:0 0 7px 0; } #judges li { width:230px; height:330px; background:none; font-size:.9em; line-height:1.3em;} #judges li span {color:#F67001; font-weight:bold; font-size:110%;} #artgallery {margin:0; list-style-type:none; width:740px;} #artgallery ul {list-style-type:none;} #artgallery li ul.thumbs {margin:0;} #artgallery li ul.thumbs li {height:auto; background:url(../images/dropshadow.png) bottom right; width:230px; height:118px; margin:0 0 4px 0; } #artgallery li { width:245px; height:176px; background:none;} #artgallery li span {color:#F67001; font-weight:bold;} #videothumbs {margin:0; list-style-type:none; width:740px;} #videothumbs ul {list-style-type:none;} #videothumbs li ul.thumbs {margin:0;} #videothumbs li ul.thumbs li {height:auto; background:url(../images/dropshadow.png) bottom right; width:136px; height:76px; padding:0; margin:0 0 4px 0; } #videothumbs li { width:136px; height:165px; margin-right:12px; background:none; padding-bottom:0; font-size:.9em; line-height:1.3em;} #videothumbs li span {color:#F67001;} #ringtonethumbs {margin:0; list-style-type:none; width:740px;} #ringtonethumbs ul {list-style-type:none;} #ringtonethumbs li ul.thumbs {margin:0;} #ringtonethumbs li ul.thumbs li {height:auto; background:url(../images/dropshadow.png) bottom right; width:136px; height:136px; padding:0; margin:0 0 4px 0; } #ringtonethumbs li { width:136px; height:190px; margin-right:12px; background:none; padding-bottom:0; font-size:.9em; line-height:1.3em;} #ringtonethumbs li span {color:#F67001;} #wallpapers {margin:0; list-style-type:none; width:740px;} #wallpapers ul {list-style-type:none; margin:0 0 0 3px;} #wallpapers li ul.thumbs {margin:0;} #wallpapers li ul.thumbs li {height:auto; background:url(../images/dropshadow.png) bottom right; width:136px; height:76px; padding:0; margin:0 0 4px 0; } #wallpapers li { width:136px; height:165px; margin-right:12px; background:none; padding-bottom:0; line-height:1.3em;} #wallpapers li span {color:#F67001; font-weight:bold;} #dl_logos {margin:0; list-style-type:none; width:340px;} #dl_logos ul {list-style-type:none;} #dl_logos li ul.thumbs {margin:0;} #dl_logos li ul.thumbs li {height:auto; background:url(../images/dropshadow.png) bottom right; width:150px; height:72px; padding:0; margin:0 0 4px 0;} #dl_logos li { width:162px; height:108px; background:none; padding-bottom:0;} #dl_logos li span {color:#F67001; font-weight:bold;} #dl_logos li p.type {text-align:center; padding-top:4px; width:146px;} #icons_connected {list-style-type:none; margin:0; width:190px;} #icons_connected li { margin-bottom:.6em;} #icons_connected li a { line-height:1.3em; padding:5px 0 7px 58px;} #icons_connected li a:hover {color:#ED2624; text-decoration:none;} #icons_connected a.rss {background:url(../images/icon_rss.jpg) left no-repeat; font-size:.9em;} #icons_connected a.facebook {background:url(../images/icon_facebook.jpg) left no-repeat; font-size:.9em;} #icons_connected a.twitter {background:url(../images/icon_twitter.jpg) left no-repeat; font-size:.9em;} #weblinks {margin:0; list-style-type:none;} #weblinks li {width:100%; } #weblinks a { padding:3px 3px 3px 24px;} #weblinks a.delicious {background:url(../images/icon_delicious.gif) left no-repeat;} #weblinks a.digg {background:url(../images/icon_digg.gif) left no-repeat;} #weblinks a.facebook {background:url(../images/icon_facebook.gif) left no-repeat;} #weblinks a.live {background:url(../images/icon_live.gif) left no-repeat;} #weblinks a.myspace {background:url(../images/icon_myspace.gif) left no-repeat;} #weblinks a.stumbleupon {background:url(../images/icon_stumbleupon.gif) left no-repeat;} #weblinks a.yahoobuzz {background:url(../images/icon_yahoobuzz.gif) left no-repeat;} /* SITEMAP ******************************************************************/ #sitemap, #sitemap ul {list-style-type: none;} #sitemap {margin:0; padding:0;} ul#sitemap li a.main {font-size: 1.2em; margin-bottom: 10px; display: block; font-weight: bold;} /* FLASH ******************************************************************/ #flash_map {position:relative; left:-13px; margin-bottom:1.2em;} #flash_player {} #flash_player_border { margin-bottom:1.2em; padding:3px 6px 6px 3px; background:url(../images/dropshadow.png) bottom right; } #flash_highlights2008 { outline:none; margin-bottom:18px;} #flash_highlights2008_border { margin-bottom:1.2em; padding:3px 6px 6px 3px; background:url(../images/dropshadow.png) bottom right; } #flash_photos {position:relative; left:-13px; margin-bottom:1em; outline:none;} /* THUMBNAILS ******************************************************************/ ul.thumbs {margin:0; list-style-type:none; position:relative; left:3px; top:3px; overflow:visible;} ul.thumbs li {position:relative; background:url(../images/dropshadow.png) bottom right; margin:0 12px 12px 0;} ul.thumbs li a {outline:none; overflow:visible;} ul.thumbs li a img {border:solid 3px #fff; margin:-3px 0 0 -3px; display:block;} ul.thumbs li a img.play {position:absolute; top:26px; left:55px; border:none;} ul.x103x67 li {width:103px; height:67px; margin:0 8px 8px 0;} ul.x124x70 li {width:124px; height:70px;} ul.x136x76 li {width:136px; height:76px;} ul.x136x136 li {width:136px; height:136px;} ul.x140x80 li {width:140px; height:80px;} ul.x142x80 li {width:142px; height:80px;} ul.x158x72 li {width:158px; height:72px;} ul.x203x121 li {width:203px; height:121px;} ul.x220x257 li {width:220px; height:257px;} ul.x230x118 li {width:230px; height:118px;} ul.x303x135 li {width:303px; height:135px;} ul.x322x146 li {width:322px; height:146px;} ul.x720x277 li {width:720px; height:277px;} ul.x720x391 li {width:720px; height:391px;} #photogallery {width:740px;} #photogallery li {margin:0 12px 12px 0;} /* FORMS ******************************************************************/ fieldset {border: none;} label {} fieldset#share ul {list-style-type:none; margin:0; padding:0;} fieldset#share ul li { width:50%; margin-bottom:18px;} fieldset#share ul li.message {clear:both; width: 100%;} fieldset#share ul li.optin {width:100%;} fieldset#share ul li.captcha {width:150px; clear:both;} fieldset#share ul li.submit {clear:both;} fieldset#share ul li input {width:216px; padding:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; } fieldset#share ul li input.captcha {width:140px;} fieldset#share ul li input.checkbox { width:13px; height:13px; margin:0 8px 0 0;} fieldset#share ul li textarea {width:446px; height:100px; padding:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;} fieldset#share ul li.optin input, fieldset#share ul li.submit input {width:auto; height:auto;} /* REGISTRATION FORMS ******************************************************************/ .formfields {margin:0; list-style-type:none; } .formfields li {margin-bottom:6px; width:320px; padding-bottom:6px;} .formfields li input.text {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; padding:3px 4px; width:290px; border:solid 1px #aaa;} .formfields li input.checkbox {width:15px; height:15px; margin-right:5px; border:none;} .formfields li input.radio {width:15px; height:15px; margin-right:5px; margin-top:2px; border:none;} .formfields li textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; padding:3px 4px; width:290px; border:solid 1px #aaa;} .formfields li select {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; padding:2px; border:solid 1px #aaa;} .formfields li.wide {width:610px;} .formfields li.wide input.text {font-family:Verdana, Arial, Helvetica, sans-serif; padding:3px 4px; width:610px;} .formfields li.wide input.radio_text {margin-left:10px; width:210px;} .formfields li.wide textarea {font-family:Verdana, Arial, Helvetica, sans-serif; padding:3px 4px; width:610px;} .icon_formalert1 {padding-left:65px; margin-top:12px; background:url(../images/icon_formalert1.gif) top left no-repeat;} .icon_formsuccess1 {padding-left:65px; margin-top:12px; background:url(../images/icon_formsuccess1.gif) top left no-repeat;} .inline_label { height:18px; padding-right:12px;} .registration_back {font-weight:bold; padding:10px;} .registration_back a {padding-left:12px; background:url(../images/icon_arrow3.gif) left no-repeat;} .songchoice {width:300px;} #form_legal {height: 400px;overflow:auto;} ul.listed li {padding:0!important;} fieldset h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; margin-bottom:.8em;} .review_section {border: 1px solid black; margin: 10px 0; padding: 10px 10px 0} #progressbar_outline {width:345px; height:20px; border:solid 1px #aaa; position:relative; margin-bottom: 12px;} #progressbar_fill {height:20px; background:url(../images/progressbar.gif) top left no-repeat; position:absolute; top:0; left:0;} /* BLOG ******************************************************************/ div.post .alignleft {float: left; margin-right:15px; margin-bottom:15px;} div.post .alignnone {} div.post .alignright {float: right; margin-left:15px; margin-bottom:15px;} div.post .aligncenter {} div.post {clear: both; margin-bottom: 25px;} div.post h2 a {color:#000;} div.post h2 a:hover {color:#F67001; text-decoration:none;} /* BOTTOM ******************************************************************/ #bottom {background:#333 url(../images/bg_footer.gif) top repeat-x; color:#aaa; width:100%; } #bottom p {font-size:.8em; color:#aaa; line-height:1.5em;} #bottom .content {width:954px; margin:0 auto; padding:50px 18px; position:relative;} #bottom .logo_vzw {display:none;} #bottom .nav {position:absolute; top:0; right:12px; list-style-type:none; margin:0;} #bottom .nav li {} #bottom .nav li a { background:#E8EBEE; font-weight:normal; text-decoration:none; padding:3px 9px 9px;} #bottom .nav li a.begin {padding-left:20px;} #bottom .nav li a.end {padding-right:20px;} #bottom .nav li a:hover {text-decoration:underline;} #bottom .links {margin:0; list-style-type:none;} #bottom .links li {} #bottom .links li a { text-decoration:none; padding-right:13px; background:url(../images/footer_nav_sep.gif) right no-repeat;} #bottom .links li a:hover {text-decoration:underline;} /* MODAL DIALOG ******************************************************************/ #confirmModalOverlay {background-color:#333; cursor:wait;} #confirmModalContainer {height:132px; width:400px; text-align:left; background:#e9eaee; border:1px solid #822200;} #confirmModalContainer .header {height:20px; width:100%; cursor:pointer; background:#e87339 url(../images/bg_button.gif) center repeat-x; color:#FFF; font-size:1.1em; font-weight:bold; line-height:20px;} #confirmModalContainer .header span {padding-left:8px;} #confirmModalContainer .message {margin:0; padding:12px 20px 8px;} #confirmModalContainer .buttons {width:390px; padding:10px 10px 0 0;} #confirmModalContainer .buttons div {margin:0 0 10px 8px; padding-top:6px; width:185px; height:30px; color:#fff; font-size:.9em; font-weight:bold; line-height:1.1em; text-align:center; text-transform:uppercase; border:1px solid #cf4700; cursor:pointer; background:#e87339 url(../images/bg_button.gif) center repeat-x;} #confirmModalContainer .buttons div:hover, #confirmModalContainer .buttons div.sfHover {text-decoration:underline;} #confirmModalContainer a.modalCloseX, #confirmModalContainer a.modalCloseX:link, #confirmModalContainer a.modalCloseX:active, #confirmModalContainer a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.1em; position:absolute; left:385px; color:#FFF;} #confirmModalContainer a.modalCloseX:hover {color:#9bb3b3;}