/*==============================================================================
	CORE STYLES
	2009-08-08
	Mark Gerrard
	outsideline.co.uk
==============================================================================*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	font-family: Palatino, "Palatino Linotype", serif;
	background: #000;
	color: #FFF;
}

a {
	color: #FFF;
	font-weight: bold;
	outline-style: none;
	outline-width: 0;
}

object {
	outline-style: none;
	outline-width: 0;
}

a img {border: none;}

p {
	line-height: 1.3em;
	margin-bottom: 1.2em;
}

iframe {
	margin-bottom: 20px;
	border: none;
}


p.cta a {
	display: block;
	text-transform: uppercase;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: center;
	font-size: 1.071em;
	line-height: 1.5em;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

p.cta a:hover {background-color: #959595;}

p.cta a span.inner {
	padding: 0.2em;
	display: block;
	background-repeat: no-repeat;
	background-position: left bottom;
	cursor: pointer;
}

/*=======================================
	GILDER LEVIN TEXT REPLACEMENT
=======================================*/
.gltr {position: relative;}
.gltr span {position: absolute;width: 100%;height: 100%;background-color: #000;background-repeat: no-repeat; background-position: center center; left: 0; top: 0;}

.tr {text-indent: -1000em;}


.hide {display: none;}

#container {
	width: 960px;
	margin: 0 auto;
	font-size: 1.4em;
}

#cie #container { width: 1000px; }

/*=======================================
	HEADER STYLES
=======================================*/
#header h1 {
	text-indent: -1000em;
}

#header h1 a {
	display: block;
	width: 100%;
	height: 230px;
	background: url("../img/layout/bg-header.jpg") no-repeat 0 0;
}

#header ul {
	overflow: hidden; 
	width: 100%;
	height: 73px;
	list-style: none;
	font-size: 0.857em;
	text-transform: uppercase;
	background: url("../img/layout/bg-nav.gif") no-repeat 0 0;
}

#header ul li {float: left; width: 136px; padding: 12px 0 0 0; text-align: center; line-height: 1;}
#header ul li a {float: left; height: 56px; width: 136px; color: #7f7f7f; text-decoration: none; text-indent: -1000em; padding: 5px 0;}
#header ul li a:hover {background: url("../img/layout/bg-nav.gif") no-repeat 0 -85px;}

#header ul li strong a,
#header ul li a:hover {color: #FFF;}
#header ul li a span,
#header ul li#navHome a {display: block; font-size: 1.4em;}
#header ul li#navSearch {padding: 18px 0 0 0;}
#header ul li#navSearch input {
	margin-top: 2px;
	padding: 6px 4px;
	width: 105px;
	border: 1px solid #4F4F4F;
	background: #000;
	color: #fff;
	font-size: 1.2em;
	font-family: Palatino, "Palatino Linotype", serif;
}

#header ul li#navHome strong a {background: url("../img/layout/bg-nav.gif") no-repeat 0 -85px;}

#header ul li#navInfo a:hover,
#header ul li#navInfo strong a {background: url("../img/layout/bg-nav.gif") no-repeat -136px -85px;}

#header ul li#navNews a:hover,
#header ul li#navNews strong a {background: url("../img/layout/bg-nav.gif") no-repeat -272px -85px;}

#header ul li#navShow a:hover,
#header ul li#navShow strong a {background: url("../img/layout/bg-nav.gif") no-repeat -408px -85px;}

#header ul li#navMembers strong a,
#header ul li#navMembers a:hover {background: url("../img/layout/bg-nav.gif") no-repeat -544px -85px;}

#header ul li#navShop a:hover {background: url("../img/layout/bg-nav.gif") no-repeat -680px -85px;}

#content {
	clear: both;
	overflow: hidden;
	margin: 10px 0;
}

#subNav {overflow: hidden; width: 100%;}

#subNav ul {float: left;margin: 0 0 25px 15px;}
#subNav ul li {
	margin-right: 5px;
	padding-right: 10px;
	display: inline;
	background: url("../img/layout/bread-seperator.gif") no-repeat right center;
	color: #FFF;
}

#subNav ul li a {color: #7f7f7f; text-decoration: none;}
#subNav ul li a:hover {color: #FFF;}
#subNav ul li.last {background: none;}

#subNav p {float: right; color: #959595;}


#footer {
	padding-top: 15px;
	clear: both;
	border-top: 1px solid #898989;
	font-family: Arial, sans-serif;
	font-size: 0.643em;
	color: #707070;
	text-transform: uppercase;
}

#cie #footer { width: 1000px; }

#footer .col4 {
	margin-right: 10px;
}

#footer .col4 a.addthis_button {
	clear: both;
	/*width: 100%;*/
	width: 85px;
	text-indent: 0;
	margin-bottom: 30px;
}

#footer a#rss {
	margin-top: 10px;
	display: block;
	padding: 4px 0 4px 20px;
	background: url("../img/layout/icon-rss.gif") no-repeat 0 50%;
}

#footer a {
	color: #707070 !important;
	text-decoration: underline;
	font-weight: normal;
}

#footer ul li {
	margin-bottom: 5px;
	list-style: none;
}

#footer ul#social li {display: inline;}

#footer2 .col2.last {float: right; margin-right: 30px !important; margin-left: 0;}

#footer #phantom {float:right; margin-top: 30px; margin-right: 220px; display: inline;}
#footer #phantom a {
	display: block;
	text-indent: -1000em;
	width: 46px;
	height: 43px;
	background: url("../img/logos/phantom.jpg") no-repeat 0 0;
}

#footer2 {
	margin-top: 20px;
	padding: 20px 20px 10px 0;
	clear: both;
	overflow: hidden;
	border-top: 1px solid #898989;
	font-family: Arial, sans-serif;
	font-size: 0.643em;
	color: #707070;
	text-transform: uppercase;
}

#footer2 a {color: #707070;}

#footer2 ul.col4 {list-style: none;}
#footer2 ul.col4 li {display: inline;}


#footer .col4 {margin-top: 20px;}

#footer .col4 a {
	float: left;
	margin-right: 30px;
	text-indent: -1000em;
}

#footer .col4 a#facebook {
	clear: left;
	width: 86px;
	height: 28px;
	background: url("../img/logos/facebook.gif") no-repeat center center;
}

#footer .col4 a#youtube {
	width: 69px;
	height: 28px;
	background: url("../img/logos/youtube.gif") no-repeat center center;
}

#footer .col4 a#twitter {
	width: 77px;
	height: 28px;
	background: url("../img/logos/twitter.gif") no-repeat center center;
}

#footer .col4 a#widget {
	width: 87px;
	height: 28px;
	margin-right: 0;
	background: url("../img/logos/widget.gif") no-repeat center center;
}

#footer #credit {
	float: right;
	width: 220px;
	margin-right: 24px;
}

.paginate {
	margin: 20px auto;
	overflow: hidden;
	width: 385px;
}

.paginate li {
	float: left;
	margin-right: 10px;
	list-style: none;
	width: 25px;
	height: 25px;
	margin-bottom: 10px;
}

.paginate li a {
	float: left;
	width: 100%;
	color: #959595;
	line-height: 26px;
	text-align: center;
	text-decoration: none;
	background: url("../img/layout/bg-paginate.gif") no-repeat 0 -25px;
}

.paginate li a:hover,
.paginate li.current a {
	background-position: 0 0;
	color: #000;
}

/*=======================================
	GRID STYLES
=======================================*/
.first {margin-left: 0 !important;}
.last {margin-right: 0 !important;}
.row {width: 100%;overflow: hidden;margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #898989;}

.col {float: left; margin: 0 5px;}

.col1 {width: 110px;}
.col2 {width: 220px;}
.col3 {width: 330px;}
.col4 {width: 440px;}
.col5 {width: 550px;}
.col6 {width: 660px;}


/*=======================================
	HEADING
=======================================*/
h1, h2, h3, h4, h5 {text-transform: uppercase;}
h1 span, h2 span, h3 span, h4 span,
h1 strong, h2 strong, h3 strong, h4 strong {display: block;}

#content h2 {font-size: 2.143em;}


#sidebar {
	width: 200px;
	margin: 0 40px 0 15px;
}

#sidebar ul {margin-bottom: 20px;}

#sidebar ul li {
	padding: 8px 0;
	list-style: none;
	border-top: 1px solid #4b4b4b;
}
#sidebar ul li.last {border-bottom: 1px solid #4b4b4b;}

#sidebar ul li a {
	font-weight: normal;
	text-decoration: none;
	color: #7F7F7F;
}

#sidebar ul li.current a {color: #FFF;}

#sidebar .row {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #898989;
}

#sidebar #cie h3 {
	width: 200px;
	height: 233px;
	text-indent: -1000em;
	background: url("../img/text/roll-up-roll-up.jpg") no-repeat 0 0;
}

#sidebar #cie .cta a {
	height: 25px;
	display: block;
	background-image: url("../img/layout/cta-start-experience.gif");
	text-indent: -1000em;
}

#sidebar #cie .cta a:hover {background-position: 0 -25px;}

#sidebar #preOrder h3 {
	width: 200px;
	height: 175px;
	text-indent: -1000em;
	background: url("../img/text/sideBuyNow.gif") no-repeat 0 0;
}

#sidebar #preOrder .cta a {
	height: 25px;
	display: block;
	background-image: url("../img/promo-boxes/btnBuyNow.gif");
	/*background-image: url("../img/layout/cta-pre-order.gif");*/
	text-indent: -1000em;
}

#sidebar #preOrder .cta a:hover {background-position: 0 -25px;}

#sidebar .cta a {margin-top: 15px;height: 22px; width: 200px; background: url("../img/layout/bg-read-more200.gif") 0 0; overflow: hidden;}
#sidebar .cta a:hover {background-position: 0 -22px;}

#sidebar #buyTicket .cta a {margin-top: 15px;width: 200px; height: 50px; text-indent: -1000em; background: url("../img/layout/btn-buy-tickets.gif") no-repeat 0 0;}
#sidebar #buyTicket .cta.london a {background: url("../img/layout/btn-buy-tickets-london.gif") no-repeat 0 0;}
#sidebar #buyTicket .cta.newYork a {background: url("../img/layout/btn-buy-tickets-newYork.gif") no-repeat 0 0;}
#sidebar #buyTicket .cta a:hover {background-position: 0 -50px;}

.col2 .cta a {margin-top: 15px; height: 22px; line-height: 1.6em; background: url("../img/layout/bg-cta-220.gif") no-repeat 0 0;}
.col2 .cta a:hover {background-position: 0 -22px;}


.lb-cont {background: #000;}

.lb-cont .controls {
	position: relative;
	width: 100%;
	background: #000;
}

.lb-cont .controls .close {
	position: absolute;
	right: 0;
	top: 5px;
	text-indent: -1000em;
	width: 25px;
	height: 25px;
	background: url("../img/layout/btn-close.gif") no-repeat 0 0;
}

.lb-cont .controls .close:hover {background-position: 0 -25px;}

.lb-cont .controls .title {
	margin: 0;
	padding: 10px 30px 10px 10px;
	font-size: 1.4em;
}

.lb-media {border: 1px solid #4B4B4B; margin-bottom: 20px;}
.lb-media img {display: block;}

.lb-cont .description,
.lb-cont .copy {padding: 0 10px; font-size: 1.2em;}

.lb-cont .copy {font-style: italic; color: #959595;}

#musicPlayer {
	margin-top: -90px;
}

#musicPlayer ul li {
	list-style: none;
	padding: 0.5em 0 0.5em 1em;
	border-bottom: 1px solid #a7a7a7;
}

#musicPlayer ul li a {
	padding-left: 15px;
	background: url("../img/layout/icon-music.gif") no-repeat left center;
	text-decoration: none;
	color: #AAA;
}