/* -- Reset -- */ * { margin: 0px; padding: 0px; text-decoration: none; list-style: none; border: 0px; outline: none; border-spacing: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: 400; } textarea {resize: none;} a:active { outline: none; } a:focus { -moz-outline-style: none; } .clearBoth { clear: both; } p.zero { margin: 0px!important; padding: 0px!important; font-size: 1px!important; } body { overflow-x: hidden; } body, a, input, textarea { color: #FEFACB; } body, p, h1, h2, h3, h4, h5, h6, ol li, ul li, label, table, th, tr, td { font-size: 12px; font-weight: 400; line-height: normal; color: #FEFACB; } a:link, a:visited { color: #FEFCE8; text-decoration: none; font-weight: 700; cursor: pointer; } a:hover { color: #FEFCE8; text-decoration: underline; } h1, h2, h3, h4, h5, h6, b, b font, strong, table tr th p { font-weight: 700; } .lastParagraph { margin-bottom: 0px!IMPORTANT; padding-bottom: 0px!IMPORTANT; } p, label { font-size: 1em; padding: 0px 0px 1.67em 0px; line-height: normal; word-wrap: break-word; text-align: left; } p.smaller, span.smaller { font-size: 0.8em; } p.small, span.small { font-size: 0.9em; } em, .italic { font-style: italic; } th em, th i, strong em, em strong, b em, em b, strong i, i strong, b i, i b { font-style: italic; font-weight: 700; } u { text-decoration: underline; } a.social span, .hidden, ul.responsiveNav li.navToggle a span, a#logo span { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; display: block; } .noBottomPadding { padding-bottom: 0!important; } .noRightPadding { padding-right: 0!important; } .padLeft { padding-left: 15px; } .nobr { white-space: nowrap; } .alignRight { text-align: right; } p.morePadding, .morePadding { padding-bottom: 2.5em; } p.noBottomMargin { margin-bottom: 0; } .bottomPadding { padding-bottom: 1.67em; } p.topPadding, .topPadding { padding-top: 1.67em; } p.minortopPadding { padding-top: 2px; } p.lessPadding { padding-bottom: 0.9em; } p.antiTopMargin { margin-top: -0.9em; } p.topMargin { margin-top: 0.9em; } p.veryAntiTopMargin { margin-top: -1.67em; } .contentPanel img.lessBottomMargin { margin-bottom: 0.9em; } div.centered, span.centered p, p.centered { text-align: center; } table { width: 100%; margin-bottom: 2.5em; } table tr td, table tr th { padding: 0 0.9em 0.5em 0; vertical-align: top; } table tr th { padding-bottom: 1em; } table tr td p, table tr th p { padding: 0; text-align: left; } p.pullUp { margin-top: -1.67em; } .col200 { width: 40%; float: left; } .col250 { float: left; width: 50%; } .col300 { width: 60%; float: left; } .col200 p, .col300 p { padding-left: 20px; padding-right: 20px; } .verticalCentreA { position: relative; } .verticalCentreB { margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } .height160 { height: 160px; } .height188 { height: 188px; } .height219 { height: 219px; } p.reply { padding-left: 2em; } body { background: #000 url('../_images/site/background_for_670.jpg') top center repeat-y; } .pageHolder { width: 670px; margin: 0 auto 40px; } .contentPanel { width: 500px; margin: 12px 0 0; text-align: center; float: left; } .contentPanel img { margin: 0 auto 1.67em; display: block; } .rightPanel { float: right; width: 150px; margin: 12px 0 0; } ul.bandMemberQA { width: 54%; } ul.bandMemberQA li { margin-bottom: 1em; } p.bandMemberTitle { border-bottom: 2px solid #FEFCE8; display: block; padding-bottom: 12px; margin-bottom: 1.9em; } .bandMemberPics { float: right; width: 40%; } .bandMemberPics img { margin-bottom: 1em; } .galleryThumbs { font-size: 0; margin-bottom: 10px; } .galleryThumbs img { display: inline; margin: 0; } .promoPhoto { float: left; width: 50%; text-align: center; } .promoPhoto.size16 { width: 25%; } .pressPackLeft, .pressPackRight { width: 150px; height: 100px; float: left; position: relative; } .pressPackLeft p, .pressPackRight img { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0; } .pressPackRight, .pressPackRight img { width: 68%; } img.flyer { display: inline-block; margin: 10px; } table.showDetails tr td { padding: 3px 0.9em; width: 50%; } table.showDetails tr td:first-child { border-right: 1px solid #fefacb; } ul.tflLyrics { background: url('../img/lyrics/tfl.jpg') top left no-repeat; width: 150px; height: 177px; margin: 40px auto; padding: 130px 130px 0 0; } ul.tflLyrics li p { text-align: center; padding-bottom: 10px; font-size: 13px; } ul.tflLyrics li p a { color: #F0DCEC; } body.newsFront .contentPanel p, body.newsArchive .contentPanel p { padding-bottom: 0.9em; } .redBlock { border: 1px solid #320000; background-color: rgba(50,0,0,0.3); width: 148px; padding: 9px 0 0; margin-bottom: 0.9em; } .redBlock p { text-align: center; padding: 0 9px 0.8em; } .redBlock img { margin: 0 9px 0.8em; width: 130px; } a.social { background-image: url('../img/facebook130.gif'); width: 130px; height: 27px; display: block; margin: 0 auto 9px; background-size: 130px 27px; } a.social.youtube { background-image: url('../img/youtube130.png'); height: 52px; background-size: 130px 52px; } .digipack { width: 52.8%; float: left; } .digipack img { width: 228px; } .jewel { width: 47.2%; float: left; } .jewel img { width: 200px; } .tracklist p, .tracklist ol li { color: #F0DCEC; font-weight: 700; line-height: 1.4em; } .tracklist ol { margin: 5px; } .tracklist img { margin: 0.9em auto; } @media only screen and (min-width: 775px) { #logo { background: url('../_images/site/seasons_end_logo_size3.png') top center no-repeat; background-size: 805px 85px; display: block; width: 100%; height: 85px; margin: 0 auto; } ul.nav { clear: both; display: inline-block; margin-bottom: 0.5em; } ul.nav li { background: center center no-repeat; float: left; cursor: pointer; } ul.nav li a { display: block; } ul.nav li a span, ul.nav li.navToggle { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; display: block; } ul.nav, ul.nav li, ul.nav li a { height: 61px; } ul.nav li#nav_news { background-image: url('../_images/site/nav_news_size3.png'); width: 80px; } ul.nav li#nav_info a { width: 80px; } ul.nav li#nav_info { background-image: url('../_images/site/nav_info_size3.png'); width: 56px; } ul.nav li#nav_info a { width: 56px; } ul.nav li#nav_music { background-image: url('../_images/site/nav_music_size3.png'); width: 77px; } ul.nav li#nav_music a { width: 77px; } ul.nav li#nav_live { background-image: url('../_images/site/nav_live_size3.png'); width: 56px; } ul.nav li#nav_live a { width: 56px; } ul.nav li#nav_gallery { background-image: url('../_images/site/nav_gallery_size3.png'); width: 94px; } ul.nav li#nav_gallery a { width: 94px; } ul.nav li#nav_press { background-image: url('../_images/site/nav_press_size3.png'); width: 76px; } ul.nav li#nav_press a { width: 76px; } ul.nav li#nav_shop { background-image: url('../_images/site/nav_shop_size3.png'); width: 67px; } ul.nav li#nav_shop a { width: 67px; } ul.nav li#nav_interact { background-image: url('../_images/site/nav_interact_size3.png'); width: 94px; } ul.nav li#nav_interact a { width: 94px; } ul.responsiveNav { display: none; } ul.subNav { text-align: center; margin-bottom: 20px; } ul.subNav li { display: inline-block; padding: 2px 8px; } } /* Mobile */ @media only screen and (max-width: 774px) { .contentPanel img { max-width: 500px!important; } ul.nav { display: none; } ul.responsiveNav { display: block; position: relative; margin-bottom: 25px; background: url('../_images/site/seasons_end_logo_condensed.png') center 10px no-repeat; background-size: 427px 42px; border-bottom: 1px solid rgba(254, 252, 232, 1); } ul.responsiveNav li { display: block; display: none; background: rgba(254, 252, 232, 0.2); margin-top: 1px; } ul.responsiveNav li a { display: block; padding: 10px 30px; text-align: left; } ul.responsiveNav li a span { font-weight: 700; } ul.responsiveNav li.navToggle { background: url('../_images/site/menu_close_se.png') 32px 29px no-repeat; background-size: 23px 23px; cursor: pointer; border-top: none; } ul.responsiveNav li.navToggle a { height: 50px; } ul.responsiveNav li.navToggle.showNavigation { background-image: url('../_images/site/burger.png'); background-position: 30px 30px; background-size: 28px 21px; display: block; } ul.responsiveNav li ul { display: none; } ul.responsiveNav li ul li a span { font-size: 0.9em; padding-left: 10px; } ul.subNav { display: none; } body { overflow-x: auto; background: #000000 url('../_images/site/background_responsive_2.jpg') top center repeat-y; background-size: 100% auto; } .pageHolder { width: 100%; min-width: 560px; margin-top: 0; } .contentPanel { margin-left: 30px; margin-right: 30px; width: auto; float: none; } .rightPanel { display: none; } body, p, h1, h2, h3, h4, h5, h6, ol li, ul li, label, table, th, tr, td { font-size: 18px; } .centeredResponsive { margin: 0 auto; display: inline-block; } .showArchive p { font-size: 0.9em; } p.showDate { font-size: 0.7em; padding-top: 4px; } p.showLink.nobr { white-space: normal; font-size: 0.7em; padding-top: 2px; } p.showLocation { white-space: nowrap; } ul.bandMemberQA { width: auto; padding-right: 220px; } } @media only screen and (max-width: 560px) { body { background-size: 560px auto; background-position: top left; } } /* Original */ @media only screen and (min-width: 775px) and (max-width: 1219px) { .galleryThumbs img { height: 65px; width: auto; } .galleryThumbs.ghostVideo img { height: 55px; } } /* Bigger */ @media only screen and (min-width: 1220px) and (max-width: 1819px) { body, p, h1, h2, h3, h4, h5, h6, ol li, ul li, label, table, th, tr, td { font-size: 18px; } body { background-image: url('../_images/site/background_for_1005.jpg'); } #logo { background-image: url('../_images/site/seasons_end_logo_size2.png'); background-size: 1270px 126px; height: 126px; } .pageHolder { width: 1005px; } .contentPanel { width: 750px; } .rightPanel { width: 225px; } .redBlock { width: 222px; } .redBlock img { margin: 0 9px 9px; width: 195px; } .pressPackLeft, .pressPackRight { width: 225px; height: 150px; } ul.tflLyrics { width: 225px; height: 266px; } a.social { width: 195px; height: 41px; background-size: 195px 41px; } a.social.youtube { height: 78px; background-size: 195px 78px; } .digipack img { width: 342px; } .jewel img { width: 300px; } .galleryThumbs img { height: 97.5px; width: auto; } .galleryThumbs.ghostVideo img { height: 82.5px; } ul.nav, ul.nav li, ul.nav li a { height: 93px; } ul.nav li#nav_news { background-image: url('../_images/site/nav_news_size2.png'); width: 119px; } ul.nav li#nav_info a { width: 119px; } ul.nav li#nav_info { background-image: url('../_images/site/nav_info_size2.png'); width: 85px; } ul.nav li#nav_info a { width: 85px; } ul.nav li#nav_music { background-image: url('../_images/site/nav_music_size2.png'); width: 114px; } ul.nav li#nav_music a { width: 114px; } ul.nav li#nav_live { background-image: url('../_images/site/nav_live_size2.png'); width: 84px; } ul.nav li#nav_live a { width: 84px; } ul.nav li#nav_gallery { background-image: url('../_images/site/nav_gallery_size2.png'); width: 140px; } ul.nav li#nav_gallery a { width: 140px; } ul.nav li#nav_press { background-image: url('../_images/site/nav_press_size2.png'); width: 114px; } ul.nav li#nav_press a { width: 114px; } ul.nav li#nav_shop { background-image: url('../_images/site/nav_shop_size2.png'); width: 100px; } ul.nav li#nav_shop a { width: 100px; } ul.nav li#nav_interact { background-image: url('../_images/site/nav_interact_size2.png'); width: 140px; } ul.nav li#nav_interact a { width: 140px; } #ghostVideo { width: 750px; height: 377px; } } /* Even bigger */ @media only screen and (min-width: 1820px) { body, p, h1, h2, h3, h4, h5, h6, ol li, ul li, label, table, th, tr, td { font-size: 24px; } body { background-image: url('../_images/site/background_for_1340.jpg'); } #logo { background-image: url('../_images/site/seasons_end_logo_size1.png'); background-size: 1890px 186px; height: 186px; } .pageHolder { width: 1340px; } .contentPanel { width: 1000px; } .rightPanel { width: 300px; } .redBlock { width: 296px; } .redBlock img { margin: 0 9px 9px; width: 260px; } .pressPackLeft, .pressPackRight { width: 300px; height: 200px; } ul.tflLyrics { width: 300px; height: 352px; } a.social { width: 260px; height: 54px; background-size: 260px 54px; } a.social.youtube { height: 104px; background-size: 260px 104px; } .digipack img { width: 456px; } .jewel img { width: 400px; } ul.nav, ul.nav li, ul.nav li a { height: 124px; } ul.nav li#nav_news { background-image: url('../_images/site/nav_news_size1.png'); width: 142px; } ul.nav li#nav_info a { width: 142px; } ul.nav li#nav_info { background-image: url('../_images/site/nav_info_size1.png'); width: 112px; } ul.nav li#nav_info a { width: 112px; } ul.nav li#nav_music { background-image: url('../_images/site/nav_music_size1.png'); width: 152px; } ul.nav li#nav_music a { width: 152px; } ul.nav li#nav_live { background-image: url('../_images/site/nav_live_size1.png'); width: 112px; } ul.nav li#nav_live a { width: 112px; } ul.nav li#nav_gallery { background-image: url('../_images/site/nav_gallery_size1.png'); width: 186px; } ul.nav li#nav_gallery a { width: 186px; } ul.nav li#nav_press { background-image: url('../_images/site/nav_press_size1.png'); width: 151px; } ul.nav li#nav_press a { width: 151px; } ul.nav li#nav_shop { background-image: url('../_images/site/nav_shop_size1.png'); width: 134px; } ul.nav li#nav_shop a { width: 134px; } ul.nav li#nav_interact { background-image: url('../_images/site/nav_interact_size1.png'); width: 186px; } ul.nav li#nav_interact a { width: 186px; } #ghostVideo { width: 1000px; height: 502px; } }