@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);

html {
    height: 100%;
}

body {
	text-align:center;
	font-family:Verdana;
	font-size:10pt;
	width: 1024px;

	padding-top:15px;
	padding-bottom:5px;
	
	height: 100%;
    margin: 0 auto;
    
	background-repeat: no-repeat !important;
    background-attachment: fixed !important;

	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */


}

#upcoming-events strong {
  font-size:12pt;
}

.menu {
	list-style-type:none;
	font-family:"Verdana",Tahoma;
	font-variant:small-caps;
	font-size:14pt;
	font-weight:normal;
	text-decoration:none;
	margin:0px auto;
	width:100%;
	padding:0px 2px 0px 0px;
	letter-spacing:1px;
}

.menu li {
	display:inline;
}

.menu li a {
	text-decoration:none;
	margin:0 auto;
	border-radius:2px;
	padding:0px 2px 2px 2px;
	/*background-color:#EEEEEE;*/
	color:#FF6600;
}

.menu li a:hover {
	background-color:#FF6600;
	color:#000000;
}

.row-container {
	position:relative;
	top:10px;
	width:100%;
	float:left;
	margin:10px 0px 0px 0px;
}

#current-auditions{
	width:800px;
	margin-left:auto;
	margin-right:auto;
}

#zeroth-row-container{
	margin-top:-6px;
	width:100%;
}

#zeroth-row-container p.title{
	margin-top:0;
	margin-bottom:5px;
	font-size:1.5em
}

#zeroth-row-container p.subtitle{
	font-weight:normal;
	padding:0 0 10px 0;
	margin:2px 0;
	font-size:0.9em
}

#zeroth-row-container div.show{
	padding:15px 0px 25px 10px;
	width:100%;
}


#zeroth-row-container div.show img{
	width:40%;
	height:auto; 
	float:left; 
	padding-right:15px; 
	padding-bottom:55px;
}

#zeroth-row-container div.show p{
	padding-right:25px;
}

.text {
	text-align:left;
}

.center-text {
	text-align:center;
}

h1 {
	background-color:#FF6600;
	/*background-color:rgba(80,80,80,.75)*/;
	font-size:14pt;
	font-weight:normal;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:left;
	color:#F8F8F8;
	border-radius:5px;
	padding:5px 0px 5px 5px;
	margin:0px auto;
}

h1 a {
	color:#F8F8F8;
	text-decoration:none;
}

a {
	color:#FF6600;
}

.specific-frame {
	background-color:#F8F8F8;
	border-radius:5px;
	margin-top:5px;
	position:relative;
  	/*float:left;*/
}

.shows-menu {
	list-style-type:none;
	padding:0px;
	margin:0px auto;
	margin-left:-35px;
	text-align:left;
}

.shows-menu ul {
	list-style-type:none;
	margin-left:-20px;
	text-align:left;
}

.shows-menu a{
	text-decoration:none;
	margin:0 auto;
	padding:0px;
	background-color:#F8F8F8;
	color:#FF6600;
}

.shows-menu a:hover{
	text-decoration:none;
	margin:0px auto;
	padding:0px;
	background-color:#FF6600;
	color:#000000;
}

h2 {
	background-color:#FF6600;
	font-size:14pt;
	text-align:left;
	color:#F8F8F8;
	border-radius:5px;
	padding:0px 0px 0px 5px;
	margin:0px auto;
}

.role {
	background-color:#F8F8F8;
	float:left;
	width:100%;
}

.role:hover {
	background-color:#FFD1B2;
	color:#000000;
}
.role-name {
	float:left;
	width:50%;
	text-align:left;
}

.actor-name {
	float:right;
	width:50%;
	text-align:right;
}

.style1 {font-weight: bold}
.style2 {
	font-size: 16pt;
	font-weight: bold;
}
.style3 {font-size: 14pt}
.style4 {font-size: 14pt}
.style6 {font-size: 16px}
.style7 {font-size: 16px; font-weight: bold; }


#recent-shows-menu{
	margin-left:10px;
}



/* MACH33 Festival Styles*/



body.mach33-mode{
	
 	height: 100%;
    margin: 0 auto;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;

	background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */


}

.mach33-mode .tacit-banner{
	width:1024px;
	margin:0 auto;
	text-align:center;
}

.mach33-mode ul.menu{
	background-color:#222;
	width:1022px;
	height:30px;
}

.mach33-mode .menu li a {
	text-decoration:none;
	margin:0 auto;
	border-radius:2px;
	padding:0px 6px 2px 6px;
	background-color:#222;
	color:#ccc;
	font-variant:small-caps;
	font-family:Verdana, sans-serif;
	font-size:12pt;

}

.mach33-mode .menu li a:hover {
	background-color:#333;
	color:#fff;
}

.mach33-mode .menu .tacit a{
		color:#FF6600;
}


.mach33-mode .section{
	width:960px;
	margin:100px auto;
	padding:10px 25px 25px;
	background:#d1d1d1;
	color:#222;
	-webkit-border-radius: 25px;
	border-radius: 25px;

	text-align:left;
}

.mach33-mode .about{

	margin:25px auto 50px;
}

.mach33-mode .section h1{
	background:none;
	font-family:Oswald, sans-serif;
	font-weight:normal;
	font-size:32pt;
	color:#000;
	margin-left:0;
	padding-left:0;
	margin-bottom:10px;
}

.mach33-mode .section h2{
	background:none;
	font-family:Verdana, sans-serif;
	font-weight:normal;
	font-variant:small-caps;
	color:#222;
	font-size:16pt;
	margin-top:-12px;
	margin-left:0;
	padding-left:0;
}

.mach33-mode .section h3{
	background:none;
	font-family:Oswald, sans-serif;
	font-weight:normal;
	font-size:14pt;
	letter-spacing:1px;
	margin-left:0;
	padding-left:0;
}

.mach33-mode .section p{
	font-family:Verdana, sans-serif;
	font-size:10pt;
	line-height:18px;
}

.mach33-mode .membershiplevels p{
	font-size:15px;
	font-weight:bold;
	margin-bottom:5px;
}

.mach33-mode .membershiplevels p.explanation{
	font-size:11px;
	line-height:15px;
	font-weight:normal;
	margin-bottom:5px;
	margin-top:-5px;
}

.mach33-mode .pastshows p.date{
	font-size:18px;
	font-weight:normal;
	margin-bottom:0px;
	padding-top:45px;
}

.mach33-mode .membershiplevels ul{
	margin-top:0;
	margin-bottom:40px;
}

.mach33-mode .section .column-full{
	width:590px;
	margin-right:25px;
	float:left;
}

.mach33-mode .membership .column-full{
	padding-bottom:300px;
}

.mach33-mode .section .column-side{
	width:310px;
	float:right;
}

.clearfloat{
	clear:both;
}

.mach33-mode .section .showbox{
	margin-top:55px;
}

.mach33-mode .pastshows .showbox{
	margin-top:15px;
}

.mach33-mode .section .showbox img{

	width:400px;
	height:auto;
	float:left;
	padding:0 25px;
}

.mach33-mode .pastshows .showbox img{

	width:300px;
	height:auto
}

.mach33-mode .shows div:nth-child(3n) img{
	float:right;
}

.mach33-mode .pastshows div:nth-child(2n) img{

	float:right;
}

.mach33-mode .callforscripts p.listheading{
	margin-top:30px;
}

.menu li.mach33 a{
	font-family:Oswald, sans-serif;
	text-decoration:none;
	margin:0 auto;
	border-radius:2px;
	padding:0px 4px 2px 4px;
	background-color:#0e2356;
	color:#eee;
	font-weight:400;
	font-variant:normal;
	font-size:11pt;
}

.menu li.mach33 a span{
	font-family:Tahoma;
	font-variant:small-caps;
	font-size:16pt;
	text-decoration:none;
}

.menu li.mach33 a:hover{
	background-color:#0e2356;
	color:#e1af6b;
}