/* Theme Name: Let It Be theme Theme URI: http://www.akauk.com Description: Generic Website Theme Author: Gareth Williams, Gethyn Jones, Antony Howlett and Jeremy Basolo Version: 1.0 */ /*-- Imports --*/ @import url("library/styles/base.css"); @import url(//fonts.googleapis.com/css?family=Oswald:400,700); @import url(//fonts.googleapis.com/css?family=Oxygen); /* Styling Index --------------- 1. General Styles 2. Page Specific Styles 3. Navigation 4. Plugins 5. Bug Fixes */ /*-- 1. General Styles --*/ /*---- Definitions ----*/ body, html {height:100%;background: #e2121e url(library/images/bg_header-x.gif) top repeat-x;} body {font-size: 14px; font-family: Sans-Serif; color: #000; background: transparent url(library/images/bg_header-top.gif) top center no-repeat;min-width:960px;} h1 {margin: 0 0 10px; font-size: 23px;text-transform:uppercase;color:#ffffff;font-family:Oswald, sans-serif;background:url(library/images/sprite.png) repeat-x 0 -676px;width:570px;height:34px;padding:12px 0 0 15px;float:left;} h1.page-reviews-heading { background-color: #190094; background-image:none; width:100%; padding:12px 0 0; text-indent:15px; } h2 {margin: 0 0 15px; font-size: 25px;} h3 {margin: 0 0 15px; font-size: 20px;} h3 {text-transform: uppercase;} h4 {margin: 0 0 15px; font-size: 18px;} h5 {font-size: 18px;} h6 {font-size: 18px;} p {margin: 0 0 10px;} a {color: #e91b2c;font-family:Tahoma;font-weight:bold;font-size:13px;text-decoration:none;} input {border: 1px solid #ccc; padding: 5px; margin: 0; background: #fff;} em {font-style: italic;} strong {font-weight: bold;} article {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #191919;} article:last-of-type {border: 0;} /*---- Reusable Classes ----*/ .alignleft {float: left;} .alignright {float: right;} .show {display: block;} .hide {display: none;} .clear {clear: both;} .largeFont {font-size: 20px;} .smallFont {font-size: 11px;} .upper {text-transform: uppercase; font-weight: bold;} .red {color: #E91B2C;} /* Buttons */ .btn { display: block; padding: 7px 0; text-align: center; text-decoration: none; text-transform: uppercase; font-size: 24px; color: #000; background: #cff url(http://www.letitbelive.com/connectwp/wp-content/themes/letitbe/library/images/btnSprite.jpg) no-repeat left top; } .btn:hover, .btn.selected {color: #000; background-position: left bottom;} /*---- Layout ----*/ #holder {width: 990px; margin: 0 auto;} /* Header */ header {position:relative;margin:auto;width:960px;} header h1, header h2 {display:block;background:url(library/images/sprite-v2.png) no-repeat;text-indent:-9999px;} header h1 {width:514px;height:265px;margin:190px 0 0 235px;float:left;z-index:2;position:relative;background:url(library/images/alternate-logo.png); padding: 0;} .page-tour #findUsFooter, .page-tour #headerBookingLink {display: none;} .page-tour #bottomText {visibility: hidden;} header h2 {width:300px;height:174px;margin:auto;background-position:-576px -138px;position:absolute;top:15px;left:328px;z-index:1;} header h3 {float:left;width:100%;text-align:center;margin:10px auto 0;font-style: normal;font-weight:100;font-family: 'Oswald', sans-serif;color:#000000;font-size:16px;text-align:center;} header h3 ul li {list-style-type: none;} #socialBox {width:175px;height:31px;display:block;background:url(library/images/sprite.png) no-repeat -638px -322px;position:absolute;top:375px;left:0;} #socialBox p {float:left;font-family: 'Oswald', sans-serif;color:#ffffff;font-weight:bold;font-size:13px;text-transform: uppercase;margin:1px 0 0 4px; line-height: 28px;} #socialBox a {text-indent:-9999px;display:block;width:21px;height:21px;background:url(library/images/sprite.png) no-repeat;float:left;margin:4px 0 0 4px;} #socialBox a:hover {opacity: 0.8;} #socialBox a.facebookLink {background-position:-758px -89px;margin-left:40px;} .ie6 #socialBox a.facebookLink, .ie7 #socialBox a.facebookLink, .ie8 #socialBox a.facebookLink {margin-left:5px;} #socialBox a.twitterLink {background-position:-790px -89px;} #socialBox a.instagramLink {background-position:-790px -58px;} #headerBookingLink {width:137px;height:135px;text-indent:-9999px;display:block;background:url(library/images/sprite.png) no-repeat -601px 0;position:absolute;top:322px;right:21px;} #languageContents {position: absolute; left: 0; top: 410px; margin: 5px 0 0 0; background: url(library/images/bg_flags.png) no-repeat; width: 178px; height: 44px; padding: 5px 0; text-align: center;} #languageContents p {color: #fff; text-transform: uppercase;font-family: Oswald, sans-serif;font-size: 13px; font-weight: bold;margin: 0 0 2px 5px; text-align: left;} #languageContents img {margin: 0 0.5px;} .languageContent {padding: 30px; color: #FFF;font-family: 'Tahoma';font-size: 14px;font-style: normal;font-weight: normal;background: #e0121e;height: 380px;} .ie7 .languageContent {height: 340px;} body .languageContent .btn {text-align:center;float: right;} .languageContent .btn img {margin-left: 3px;} /* Page Features */ /* Content */ #content {margin: 0 auto 20px;padding:20px;width:920px;background:#fbfbfb;font-family: Tahoma;font-size:12px;line-height:20px;color:#333333;font-weight:normal;overflow:auto;} #content.casting-page {overflow:hidden;} #imgLeft {width:318px;height:270px;background:url(library/images/img-left.jpg) no-repeat; display:block;float:left;text-indent:-9999px;margin-right:10px;} /* Footer */ #bottom {width:960px;position:relative;margin:0 auto;z-index:2;} #bottomText {display:block;text-indent:-9999px;margin:0 auto;width:600px;height:30px;} #rainLogo {display:block;text-indent:-9999px;position:absolute;right:-2px;top:0;background:url(library/images/sprite.png) no-repeat -753px -10px;width:93px;height:50px;} #sonyLogoSmall{ display:block; text-indent:-9999px;position:absolute;left:-2px;top:0;background:url(library/images/sprite.png) no-repeat -829px -814px;width:93px;height:50px;} #bandFooter {position:absolute;right:-20px;top:55px;background:url(library/images/sprite.png) no-repeat 0 -406px;width:519px;height:265px;z-index:2;} footer {height:250px;background:#170092 url(library/images/bg_footer-x.gif) repeat-x;margin:40px 0 0 0;position:relative;z-index:1;padding-top:25px;} #footerWrapper {position:relative;width:960px;margin:0 auto 0;height:100%;background:#170092;} #sitemapFooter {width:238px;position:relative;float:left;text-align:left;height:180px;} footer h2 {font-family:Arial;font-weight:normal;font-size:12px;color:#9c8bf9;float:left;margin:0 0 5px;} footer a, footer p {font-family:Arial;font-weight:normal;text-decoration:none;color:#fbfbfb;font-size:13px;line-height:18px;} footer a:hover {text-decoration:underline;color:#fbfbfb;} #footerLeftNav {width:80px;clear:left;float:left;} .ie7 #footerLeftNav {width:100px;} #footerLeftNav li, #footerRightNav li {list-style-type:none;float:left;clear:both;} #footerRightNav {width:140px;float:left;} .ie7 #footerRightNav {margin:26px 0 0 30px;} #bookTicketsFooter {margin:0 0 12px 0;} #bookTicketsFooter, #findUsFooter {position:relative;float:left;width:500px;} #bookTicketsFooter p, #findUsFooter a {clear:both;} #findUsFooter #mapLink {padding-left:30px;background:url(library/images/sprite.png) no-repeat -827px -80px;cursor:pointer;text-decoration:none;display:block;} #terms {width:100%;position:absolute;color:#fff;bottom:10px;left:0;font-size:10px;} #terms a {font-size:12px;text-decoration:none;color:#9C8BF9;text-transform: uppercase;} /*-- 2. Page Specific Styles --*/ /* Homepage */ body.home h3.topMessage { font-family:Oswald, sans-serif; color:#0e0d0d;font-weight:bold; font-size:25px;text-transform:uppercase; text-align:center;line-height:45px; } #mediaContainer {float:left;width:496px;height:311px;display:block;margin:0 18px 10px 0;} .wosL {float: left; width: 100px; margin: 10px 0 0 8px;} .wosR {float: right; width: 290px; margin: 10px 0 0 0;} /* NO TRAILER QUICK FIX, TO REMOVE WHEN THE TRAILER WILL ON */ /* #homeLinkTrailer {display:none;} #tabsMenu li {display:none;} #tabsMenu li.current {display:block;} */ #homepagetrailer {} #homepagemusic {float:left;margin:0;padding:0;position:relative;display:none;} #mediaContent {margin:0;padding:0;float:left;position:relative;} .home #content #mediaContent p {margin:0;padding:0;} #homepagetrailer {display:none;} #tabsMenu:after { content: ""; visibility: hidden; width:100%; height:0; display:table; clear:both; } #tabsMenu li {width:33.33333333%;height:40px;padding:0;margin:0;border:none;margin:0;background:none;float:left;list-style-type: none;white-space: nowrap;} #tabsMenu li:last-child {float:right;} #tabsMenu li.current {background:url(library/images/sprite.png) no-repeat -644px -698px;width:33.33333333%;} #tabsMenu li a {font-family:Oswald, sans-serif;font-weight:bold;color:#000000;font-size:19px;padding:0;margin: 10px 0 0 12px;background:none;text-transform: uppercase;background:url(library/images/bg_arrow-link-tab.png) left no-repeat;padding-left:17px;display:block;max-width:100%;} /*#tabsMenu li:nth-child(2) a,*/ #tabsMenu li:nth-child(2).current a {margin: 10px 12px 0 8px;padding-left:13px;} #tabsMenu li.current a {color:#fbfbfb;text-shadow:-1px -1px -1px #89161c;font-size: 20px;margin: 10px 12px 0 20px;background: url(library/images/bg_arrow-link-tab-current.png) left no-repeat;padding-left: 0;text-align: center;} .home #tabs,.home #tabs div.tab,.home #tabs div.tab p, #tabs-menu {margin:0;padding:0;} #tabs-menu {border:none;} #tabs-menu li {width:190px;height:40px;padding:0;margin:0;border:none;margin:0;background:none;} #tabs-menu li.ui-tabs-selected {background:url(library/images/sprite.png) no-repeat -644px -698px;width:196px;} #tabs-menu li a {font-family:Oswald, sans-serif;font-weight:bold;color:#000000;font-size:21px;padding:0;margin:3px 0 4px 23px;background:none;text-transform: uppercase;background:url(library/images/bg_arrow-link-tab.png) left no-repeat;padding-left:17px;} #tabs-menu li.ui-tabs-selected a {color:#fbfbfb;text-shadow:-1px -1px -1px #89161c;font-size:22px;margin:6px 0 0 12px;background:url(library/images/bg_arrow-link-tab-current.png) left no-repeat;padding-left:13px;} /* Bug resolution for Google Chrome... */ .ui-tabs .ui-tabs-hide { position: absolute; left: -10000px; } #jquery_jplayer_music{height: 0;} .jp-interface {color:#fff;} .jp-controls {float:left;height:20px;} .jp-controls li {list-style-type: none;float:left;float:left;} .jp-controls li a {width:16px;height:15px;background:url(library/images/sprite.png) no-repeat;display:block;text-indent:-9999px;float:left;cursor:pointer;margin:3px 4px 0 0;} .jp-controls li a.jp-previous {background-position: -859px -712px;} .jp-controls li a.jp-play {background-position: -877px -712px;} .jp-controls li a.jp-next {background-position: -894px -712px;} .jp-controls li a.jp-pause {background-position: -877px -696px;} .jp-playlist {float:left;clear:left;margin:5px 0 0 15px;width:235px;height:200px;overflow:hidden;} .jp-playlist ul li {list-style-type: none;} .jp-playlist ul li a {text-transform: uppercase;font-weight:bold;font-size:10px;height:23px;width:200px;overflow:hidden;padding:2px 0 0 8px;display:block;color:#dbc5a0;border-bottom:1px solid #b2835e;text-align:left;width:} .jp-playlist ul li:first-child a {border-top:1px solid #b2835e;} .jp-playlist ul li.jp-playlist-current a{color:#f6f2f2;background:url(library/images/bg_audio-current-track.png) repeat;} .timeholder {position:absolute;bottom:20px;right:10px;width:80px;height:20px;color:#fbfbfb;font-size:11px;text-transform: uppercase;} .jp-trackholder {width:145px;height:40px;position:absolute;bottom:20px;right:95px;color:#fff;font-weight:normal;font-size:10px;text-transform: uppercase;} .jp-trackholder span {opacity:0.7;} .jp-trackholder .jp-track {font-weight:bold;font-size:12px;color:#fbfbfb;height:20px;width:145px;overflow:hidden;} .jp-tracknumberholder {position:absolute;width:80px;height:20px;bottom:40px;right:10px;text-transform:uppercase;font-size:10px;font-weight:normal;opacity:0.7;} .jp-current-number, .jp-max-number {padding-left: 2px; padding-right: 2px;} #jp_interface_music:before,#jp_interface_music:after {content:""; display:table;} /* For modern browsers */ #jp_interface_music:after {clear:both;} #jp_interface_music {float:left;clear:left;margin:15px 0 0 15px;width:235px;overflow:hidden;zoom:1;} #jp_interface_music .jp-progress { height: 3px; width: 218px; position: absolute; right: 22px; bottom: 14px; cursor:pointer; } #jp_interface_music .jp-seek-bar { background: transparent url(library/images/bg_progress-bar.png) repeat; } #jp_interface_music .jp-play-bar { height: 3px; background-color: #cba964; } #turntable {background:url(library/images/record-background.png) no-repeat;width:196px;height:177px;position:relative;float:right;margin:-25px 25px 0 0;} #turntable .disc {background:url(library/images/record.png) no-repeat;width:144px;height:144px;position:absolute;top:11px;left:11px;} #turntable .arm {background:url(library/images/record-arm-new.png) no-repeat;width:219px;height:169px;position:absolute;top:-25px;right:-60px;} #audioPlayerContainer {width:496px;height:270px;background:url(library/images/bg_audio.jpg) top;font-family: 'Oxygen', cursive;} #audioPlayerContainer h2 {text-transform: uppercase;font-weight:bold;font-size:19px;color:#fff;text-shadow: -1px -1px 0px #3e190b;float:left;width:135px;} #audioPlayerContainer .controls {float:left;height:20px;} #audioPlayerContainer .controls a {width:16px;height:15px;background:url(library/images/sprite.png) no-repeat;display:block;text-indent:-9999px;float:left;cursor:pointer;margin:3px 4px 0 0;} #audioPlayerContainer .controls a.prec {background-position: -859px -712px;} #audioPlayerContainer .controls a.play {background-position: -877px -712px;} #audioPlayerContainer .controls a.next {background-position: -894px -712px;} #audioPlayerContainer .tracks {float:left;clear:left;width:200px;margin:10px 0 0 15px;width:235px;height:146px;overflow:hidden;} #audioPlayerContainer .tracks li {list-style-type: none;} #audioPlayerContainer .tracks li a {text-transform: uppercase;font-weight:bold;font-size:10px;height:23px;width:200px;padding:2px 0 0 8px;display:block;color:#dbc5a0;border-bottom:1px solid #b2835e;text-align:left;width:} #audioPlayerContainer .tracks li:first-child a {border-top:1px solid #b2835e;} #audioPlayerContainer .tracks li a.current, #audioPlayerContainer .tracks li a:hover {color:#f6f2f2;background:url(library/images/bg_audio-current-track.png) repeat;} .home #content p a {padding-right:15px;background:url(library/images/bg_arrow-link.png) center right no-repeat;} .home #content h1 {width:383px;float:left;margin:0;} .ie7 #content h1 {width:383px;float:left;margin:0;font-size:20px;} .home #content p {margin:10px 0 0 10px;width:380px;float:left;} #subscribeContainer {float:left;width:495px;height:139px;margin:25px 0 0 0;} #subscribeTitle {display:block;float:left;text-indent:-9999px;background:transparent url(library/images/sprite.png) no-repeat -591px -312px;width:38px;height:137px;} #subscribeContent {margin: 1px 0 0 0;width:273px;height:134px;padding-left:182px;background: #ffffff url(library/images/sprite.png) no-repeat -690px -358px;border:1px solid #c1c1c1;border-left:none;border-right:2px solid #dcdcdc;float:left;} #subscribeContent h3, #findContent h3, #connectContent h3 {font-family:Oswald, sans-serif;color:#0e0d0d;text-transform: uppercase;font-weight:bold;font-size:19px;margin:15px 0 5px;display:block;} #subscribeContent div {width:265px;float:left;color:#333333;margin:0 0 8px;} #subscribeContent #EMAIL {width:144px; height:13px;color:#333333;font-family:sans-serif;font-style: italic;font-size:14px;line-height:14px;padding:9px 12px;float:left;} #subscribeContent #subscribe {color:#ffffff;font-family:Oswald, sans-serif;font-size:16px;font-weight:bold;padding:0;margin:0 0 0 10px;width:79px;height:32px;background: url(library/images/sprite.png) no-repeat -818px -320px;border:none;cursor:pointer;float:left;} #findContainer {float:right;width:413px;height:294px;margin:25px 0 0 10px;} #findTitle {display:block;float:left;text-indent:-9999px;background:transparent url(library/images/sprite.png) no-repeat -506px -312px;width:42px;height:293px;} #findContent {margin: 1px 0 0 0;width:369px;height:291px;background: #ffffff;border:1px solid #c1c1c1;border-left:none;border-right:2px solid #dcdcdc;float:left;position:relative;} #findContent h3 {width:100px;margin-left:13px;margin-bottom:0;} .home #content #findContent p {position:relative;float:left;margin-top:5px;margin-left:15px;display:block;width:340px;margin-bottom:15px;} .home #content #findContent p.first {width:90px;} #findContent .akaGmap {position:relative;float:right;margin-right:17px;margin-bottom:20px;} #findContent.map-holder .akaGmap {position:relative;float:right;margin-right:0;margin-bottom:0;width:369px!important;height:291px!important;} .ie7 #findContent .akaGmap {margin-top:17px;} #connectContainer {float:left;width:495px;height:139px;margin:25px 0 0 0;position:relative;} #connectTitle {display:block;float:left;text-indent:-9999px;background:transparent url(library/images/sprite.png) no-repeat -548px -312px;width:39px;height:137px;} #connectPaul {background:url(library/images/sprite.png) no-repeat -638px -503px;width:262px;height:136px;position:absolute;top:0;left:20px;z-index:2;} #connectContent {position:relative;margin: 1px 0 0 0;width:272px;height:134px;padding-left:182px;background: #ffffff;border:1px solid #c1c1c1;border-left:none;border-right:2px solid #dcdcdc;float:left;} .home #content #connectContent p {margin:3px 0 0 0;width:250px;} .home #content #connectContent p a {float:left;margin: 0 3px 0;padding:0;background:url(library/images/sprite.png) no-repeat ;width:32px;height:32px;display: block;text-indent: -9999px;z-index:3;position:relative;} .home #content #connectContent p a:hover {opacity: 0.85} .home #content #connectContent p a.facebook {background-position:-652px -653px;margin-left:120px;} .home #content #connectContent p a.twitter {background-position:-687px -653px;} .home #content #connectContent p a.instagram {background-position:-801px -653px;} .home #content #connectContent p a.mail {background-position:-723px -653px;} .home #content #connectContent p a.rss {background-position:-758px -653px;} .home #content #connectContent #right { z-index: 4; position: relative; } /* About */ /* Cast & Creative */ .page-company #content h2 {font-size: 26px; font-weight: bold;} ul.creativeTeam, ul.castTeam {list-style: none;} ul.creativeTeam li {float: left; padding: 9px 10px; width: 200px; height: 60px;} ul.castTeam li {float: left; padding: 9px 10px; width: 200px; height: 200px;} ul.creativeTeam li a, ul.castTeam li a {text-decoration: none; color: #000;} ul.castTeam li h3 {font-size: 16px; line-height: 20px; text-transform: none; text-transform: uppercase;} ul.creativeTeam li h3 {font-size: 16px; line-height: 20px; text-transform: none; text-transform: uppercase; margin: 0;} ul.creativeTeam li h4 {color: red; font-size: 14px; line-height: 20px; text-transform: uppercase; margin: 0;} ul.castTeam {margin-bottom: 25px;} ul.castTeam li, ul.creativeTeam li {font-weight: bold;} ul.producerTeam {margin: 15px 0 0 0;} .single-cast #content img.ccImg {float: left; margin: 0 20px 20px 0;} .single-cast #content h2 {float: left; margin: 0; font-size: 26px; font-weight: bold;} .single-cast #content h2 .name {text-transform: uppercase;} .single-cast #content h2 .role {text-transform: uppercase; color: red;} .single-cast #content article {float: left; width: 567px;} .single-cast #content .prev {float: left; color:#fff; font-family: Oswald, sans-serif; font-size:16px; font-weight: bold; padding: 7px 23px 7px 22px; width: 58px; height: 20px; background: url(library/images/prev.jpg) no-repeat; border: none; cursor: pointer; text-transform: uppercase;} /* Partners */ ul.partners {list-style: none;} ul.partners li {float: left; width: 440px; padding: 9px 10px;} ul.partners li article a {padding-right:15px;background:url(library/images/bg_arrow-link.png) center right no-repeat;} ul.partners li img {float: left; margin: 0 20px 20px 0; border: 1px solid #d0d0d0;} ul.partners li h3, ul.partners li h3 a{font-size: 20px; line-height: 24px; font-weight: bold; text-transform: uppercase; margin: 0;} ul.partners p {margin: 0;} .single-partner #content h2 a{margin: 0; font-size: 26px; font-weight: bold;} .single-partner #content img.pImg {float: left; margin: 0 20px 20px 0;} .single-partner #content .prev {float: left; color:#fff; font-family: Oswald, sans-serif; font-size:16px; font-weight: bold; padding: 7px 13px 7px 22px; width: 58px; height: 20px; background: url(library/images/prev.jpg) no-repeat; border: none; cursor: pointer; text-transform: uppercase;} /* Ticket Info */ #ticketsLeft {width: 420px; float: left; padding: 0 10px 0 10px; border-right: solid 1px #555} #ticketsRight {width: 450px; float: right; padding: 0 0 0 10px;} #content.tickets-page {min-height: 700px;} #content.tickets-page p {color:#000000;font-size:14px;margin: 5px 0;} #content.tickets-page .left {width:275px;float:left;border-right:2px solid #eaeaea;border-bottom:1px solid #dbdbdb;padding:20px 20px 20px 0;height:140px;margin-left:15px;} #content.tickets-page .middle {width:255px;float:left;border-bottom:1px solid #dbdbdb;padding:20px 20px 20px 20px;height:140px;} #content.tickets-page .right {width:275px;float:left;border-left:2px solid #eaeaea;border-bottom:1px solid #dbdbdb;padding:20px 0 20px 20px;height:140px;} #content.tickets-page .first-line {height:110px;padding-top:0;border-top:none;} #content.tickets-page .last-line {height:170px;border-bottom:none;margin-bottom:50px;} #content.tickets-page .middle.last-line p { font-size: 12px; line-height: 14px;} #content.tickets-page h1, #content.casting-page h1, .page-partners #content h1, .single-partner #content h1, .page-company #content h1, .single-cast #content h1, .single-creative #content h1, .page-template-page-full-php #content h1, .page-template-reviews-php #content h1, .single-language_content #content h1 {width:100%;background-position:-3px -753px;background-repeat:no-repeat;margin-bottom:20px; } .ie7.page-template-page-full-php #content h1 {width: 900px;} #content.tickets-page h2 {font-family: "Arial Narrow", Arial, sans-serif; font-size:15px;text-transform: uppercase;color:#1d219f;font-weight:bold;margin:5px 0;} #content.tickets-page .btn {width:166px;height:29px;background:url(library/images/sprite.png) no-repeat -638px -322px;font-family:Oswald, sans-serif;font-size:16px;line-height:16px;color:#ffffff;font-weight:normal;padding:0;margin:0;text-align:left;padding-top:7px;padding-left:7px;} #content.tickets-page .btn img {vertical-align: middle;margin-bottom:6px;margin-left:4px;} .single-language_content .btn, #content.tickets-page .btn {width:166px;height:29px;background:url(library/images/btn2.png) no-repeat;font-family:Oswald, sans-serif;font-size:16px;line-height:16px;color:#ffffff;font-weight:normal;padding:0;margin:0;text-align:left;padding-top:7px;padding-left:7px;} #content.tickets-page .btn img {vertical-align: middle;margin-bottom:6px;margin-left:4px;} /* Media */ #mediaTabHolder {margin: 0 auto; margin: 0 0 25px 140px;display: block;} #mediaTabHolder a {font-weight: 100;display: block;width: 271px; height: 30px;font-size: 23px;text-transform:uppercase;color:#ffffff;font-family:Oswald, sans-serif; float:left; padding: 10px 0 0 30px; font-weight: none;} .mediaTab {background: url(library/images/mediaMenu-blue.jpg); background-position: 0 44px; margin-right: 20px; } .mediaTab:hover {background: url(library/images/mediaMenu-red.jpg); background-position: 0 44px;} .mediaTabS {background: url(library/images/mediaMenu-red.jpg); margin-right: 20px; } .akaGallery {width: 900px;} .akaGallery ul {list-style-type: none!important; padding-left: 0!important; margin-bottom: 0!important;} .akaGallery ul li {list-style: none; float: left; margin: 10px 4px 10px 24px;} .akaGallery ul li img {border: solid 1px #cdcdcd; opacity: 0.9; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;} .akaGallery ul li img:hover {border: solid 1px #888888; opacity: 1;} .akaGallery .video { margin: 0; width: 940px; display:block; float: left; margin-left: -10px; } .akaGallery .video li { padding: 0; margin: 5px 9px 10px; float: left; } .akaGallery .video li a {position: relative; display:block; width: 450px; height: 253px;} .akaGallery .video li a .play { background: url(library/images/youtube-playbutton.png); width: 86px; height: 61px; position: absolute; top: 100px; left: 180px; z-index: 2;opacity: 0.9; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;} .akaGallery .video li a:hover .play {opacity: 1;} .akaGallery .video li a img {position: absolute; top: 0; left: 0; z-index: 1;} #vid1 {margin: 0 auto; width: 450px; background: #e1121e; border-top: solid 10px #e1121e; border-left: solid 10px #e1121e; border-right: solid 10px #e1121e; border-bottom: solid 5px #e1121e; margin-bottom: 20px;} #vid2 {float: left; margin-right: 20px;} #vid3 {float: right;} /* News & Reviews */ #reviews-page-list {float: left; position: relative; width: 40%;padding: 0 5%;} #reviews-page-list li { padding: 0; text-align: center; list-style: none; font-family:Tahoma; font-weight:bold; text-transform: uppercase; margin: 20px 0; } #reviews-page-list li a {color: #333333; outline: 0; text-decoration: none; } #reviews-page-list li .four { background: url(library/images/4-stars.png) center top no-repeat; padding-top: 35px; display: block; clear: both;} #reviews-page-list li .five { background: url(library/images/5-stars.png) center top no-repeat; padding-top: 35px; display: block; clear: both;} #reviews-page-list li .review_content, #reviews-page-list li .review_content a { font-size: 16px; margin: 5px 0;} #reviews-page-list li .review_content p { margin: 0;} /* Getting There */ /* Multimedia */ /* On Tour */ #tourdatescontainer { float: left; width: 630px; } #tourdatescontainer h2, #nexttourdate h2 { margin: 0; font-size: 19px;text-transform:uppercase;color:#ffffff;font-family:Oswald, sans-serif;width:630px%;height:34px;padding:12px 0 0 15px;background-color: #e1121e; } .tourDates { padding: 0 20px; border: 1px solid #c1c1c1; border-top: none; border-spacing: 0;} .tourDates thead { display:none; } .ie8 .tourDates .dates { font-size: 15px; } .tourDates .booking { width: 100%; position: relative; } .tourDates td { border: 0; border-bottom: 1px solid #c1c1c1; } .tourDates tr:last-child td { border-bottom: 0;} .tourDates td:nth-child(3) { width: 300px; } .tourDates td:nth-child(2) { width: 165px; } .tourDates td:nth-child(1) { width: 215px; color: #190094; text-transform: uppercase; } .tourDates a.btn {width:95px;height:18px;background: #1d219f url(library/images/bg_arrow-link-tab-current.png) no-repeat 105px center;font-family:Oswald, sans-serif;font-size:18px;line-height:18px;color:#ffffff;font-weight:normal;padding: 8px 6px;padding-right: 15px; display: inline-block; position: absolute; right: 5px; top: -7px; } .tourDates td, .tourDates th { vertical-align: middle; font-family: "Arial Narrow", Arial, sans-serif; font-size: 16px; font-weight: bold; overflow:hidden; position: relative;height: 40px; padding: 3px; } #nexttourdate { float: right; width: 272px;} .nextdate { border: 1px solid #c1c1c1; border-top: none; padding: 10px; padding-bottom: 125px; background: transparent url(library/images/paul.png) no-repeat right bottom; } .nextdate p {font-family: "Arial Narrow", Arial, sans-serif; color: #190094; font-size: 18px;font-weight: bold;} .nextdate h3 {font-family: Oswald, sans-serif; color: #000; } .nextdatevenue, .nextdatedates, .nextdateboxoffice {border-bottom: 1px solid #c1c1c1; margin-bottom: 12px; } .nextdatevenue { margin-top: 10px;} .nextdate a.btn {width:100px;height:18px;background: #1d219f url(library/images/bg_arrow-link-tab-current.png) no-repeat 110px center;font-family:Oswald, sans-serif;font-size:18px;line-height:18px;color:#ffffff;font-weight:normal;padding: 8px;padding-right: 15px; display: inline-block; } .nextdatedates p { padding-left: 30px; background: transparent url(library/images/icons/tourdates.png) no-repeat top left ; } .nextdateboxoffice p { padding-left: 30px; background: transparent url(library/images/icons/tourdates.png) no-repeat 0px -23px ; } /* Homepage current location box */ .home .nextdate {border: none; background: none; padding: 0;} .home #findContent h3 { padding: 0; width: 100%;} .home .nextdatedates {border: 0;} .home .nextdatebook {padding: 15px; font-weight: bold; font-size: 16px;} /*-- 3. Navigation --*/ nav {clear:both;float:left;margin:10px 0 0 0;} nav ul {width: 960px; list-style: none;margin:0 0 0 -1px;} nav ul li {float: left; text-align: center;margin-right:5px;padding:0;height:37px;position:relative;} nav ul li a span.text {display:block;float:left;height:19px;padding:8px;} .ie8 nav ul li a span.text {padding:8px 8px;} nav ul li a span.before {width:9px;height:37px;display:block;float:left;background:url(library/images/bg_menu-off-before.png) no-repeat;} nav ul li a span.after {width:9px;height:37px;display:block;float:left;background:url(library/images/bg_menu-off-after.png) no-repeat;} .single-partner nav ul li.menu-item-202 a span.before, nav ul li a:hover span.before, nav ul li.current-menu-item span.before {background:url(library/images/bg_menu-on-before.png) no-repeat;} .single-partner nav ul li.menu-item-202 a span.after, nav ul li a:hover span.after, nav ul li.current-menu-item span.after {background:url(library/images/bg_menu-on-after.png) no-repeat;} nav ul li a {cursor:pointer;float:left;background:url(library/images/bg_menu-off-x.gif) repeat-x;display: block;height:37px; width: auto; text-decoration: none;text-transform: uppercase;font-family: Oswald, sans-serif;font-weight:bold;color:#111111;font-size:17px;text-shadow: 0 1px #f4b4b7;} .single-partner nav ul li.menu-item-202 a, nav ul li:hover a, nav ul li.current-menu-item a {color: #222; background:url(library/images/bg_menu-on-x.gif) repeat-x;text-shadow:none;} .sub-menu {display: none;position:absolute;top:36px;left:1px;z-index:1000;width:243px;} .sub-menu li, .sub-menu li:hover {float:left;clear:both;background:#000;height:41px;} .sub-menu li a, .sub-menu li a:hover {background:#000;margin:0;height:40px;border: 1px solid #ffffff;border-text-shadow: none;} .sub-menu li a:hover {border:none;} .sub-menu li a span {background:#000;width:0;height:0;} nav ul li .sub-menu li a span.before,nav ul li .sub-menu li a span.after,.sub-menu li a:hover span.before, .sub-menu li a:hover span.after,nav ul li .sub-menu ul li.current-menu-item span.before,nav ul li .sub-menu ul li.current-menu-item span.after {background:#000;width:0;height:0;} .sub-menu li a span.text {width:215px;background:#000;color:#fff;font-size:15px;text-align:left;} .sub-menu li a:hover span.text {background:#fff;color:#000;border:1px solid #000;} /*-- 4. Plugins --*/ .casting-page .left {text-align:center;width:410px;float:left;padding:20px;border-right:1px solid #eaeaea;height:190px;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;} .casting-page .left h2 {color:#1d219f;font-family: Oswald, sans-serif;font-size:23px;font-weight:bold;text-transform: uppercase;margin:0 0 10px;} .casting-page .last {border-left:none;border-right:none;} .casting-page .top, .casting-page .bottom {width:860px;float:left;padding:20px;} .casting-page .casting-form {width:590px;height:329px;position:relative;margin:20px auto;border:1px solid #c1c1c1;} #casting-form-title {width:39px;height:334px;text-indent:-9999px;display:block;background:url(library/images/bg_title-register-form.png) no-repeat;position:absolute;top:-2px;left:-38px;} .cform ol li {list-style-type: none;margin:5px 0;} .cform input[type=text] {width:250px;height:20px;border-top:1px solid #9e9e9e;border-bottom:1px solid #9e9e9e;border-left:1px solid #c0c0c0;border-right:2px solid #c0c0c0;font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;font-size:14px;font-style:italic;color:#9e9e9e;} #li--1 label, #li--2 label, #li--3 label, #li--5 label, .casting-page .linklove {display:none;} .casting-form h2 {font-family: Oswald, sans-serif;color:#1d219f;font-size:23px;font-weight:bold;text-transform: uppercase;} #register-copy {position:absolute;top:13px;left:15px;} #register-copy h2 {margin:5px 0;} #register-copy p {width:240px;} #video-audition-copy {position:absolute;top:155px;left:15px;} #video-audition-copy h2 {width:565px;padding:7px 0;margin:5px 0;border-bottom:1px solid #c1c1c1;} #video-audition-copy p {width:240px;} .casting-form .sep {width:565px;height:1px;border-bottom:1px solid #c1c1c1;position:absolute;top:265px;left:15px;} .casting-form .sendbutton {background:url(library/images/bg_send.png) no-repeat;display:block;width:80px;height:33px;font-family: Oswald, sans-serif;color:#fff;font-size:18px;font-weight:normal;text-transform: uppercase;border:none;padding:0;cursor:pointer;position:absolute;bottom:-35px;right:0;} .cform {position:absolute;right:12px;top:10px;} .cform input[type=radio] {margin:0 5px;cursor:pointer;} .cform .cf-after {margin:0 10px 0 0;cursor:pointer;} .cform #cf_field_5 {margin:35px 0 0 0;} #usermessagea {position:absolute;left:30px;top:-25px;} #usermessagea.failure {color:#e2121e;} /* Quotes plugin */ #quotes {padding:15px 0 0;display:block;height:130px;} #quotes li {list-style-type: none;height:130px; clear: both;} .quote_content {font-family:Oswald, sans-serif;color:#0e0d0d;font-weight:bold;font-size:45px;text-transform:uppercase;text-align:center;line-height:45px;display:block; clear: both;} .quote_title {font-family:Oswald, sans-serif;color:#000000;font-weight:bold;text-transform: uppercase;text-align:center;font-size:10px;margin-top:-5px;display:block; clear: both;} .quote_scratch {margin:auto;text-align:center;} .quote_scratch img {width:400px; background: transparent;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE 6 & 7 */ zoom: 1;} .home #quotes {float:left;width:400px;padding:0;height:60px;margin:10px 0 0 0;} .home #quotes li {margin:0;padding:0;height:60px;} .home .quote_scratch {width:400px;opacity:0.4;} .home .quote_content {font-size:30px;line-height:32px;} ul#quotes li div.four { background: url(library/images/4-stars.png) center top no-repeat; padding-top: 25px; display: block; } ul#quotes li div.five { background: url(library/images/5-stars.png) center top no-repeat; padding-top: 25px; display: block; } /*-- 5. Bug Fixes --*/ .ie7 #turntable {margin-top: 20px;} .ie8 .tourDates a.btn { display: inline; top: -3px; } /* No nth-child in IE8 */ .ie8 .tourDates td, .ie7 .tourDates td { width: 220px; color: #190094; text-transform: uppercase; } .ie8 .tourDates td + td, .ie7 .tourDates td + td { width: 150px; color: #000; } .ie8 .tourDates td + td + td, .ie7 .tourDates td + td + td { width: 310px; color: #000; }