/*
	Theme Name: A Chorus Line
	Theme URI: http://www.akauk.com
	Description: Website Theme
	Author: Antony Howlett
	Version: 1.0
*/

	 
/*-- Imports --*/
@import url("library/styles/base.css");

@font-face {
    font-family: 'League Gothic';
    src: url('library/fonts/league_gothic-webfont.eot');
    src: url('library/fonts/league_gothic-webfont.eot#iefix') format('embedded-opentype'),
         url('library/fonts/league_gothic-webfont.woff') format('woff'),
         url('library/fonts/league_gothic-webfont.ttf') format('truetype'),
         url('library/fonts/league_gothic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Web Symbols';
    src: url('library/fonts/websymbols-regular-webfont.eot');
    src: url('library/fonts/websymbols-regular-webfont.eot#iefix') format('embedded-opentype'),
         url('library/fonts/websymbols-regular-webfont.woff') format('woff'),
         url('library/fonts/websymbols-regular-webfont.ttf') format('truetype'),
         url('library/fonts/websymbols-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*
	Styling Index
	---------------
	1. General Styles 
		- Base Definitions
		- Grid System
		- Reusable Classes
		- Navigation
		- Structure / Layout
	2. Page Specific
	3. Plugins
	4. Bug Fixes
	5. Resolution Specific
	
	Colour Index
	---------------
	Yellow: #ffe79b
	Dark red: #2b0404
	Grey: #171717
*/


/*-----------------------------*/
/*-- 1. General Styles --------*/
/*-----------------------------*/

/*---- Base Definitions ----*/
body {font: 100% /*16px*/ "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; color: #fff; background: #142337}
h1 {margin: 0 0 0.417em; text-transform: uppercase; font: 2.25em/1 /*36px*/ "League Gothic", "Arial Narrow", sans-serif; color: #ebbb49;}
h2 {margin: 0 0 0.417em; text-transform: uppercase; font: 2.1em/1 /*33px*/ "League Gothic", "Arial Narrow", sans-serif; color: #fff;}
h3 {margin: 0 0 0.1em; text-transform: uppercase; font: 2em/1 /*32px*/ "League Gothic", "Arial Narrow", sans-serif; color: #ebbb49;}
h4 {text-transform: uppercase; font: 1.25em/1 /*20px*/ "League Gothic", "Arial Narrow", sans-serif; color: #fff;}
p {margin: 0 0 0.5em; line-height: 1.625em;}
a {color: #ebbb49; text-decoration: underline;}
a:hover {color: #fff;}
input {border: 1px solid #ccc; padding: 5px; margin: 0; background: #fff;}
em {font-style: italic;}
strong {font-weight: bold;}
img {display: block; max-width: 100%;}

/*---- Grid System ----*/
.oneCol, .twoCol, .threeCol, .fourCol, .fiveCol, .sixCol, .sevenCol, .eightCol, .nineCol, .tenCol, .elevenCol, .twelveCol {
	float: left; 
	min-height: 1px; 
	margin-left: 1.5%;
	margin-right: 1.5%;
}
.oneCol {width: 5.333%;}
.twoCol {width: 13.666%;}
.threeCol {width: 22%;}
.fourCol {width: 30.333%;}
.fiveCol {width: 38.5%;}
.sixCol {width: 46.9%;}
.sevenCol {width: 55.333%;}
.eightCol {width: 63.666%;}
.nineCol {width: 71.5%;}
.tenCol {width: 80.333%;}
.elevenCol {width: 88.666%;}
.twelveCol {width: 97%; float: none; }

/* Resize Columns for Mobile */
@media handheld, only screen and (max-width: 767px) {
	.oneCol, .twoCol, .threeCol, .fourCol, .fiveCol, .sixCol, .sevenCol, .eightCol, .nineCol, .tenCol, .elevenCol, .twelveCol {
		width: auto;
		float: none; 
		margin-left: 0; 
		margin-right: 0;
	}
}

/*---- Reusable Classes ----*/
.alignleft {float: left;}
.alignright {float: right;}
.show {display: block;}
.hide {display: none;}
.clear {clear: both;}
.increaseFont {font-size: 125%;}
.decreaseFont {font-size: 75%;}
.spacer {padding-bottom: 1em;}
.icon {font-family: 'Web Symbols';}
.icon.small {display: inline-block; padding: 5px 0 0 10px; font-size: 0.6em; vertical-align: top;}
.bulletList li {margin: 0 0 0.2em 30px; line-height: 1.625em;}
.tags {display: none;}

/* Buttons */
.btn {
	display: inline-block; 
	padding: 5px 15px;
	text-align: center; 
	text-decoration: none; 
	text-transform: uppercase; 
	font: 1.75em/1 /*28px*/ "League Gothic", "Arial Narrow", sans-serif; 
	color: #08324b; 
	background: #fdce36 url(library/images/btn/yellowGrad.jpg) repeat-x left bottom;
	text-shadow: -1px -1px 0px #fff;
	border-radius: 12px;
	box-shadow: inset 2px 2px 3px #fef6df;
}
.btn:hover, .btn.selected {color: #08324b; background: #fff;}
.btn.small {padding: 5px 10px; font-size: 1.5em;}
.btn.large {padding: 5px 30px; font-size: 2.125em;}
.btn.red {
	color: #fff; 
	background: #4176d6 url(library/images/btn/redGrad.jpg) repeat-x left top; 
	text-shadow: -1px -1px 1px #063958; 
	box-shadow: inset 1px 1px 1px #a4d6f3;
/* 	border:1px solid #063958; */
}
.btn.red:hover, .btn.red.selected {text-shadow: none; box-shadow: none; color: #08324b; background: #fff;}
.btn.icon, .btn.small.plus, .btn.small.mail {display: block; width: 40px; padding: 5px 0; text-transform: none; font-family: 'Web Symbols';}

/*---- Responsive Video ----*/
.ratio16to9 {padding-bottom: 56.25%;}
.videoPlayer {width: 100%; position: relative; height: 0; margin-bottom: 20px; padding-top: 30px;}
.videoPlayer iframe, .videoPlayer object, .videoPlayer embed {width: 100%; height: 100%; position: absolute !important; top: 0; left: 0;}
.videoPlayer div {position: static !important; top: inherit; left: inherit;}

/*---- Navigation ----*/
#mainMenu {background: #263f67 url(library/images/bg/gradRed.jpg) repeat-x left top;}
#mainMenu ul:first-child {
	width: 100%; 
	padding: 10px 0 13px; 
	text-align: center; 
	background: url(library/images/divide1.jpg) repeat-x left bottom;
}
#mainMenu li {display: inline-block; margin: 0 1%; list-style: none;}
#mainMenu a {
	display: block;  
	padding: 5px 15px; 
	font: 1.75em/1 /*28px*/ "League Gothic", "Arial Narrow", sans-serif; 
	text-decoration: none; 
	text-transform: uppercase;
	border-radius: 10px;
}
#mainMenu a:hover, 
#mainMenu .current-menu-item a,
.section-the-show .linkShow a,
.single-cast .linkShow a,
.single-creative .linkShow a,
.single-cast .sublinkCast a,
.single-creative .sublinkCreative a,
.section-gallery .linkGallery a,
.single-post .linkNews a,
.single-post .sublinkNews a,
.page-reviews .linkNews a {
	color: #fff; 
	background: #171717;
}
#mainMenu .sub-menu {display: none;}

#lead .menu {margin-top: 5px;}
#lead .menu li {display: inline-block; margin: 0 1%; list-style: none;}
#lead .menu a {
	display: block; 
	white-space: nowrap;
	padding: 10px 15px 15px; 
	font: 1.75em/1 /*28px*/ "League Gothic", "Arial Narrow", sans-serif; 
	text-decoration: none; 
	text-transform: uppercase;
	border-radius: 10px 10px 0 0;
}
#lead .menu a:hover, #lead .menu .current_page_item a, #lead .menu .current-menu-item a {color: #fff; background: #171717;}

/*---- Layout ----*/
.holder {max-width: 990px; margin: 0 auto;}
#contentWrapper {padding: 35px 0; background: url(library/images/bg/content_blue.jpg) no-repeat center top;}
#pageNav {padding-top: 20px;}

/* Social */
.social {list-style: none;}
.social li {float: right; margin-left: 4px;}
.social a {text-decoration: none;}

.btn.small.mail span {display: block; text-indent: -999em; background: url(library/images/icon/envelope.png) no-repeat center top;}
.btn.small.mail:hover span {background-position: center bottom;}
.btn.small.plus {font: 1.8em/0.85 /*32px*/ "League Gothic", "Arial Narrow", sans-serif;}
.btn.small.photo {font-size: 0.9em; line-height: 1.7;}

/* Header */
.home #siteHeader {padding-bottom: 205px;}
#logo {margin: 0; padding: 25px 15px;}
#logo img {display: block; margin: 0 auto;}

/* Lead */
#lead {background: #263f67 url(library/images/bg/gradRed.jpg) repeat-x left top;}

#lead .book, #address, #address h3, #address h4 {float: left;}
#address {margin: 0 0 10px 15px;}
#address h3 {margin: 2px 0 0; color: #fff;}
#address h4 {margin: 9px 0 0 5px; color: #ebbb49;}
#address .btn {margin-left: 7px;}
#lead #address {margin-top: 12px;}
#lead .book {margin: 10px 0;}
#lead .social {float: right; margin: 10px 0;}
#lead #location {margin: 13px 0 15px;}
#lead #location h3 {margin: 0 10px 0 0;}
#lead #location h3, #lead #location h4 {float: left; margin-top: 0; font-size: 1.875em;}

/* Content */
.tickets {float: left; width: 26.333%; margin: -1.75% 1.5% 0; padding: 2%; text-align: center; background: #171717; border-radius: 10px;}
.tickets h3 {color: #fff;}

/* Footer */
#siteFooter {padding: 12px 0; background: url(library/images/divide2.jpg) repeat-x left top;}
#siteFooter .divider { background: url(library/images/divide2.jpg) repeat-x left top; height: 2px; float: left; width: 100%; }

#siteFooter .social, #siteFooter h4 {float: left;}
#siteFooter .socialCTA {margin: 7px 5px 0 0;}
#siteFooter #address {float: right;}

#siteFooter .btn.icon, #siteFooter .btn.small.plus, #siteFooter .btn.small.mail {width: 32px; padding: 4px 0 5px; line-height: 1.2;}
#siteFooter .btn.small.mail span {background-size: 65%;}
#siteFooter .btn.small {font-size: 1.2em;}
#siteFooter .btn.small.plus {padding: 1px 0 0; font-size: 1.6em; line-height: 1.2;}
#siteFooter .btn.small.photo {font-size: 1em; line-height: 1.45;}

a.terms { float: left; padding-top: 10px; font-size: 0.75em; color: #eee; margin-right: 10px; }
#developer {float: right; padding-top: 10px; font-size: 0.75em; color: #eee;}

/* Static */
#static {position: fixed; left: 0; top: 30%; width: 300px;}
#static .holder {position: relative; z-index: 1; padding: 12px; background: #263f67;}
#static #ticketsHandle {
	display: block;
	width: 54px;
	height: 197px;
	background: url(library/images/btn/bookingInfoHandle.png) no-repeat;
	position: absolute; 
	right: -54px; 
	top: 0;
	text-indent: -999em;
}
#static .tickets {float: none; width: auto; margin: 0; padding: 15px;}
#static .tickets h3 {margin-top: 1em;}
#static .tickets h3:first-child {margin-top: 0;}


/*-----------------------------*/
/*-- 2. Page Specific Styles --*/
/*-----------------------------*/

/*-- 0.0 Homepage --*/
.home {background: #142337 url(library/images/bg/group_blue.png) no-repeat center top;}
.home #content {padding-bottom: 25px;}

.home #quotes {height: 145px;}
.home #quotes ul {display: none; padding: 0; margin: 0 auto; text-align: center;}
.home #quotes li {width: 30%; padding: 42px 1.5% 20px; list-style: none; display: block; float: left; opacity: 0; vertical-align: top;}
.home #quotes h3 {padding: 0 5px; font: 2em/1 /*32px*/ "League Gothic", "Arial Narrow", sans-serif; color: #fff; font-weight: normal;}
.home #quotes h4 {text-transform: none; font: 75% /*12px*/ "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; color: #fff;}
.home #quotes .four-stars {background: transparent url(library/images/icon/4stars.png) top center no-repeat;}
.home #quotes .five-stars {background: transparent url(library/images/icon/5stars.png) top center no-repeat;}

.home .top {padding: 2px; background: transparent url(library/images/bg/videoplayer-border.png);}
.home .top .videoPlayer {margin-bottom: 0;}

.home .historybtn { text-align: left; margin: 20px 0;}

/*-- Inside Pages --*/
.insidePage {background: #142337 url(library/images/bg/stage.jpg) no-repeat center top;}
.insidePage #content {min-height: 200px; background: url(library/images/bg/group_blue.png) no-repeat center bottom; padding-bottom: 305px;}
.insidePage h2, .insidePage h3, .insidePage h4 {margin-top: 1em;}
.insidePage #pageContent > div > h3:first-child {margin-top: 0;}
.insidePage #siteFooter {margin-top: -10px;}

/* 404 Page */
.error404 #content {text-align: center;}

/*-- 1.2 Cast --*/
.page-cast .cast-creative li {float: left; width: 17%; padding: 0 3% 2em 0; list-style: none;}
.page-cast .cast-creative img, .single-cast #content img {
	display: block; 
	margin-bottom: 10px; 
	border: 2px solid #333;
}
.page-cast .cast h3 {margin: 0 0 5px;}
.page-cast .cast h4 {margin: 0;}
.page-cast .cast a {display: block; text-decoration: none;}
.page-cast .cast a:hover img {border-color: #ffe79b;}

.single-cast #content img {float: left; margin: 0 20px 20px 0;}
.single-cast h1 {margin-bottom: 5px;}

/*-- 1.3 Creative Team --*/
.page-creative-team .cast-creative li {float: left; width: 45%; margin: 0 1.5% 0.75em 0; padding: 1.5%; list-style: none; background: #000; border-radius: 15px;}
.page-creative-team .cast-creative li:nth-child(2n) {float: right; margin-right: 0;}
.page-creative-team .cast-creative a {text-decoration: none;}

.page-creative-team .creative h3, .page-creative-team .creative h4 {margin: 0 0 5px;}
.page-creative-team .creative .icon {float: right; margin: 7px 0 0 10px; font-size: 2em;}

.single-cast hgroup h1, .single-creative hgroup h1 {margin-bottom: 0.2em;}
.single-cast hgroup h2, .single-creative hgroup h2 {margin-top: 0;}

/*-- 1.4 History of a Chorus Line --*/
#showHistory {list-style: none;}
#showHistory li {margin: 0 1.5% 0.75em 0; padding: 1.5%; list-style: none; background: #000; border-radius: 15px;}
#showHistory h2 {margin-top: 0;}

/*-- 3.1 Your Visit --*/
.page-your-visit .left {text-align: center;}
.page-your-visit .map {border: 3px solid #333; margin-bottom: 10px;}

/*-- 4.1 Reviews --*/
.reviews li {
	display: block;
	width: 31%;
	float: left;
	padding: 1%; 
	list-style: none; 
	text-align: center;
	padding-top: 44px;
	padding-bottom: 3%;
}
.reviews.first li {width: 43%;}
.reviews li p {margin: 0; padding: 0; line-height: inherit;}
.reviews li blockquote {text-transform: uppercase; font: 2em/1 /*32px*/ "League Gothic", "Arial Narrow", sans-serif; color: #fff; font-weight: normal;}
.reviews li h3 {margin: 0 0 0.5em; color: #fff;}
.reviews li cite {text-transform: none; font: 75% /*12px*/ "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; color: #fff;}
.reviews li.four-stars {background: transparent url(library/images/icon/4stars.png) top center no-repeat;}
.reviews li.five-stars {background: transparent url(library/images/icon/5stars.png) top center no-repeat;}

/*-- 4.2 Latest News --*/
.newsItem {
	margin-bottom: 1em; 
	padding: 10px; 
	background: #000; 
	border-radius: 15px;
}
.newsItem img {
	display: block; 
	float: left;
	margin: 0 10px 0 0; 
	border: 2px solid #333; 
	border-radius: 15px;
}
.newsItem h2 {margin: 10px 0 0;}
.newsItem .posted {font-weight: bold; color: #ebbb49;}
.newsItem .articleContent {clear: both; margin-top: 15px;}
.newsItem .articleContent img {float: none;}
.newsItem .articleFooter {padding-top: 10px; text-align: right;}
.reviews li .btn {margin: 10px 0;}

/*-- 4.3 Partners --*/
.partner {
	margin-bottom: 1em; 
	padding: 10px; 
	background: #000; 
	border-radius: 15px;
}
.partner img, .single-post #content img {
	display: block; 
	float: left;
	margin: 0 10px 0 0; 
	border: 2px solid #333; 
	border-radius: 15px;
}
.partner h2 {margin: 10px 0 0; }
.partner h2 a {color:#fff;text-decoration: none;}
.partner .articleContent {float: left; width: 90%;}
.partner .articleFooter {padding-top: 10px; text-align: right; clear: both;}

footer .partners_links { list-style: none; margin: 5px 0; }
footer .partners_links li { float: left; margin: 15px; }

/*-- Workshops page --*/
.page-workshops .mainContent h3 {
	margin-top: 0;
}
.page-workshops article {
	margin-bottom: 1em; 
	padding: 20px; 
	background: #000; 
	border-radius: 15px;
}

.page-workshops article h2 {
	clear:both;
	margin: 10px 0;
}

/*-----------------------------*/
/*-- 3. Plugins ---------------*/
/*-----------------------------*/

/* akaGallery */
.akaGallery li {width: 16%; float: left; margin: 0 2% 1em; list-style: none;}
.akaGallery img {display: block; margin: 0 auto; border: 2px solid #333;}
.akaGallery a:hover img {border-color: #ebbb49;}

.page-video-gallery .akaGallery li {position: relative; padding-bottom: 45px;}
.page-video-gallery .akaGallery a {text-decoration: none;}
.page-video-gallery .akaGallery h3 {
	position: absolute; 
	bottom: -10px; 
	left: 0; 
	right: 0; 
	height: 40px;
	overflow: hidden;
	font: bold 1em/1.2 /*16px*/ "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
}
.akaGallery .video a:after, .akaGallery .video a .ieVideoIcon {
	position: absolute;  
	top: 40%; 
	left: 50%; 
	width: 48px;
	height: 48px;
	margin: -24px 0 0 -24px;
	content: ""; 
	z-index: 1; 
	background: url(library/images/icon/video.png) no-repeat center top;
}

/* Colorbox */
.section-gallery #cboxOverlay {background-color: #232221;}
#cboxContent {position: relative;}
#cboxContent #cboxLoadedContent {border: 0;}
#cboxContent #cboxLoadingGraphic {background-image: url(library/images/colorbox/loading.gif);}
#cboxContent #cboxTitle {position: absolute; top: auto; bottom: 0; left: 0; right: 0; padding: 15px; background: #000; opacity: 0.7;}
.page-video-gallery #cboxTitle {display: none !important;}
#cboxContent #cboxCurrent {top: -30px; font-size: 0.9em;}
#cboxContent .shareThisMarkupPanel {right: auto; left: 0; bottom: -30px;}
#cboxContent #cboxNext, #cboxContent #cboxPrevious, #cboxContent #cboxClose {background-image: url(library/images/colorbox/controls.png);}
#cboxContent #cboxNext, #cboxContent #cboxPrevious {width: 40px; height: 51px;}
#cboxContent #cboxNext {right: 10px;}
#cboxContent #cboxPrevious {left: 10px;}
#cboxContent #cboxClose {width: 20px; height: 25px; top: -35px; right: 0;}

/* Accordion */
.accordion .icon {float: right; margin: 7px 0 0 10px; font-size: 2em;}
.accordion section {padding-top: 10px;}

/* Storify feed */
#storify-container {background-color: #171717; color: white; height: 190px;padding: 15px 12px 21px 16px; border-radius: 10px; margin-top: 20px;}
#storify-container h3 {height: 40px; color: #fff; font: 1.5em /*24px*/ "League Gothic", "Arial Narrow", sans-serif; margin-bottom: 0;}
#storify-feed {position: relative; width: 100%; height: 160px; overflow: hidden; margin: 0; padding: 0;}
#storify-feed ul {margin: 0; width: 95%;}
#storify-feed li {margin-bottom: 15px; border-bottom: 1px solid #3d3d3d; padding-bottom: 10px; overflow: hidden; line-height: 1.5em; font-size: 75% /*12px*/;}
#storify-feed img {max-width: 100%; display:block;}
#storify-feed .storify-thumb {float: left; }
#storify-feed .storify-image,
#storify-feed .storify-video,
#storify-feed .storify-caption,
#storify-feed .storify-caption,
#storify-feed .storify-quote,
#storify-feed .storify-link,
#storify-feed .storify-date {margin-left: 58px; display: block; margin-bottom: 5px;}
#storify-feed .storify-video {overflow: hidden; display: block; border: none; position: relative;}
#storify-feed .storify-video a.img {display:block; float: left; margin-right: 10px; position: relative;}
#storify-feed .storify-video a.img:after {
	position: absolute;  
	top: 50%; 
	left: 50%; 
	width: 40px;
	height: 40px;
	margin: -20px 0 0 -20px;
	content: ""; 
	z-index: 1; 
	background: url(library/images/icon/video.png) no-repeat;
}

/* Perfect Scrollbar */
.ps-container .ps-scrollbar-x {
    position: absolute; /* please don't change 'position' */
    bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x */
    height: 8px;
    background-color: #aaa;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    opacity: 0.6;
    filter: alpha(opacity = 60);
}
.ps-container .ps-scrollbar-x:hover {opacity: 0.9; filter: alpha(opacity = 90); cursor:default;}
.ps-container .ps-scrollbar-y {
    position: absolute; /* please don't change 'position' */
    right: 3px; /* there must be 'right' for ps-scrollbar-y */
    width: 8px;
    background-color: #aaa;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    opacity: 0.6;
    filter: alpha(opacity = 60);
}
.ps-container .ps-scrollbar-y:hover {opacity: 0.9; filter: alpha(opacity = 90); cursor: default;}

.cookiesTable tr th, .cookiesTable tr td { border:1px solid #fff; padding: 10px;}

/*-----------------------------*/
/*-- 4. Bug Fixes -------------*/
/*-----------------------------*/

.ie7 .btn, .ie8 .btn {
	/* triggers hasLayout for IE */
	zoom: 1; 
	/* target IE7 only */
	* display: inline;
}
.ie7 #mainMenu li, .ie7 #lead .menu li {float: left;}
.ie7 #siteFooter .social {width: 190px;}
.ie7 #cboxContent .shareThisMarkupPanel {height: 30px;}


/*-----------------------------*/
/*-- 5. Resolution Specific ---*/
/*-----------------------------*/

@media only screen
and (min-width : 1280px) {

	#lead { 
		background-color: #024b93;
		background-image: url(library/images/bg/fadeLeft_blue.png), url(library/images/bg/fadeRight_blue.png), url(library/images/bg/gradRed.jpg);
		background-position: left top, right top, left top;
		background-repeat: repeat-y, repeat-y, repeat-x;
	}

}
@media only screen
and (max-width : 1085px) {

	#static {display: none;}

}

@media only screen
and (max-width : 1023px) {

	body {font-size: 87.5% /*14px*/;}
	.home, .insidePage #content {background-size: 140%;}
	.home #siteHeader {padding-bottom: 22%;}
	
	.btn.icon, .btn.small.plus, .btn.small.mail {width: 35px;}

}

@media only screen
and (max-width: 989px) {

	.home #quotes li {width: 30%; padding-left: 5px; padding-right: 5px;}
	
}

@media only screen
and (max-width : 845px) {

	body {font-size: 75% /*12px*/;}
	#logo {padding-left: 10px; padding-right: 10px;}
	.btn.icon, .btn.small.plus, .btn.small.mail {width: 32px;}

}

@media only screen
and (max-width : 767px) {

	body {font-size: 100% /*16px*/;}

	.home, .insidePage, #mainMenu {background-image: none;}
	.home #quotes {height: 100px;}
	.home #quotes ul li:nth-child(2), .home #quotes ul li:nth-child(3) {display: none;}
	.home #quotes li {width: auto; margin: 0 auto; float: none; padding-left: 10px; padding-right: 10px;}
	.home #quotes h3 {font-size: 1.4em;}

	#mobileMenu {
		padding: 10px 2% 13px; 
		text-align: center; 
		background-color: transparent, #3f0606;
		background-image: url(library/images/divide1.jpg), url(library/images/bg/gradRed.jpg);
		background-repeat: repeat-x, repeat-x;
		background-position: left bottom, left top;
	}
	#linkHome span {
		display: block;
		width: 25px; 
		height: 28px;
		text-indent: -999em;
		background: url(library/images/icon/spriteMobile.png) no-repeat left center;
	}
	#linkHome:hover {background-position: left bottom;}
	#navHandle span {
		display: inline-block;
		width: 20px; 
		height: 21px;
		margin-left: 7px;
		text-indent: -999em;
		background: url(library/images/icon/spriteMobile.png) no-repeat right center;
	}
	#mainMenu li {display: block; margin: 0;}
	#mainMenu a:hover, 
	#mainMenu .current-menu-item a, 
	.section-the-show .linkShow a, 
	.single-cast .linkShow a, 
	.single-creative .linkShow a, 
	.section-gallery .linkGallery a, 
	.single-post .linkNews a, 
	.single-post .sublinkNews a, 
	.page-reviews .linkNews a {
		background: none;
	}
	#mainMenu .sub-menu {padding-top: 7px;}
	#mainMenu .current-menu-item, #mainMenu .current-menu-parent {padding: 5px 0; background: #162743;}
	#mainMenu .sub-menu li a {font-size: 1.5em; color: #FEF8DA; background: none;}
	#mainMenu .sub-menu .current-menu-item a {padding: 0; color: #fff;}
	
	.home #siteHeader, .insidePage #siteHeader {padding-bottom: 25%; background: url(library/images/bg/group-mobile.png) no-repeat center bottom; background-size: 140%;}
	.insidePage #siteHeader {padding-bottom: 0; background-image: url(library/images/bg/glow.jpg);}
	
	#lead {text-align: center;}
	#lead .book, #address, #address h3, #address h4,
	#lead #location h3, #lead #location h4 {float: none; display: inline-block;}
	#lead .social {display: none;}
	#lead .menu li {display: block; text-align: left;}
	#lead .menu a {display: none;}
	#lead .menu a:hover, 
	#lead .menu .current_page_item a, 
	#lead .menu .current-menu-item a,
	.single-post #lead .sublinkNews a,
	.single-cast #lead .sublinkCast a,
	.single-creative #lead .sublinkCreative a {
		display: block; 
		color: #fff; 
		background: none; 
		cursor: default;
	}
	
	.insidePage #content {background: none; padding-bottom: 0;}
	.insidePage #pageContent > div > h3:first-child {margin-top: 1em;}
	.insidePage #pageContent > .tickets > h3:first-child {margin-top: 0;}
	
	.page-cast .cast-creative li {float: none; width: auto; padding: 0 0 1em; list-style: none;}
	.page-cast .cast-creative img, .single-cast #content img {display: block; float: left; width: 30%; margin: 0 10px 0 0; border: 2px solid #333;}
	.page-creative-team .cast-creative li, .page-creative-team .cast-creative li:nth-child(2n) {width: 94%; float: none;}
	.page-creative-team .cast-creative li {padding: 3%;}
	
	.akaGallery li {width: 29%;}
	
	.single-post #pageContent .threeCol {float: left;}
	
	.reviews li { float: none; width: auto;}
	
	.page-tickets .tickets {float: none; width: auto; margin: 0;}
	
	#content, #siteFooter {padding-left: 15px; padding-right: 15px;}
	.insidePage #siteFooter {margin-top: 40px;}
	#siteFooter {text-align: center;}
	#siteFooter .social {width: 100%; float: none; display: inline-block;}
	#siteFooter .social li {margin: 0; float: none; display: inline-block;}
	#siteFooter .btn.icon, #siteFooter .btn.small.plus, #siteFooter .btn.small.mail {width: 38px; font-size: 1.5em;}
	#siteFooter .btn.small.plus {line-height: 1.38;}
	#siteFooter .btn.small.photo {font-size: 1.45em; line-height: 1.2;}
	#siteFooter .btn {margin: 15px 5px 20px;}
	#siteFooter h4, #siteFooter #address {display: none;}
	#siteFooter .terms {clear: both;}
	#developer {float: none; padding-top: 20px;}

}

@media only screen
and (max-width : 767px)
and (orientation : portrait) {

	.akaGallery li {width: 45.5%;}
	
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 767px) {

	html {-webkit-text-size-adjust: none; -ms-text-size-adjust: none;}

}