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

	1) HOMEPAGE
	2) NEWS
	3) SHOW
	4) TICKETS
	5) SEARCH
	6) MEMBERS
	7) CUSTOM PROMO BOXES
==============================================================================*/

h2.registernow.tr {margin-bottom: 4px;height: 17px;background: url("../img/text/register-now.gif") no-repeat center center;}

form.newsForm {
	margin-top: 10px;
}

form.newsForm input {
	width: 170px;
}

form.newsForm p {
	margin-bottom: 8px;
}

form.newsForm p.checkbox {
	overflow: hidden;
	width: 100%;
}

form.newsForm p.checkbox input {
	float: left;
}

form.newsForm p.checkbox label {
	float: left;
	width: 85%;
	margin-left: 10px;
	font-size: 0.857em;
	line-height: 1em;
	text-align: left;
	color: #898989;
}
	
/*=======================================
	1) HOMEPAGE STYLES
=======================================*/
/*#home #content #topRow {background: url("../img/layout/vert-line-light.gif") repeat-y 490px 0; border-bottom: none; padding-bottom: 0;}
*/
#home #content { margin:10px 0 0 ;}
#home #content #topRow {background: url("../img/layout/bg-landing.jpg") 0 0  no-repeat; height:510px; border:none!important; margin:0!important; padding:0!important;}
#home .seo{ font-size:1em; text-align:center; padding-top:10px; border-top:1px solid #fff}
#home #content #welcome {
	width: 476px;
	padding: 0 /*15px*/ 0 0;
	margin-right: 15px;
	text-align: center;
}

#home #content #welcome .row {
	width: auto;
	margin: 0;
	padding: 20px 0 0 0;
	border-bottom: none;
	border-top: 1px solid #898989;
}

#home #content #welcome .row.first {border-top: none; padding: 0;}

#home #content #welcome h2 {
	margin-bottom: 10px;
	font-size: 2em;
	line-height: 1.2em;
}
#home #content #welcome h2 span {font-size: 1.786em;}

#home #content #welcome h3 {margin-bottom: 20px;font-size: 1.286em; font-weight: normal;}
#home #content #welcome .col2 h3 {text-transform: none;}
#home #content #welcome #activity h3 {font-size: 2em;}

#home #content #video { margin-top:110px; }
#home #content #landing_cta { width:220px; height:178px; float:left; background:url(../img/layout/btn-buy-tickets-land.png) 0 0 no-repeat; margin:36px 0 0 20px ; text-indent:-999em; }

#home #welcome .col2.last {padding-top: 10px;}
#home #welcome .cta a {margin: 0 auto;width: 200px; height: 50px; text-indent: -1000em; background: url("../img/layout/btn-buy-tickets.gif") no-repeat 0 0;}
#home #welcome .cta.london a {background: url("../img/layout/btn-buy-tickets-london.gif") no-repeat 0 0;}
#home #welcome .cta.newYork a {background: url("../img/layout/btn-buy-tickets-newYork.gif") no-repeat 0 0;}
#home #welcome .cta a:hover {background-position: 0 -50px;}

#home #sections {
	margin-bottom: 0;
	padding: 20px 0 10px 0;
	border-bottom: none;
	border-top: 1px solid #898989;
}

#home #sections h3 {margin-left: 90px;width: 210px; height: 61px; zoom: 1;}
#home #sections h3.gltr span {background-position: top center;}

#home #islandExp h3 span {background-image: url("../img/text/home/coney-island.gif");}
#home #blog h3 span {background-image: url("../img/text/home/lnd-tweets.gif");}
#home #shop h3 span {background-image: url("../img/text/home/pre-order.gif");}

#home #content #welcome #activity p {
	font-size: 1.143em;
}

#home #content #welcome #activity h3 {
	font-size:1.7em;
}

#home #content #welcome #activity h4 {
	margin: 0;
	text-transform: none;
	font-size: 1.071em;
	font-weight: normal;
	color: #FFF;
}

#home #content #welcome #activity h5 {
	margin-bottom: 10px;
	font-size: 1em;
	color: #898989;
	font-weight: normal;
	text-transform: none;
}

#home #sections .col {width: 310px;border-right: 1px solid #898989; text-align: center; height: 178px; position: relative;}
#home #sections .col img {float: left; margin-right: 10px;}
#home #sections #shop {border-right: none;}

#home #sections .col .cta {
	position: absolute;
	bottom: 0;
	left: 0px;
	width: 185px;
	margin: 0 0 0 105px;
}
#home #sections .col .cta a {height: 22px; background: url("../img/layout/bg-read-more.gif") 0 0; text-indent: -1000em;}
#home #sections .col .cta a:hover {background-position: 0 -22px;}

#home #sections #islandExp .cta a {background-image: url("../img/layout/cta-home-start-exp.gif");}
#home #sections #blog .cta a {background-image: url("../img/layout/cta-home-read-more.gif");}
#home #sections #shop .cta a {background-image: url("../img/layout/cta-home-shop-online.gif");}

#home #sections #blog h3 span {background-image: url("../img/text/home/lnd-tweets.gif");}


#home #video h3 {margin-bottom: 10px;font-size: 1.786em;}
#home #video p {margin-bottom: 30px;font-style: italic;}

#home #video p.cta {
	width: 185px;
	margin: 10px 0 0;
	font-style: normal;
	font-weight: bold;
}

#home #video p.cta a {height: 22px; background: url("../img/layout/bg-read-more.gif") 0 0;}
#home #video p.cta a:hover {background-position: 0 -22px;}

/*=======================================
	2) NEWS STYLES
=======================================*/
#news.read #content {background: url("../img/layout/vert-line3.gif") no-repeat 235px 40px;}
#news h2 {margin-bottom: 20px;}
#news h3 {font-size: 1.429em; font-weight: normal;}
#news .col6 {width: 690px;}


#news .item {clear: both;margin-bottom: 50px;overflow: hidden; width: 100%;}

#news .item h3 {margin-bottom: 5px;font-size: 1.286em; font-weight: normal; text-transform: none;}
#news .item h4 {color: #959595; font-weight: normal; margin-bottom: 20px;}

#news div.media {
	float: left;
	width: 200px;
	margin-right: 40px;
}

#news .copy {
	float: left;
	width: 440px;
}

#news .item .cta a {height: 22px; width: 185px; background: url("../img/layout/bg-read-more.gif") 0 0;}
#news .item .cta a:hover {background-position: 0 -22px;}

#news.read .col4 img,
#news.read .col5 img {
	display: block;
	margin-bottom: 30px;
}

#news.read .open span {color: #959595;}



/*=======================================
	3) SHOW STYLES
=======================================*/

#show #content {background: url("../img/layout/vert-line3.gif") no-repeat 245px 40px;}

#show.gallery #content,
#show.video #content,
#show.scrapbook #content {background: url("../img/layout/vert-line.gif") no-repeat 235px 40px;}



#show #main .col4 {margin-right:30px;}

#show #main h2 {margin-bottom: 5px;}

#show #main h3 {font-size: 1.429em;	font-weight: normal;}

#show blockquote {font-size: 1.286em; font-style: italic; color: #959595;}

/*===========================
	PEOPLE
===========================*/
#show.people.read .col6 {width: 450px;}


#show.people.read #main h3 {margin-bottom: 40px; font-size:1.429em; font-weight:normal; color: #FFF;}

#show.people.read #main .row {padding: 0;border: none; position: relative;}
#show.people.read #main .row .col2 h3 {position: absolute; bottom: 0; margin-bottom: 0;}

#show.people.read #main .col2 h3 {font-size: 1.071em; color: #898989; font-weight: normal;}
#show.people.read #main .col2 h3 span {font-size: 1.333em; color: #FFF;}

#show.people.read #main .row.nophoto .col2 h3 {position: static;}


/*===========================
	GALLERY
===========================*/
#show.gallery #main h3 {margin-bottom: 25px;}

#show.gallery #main .row {margin: 40px 0 0 0;border: none;}

#show.gallery #main .row h4 {
	margin-bottom: 22px;
	font-size: 1.429em;
	font-weight: normal;
	text-transform: none;
}

#show.gallery #main .row a {float: left;margin: 0 15px 20px 0;}

#show.gallery #main .row a span {display: none;}

#show.gallery #main .row a.last {margin-right: 0;}


/*===========================
	BACKGROUND
===========================*/
#show.background #main .col4 {margin-right: 30px;}

#show.background .col2 h4 {margin-bottom: 15px;font-size: 1.285em;}

#show.background .photos {
	overflow: hidden;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #363636;
}

#show.background .photos a {
	float: left;
	margin: 0 10px 10px 0;
}

#show.background .videos h4 {text-align: left;}
#show.background .videos {text-align: center;}
#show.background .videos a {margin: 10px 0 20px; display: block; line-height: 1.6em;}


/*===========================
	MUSICAL
===========================*/
#show.musical #main h3 {margin-bottom: 30px;}

#show.musical #main .col.first p {margin-bottom: 20px;}
h4 {
	font-size: 1.286em;
	font-weight: normal;
	color: #959595;
}


/*===========================
	CAST
===========================*/
#show.cast #main table {
	border-collapse: collapse;
	width: 100%;
}

#show.cast #main h3 {
	margin-bottom: 20px;
}

#show.cast #main table thead th {text-indent: -1000em; height: 0;}

#show.cast #main table tbody td {
	padding: 0.5em 0;
	vertical-align: top;
	border-bottom: 1px solid #353535;
	color: #8c8c8c;
}

#show.education .col4,
#show.partners .col4 {
	width: 650px;
}
#show.education #main h3,
#show.partners #main h3 {margin-bottom: 20px;}



/*=======================================
	4) TICKETS STYLES
=======================================*/
#tickets #content {background: url("../img/layout/vert-line3.gif") no-repeat 235px 40px;}

#tickets #main {
	width: 420px;
	margin-right: 40px;
}

#tickets #main .col4 {
	width: 420px;
	margin: 0;
}

#tickets #main .col2 .cta a {
	height: 22px;
	background: url("../img/layout/bg-cta-220.gif") no-repeat 0 0;
}

#tickets #main .col2 .cta a:hover {
	background-position: 0 -22px;
}

#tickets.worldwide #main .item form {
	clear: both;
	padding: 20px 0;
	border-top: 1px solid #1A1A1A;
	overflow: hidden;
	width: 100%;
}

#tickets.worldwide #main .item form input {
	float: left;
	width: 162px;
}

#tickets.worldwide #main .item form input.submit {width: auto;}

#tickets.worldwide #main .item form .email {
	background:#000000 none repeat scroll 0 0;
	border:1px solid #444444;
	color:#9F9F9F;
	font-family:inherit;
	font-size:1.286em;
	padding:0.25em 0.5em;
	margin-right: 30px;
}

#tickets #main h2 {margin-bottom: 10px;}

#tickets #main h3 {margin-bottom: 10px;}

#directions .gltr {height: 154px;}
#directions .gltr span {background-image: url("../img/promo/adelphi-location-map.jpg");}

#directions p.cta a {height: 25px; background-image: url("../img/layout/cta-view-directions.gif"); text-indent: -1000em;}
#directions p.cta a:hover {background-position: 0 -25px;}

#hospitality {text-align: center;}

#hospitality h3 {font-size: 2.5em}

#hospitality p.cta a {height: 25px; background-image: url("../img/layout/cta-more-info.gif"); text-indent: -1000em;}
#hospitality p.cta a:hover {background-position: 0 -25px;}

#worldwide p.cta a {height: 25px; background-image: url("../img/layout/cta-more-info.gif"); text-indent: -1000em;}
#worldwide p.cta a:hover {background-position: 0 -25px;}

.parking {
	padding: 0.5em 0 0.5em 2.5em;
	background: url("../img/icons/parking.gif") no-repeat left top;
}

.rail.tube {
	padding: 0.5em 0 0.5em 5em;
	background: url("../img/icons/tfl-train.gif") no-repeat left top;
}

.pubTransport {
	padding: 0.5em 0 0.5em 2.5em;
	background: url("../img/icons/tfl.gif") no-repeat left top;
}

/*=======================================
	5) SEARCH STYLES
=======================================*/
#search .content {padding-top: 20px;}

#search h3 {margin-bottom: 20px;}

#search .item {
	margin-bottom: 10px;
	border-bottom: 1px solid #353535;
}

#search .item h4 a {
	text-decoration: none;
}

#search .item .cta a {
	background: none;
	color: #FFF;
	text-align: left;
	font-weight: normal;
	font-size: 1em;
	text-transform: none;
}


/*=======================================
	6) MEMBERS STYLES
=======================================*/
#members #main {width: 480px;}
#members #main h2 {
		margin-bottom: 20px;
}

#members #content {
	background: url("../img/layout/vert-line2.gif") no-repeat 54% 40px;
}

#members #main .col4 .item {
	float: left;
	width: 200px;
	height: 260px;
	margin: 0 40px 90px 0;
	text-align: center;
}
#members #main .col4 .item.last {margin-right: 0;}

#members #main .col4 .item h3 {
	margin-bottom: 18px;
	height: 60px;
	font-size: 1.286em;
	color: #FFF;
}
#members #main .col4 .item h3.gltr span {background-color: transparent;}

#members #main .col4 .item#forum h3 span {background-image: url("../img/text/members-forum.gif");}
#members #main .col4 .item#blog h3 span {background-image: url("../img/text/lnd-blog.gif");}
#members #main .col4 .item#reviews h3 span {background-image: url("../img/text/phan-reviews.gif");}
#members #main .col4 .item#cie h3 span {background-image: url("../img/text/coney-island.gif");}
#members #main .col4 .item#coneyisland h3 span {background-image: url("../img/text/coney-island-comp.gif");}

#members #main .col4 .item#forum p.cta a {background: url("../img/layout/cta-joinin.gif") no-repeat 0 0; height: 25px; text-indent: -1000em;}
#members #main .col4 .item#cie p.cta a {background: url("../img/layout/cta-start-experience.gif") no-repeat 0 0; height: 25px; text-indent: -1000em;}

#members #main .col4 .item#blog p.cta a,
#members #main .col4 .item#reviews p.cta a {background: url("../img/layout/cta-readnow.gif") no-repeat 0 0; height: 25px; text-indent: -1000em;}
#members #main .col4 .item#forum p.cta a:hover {background-position: 0 -25px;}
#members #main .col4 .item#cie p.cta a:hover {background-position: 0 -25px;}
#members #main .col4 .item#blog p.cta a:hover {background-position: 0 -25px;}

#members #main .col4 .item h3 strong {display: block;}

#members #main .col4 .item img {margin-bottom: 20px;}

#members #sidecol2.col2 {
	width: 180px;
}

#members #newestmember {text-align: center;}

#members #newestmember h3 {
	margin-bottom: 15px;
	font-size: 1.429em;
}

#members #newestmember img {
	margin-bottom: 20px;
}

#members #newestmember p {margin-bottom: 10px;}
#members #newestmember p.date {font-style: italic; color: #898989;}

#members.register #main h2,
#members.login #main h2 {margin-bottom: 10px;}

#members.register #main h3,
#members.login #main h3 {margin-bottom: 20px;}

#members.register .mandatory,
#members.login .mandatory {font-size: 0.857em; color: #4B4B4B; font-style: italic;}

#members.register fieldset,
#members.login fieldset {border: none;}

#members.register fieldset li,
#members.login fieldset li {
	list-style: none;
	margin-bottom: 20px;
	clear: both;
	overflow: hidden;
	width: 100%;
}

#members.register fieldset li label,
#members.login fieldset li label {
	float: left;
	width: 200px;
}

#members.register fieldset li label span,
#members.login fieldset li label span {
	margin-bottom: 10px;
	margin-top: 5px;
	display: block;
	color: #707070;
	font-size: 0.857em;
}


#members.register fieldset li input,
#members.register fieldset li select,
#members.login fieldset li input,
#members.login fieldset li select {
	padding: 3px 4px;
	background: #000;
	border: 1px solid #4B4B4B;
	font-size: 1em;
	color: #CCC;
	font-family: Platino, serif;
	width: 220px;
}

#members.register fieldset li select,
#members.login fieldset li select {width: 230px;}

#members.register fieldset li input.btn,
#members.login fieldset li input.btn {
	padding: 0;
	background: none;
	border: none;
	width: auto;
	margin-left: 202px;
}

#members.register fieldset li .error,
#members.login fieldset li .error {
	color: red;
	font-style: italic;
	margin: 5px 0 0 200px;
	font-size: 0.857em;
}

#members.register fieldset li.optin input,
#members.login fieldset li.optin input {
	float: left;
	margin-right: 10px;
	width: auto;
}

#members.register fieldset li.optin label,
#members.login fieldset li.optin label {
	width: 350px;
}

#members.profile #main h2 {
	margin-bottom: 5px;
}

#members.profile #main h3 {
	margin-bottom: 15px;
	text-transform: none;
	font-weight: normal;
}

#members.profile .details {position: relative;}

#members.profile .details img {
	float: left;
	margin-right: 10px;
}

#members.profile .details h4 {
	padding: 30px 0 10px 0;
	font-size: 1em;
	text-transform: none;
	color: #FFF;
}

#members.profile .details h5 {
	font-style: italic;
	text-transform: none;
	font-weight: normal;
	font-size: 1em;
	color: #959595;
}

#members .account li.avatar img {
	float: left;
	margin-left: 200px;
	display: inline;
}

#members .account li.delavatar input {width: auto; float: none; margin-left: 200px; margin-right: 10px;}
#members .account li.delavatar label {float: none; color: #707070; font-size: 0.857em;}


#members #coney-island-scores { width:100%; border-top:1px solid #323232;border-bottom:1px solid #323232; float:left; margin: 20px 0 0 0; padding: 10px 0 0 0; }
#members #coney-island-scores h3 {font-size:1em; }

#members #coneyIslandScores { width: 100%;  list-style:none; padding-bottom:10px; float:left}
#members #coneyIslandScores li{ width: 100%;  list-style:none; float:left; padding:5px 0; font-size:1em;}
#members #coneyIslandScores li *{ width: 50%;  float:left; font-style:normal;}
		
#members #coney-island-scores h4 {font-size:1em; line-height:89px;  border-top:1px solid #9b9b9b; float:left; width:100%;}		
#members #coney-island-scores h4 * { width:50%; color:#fff; float:left; text-transform:none; font-style:normal; }

.reviewForm select,
.reviewForm input,
.reviewForm textarea {
	border: 1px solid #FFF;
	background: #000;
	color: #FFF;
}

.reviewForm p.btn input {border: none;}

.reviewForm p {clear: both; overflow: hidden; width: 100%; margin-bottom: 15px;}

.reviewForm p label {display: block; margin-bottom: 5px;}

.reviewForm p.form-date label {display: block;}
.reviewForm p.form-date select {float: left; margin-right: 10px;}

.reviewForm p textarea {
	display: block;
	padding: 10px;
	width: 400px;
}

.reviewList {
	margin-bottom: 20px;
	width: 100% !important;
	overflow: hidden;
}

.reviewList .item {
	height: auto !important;
	width: 400px !important;
	padding: 20px;
	margin: 0 !important;
	text-align: left !important;
	border-bottom: 1px solid #898989;
}

.reviewList .item.odd {background: #131313;}

.reviewList .item .reviewBy {
	background: url("../img/layout/bulletBig.gif") no-repeat 0 0;
	color: #FFF;
	font-size: 1em;
	padding-left: 40px;
}
.reviewList .item .reviewBy p {margin: 0; color: #959595;}

/*=======================================
	7) CUSTOM PROMO BOX STYLES
=======================================*/

.promo {text-align: center; margin-bottom: 70px;}
.promo h3 {font-size: 2em !important;}
.promo img {margin-top: 5px;}

.promo p.readnow,
.promo p.moreinfo,
.promo p.readmore,
.promo p.joinin,
.promo p.buynow,
 .promo p.listennow {margin-bottom: 0;}

#show .promo {margin-top: -62px;}
#show.background .promo {margin-top: -62px;}
#show.cast .promo {margin-top: -80px;}

#show.cast .promo img {margin-top: -15px !important;}

img#buyNowItunes { margin-top: 10px; margin-left: 10px;}
div#musicPlayer p.buynow a {width: 200px; background: url("../img/promo-boxes/btnBuyNow.gif") no-repeat 0 0; height: 25px; text-indent: -1000em; margin-left: 10px;}
div#musicPlayer p.buynow a:hover {background-position: 0 -25px;}

.promo p.readnow a {width: 200px; margin: 0 auto; background: url("../img/promo-boxes/btnReadNow.gif") no-repeat 0 0; height: 25px; text-indent: -1000em;}
.promo p.moreinfo a {width: 200px; margin: 0 auto; background: url("../img/promo-boxes/btnMoreInfo.gif") no-repeat 0 0; height: 25px; text-indent: -1000em;}
.promo p.readmore a {width: 200px; margin: 0 auto; background: url("../img/promo-boxes/btnReadMore.gif") no-repeat 0 0; height: 25px; text-indent: -1000em;}
.promo p.joinin a {width: 200px; margin: 0 auto; background: url("../img/promo-boxes/btnJoinIn.gif") no-repeat 0 0; height: 25px; text-indent: -1000em;}
.promo p.buynow a {width: 200px; margin: 0 auto; background: url("../img/promo-boxes/btnBuyNow.gif") no-repeat 0 0; height: 25px; text-indent: -1000em;}
.promo p.listennow a {width: 200px; margin: 0 auto; background: url("../img/promo-boxes/btnListenNow.gif") no-repeat 0 0; height: 25px; text-indent: -1000em;}

.promo p.readnow a:hover,
.promo p.moreinfo a:hover,
.promo p.readmore a:hover,
.promo p.joinin a:hover,
.promo p.buynow a:hover,
.promo p.listennow a:hover {background-position: 0 -25px;}

#terms #main h2,
#privacy #main h2,
#faqs #main h2,
#contact #main h2 { margin-bottom: 15px;}