/* Theme Name: a-ha Description: Custom Wordpress theme for a-ha website Version: 1.0 Author: Aspire Design Studios */ /* GENERAL STYLES **********************************************************************/ * { border: 0; padding: 0; text-decoration: none; margin: 0; list-style-type: none; list-style: none; } body { font-size: 70%; /* Resets 1em to 10px */ font-family: Arial, Verdana, Sans-Serif; color: #FFF;} html, table, body { background: #000000; } a:link { color: #00abfe } a:visited { color: #00abfe; } a:hover { color: #FFF; } a:active { color: #FFF; } h1 { font: normal 40px Arial, Verdana, Sans-Serif; color: #FFF; margin: 0px 0px 10px 0px; } h3 { font-size: 14px; font-weight: normal; line-height: 18px; margin-bottom: 0px; } .hidden { display: none; } #logo img { behavior: url(/resources/htc/iepngfix.htc); } /* GLOBAL LAYOUT STYLES ****************************************************************/ #containerBottom { width: 857px; margin: 0 auto 0; position: relative; } #containerBottom #copy { clear: both; margin: 0 auto 0;} #pageTop { background-color: #000000; background-position: top left; text-align: left; margin: 0 auto 0; width: 857px; height: 489px; text-align: left; } #globalPageTop { background-color: #000000; background-position: top right; text-align: left; margin: 0 auto 0; width: 857px; text-align: left;} #breadcrumb { line-height: 37px; font-weight: 600; padding-left: 11px; } /* GLOBAL LAYOUT CLASSES ***************************************************************/ .heading_image { float: left; width: 857px; height: 310px; } /* HEADER STYLES ***********************************************************************/ #header { width: 857px; text-align: left; height: 160px; overflow: hidden; margin: auto; padding-bottom: 0px; background-repeat: no-repeat; margin-top: 0px !important; z-index: 10;} #logo { width: 263px; display: block; float: left; } #logo img { margin-top: 30px !important; margin-top: 0px; padding-bottom: 0px !important; padding-bottom: 0px; height: 115px;} #player { font-size: 12px; color: #ffffff; font-weight: 600; padding-top: 5px; float: right; margin-right: 0px; width: 160px !important; width: 160px; height: 20px; border-top: 2px solid #00abf3; text-align: center; cursor: pointer; } a#player:hover {color: #00abf3; !important} /* FOOTER STYLES ***********************************************************************/ #footer { margin: 0px 0px 15px 0px; width: 857px; clear: both; } #footer_links { float: right; margin: 6px 0px 0px 0px; color: #878787; text-decoration: none; font-weight: normal; font-size: 11px; height: 26px; } #footer_links a {margin: 0px 8px; color: #878787; text-decoration: none; font-weight: normal; font-size: 11px; } #footer_links a:hover { color: #646464; } .social_icon { margin-right: 5px; } #footer .networks { display: block; float: left; } /* SIGNUP STYLES ***********************************************************************/ #newsletter { width: 857px; float: left; margin: 80px 0px 16px 0px; background: #000 url(/resources/img/base/newsletter-signup.png) 0 0 no-repeat; border-bottom: 1px solid #4b4b4b; padding-bottom: 12px;} #newsletter form { height: 30px; width: 857px; float: left; } #newsletter form input#signup_name, #newsletter form input#signup_email { background: #555; border: 1px solid #666; float: left; height: 17px; padding: 3px 5px; width: 220px; margin-right: 30px; outline: none; } #newsletter form input#signup_name { margin-left: 230px; } #newsletter .button { height: 25px; background: #eee; color: #000; font-weight: bold; text-shadow: 0px 1px 1px #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behaviour: url(/resources/htc/border-radius.htc); border: 1px solid #fff; height: 25px; padding: 4px 8px; width: 80px; text-align: center; line-height: 16px; float: left; display: block; font-size: 11px; float: right; margin-top: 0px; } #newsletter .button:hover { background: #ddd !important; cursor: pointer; } /* LOGIN CLASSES *************************/ #loginform .input, #lostpasswordform .input, #registerform .input { margin-left: 20px; border: 1px solid #fff; } #loginform .button, #lostpasswordform .button { margin-right: 20px; } #wp-submit { background: #eee; color: #000; font-weight: bold; text-shadow: 0px 1px 1px #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behaviour: url(/resources/htc/border-radius.htc); border: 1px solid #fff; height: 25px; padding: 4px 8px; width: 80px; text-align: center; line-height: 16px; float: left; display: block; font-size: 11px; float: right; } #wp-submit:hover { background: #ddd !important; cursor: pointer; } #wp-submit { width: auto; float: right; margin-right: 50px; } /* HOMEPAGE STYLES *********************************************************************/ #home_image { position: absolute; right: 75px; top: 37px; } #home_text { float: left; width: 360px; height: 96px; margin: 45px 0 25px 40px !important; margin: 45px 0 25px 20px;font-size: 1.6em; font-weight: normal; font-family: arial, helvetica, sans-serif; color: #b1b1b1; font-size: 1.4em; text-shadow: 0px 0px 1px #000; } #home_text p { text-shadow: 0px 0px 1px #000; height: 56px; overflow: hidden; font-weight: normal; } #home_twitter { float: right; position: relative; width: 360px; height: 123px; margin: 45px 25px 25px 0px } #home_twitter p { position: absolute; left: 0px; top: 20px; width: 360px; height:35px; font-size: 1.4em; color: #b1b1b1; font-weight: normal; padding-top: 10px; text-shadow: 0px 0px 1px #000; } #twitter_time_box { position: absolute; top: 104px; left: 0px; font-size: 1em; font-weight: 600; color: #686161;} .twitter_follow_us_box { font-size: 14px; position: absolute; top: 100px; right: 0px; text-transform: uppercase; font-weight: 600;} .read_more_home { width: 200px; font-size: 14px; position: absolute; top: 130px; right: 340px; text-transform: uppercase; font-weight: 600; } .home_heading { font-size: 20px; text-transform: uppercase; color: #ffffff; font-weight: normal; padding-bottom: 10px;} /* NEWS STYLES ************************************************************************/ #news_main_section { background-color: #272727; float: left; height: auto; width: 843px; padding-bottom: 40px; border: 7px solid #464646; position: relative; } #news_listing { margin-bottom: 30px; } #news_main_section h1, #news_main_section h1 a.news-article-title { font: normal 18px Arial, sans-serif; width: 505px; float: left; text-transform: uppercase; color: #fff; } #news_main_section span { font-size: 11px; font-weight: 400; color: #999; } #news_main_section p { margin-top: 10px; font-size: 13px; font-weight: 400; line-height: 16px; color: #999; } #news_main_section a { font-size: 13px; } #news_main_section img.title_image { float: left; } #news_main_section form#search { float: right; margin: 30px 35px 0px 0px !important; margin: 30px 12px 0px 0px; } #news_main_section form#search input.searchfield { background: #555; border: 1px solid #666; height: 25px; padding: 3px 5px; width: 186px; font-size: 18px; color: #FFFFFF; outline: none; float: left; } #news_main_section form#search input#search_button { height: 33px; width: 33px; background: url(/resources/img/news/icon_search.gif) no-repeat; float: left; } #news_main_section form#search input#search_button:hover { opacity: 0.9; cursor: pointer; } #news_main_section .meta { display: block; width: 180px; margin-right: 30px; min-height: 60px; float: left;} #news_main_section .meta { text-transform: uppercase; font-size: 10px; text-align: right; } #news_main_section .meta a { font-size: 10px; } #news_main_section .meta .date { font-size: 14px; font-weight: normal; width: 180px; float: left; margin-top: 2px; color: #ddd; } #news_main_section .meta .year { font-size: 10px; width: 180px; float: left; font-weight: normal; margin-bottom: 5px; } #news_main_section .meta .title, #news_main_section .meta .facebook, #news_main_section .meta .twitter, #news_main_section .meta .edit { float: left; width: 180px; border-top: 1px dotted #666; padding: 5px 0px; } #news_main_section .meta .twitter { padding: 5px 0px 5px; } #news_main_section .content { display: block; width: 500px; float: left;} #news_main_section .archive1, #news_main_section .archive2, #news_main_section .latest, #news_main_section .comment { padding: 18px; float: left; width: 737px; margin: 40px 0px 0px 35px !important; margin: 40px 0px 0px 17px; } #news_main_section .archive1 { background-color: #303030; } #news_main_section .content ul li { color: #aaa; font-weight: normal; list-style-type: disc; } #news_main_section a.read_more_latest, #news_main_section a.read_more_archive { margin: 10px 0px; text-align: right; width: 500px; display: block; clear: both; } #news-article { color: #FFFFFF; } img.archive_image { margin-bottom: 20px; } #news_left_col { float: left; } #news_left_col h1.center_header { float: left; height: 40px; display: block; } #news_main_section h1.center_header span { visibility: hidden; display: none; } .tour-content { float: left; } .tour-content h2, .tour-content h1 { font-weight: normal; margin: 40px 0px 10px 0px; font-size: 14pt; text-transform: uppercase; } .tour-content h1 { margin-top: 4px !important; } h1.tour-title { font-weight: bold !important; width: 740px !important; display: block; border-bottom: 1px solid #00abfe; padding: 0px 0px 4px 20px; font-size: 18pt !important; text-transform: uppercase; margin: 50px 0px 0px 40px; } .cufon-active .content h1 { margin-top: 4px; } .commentlist { margin: 30px 0px; font-size: 14px; color: #FFFFFF; } .commentlist .content p { font-size: 12px; color: #FFFFFF; font-weight: 200; margin-bottom: 15px; } .commentlist h3 { color: #00abfe; } .commentlist { list-style:none; margin:0; padding:0; float: left;} .commentlist p { margin-top: 0px !important; } .commentlist .even { background-color: #303030; } #news_left_col form textarea { background: #555; border: 1px solid #666; height: 170px; padding: 3px 5px; width: 500px; float: left; margin-bottom: 10px; font-size: 16px; color: #fff; } #news_left_col form input.line { background: #555; border: 1px solid #666; height: 17px; padding: 3px 5px; width: 500px; float: left; margin-bottom: 10px; font-size: 16px; color: #fff; } #news_left_col form input#submit { background: #eee; color: #000; font-weight: bold; text-shadow: 0px 1px 1px #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behaviour: url(/resources/htc/border-radius.htc); border: 1px solid #fff; height: 25px; padding: 4px 8px; width: auto; float: left; display: block; } input#submit:hover, a#login:hover { background: #ddd !important; cursor: pointer; } #respond { margin: 40px 0px 40px 0px; float: left; } #respond form, #respond #commentform { margin: 20px 0px 0px 50px; float: left; } #respond a#login { background: #eee; color: #000; font-weight: bold; text-shadow: 0px 1px 1px #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behaviour: url(/resources/htc/border-radius.htc); border: 1px solid #fff; height: 16px; padding: 4px 8px; width: auto; float: left; display: block; font-size: 11px; margin-top: 10px; } #respond p { margin-top: 0px !important; } .navigation { margin-top: 30px; width: 773px; padding: 18px 0px; margin-left: 35px; clear: both; border-top: 1px solid #4b4b4b; } .navigation .previous a, .navigation .next a, .tour_buttons a { background: #eee; color: #000; font-weight: bold; text-shadow: 0px 1px 1px #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behaviour: url(/resources/htc/border-radius.htc); border: 1px solid #fff; height: 16px; padding: 4px 8px; width: 80px; text-align: center; line-height: 16px; float: left; display: block; font-size: 11px !important; float: right; color: #111; } .navigation .previous a:hover, .navigation .next a:hover, .tour_buttons a:hover { background: #ddd !important; cursor: pointer; } .navigation .previous, .navigation .previous a { float: left; } .navigation .next { float: right; } #news, #archive, #searchresults, #news-article, #respond { float: left; height: auto; } #news_main_section .content p { width: 500px; } #news_main_section .content p img { margin: 10px 0px; } #news_main_section .content img.wp-smiley { margin: 0px 0px; } #news_main_section .content ul { width: 540px; margin-top: 5px; } #news_main_section .content ul li { margin: 5px 20px; } #news_main_section .content ul li a { font-weight: normal; } #news_main_section .content table { width: 540px; } #news_main_section h2 {padding-top: 24px;} .galleryoverview, #thickbox { width: 500px; float: left; margin-bottom: 20px; } .galleryoverview .gallery-thumbnail-box, #thickbox .newsPics { width: 80px; height: 80px; overflow: hidden; margin: 10px 10px 0px 0px; float: left; } .galleryoverview .gallery-thumbnail-box img, #thickbox .newsPics a img { width: 110px; height: auto !important; } #news_main_section .content #thickbox h4 { width: 540px; clear: both; } .archive-heading { margin: 10px 0px 0px 40px; } .archive-heading h1 { font-size: 14px !important; } .archive-heading b { color: #00abf3; } #searchresults .content p { margin-top: 30px; } #searchresults .content p strong { color: #fff; text-decoration: underline; } #thickbox .newsPics img { width: auto !important; height: auto !important; } /* TOUR STYLES ************************************************************************/ .title {margin: 0px; padding: 0px;} #tour_main_section { background: #272727; float: left; width: 843px; padding-bottom: 30px; border: 7px solid #464646; position: relative; font-weight: normal; font-size: 13px; } #upcoming_events { background: url(images/tour_nextgig_bg.jpg) no-repeat; background-position: 0px 68px;} #tour_main_section h1 { font: bold 35px Arial, sans-serif; margin: 0px 0px 0px 40px; } #tour_main_section h3 { margin: 10px 0px 10px 40px; width: 540px; } #tour_main_section img { margin: 0px; } #tour_main_section img.monthImage { margin-top: 15px; } #tour_main_section h1#nextgig { font-size: 30px; font-weight: normal; text-align: center; margin: 0; padding: 0; margin-top: 109px; } .tour-even span, .tour-odd span { float: left; display: block; line-height: 47px; } .tour-even span a, .tour-odd span a { display: inline; float: left; } #past_events { background-image: none; } #tour_main_section form#nextgigform { position: absolute; top: 265px; left: 216px; } #tour_main_section form#nextgigform input { font: bold 23px Arial, sans-serif; color: #FFFFFF; text-shadow: 0px -1px 1px #2e4f5e; height: 23px; background: none; border:0; position: absolute; top: 1px; } #tour_main_section form#nextgigform input#gigdays { left: 0px; } #tour_main_section form#nextgigform input#gighours { left: 103px; } #tour_main_section form#nextgigform input#gigminutes { left: 229px; } #tour_main_section form#nextgigform input#gigseconds { left: 382px; } #tour_main_section .latestTickets { display: block; float: right; margin: 20px 67px 0px 0px; } #tour_main_section .tour-odd { width: 773px; margin: auto; height: 47px; position: relative; } #tour_main_section .tour-even { width: 773px; margin: auto; background-color: #303030; height: 47px; position: relative; } #tour_main_section .tourDate { margin-left: 28px !important; margin-left: 12px; width: 160px; } #tour_main_section .tourPlace { width: 240px; } #tour_main_section .tourVenue { width: 243px; } #tour_main_section .tourTickets { width: 80px; } #tour_main_section .notfound { margin-top: 30px; margin-left: 20px; } .tour_left { width: 600px !important; width: 500px; float: left; } .tour_left h3 { width: 540px !important; width: 500px; } .tour_buttons { width: 200px; float: right; display: block; } .tour_buttons a { width: auto !important; width: 170px; margin: 20px 35px 0px 0px; padding: 5px 10px; float: right; display: inline; } #year-selector { height: 26px; width: 680px; text-align: center; line-height: 26px; display: block; font-size: 12px; float: left; clear: both; color: #00abf3; margin-left: 20px; text-transform: uppercase; } #year-selector select { height: 22px; } #year-selector { padding: 10px 0px;} #year-selector p { width: 734px; text-align: center; margin-left: 35px; } #year-selector a.current { color: #fff !important; } #year-selector a { width: auto; display: inline; } #past-events-holder .tourVenue { width: 283px; } #past-wrapper, #past-events-holder, #past-events { clear: both; } #past_events #spinner { width: 764px !important; background: #272727 url(/resources/img/tour/loader.gif) center center no-repeat; height: 200px !important; margin-left: 35px; position: relative !important; opacity: 0.7; } /* DISCOGRAPHY STYLES ******************************************************************/ #discography_main_section { position: relative; background: #272727; float: left; width: 843px; padding-bottom: 30px; border: 7px solid #464646; } #discography_main_section .headingText { margin: 20px 0px 10px 30px; } #timeline { height: 140px; width: 768px; background-color: #333333; border-left: 10px solid #333; border-right: 10px solid #333; padding-top: 11px; margin: 0 auto; overflow: hidden; white-space: nowrap; } #timeline span.replace { height: 20px; overflow: hidden; width: 67px; display: block; } #timeline a { color: #FFFFFF; cursor: pointer; } .timeline_section { margin-left: 36px; margin-right: 21px; font-size: 14px; font-weight: 400; width: 67px; float: left; text-align: center; } .timeline_section img { margin-top: 3px; float: left; } #container { width: 843px; height: 440px; overflow: hidden; margin: 0 auto; position: relative; } #container.videos { height: 700px; } .slider { width: 2015px; height: 400px; } .slider2 { width: 15570px; height: 400px; position: relative; } .slider-singles { width: 5000px !important;width: 5310px; height: 400px; } .slider2-singles { width: 35600px; height: 400px; } .slider-videos { width: 4650px !important; width: 4790px; height: 400px; } .slider2-videos { width: 60600px; height: 700px; } .video_background { width: 670px; margin: 10px 0px 0px 60px; float: left; } .video_background p { font-size: 13px; color: #ddd; margin: 4px 0px; } .section { margin:0; width:840px; float:left; margin-right:50px; } #container.videos .section { height: 700px; } .section img.album_image { float: left; margin-left: 105px; margin-top: 42px; } .slider2-videos .section img.album_image { margin-left: 60px; } .album_details { float: left; margin: 18px 0px 0px 17px; width: 280px; } .album_details h1,.album_details h2 { display: none; } .album_details h1 object, .album_details h1 embed, .album_details h2 object, .album_details h2 embed { position: relative; } .album_details h2 { color: #fff; font-size: 23px; margin-top: 0px; position: relative; } .album_details object, .album_details embed { z-index: 1; } .album_desc, .single_desc, .video_desc { margin-top: 14px; width: 245px; height: 87px; background: #464646; font-weight: normal; padding: 18px 18px 18px 18px; line-height: 14px; } .scrollbar-hor { background-color: #5f5f5f; height: 9px; width: 768px; float:left; margin-top: 10px; margin-left: -3px; overflow: hidden; } .handle-hor { height: 9px; width: 100px; background: url(/resources/img/albums/handle.gif) no-repeat; } #scrollbar { position: absolute; top: 178px; left: 37px; } .album_links { float: left; font-size: 16px; padding: 0; margin: 0; margin-top: 14px; display: block; width: 245px; } .right_arrow { margin-left: 7px; } /* ALBUM STYLES ************************************************************************/ #album_main_section { background-color: #272727; float: left; width: 843px; padding-bottom: 30px; border: 7px solid #464646; } #album_main_section img.album_pic { border: 35px solid #000; } #album_main_section img.purchase_button { margin: 32px 0px 30px 75px; } #album_left_col { float: left; width: 338px; margin: 42px 0px 30px 30px !important; margin: 42px 0px 30px 15px; } #album_left_col p { color: #ccc; font-size: 10px !important; } #album_right_col { float: right; width: 409px !important; width: 400px; margin: 42px 30px 30px 30px !important; margin: 42px 15px 30px 15px; overflow: hidden; } #album_right_col h1, #album_right_col h2, #album_right_col p { width: 409px !important; width: 400px; } .sIFR-active #album_right_col h1 { visibility: hidden; } #purchase_album_btn { display: block; } p.buy_album { width: 300px; padding: 10px 20px; text-transform: uppercase; background: #000; height: 30px; overflow: hidden; } p.buy_album span { font-size: 14px; float: left; width: 300px; text-align: center; margin: 8px 0px; } p.buy_album a { margin: 0px 3px; } p.buy_album a:link, p.buy_album a:visited { color: #ffffff; } p.buy_album a:hover, p.buy_album a:active { color: #00abfe; } #change_album { width: 340px; height: 25px; overflow: hidden; background: #000; margin-bottom: 7px; padding-bottom: 25px; } #change_album p.buy_album { padding-top: 0px; } #change_album h3 { width: 200px; font-size: 20px; float: left; } #change_album #switch_interior { float: left; } #change_album .from a { width: 20px; float: right; } #change_album ul { width: 270px; margin-left: 35px; float: left; } #change_album ul li { width: 260px; height: auto; float: left; margin: 0px; font-weight: normal; border-bottom: 1px solid #444; padding: 5px; } #change_album ul li a { width: 270px; display: block; } #change_album span.buy_from { text-transform: uppercase; font-size: 11px; float: left; width: 240px; color: #fff;line-height: 16px; } #change_album span.buy_from_icon { float: right; width: 16px; margin-right: 10px; } #change_album span.buy_from_icon img { width: 16px; } #change_album ul li a:hover span { color: #00abfe; } #album_overflow { width: 270px; height: 270px; overflow: hidden; background: #000; position: relative; border: 35px solid #000; } #album_overflow #album_buy_links { height: 270px; width: 270px; position: absolute; top: 0; } #album_overflow #album_cover { height: 270px; width: 270px; overflow: hidden; top: 0px; position: absolute; } #album_overflow #album_cover_image { cursor: pointer; } #album_overflow #album_buy_links h3 { width: 200px; float: left; } #album_overflow #album_buy_links h3 span { visibility: hidden; display: none; } #album_overflow #album_buy_links .from a { width: 20px; float: right; } #album_overflow #album_buy_links ul { width: 270px; } #album_overflow #album_buy_links ul li { width: 260px; height: auto; float: left; margin: 0px; font-weight: normal; border-bottom: 1px solid #444; padding: 5px; } #album_overflow #album_buy_links span.buy_from { text-transform: uppercase; font-size: 11px; float: left; width: 200px; color: #fff;line-height: 16px; } #album_overflow #album_buy_links a:hover span.buy_from { color: #00abfe; } #album_overflow #album_buy_links span.buy_from_icon { float: right; width: 20px; } #album_main_section p { margin-top: 10px; font-size: 13px; font-weight: 400; line-height: 16px; } #album_main_section #track-controls { width: 500px; float: left; margin-bottom: 15px; } #album_main_section #track-controls h2 { width: 60px; float: left; } #album_main_section #track-controls a { width: auto; margin: 3px 3px; float: left; } #album_main_section h2 { font-size: 20px; } .track_listing { margin: 20px 0px 35px 0px; font-size: 14px; width: 409px;float: left; } .track_listing li { width: 409px; height: auto; float: left; margin: 0px; font-weight: normal; border-bottom: 1px solid #444; padding: 5px } .track_listing span.title { float: left; width: 300px; } .track_listing span.title { font-size: 9pt !important; } .track_listing span.title a:link, .track_listing span.title a:visited { color: #fff; } .track_listing span.title a:hover, .track_listing span.title a:active { color: #00abfe; } .track_listing span.details { float: left; width: 100px; } .track_listing span.details a { text-align: right; float: right; font-size: 10px !important; margin: 4px 0px 0px 8px; } .single-list ul { width: 825px; } .single-list li { float: left; width: 270px; height: 150px; } .tip-top, .tip-text { display: none; } .tip { background: #000; border: 1px solid #333; width: 40px; height: 16px; font-weight: normal; padding: 5px 10px; display: block; line-height: 16px; font-size: 12px; } .tip-bottom { height: 6px; width: 40px; background: url(/resources/img/albums/all/arrow.png) 10px 0px no-repeat; } .flags .tip { width: 85px; } .flags .tip a { margin: 0px 3px; } .flags .tip-bottom { width: 115px; background: url(/resources/img/albums/all/arrow.png) 85px 0px no-repeat; } /* THE STORY SO FAR STYLES ************************************************************************/ #the_story_so_far_main_section { background-color: #272727; float: left; width: 843px; padding-bottom: 80px; border: 7px solid #464646; min-height: 600px; } #the_story_so_far_main_section .chapter { float: left; } #the_story_so_far_main_section .chapter_header { width: 840px; margin: 30px 0px 20px 0px; height: 46px; background: url(/resources/img/bio/titles_story.gif) no-repeat; } #the_story_so_far_main_section .chapter_nav { float: right; margin: 20px 35px 0 0; } #the_story_so_far_main_section .chapter_nav a { margin: 0px 4px; font-size: 14px; } #the_story_so_far_main_section .chapter_nav a.current { color: #fff; } #the_story_so_far_main_section h1.tour-title { margin: 46px 0px 0px 35px; width: 754px !important; } #the_story_so_far_main_section h1 span, #the_story_so_far_main_section .chapter_header span.hide { visibility: hidden; display: none; } .the_story_so_far_left_col { float: left; width: 302px; text-align: center; } .the_story_so_far_left_col img { margin-top: 80px; } .the_story_so_far_right_col { float: right; width: 470px; padding-right: 47px; margin-top: 40px; padding-bottom: 40px; } .the_story_so_far_right_col h1 { font-size: 36px; } .the_story_so_far_right_col h2 { font: normal 20px Arial, Sans-Serif; } .the_story_so_far_right_col h2 span { color: #00abfe; } .the_story_so_far_right_col p { margin-top: 10px; font-size: 13px; font-weight: 400; line-height: 16px; } /* AWARDS STYLES ************************************************************************/ #awards_main_section { background: #272727; float: left; width: 843px; padding-bottom: 30px; border: 7px solid #464646; position: relative; font-weight: normal; font-size: 13px; } #awards_main_section h1 span, #awards_main_section .chapter_header span.hide { visibility: hidden; display: none; } #awards_main_section { background-color: #272727; float: left; width: 843px; padding-bottom: 80px; border: 7px solid #464646; min-height: 600px; } #awards_main_section .chapter_header { width: 840px; margin: 30px 0px 20px 0px; height: 46px; background: url(/resources/img/bio/titles_awards.gif) no-repeat; } #awards_main_section li {padding: 12px 0 2px 0; font-size: 13px;} #awards_main_section h1 {padding: 28px 0 0 25px; border-bottom: 2px solid #0891ca; width: 458px;} #awards_main_section .awards-odd { width: 458px; margin: auto; height: 25px; position: relative; padding-left: 25px;} #awards_main_section .awards-even { width: 458px; margin: auto; background-color: #303030; height: 25px; position: relative; padding-left: 25px; } #awards_main_section .awards-odd-double { width: 458px; margin: auto; height: 35px; position: relative; padding: 15px 0 10px 25px} #awards_main_section .awards-even-double { width: 458px; margin: auto; background-color: #303030; height: 35px; position: relative; padding: 15px 0 10px 25px} #awards_main_section p {padding: 12px 0 2px 0; padding: 15px 0 10px 25px} .title {margin: 0px; padding: 0px;} .awards_left_col { float: left; width: 302px; text-align: center; } .awards_right_col { float: right; width: 470px; padding-right: 47px !important; padding-right: 37px; margin-top: 40px; padding-bottom: 40px; } .awards_right_col h1 { font-size: 24px; padding-left: 25px; } .awards_right_col h2 { font: normal 20px Arial, Sans-Serif;} .awards_right_col h2 span { color: #00abfe; } .awards_right_col p { margin-top: 10px; font-size: 13px; font-weight: 400; line-height: 16px; } .awards_left { width: 600px !important; width: 500px; float: left; } .awards_left_col img { margin-top: 100px; } /* Paperwork Styles ************************************************************************/ #paper_container { background-color: #272727; float: left; width: 843px; padding-bottom: 30px; border: 7px solid #464646; position: relative; } #paper_container p, #paper_container h1, #paper_container h4, #paper_container h5, #paper_container ul { width: 600px; font-weight: normal; } #paper_container p { margin: 5px 40px; line-height: 16px; } #paper_container h1 { margin: 40px 40px 15px 40px; } #paper_container h4 { margin: 15px 40px 5px 40px; font-size: 18px; } #paper_container h5 { margin: 15px 40px 5px 40px; font-size: 12px; letter-spacing: 1px; } #paper_container ul, #paper_container ol { margin: 10px 40px 25px 70px; list-style-type: disc; } #paper_container ul.wide_list { width: 750px; margin-bottom: 20px; float: left; } #paper_container li { margin: 5px 0px; list-style-type: disc; } #paper_container ul.wide_list li { width: 200px; float: left; margin-right: 25px; } /* Links Styles *************************************************************************/ #links_container { background-color: #272727; float: left; width: 843px; padding-bottom: 8px; border: 7px solid #464646; min-height: 600px; font-size: 14px; } #links_container h1 { width: 754px !important; margin: 50px 0px 20px 35px !important; } #links_container h1 span { visibility: hidden; display: none; } #links_container .links_box { width: 734px !important; width: 724px; min-height: 100px; padding: 20px !important; padding: 20px 0px 20px 20px; margin: 0px 0px 40px 35px !important; margin: 0px 0px 40px 17px; background: #333; float: left; } #links_container .links_box ul { width: 150px; padding-left: 20px; min-height: 100px; float: left; } #links_container .links_box ul li { margin: 3px 0px; } #links_container .links_box ul.middle { border-left: 3px solid #222; border-right: 3px solid #222; width: 350px; } #links_container .links_box ul.fan_links { width: 734px; } #links_container .links_box ul.fan_links li, #links_container .solo ul.fan_links li { width: 340px; float: left; } #links_container .links_box ul.fan_links li { font-size: 13px; } #links_container .links_box ul.middle li { margin-top: 5px; padding-left: 10px; } #links_container .links_box ul.middle form input.field { background: #555; border: 1px solid #666; height: 17px; padding: 3px 5px; width: 240px; float: left; outline: none; margin-bottom: 10px; } #links_container .links_box ul.middle form input.button { background: #eee; color: #000; font-weight: bold; text-shadow: 0px 1px 1px #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behaviour: url(/resources/htc/border-radius.htc); border: 1px solid #fff; height: 25px; padding: 4px 8px; width: auto; float: left; display: block; margin-left: 8px; } #links_container .solo { width: 734px; min-height: 100px; padding: 20px; margin: 0px 0px 20px 35px !important; margin: 0px 0px 20px 17px; background: #333; float: left; } #links_container .solo ul { width: 180px; padding-right: 40px; min-height: 50px; float: left; } #links_container .solo ul li { margin: 3px 0px; } #links_container .solo ul.middle { border-left: 3px solid #222; border-right: 3px solid #222; width: 240px; } #links_container .solo ul.fan_links { width: 510px; font-size: 13px; padding-right: 0px; } #links_container .solo ul.fan_links li { width: 235px; font-size: 13px; margin-right: 20px; } #links_container .solo img { border: 1px solid #111; float: left; width: 200px; height: 200px; margin-right: 20px; } #links_container .solo h2 { border-bottom: 1px solid #888; float: left; width: 500px; color: #888; padding: 0px 0px 5px 2px; margin-bottom: 8px; } #links_container .solo ul.mailing { width: 510px; margin-top: 12px; padding-right: 0px; } #links_container .solo ul.mailing li { margin-top: 5px; } #links_container .solo ul.mailing form input.field { background: #555; border: 1px solid #666; height: 17px; padding: 3px 5px; width: 185px; float: left; outline: none; margin-right: 10px; } #links_container .solo ul.mailing form input.button { background: #eee; color: #000; font-weight: bold; text-shadow: 0px 1px 1px #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behaviour: url(/resources/htc/border-radius.htc); border: 1px solid #fff; height: 25px; padding: 4px 8px; width: auto; float: left; display: block; margin-left: 8px; } input.button:hover { background: #ddd !important; cursor: pointer; } #choose { position: absolute; background: #000; padding: 5px 20px; text-transform: uppercase; margin-top: -50px; margin-left: 670px; left: 0px; overflow: hidden; height: 20px; } #choose span { line-height: 22px; } #choose ul { margin-top: 20px; } #choose ul li { margin: 4px; font-size: 12px; } /* Store Styles *************************************************************************/ #store_container { background: #272727; float: left; width: 843px; padding-bottom: 35px; border: 7px solid #464646; min-height: 600px; } #store_container img.store_image { margin: 35px 0px 0px 35px; width: 774px; } #store_container .store_box, #store_container .store_box-other { width: 734px; padding: 20px; margin: 35px 0px 0px 35px !important; margin-left: 20px; background: #333; float: left; } #store_container .store_box ul, #store_container .store_box-other ul {width: 700x; float: left; margin: 20px 0px; } #store_container .store_box ul li, #store_container .store_box-other ul li { width: 195px; margin: 3px 0px; text-align: center; padding: 5px 0px 5px 30px} #store_container .store_box h3, #store_container .store_box-other h3 { clear:both; font-size: 18px; text-transform: uppercase; } #store_container .store_box ul.wide, #store_container .store_box-other ul.wide li { width: 700px;} #store_container .store_box ul.wide li, #store_container .store_box-other ul.wide li { float: left; width: 230px; padding: 5px 0px 5px 10px } #store_container .store_box a, #store_container .store_box p, #store_container .store_box-other p { font-size: 15px; } #store_container .store_box p { font-size: 15px; padding-bottom: 10px; } #store_container .store_box-other {margin-bottom: 20px; font-size: 15px;} #store_container p.view-all { width: 300px; padding: 10px 20px; text-transform: uppercase; background: #000; height: 30px; overflow: hidden; margin: 0 auto 0; margin-top: 10px; } #store_container p.view-all span { font-size: 14px; float: left; width: 300px; text-align: center; margin: 8px 0px; } #store_container p.view-all a { margin: 0px auto 0; } #store_container p.view-all a:link, p.view-all a:visited { color: #ffffff; } #store_container p.view-all a:hover, p.view-all a:active { color: #00abfe; } /* JOIN STYLES *************************************************************************/ #sign-in-bar { float: left; width: 857px; height: 73px; background: #235b72; position: relative; } #sign-in-bar h1 { font-size: 28px; margin: 0px 20px 0px 0px; float: left; width: auto; } #sign-in-bar form { margin: 23px 0px 0px 0px; } #sign-in-bar p { display: inline; margin-left: 20px; line-height: 27px; margin-right: 10px; padding-top: 10px; color: #d8d8d8; } #sign-in-bar input { vertical-align: bottom; } #sign-in-bar input.sign-in-field { height: 21px; padding-top: 4px; padding-left: 6px; background-color : #d8d8d8; width: 175px; float: left;margin-right: 10px; } #join-bar { float: left; width: 843px; height: auto; background-color: #272727; border: 7px solid #333; position: relative; margin-top: 4px; padding-bottom: 30px; } #join-bar h1 { font-size: 28px; margin: 0px 20px 0px 0px; float: left; width: auto; } #join-bar p.create { font-size: 13px; font-weight: normal; margin: 10px 0px 0px 40px; width: 800px; float: left; } #profile-bar { float: left; width: 843px; height: auto; background-color: #272727; border: 7px solid #333; position: relative; margin-top: 4px; padding-bottom: 30px; } #profile-bar h1 { font-size: 28px; margin: 0px 20px 0px 0px; float: left; width: auto; } #profile-bar p { font-size: 13px; font-weight: normal; margin: 10px 0px 0px 40px; width: 800px; float: left; } #registerform input.input { height: 21px; padding-top: 4px; padding-left: 6px; background-color : #d8d8d8; display: block; width: 175px; border: 1px solid #fff; } #registerform .fields { width: 820px; float: left; margin: 30px 0px 30px 8px; } #registerform .register-block { width: 190px; float: left; margin: 0px 0px 20px 35px; } #registerform .register-block span { width: 150px; float: left; margin-bottom: 5px; } #registerform .register-block input { float: left; margin-left: 0px; outline: none; } #registerform .register-block .files { color: #fff; } #registerform .fields #wp-submit { margin: 20px 20px 0px 0px; } #registerform #reg_passmail { clear:both; width: 800px; font-size: 13px; font-weight: normal; margin-left: 48px; } p.message { width: 761px; padding: 20px 48px; background: #00abfe; margin-bottom: 4px; font-size: 14px; text-transform: uppercase; float: left; } #login_error { width: 761px; padding: 20px 48px; background: #00abfe; margin-bottom: 4px; font-size: 14px; text-transform: uppercase; float: left; } #login_error a { color: #000; } #login_error a:hover { color: #fff; } #fan_area_join_box h1 { width: 700px; } #fan_area_join_box .join_box_content { width: 550px !important; } #fan_area_join_box p.create { width: 550px !important; } #fan_area_join_box .join_box_buttons { padding-top: 0px !important; } /* PROFILE STYLES *************************************************************************/ #country { width: 348px; height: 24px; line-height: 24px; text-shadow: 0px 1px 1px #fff; padding: 0px 5px 0px; } #country option { padding: 10px 0px 0px 0px; } /* PHOTOGRAPHIC MEMORIES STYLES ********************************************************/ #photographic_memories_main_section { position: relative; background-color: #272727; float: left; width: 843px; padding-bottom: 20px; border: 7px solid #464646; } #photographic_memories_main_section h1 { font-size: normal 20px Arial, sans-serif; margin-top: 18px; margin-bottom: 20px; width: 600px; float: left; } #photographic_memories_main_section p { float: left; font-weight: normal; width: 560px; font-size: 12px; } #photographic_memories_main_section .join_box { width: 740px; margin: 0px 30px 20px 10px; float: left; padding: 20px; } #photographic_memories_main_section .join_box_content { float: left; width: 600px; } #photographic_memories_main_section .join_box_content p { margin-left: 35px; } #photographic_memories_main_section .join_box_buttons { width: 100px; float: right; padding-top: 35px; } #photographic_memories_main_section .join_box_buttons a { float: right !important; margin: 10px; } #photographic_memories_main_section #var1 { width: 843px; float: left; padding: 15px 0px; } #photographic_memories_main_section #var1 h1 { width: 843px; text-align: center; font-size: 27px; float: left; margin-bottom: 10px; } a.nice_button { background: #eee; color: #000; font-weight: bold; text-shadow: 0px 1px 1px #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behaviour: url(/resources/htc/border-radius.htc); border: 1px solid #fff; height: 16px; padding: 4px 8px; width: 80px; text-align: center; line-height: 16px; float: left; display: block; font-size: 11px; margin-top: 10px; } a.nice_button:hover { background: #ddd !important; cursor: pointer; } .buttonImage { float: right; margin-bottom: 22px; margin-right: 14px; clear: right; } .memorial_heading { margin-top: 5px; margin-bottom: -20px; width: 100%; } #photo_memories, #written_memories { float: left; } /* FAN WALL STYLES *************************************************************************/ #submit_div p.create { width: 650px; float: left; margin: 10px 0px 10px 40px; color: #ccc; } #submit_div p.message { width: 747px; float: left; border-bottom: 7px solid #464646; } #submit_div { float: left; } #submit_div form { margin-top: 20px; float: left; } #submit_div .meta { float: left; width: 200px; margin: 11px 20px 0px 35px; } #submit_div .date, #submit_div .author, #submit_div .comment { width: 180px; margin: 3px 0px; border-bottom: 1px dotted #666; float: left; padding: 2px; color: #999; text-transform: uppercase; font-weight: normal; font-size: 12px; text-align: right; } #submit_div textarea.tweet { height: 121px; padding: 6px; background: #464646; width: 514px !important; width: 460px; float: left; border: 1px solid #666; margin: 4px 0px 10px 0px; font-size: 16px; color: #fff; } #submit_div .content { width: 526px !important; width: 446px; overflow: visible !important; overflow: hidden; float: left; } #submit_div input.choose { color: #fff; } #submit_div input#wp-submit { margin-right: 0px; } #submit_div span#remaining { color: #00abfe; } #submit_div #join_box, #submit_div #join_box h1 { margin-left: 0px; } #written_div { width: 843px; overflow: hidden; } #written_memories ul { width: 857px; float: left; height: auto; background: #464646; } #written_memories ul li.fan-text { width: 278px; float: left; height: 223px; margin: 0px 7px 7px 0px; } #written_memories ul li.fan-text p.content { width: 258px; padding: 10px; height: 107px; background: #272727; color: #fff; text-align: center; float: left; } #written_memories ul li.fan-text p.content span { margin-top: 30px; width: 258px; float: left; } #written_memories ul li.fan-text p.author { width: 268px; padding: 5px; height: 79px; margin: 7px 0px; background: #272727; float: left; } #written_memories ul li.fan-text span.name, #written_memories ul li.fan-text span.location, #written_memories ul li.fan-text span.posts { width: 180px; float: left; color: #ccc; margin: 5px; } #written_memories ul li.fan-text span.avatar { float: right; border: 4px solid #464646; margin: 8px; margin: 10px 10px 0 0; } #written_memories ul li.fan-text span.avatar span.avatar_container { border: 1px solid #333; height: 50px; width: 50px; overflow: hidden; display: block; } #photo_memories ul { width: 854px; float: left; margin-left: -4px; border-bottom: 5px solid #464646; background: #464646; } #photo_memories ul li { width: 67px; height: 67px; border: 2px solid #464646; overflow: hidden; float: left; } #photo_memories ul li a { display: block; width: 67px; height: 67px; } #photo_div { width: 843px; overflow: hidden; } #photo_memories ul li a:hover { opacity: 0.7; } #photo_memories ul li a img { max-width: 130px; max-height: 130px; min-width: 67px; min-height: 67px; } #photo_refresh, #written_refresh { width: 843px; } #photo_refresh .button, #written_refresh .button { background: #eee; color: #000; font-weight: bold; text-shadow: 0px 1px 1px #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behaviour: url(/resources/htc/border-radius.htc); border: 1px solid #fff; height: 16px; padding: 4px 8px; width: 150px; text-align: center; line-height: 16px; float: left; display: block; font-size: 11px; margin-top: 20px; } #photo_refresh .button:hover, #written_refresh .button:hover { background: #ddd !important; cursor: pointer; } #photo_refresh .left, #written_refresh .left { float: left; margin-left: 35px; } #photo_refresh .right, #written_refresh .right { float: right; margin-right: 35px; } #spinner, #written_spinner { width: 843px; height: 568px; position: absolute; background: #464646; opacity: 0.7; } #spinner img, #written_spinner img { margin: 251px 0px 0px 388px; height: 66px; width: 66px; } #written_spinner { height: 690px; } #written_spinner img { margin-top: 312px; } /* MENU STYLES *************************************************************************/ #menu_strip, #globalnav, #globalnav li, #globalnav li a { height: 27px; display: block; } #menu_strip { width: 100%; margin-top: 0px; background: #272727; border-top: 1px solid #4b4b4b; border-bottom: 1px solid #4b4b4b; } #menu_strip_head { height: 25px; width: 100%; margin-top: 15px; } #globalnav { list-style: none; padding: 0; border: none; margin-left: -10px; width: 857px; margin: auto; } #globalnav li { margin: 0; float: left; overflow: hidden; border-right: 1px solid #4b4b4b; } #globalnav li#nav-fan_area, #globalnav li#nav-sign_in, #globalnav li#nav-join { border: none; } #globalnav li a { background-image: url(images/nav_bg.gif); } #globalnav li a span { visibility: hidden; } #nav-spacer { width: 40px; } #menu_right { float: right; margin-right: 90px; } #menu { padding: 0; margin: 0; margin-left: 60px; color: #fff; font-family: Arial, sans-serif; white-space: nowrap; list-style-type: none; } #menu li { display: inline; } #menu li a, #menu_small li a { margin-left: 34px; margin-top: 2px; color: #696969; text-decoration: none; float: left; font-size: 1.7em; font-weight: normal; } #menu li a:hover, #menu_small li a:hover { color: #fff; } #menu_small { padding: 0; margin: 0; margin-left: 15px; color: #fff; font-family: Arial, sans-serif; white-space: nowrap; list-style-type: none; } #menu_small li { display: inline; } #menu_small li a { margin-left: 15px; } /* MAIN NAVIGATION */ /* BUTTONS */ #menu_strip #globalnav li#nav-news a { background-position: 0 0; width: 80px; } #menu_strip #globalnav li#nav-tour a { background-position: -83px 0; width: 84px; } #menu_strip #globalnav li#nav-discography a { background-position: -168px 0; width: 182px; } #menu_strip #globalnav li#nav-the_band a { background-position: -351px 0; width: 131px; } #menu_strip #globalnav li#nav-store a { background-position: -483px 0; width: 95px; } #menu_strip #globalnav li#nav-fan_area a { background-position: -580px 0; width: 115px; } #menu_strip #globalnav li#nav-sign_in { background: none; margin-left: 39px; width: 120px; color: #666; line-height: 27px; overflow: hidden; } #menu_strip #globalnav li#nav-sign_in a { line-height: 28px; background: none; font-weight: normal; color: #666; font-size: 12px; width: auto; margin: 0px; display: inline; } /* OVER STATES */ #menu_strip #globalnav li#nav-news a:hover { background-position: 0px -25px; } #menu_strip #globalnav li#nav-tour a:hover { background-position: -83px -25px; } #menu_strip #globalnav li#nav-discography a:hover { background-position: -168px -25px; } #menu_strip #globalnav li#nav-the_band a:hover { background-position: -351px -25px; } #menu_strip #globalnav li#nav-store a:hover { background-position: -483px -25px; } #menu_strip #globalnav li#nav-fan_area a:hover { background-position: -580px -25px; } #menu_strip #globalnav li#nav-sign_in a:hover { color: #00abf3; } /* ON STATES */ #menu_strip.news #globalnav li#nav-news a { background-position: -0px -50px; } #menu_strip.tour #globalnav li#nav-tour a { background-position: -83px -50px; } #menu_strip.discography #globalnav li#nav-discography a { background-position: -168px -50px; } #menu_strip.the_band #globalnav li#nav-the_band a { background-position: -351px -50px; } #menu_strip.store #globalnav li#nav-store a { background-position: -483px -50px; } #menu_strip.fan_area #globalnav li#nav-fan_area a { background-position: -580px -50px; } #menu_strip.sign_in #globalnav li#nav-sign_in a { color: #ffffff; } #sub_menu_holder { margin-top: -35px; width: 857px; height: 35px; float: left; overflow: hidden; } #sub_menu_holder, #sub_menu_holder li, #sub_menu_holder li a { height: 27px; display: block; } #sub_menu_holder li { float: left; overflow: hidden; } #sub_menu_holder li a span { visibility: hidden; display: none; } #globalsubnav_disc li a { background: url(/resources/img/menus/discography_menu_bg.gif); } #globalsubnav_news li a { background: url(/resources/img/menus/news_menu_bg.gif); } #globalsubnav_search li a { background: url(/resources/img/menus/search_menu_bg.gif); } #globalsubnav_the_band li a { background: url(/resources/img/menus/the_band_menu_bg.gif); } #globalsubnav_paper li a { background: url(/resources/img/menus/paperwork_menu_bg.gif); } #globalsubnav_tour li a { background: url(/resources/img/menus/tour_menu_bg.gif); } #globalsubnav_fan_area li a { background: url(/resources/img/menus/fan_area_menu_bg.gif); } #globalsubnav_store li a { background: url(/resources/img/menus/store_menu_bg.gif); } /* Discography Nav */ #subnav-disc_albums a:link, #subnav-disc_albums a:visited { background-position: 0px 0px; width: 95px;} #subnav-disc_singles a:link, #subnav-disc_singles a:visited { background-position: -95px 0px; width: 97px;} #subnav-disc_videos a:link, #subnav-disc_videos a:visited { background-position: -192px 0px; width: 93px;} #subnav-disc_albums a:hover, .disc_albums #subnav-disc_albums a { background-position: 0px -35px; } #subnav-disc_singles a:hover, .disc_singles #subnav-disc_singles a { background-position: -95px -35px; } #subnav-disc_videos a:hover, .disc_videos #subnav-disc_videos a { background-position: -192px -35px; } /* NEWS NAVIGATION*/ /* BUTTONS */ #sub_menu_holder #globalsubnav_news li#subnav-news-news a { background-position: 0 0; width: 72px;} #sub_menu_holder #globalsubnav_news li#subnav-news-archived_news a { background-position: -72px 0; width: 183px;} #sub_menu_holder #globalsubnav_news li#subnav-news-languages a { background-position: -259px 0; width: 325px;} #sub_menu_holder #globalsubnav_news li#subnav-news-english a { background-position: -583px 0; width: 31px;} #sub_menu_holder #globalsubnav_news li#subnav-news-german a { background-position: -614px 0; width: 30px;} #sub_menu_holder #globalsubnav_news li#subnav-news-french a { background-position: -645px 0; width: 30px;} #sub_menu_holder #globalsubnav_news li#subnav-news-spanish a { background-position: -676px 0; width: 31px;} #sub_menu_holder #globalsubnav_news li#subnav-news-italian a { background-position: -708px 0; width: 30px;} #sub_menu_holder #globalsubnav_news li#subnav-news-dutch a { background-position: -739px 0; width: 31px;} #sub_menu_holder #globalsubnav_news li#subnav-news-brazilian a { background-position: -771px 0; width: 31px;} #sub_menu_holder #globalsubnav_news li#subnav-news-russian a { background-position: -802px 0; width: 30px;} #sub_menu_holder #globalsubnav_news li#subnav-news-japanese a { background-position: -832px 0; width: 29px;} /* OVER STATES */ #sub_menu_holder #globalsubnav_news li#subnav-news-news a:hover, #sub_menu_holder #globalsubnav_news li#subnav-news-news.current a { background-position: 0 -34px;} #sub_menu_holder #globalsubnav_news li#subnav-news-archived_news a:hover, #sub_menu_holder #globalsubnav_news li#subnav-news-archived_news.current a { background-position: -72px -34px;} #sub_menu_holder #globalsubnav_news li#subnav-news-languages a:hover { background-position: -259px -34px;} #sub_menu_holder #globalsubnav_news li#subnav-news-english a:hover { background-position: -583px -34px;} #sub_menu_holder #globalsubnav_news li#subnav-news-german a:hover { background-position: -614px -34px;} #sub_menu_holder #globalsubnav_news li#subnav-news-french a:hover { background-position: -645px -34px;} #sub_menu_holder #globalsubnav_news li#subnav-news-spanish a:hover { background-position: -676px -34px;} #sub_menu_holder #globalsubnav_news li#subnav-news-italian a:hover { background-position: -708px -34px;} #sub_menu_holder #globalsubnav_news li#subnav-news-dutch a:hover { background-position: -739px -34px;} #sub_menu_holder #globalsubnav_news li#subnav-news-brazilian a:hover { background-position: -771px -34px;} #sub_menu_holder #globalsubnav_news li#subnav-news-russian a:hover { background-position: -802px -34px;} #sub_menu_holder #globalsubnav_news li#subnav-news-japanese a:hover { background-position: -832px -34px;} /* ON STATES */ #sub_menu_holder.news_news #globalsubnav_news li#subnav-news-news a { background-position: 0 -68px; } #sub_menu_holder.news_archived_news #globalsubnav_news li#subnav-news-archived_news a { background-position: -72px -68px; } /* SEARCH NAVIGATION */ /* BUTTONS */ #sub_menu_holder #globalsubnav_search li#subnav-search-news a { background-position: 0 0; width: 72px;} #sub_menu_holder #globalsubnav_search li#subnav-search-archived_news a { background-position: -72px 0; width: 183px;} #sub_menu_holder #globalsubnav_search li#subnav-search-search_results a { background-position: -259px 0; width: 163px;} #sub_menu_holder #globalsubnav_search li#subnav-search-languages a { background-position: -422px 0; width: 162px;} #sub_menu_holder #globalsubnav_search li#subnav-search-english a { background-position: -583px 0; width: 31px;} #sub_menu_holder #globalsubnav_search li#subnav-search-german a { background-position: -614px 0; width: 31px;} #sub_menu_holder #globalsubnav_search li#subnav-search-french a { background-position: -645px 0; width: 31px;} #sub_menu_holder #globalsubnav_search li#subnav-search-spanish a { background-position: -676px 0; width: 32px;} #sub_menu_holder #globalsubnav_search li#subnav-search-italian a { background-position: -708px 0; width: 31px;} #sub_menu_holder #globalsubnav_search li#subnav-search-dutch a { background-position: -739px 0; width: 32px;} #sub_menu_holder #globalsubnav_search li#subnav-search-brazilian a { background-position: -771px 0; width: 31px;} #sub_menu_holder #globalsubnav_search li#subnav-search-russian a { background-position: -802px 0; width: 30px;} #sub_menu_holder #globalsubnav_search li#subnav-search-japanese a { background-position: -832px 0; width: 29px;} /* OVER STATES */ #sub_menu_holder #globalsubnav_search li#subnav-search-news a:hover, #sub_menu_holder #globalsubnav_search li#subnav-search-news.current a{ background-position: 0 -34px;} #sub_menu_holder #globalsubnav_search li#subnav-search-archived_news a:hover, #sub_menu_holder #globalsubnav_search li#subnav-search-archived_news.current a{ background-position: -72px -34px;} #sub_menu_holder #globalsubnav_search li#subnav-search-search_results a:hover, #sub_menu_holder #globalsubnav_search li#subnav-search-search_results.current a{ background-position: -259px -34px;} #sub_menu_holder #globalsubnav_search li#subnav-search-languages a:hover { background-position: -422px -34px;} #sub_menu_holder #globalsubnav_search li#subnav-search-english a:hover { background-position: -583px -34px;} #sub_menu_holder #globalsubnav_search li#subnav-search-german a:hover { background-position: -614px -34px;} #sub_menu_holder #globalsubnav_search li#subnav-search-french a:hover { background-position: -645px -34px;} #sub_menu_holder #globalsubnav_search li#subnav-search-spanish a:hover { background-position: -676px -34px;} #sub_menu_holder #globalsubnav_search li#subnav-search-italian a:hover { background-position: -708px -34px;} #sub_menu_holder #globalsubnav_search li#subnav-search-dutch a:hover { background-position: -739px -34px;} #sub_menu_holder #globalsubnav_search li#subnav-search-brazilian a:hover { background-position: -771px -34px;} #sub_menu_holder #globalsubnav_search li#subnav-search-russian a:hover { background-position: -802px -34px;} #sub_menu_holder #globalsubnav_search li#subnav-search-japanese a:hover { background-position: -832px -34px;} /* ON STATES */ #sub_menu_holder.search_search #globalsubnav_search li#subnav-search-news a { background-position: 0 -70px;} #sub_menu_holder.search_archived_search #globalsubnav_search li#subnav-search-archived_news a { background-position: -72px -68px; } #sub_menu_holder.search_archived_search #globalsubnav_search li#subnav-search-search_results a { background-position: -259px -136px; } /* The Band Nav */ #subnav-the_band_biography a:link, #subnav-the_band_biography a:visited { background-position: 0px 0px; width: 130px;} #subnav-the_band_the_story_so_far a:link, #subnav-the_band_the_story_so_far a:visited { background-position: -130px 0px; width: 193px;} #subnav-the_band_awards a:link, #subnav-the_band_awards a:visited { background-position: -323px 0px; width: 90px;} #subnav-the_band_links a:link, #subnav-the_band_links a:visited { background-position: -418px 0px; width: 90px;} #subnav-the_band_biography a:hover, .the_band_biography #subnav-the_band_biography a { background-position: 0px -35px; } #subnav-the_band_the_story_so_far a:hover, .the_band_the_story_so_far #subnav-the_band_the_story_so_far a { background-position: -130px -35px; } #subnav-the_band_awards a:hover, .the_band_awards #subnav-the_band_awards a { background-position: -323px -35px; } #subnav-the_band_links a:hover, .the_band_links #subnav-the_band_links a { background-position: -418px -35px; } /* Paperwork Nav */ #subnav-paper-privay a:link, #subnav-paper-privay a:visited { background-position: 0px 0px; width: 175px;} #subnav-paper-terms a:link, #subnav-paper-terms a:visited { background-position: -175px 0px; width: 220px;} #subnav-paper-usage a:link, #subnav-paper-usage a:visited { background-position: -400px 0px; width: 145px;} #subnav-paper-credits a:link, #subnav-paper-credits a:visited { background-position: -560px 0px; width: 125px;} #subnav-paper-privay a:hover, .paper_privacy #subnav-paper-privay a { background-position: 0px -35px; } #subnav-paper-terms a:hover, .paper_terms #subnav-paper-terms a { background-position: -175px -35px; } #subnav-paper-usage a:hover, .paper_usage #subnav-paper-usage a { background-position: -400px -35px; } #subnav-paper-credits a:hover, .paper_credits #subnav-paper-credits a { background-position: -560px -35px; } /* Tour Nav */ #subnav-tour_upcoming_events a:link, #subnav-tour_upcoming_events a:visited { background-position: 0px 0px; width: 201px;} #subnav-tour_past_events a:link, #subnav-tour_past_events a:visited { background-position: -201px 0px; width: 131px;} #subnav-tour_blog a:link, #subnav-tour_blog a:visited { background-position: -341px 0px; width: 131px;} #subnav-tour_upcoming_events a:hover, #subnav-tour_upcoming_events.current a, .tour_upcoming_events #subnav-tour_upcoming_events a { background-position: 0px -35px; } #subnav-tour_past_events a:hover, #subnav-tour_past_events.current a, .tour_past_events #subnav-tour_past_events a { background-position: -201px -35px; } #subnav-tour_blog a:hover, #subnav-tour_blog.current a, .tour_blog #subnav-tour_blog a { background-position: -341px -35px; } /* Store Nav */ #subnav-store-tickets a:link, #subnav-store-tickets a:visited { background-position: 0 0; width: 85px;} #subnav-store-merchandise a:link, #subnav-store-merchandise a:visited { background-position: -85px 0; width: 152px;} #subnav-store-tickets a:hover, #subnav-store-tickets.current a, .store-tickets #subnav-store-tickets a { background-position: 0px -34px; } #subnav-store-merchandise a:hover, #subnav-store-merchandise.current a, .store-merchandise #subnav-store-merchandise a { background-position: -85px -34px; } /* Fan Area Nav */ #subnav-fan_area-memorial_wall a:link, #subnav-fan_area-memorial_wall a:visited { background-position: 0 0; width: 200px;} #subnav-fan_area-albums a:link, #subnav-fan_area-albums a:visited { background-position: -200px 0; width: 180px;} #subnav-fan_area-books a:link, #subnav-fan_area-books a:visited { background-position: -380px 0; width: 160px; margin-right: 10px;} #subnav-fan_area-links a:link, #subnav-fan_area-links a:visited { background-position: -540px 0; width: 74px;} #subnav-fan_area-memorial_wall a:hover, #subnav-fan_area-memorial_wall.current a, .fan_area-memorial_wall #subnav-fan_area-memorial_wall a { background-position: 0px -35px; } #subnav-fan_area-albums a:hover, #subnav-fan_area-albums.current a, .fan_area-albums #subnav-fan_area-albums a { background-position: -200px -35px; } #subnav-fan_area-books a:hover, #subnav-fan_area-books.current a, .fan_area-books #subnav-fan_area-books a { background-position: -380px -35px; } #subnav-fan_area-links a:hover, #subnav-fan_area-links.current a, .fan_area-links #subnav-fan_area-links a { background-position: -540px -35px; } /* MEMORIES NAVIGATION */ #fan_menu_holder { width: 847px; float: left; height: 51px; overflow: hidden; border-top: 7px solid #464646; border-bottom: 7px solid #464646; } #globalsubnav_photo_memories { height: 51px; width: 857px; } #globalsubnav_photo_memories li { float: left; height: 51px; width: 278px; border-right: 7px solid #464646; } #globalsubnav_photo_memories li a { display: block; width: 278px; font-size: 16px; color: #fff; text-align: center; text-transform: uppercase; line-height: 51px; height: 51px; font-weight: normal; } #globalsubnav_photo_memories li.current a, #globalsubnav_photo_memories li a:hover { color: #00abfe; cursor: pointer; } /* Site Map STYLES *************************************************************************/ .map_box { width: 800px; margin-left: 60px; } .map_box ul { width: 800px; float: left; } .map_box ul li { width: 150px; float: left; } .map_box ul li ul { width: 150px; float: left; min-height: 200px; } .map_box ul li h3 { font-size: 12px; text-transform: uppercase; margin-bottom: 5px; margin-top: 10px; } .map_box ul.wider li { width: 250px; float: left; } .map_box ul.wider li ul { width: 250px; float: left; min-height: 300px; } .map_box ul.double_width li { width: 380px; float: left; } .map_box ul.double_width li ul { width: 380px; float: left; min-height: 250px; }