/* Tarnhelm Opera main */

h1, h2
{
	font-weight:normal; font-family:'Copperplate','Trebuchet MS', Arial, Helvetica, sans-serif; font-variant:small-caps
}

a, a:visited
{
	color:#E4AB24
}

ol li
{
	list-style: lower-roman;
	margin-bottom: 0.6em;
}

ul li
{
	list-style: disc;
	margin-bottom: 0.6em;
}

.highlightbox
{
	border:1px solid white;
	padding:10px;
	max-width:600px;
	margin:10px auto;
}

.highlightbox2
{
	background-color: #E4B954;
    color: #211b0e;
	border: 4px solid #BB9C54;
    padding: 10px;
    max-width: 480px;
    margin: 10px auto;
}

.messagebox
{
	max-width: 400px;
	border: 2px solid #E4AB24;
	padding: 0 18px;
	margin: 10px auto;
}

.messagebox .alert
{
    content: '';
    display: inline-block;
    height: 20px;
    width: 25px;
	position: relative;
	top: 4px;
    background-image: url('../images/alert-icon-red-11a.png');
    background-size: contain;
    background-repeat: no-repeat;
}

/* Page header section, banner image and main nav */

#sechead
{
	width:100%;
	margin:0px auto;
	background-color:black;
}
	
#sechead_inner
{
	width: calc(100% - 64px);
	position:absolute;
	top:32px;
	left:32px;
	display:flex;
}

#banner2_outer
{
	display: inline-block;
	width: 40%;
    min-width: 120px;
    max-width: 264px;
    margin-right: 5%;  
}

#banner2
{
	display: block;
	width:100%;
	height:auto;
}

/* Nav */

.nav-main2
{
	display: none;
	margin:1vw auto 0 0;
}
.nav-main2-ul, .nav-main2-ul li.menu-item {
	margin: 0;
	padding: 0;
}
.nav-main2 ul {
	list-style: none;
}
.nav-main2-ul > li.menu-item {
    display: inline-block;
}
.nav-main2-ul li.menu-item {
    position: relative;
    list-style-type: none;
}
.nav-main2-ul > li.menu-item {
    float: left;
}
.nav-main2-ul > li > a.menu-item-link {
    line-height: 32px;
    vertical-align: middle;
}
.nav-main2-ul > li.menu-item > a.menu-item-link {
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:16px;
    font-weight: normal;
    padding-right: 16px !important;
    padding-left: 16px !important;
    text-transform: uppercase;
    letter-spacing: 0px;
}
.nav-main2-ul > li.menu-item > a.menu-item-link {
    display: inline-block;
    text-align: center;
}
.nav-main2-ul a.menu-item-link, .nav-main2-ul span {
    white-space: normal;
}

/* OLDER */

#banner
{
	position:absolute;
	left:32px;
	top:32px;
	max-width:50%;
}

.nav-main
{
	display: none;
	text-align: center;
	margin: 0 auto;
	position: absolute;
	left: 360px;
	top: 54px;
}
.nav-main-ul, .nav-main-ul li.menu-item {
	margin: 0;
	padding: 0;
}
.nav-main ul {
	list-style: none;
}
.nav-main-ul > li.menu-item {
    display: inline-block;
}
.nav-main-ul li.menu-item {
    position: relative;
    list-style-type: none;
}
.nav-main-ul > li.menu-item {
    float: left;
}
.nav-main-ul > li > a.menu-item-link {
    line-height: 32px;
    vertical-align: middle;
}
.nav-main-ul > li.menu-item > a.menu-item-link {
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:16px;
    font-weight: normal;
    padding-right: 16px !important;
    padding-left: 16px !important;
    text-transform: uppercase;
    letter-spacing: 0px;
}
.nav-main-ul > li.menu-item > a.menu-item-link {
    display: inline-block;
    text-align: center;
}
.nav-main-ul a.menu-item-link, .nav-main-ul span {
    white-space: normal;
}

/* END OLDER */

/* Mobile Nav */

.nav-main3-ul, .nav-main3-ul li.menu-item {
	margin: 0;
	padding: 0;
}
.nav-main3 ul {
	list-style: none;
}
.nav-main3-ul li.menu-item {
    position: relative;
    list-style-type: none;
}
.nav-main3-ul > li > a.menu-item-link {
    line-height: 32px;
    vertical-align: middle;
}
.nav-main3-ul > li.menu-item > a.menu-item-link {
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:16px;
    font-weight: normal;
    padding-right: 16px !important;
    padding-left: 16px !important;
    text-transform: uppercase;
    letter-spacing: 0px;
}
.nav-main3-ul > li.menu-item > a.menu-item-link {
    display: inline-block;
    text-align: center;
}
.nav-main3-ul a.menu-item-link, .nav-main2-ul span {
    white-space: normal;
}

/* End Mobile Nav */

/* Mobile-first nav selection */
@media screen and (min-width: 720px)
{
	.nav-main { display: inline-block; }
	.nav-main2 { display: block; }
	.nav-main3 { display: none; }
}

a.menu-item-link:active, a.menu-item-link:focus, a.menu-item-link:link, a.menu-item-link:visited {
    color: white;
    outline: 0;
    text-decoration: none;
}
a.menu-item-link:hover, a.menu-item-link.menu-item-link-current
{
    color: white;
    outline: 0;
	text-decoration: underline;
}

/* Content */
.content
{
	max-width:1100px;
}

.content_text
{
	max-width:640px;
}

.content, .content_text
{
	margin:0px auto;
	padding:0px 20px;
	background-color:black;
	color:white;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:18px;
	padding-bottom:32px;
}

/* Events */
#events
{
	/*max-width: 810px;*/
}
.event
{
	font-family: 'Lato', sans-serif;
	margin-bottom: 18px;
}
.ev_image_outer
{
	display: inline-block;
	width: 400px;
	max-width: 100%;
	margin-right: 24px;
	margin-bottom: 12px;
}
.ev_image
{
	display: inline-block;
	vertical-align: top;
	width: 400px;
	max-width: 100%;
}
.ev_image_attribution, .ev_image_attribution a
{
	font-size:10px;
	color:#CCC;
}
.ev_cal
{
	display: inline-block;
	font-family: Helvetica, Arial, sans-serif;
	vertical-align: top;
	width: 84px;
	margin-right: 24px;
	margin-bottom: 12px;
	background-color: white;
	border: 2px solid white;
	text-align: center;
}
.ev_cal_month_year
{
	background-color: #F06400;
	font-size: 16px;
	padding: 4px 0;
	font-weight: 700;
	color: white;
	text-transform: uppercase;
}
.ev_cal_day
{
	font-size: 60px;	
	line-height: 60px;
	padding-top: 2px;
	font-weight: 700;
	color: black;
}
.ev_cal_dow
{
	font-size: 24px;	
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 2px;
	color: #666;
}
.ev_details
{
	display: inline-block;
	vertical-align: top;
	position: relative;
	top: -6px;
	max-width: 480px;
}
.ev_title
{
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 4px;
}
.ev_title em
{
	font-weight: 400;
}
.ev_description
{
	width: 100%;
	font-size: 18px;
	line-height: 20px;
}
.ev_date_time
{
	margin-top: 4px;
	font-weight: 700;
}
.ev_date
{
	display: inline-block;
	font-size: 24px;
	margin-right: 24px;
}
.ev_time
{
	display: inline-block;
	font-size: 18px;
}
.ev_terms
{
	font-size: 18px;
	font-weight: 700;
	margin-top: 10px;
}

/* Personnel / Cast */
#personnel .person, #cast .person
{
	width:320px; padding-right:40px; padding-bottom:40px; display:inline-block; vertical-align:top;
}

#personnel .photo, #cast .photo
{
	width:135px; padding-right:15px; display:inline-block; vertical-align:top;
}

#personnel .desc, #cast .desc
{
	width:160px; display:inline-block; vertical-align:top;
}

/* Auditions and Auditionee Login */
.pdf_download
{
	width: 135px;
	text-align: center;
}

.pdf_download a
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: white;
	text-decoration: none;
}

#auditions #received
{
	max-width: 360px;
	border: 2px solid #E4AB24;
	padding: 10px;
	margin: 10px auto;
}

#f_audition input[type="text"], #f_audition input[type="email"], #f_audition input[type="tel"], #f_au_login input[type="text"], #f_au_login input[type="email"], #f_login input[type="email"], #f_login input[type="password"], #f_pw_reminder input[type="email"]
{
	width:180px;
	margin-left:5px;
	font-family:Georgia, 'Times New Roman', Times, serif; font-size:16px;
}

#f_audition input[type="checkbox"]
{
	width:18px;
	height:18px;
}

#f_audition select
{
	width:180px;
	font-family:Georgia, 'Times New Roman', Times, serif; font-size:16px;
	padding:4px;
	margin-left:5px;
	-webkit-appearance: none;
}

#f_audition input[type="file"]
{
	font-size: 16px;
    margin-left: 5px;
}

#f_audition input[type="button"], #f_audition button
{
	font-size: 16px;
}

#f_audition .b_submit, #f_au_login .b_submit, #f_login .b_submit, #f_pw_reminder .b_submit
{
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:24px;
	height:48px;
	width:120px;
	background-color:#E4AB24;
	border-radius:6px;
	border:1px solid black;
	cursor: pointer;
}

#f_audition .b_submit.submitting
{
	font-size:18px;
	cursor:progress;
}


/* Support Us */
#f_support .indent
{
	padding-left: 50px;
}

#f_support input[type="text"], #f_support input[type="email"], #f_support input[type="tel"]
{
	width:180px;
	margin-left:5px;
	font-family:Georgia, 'Times New Roman', Times, serif; font-size:16px;
}

#f_support input.amount[type="text"] 
{
	width:90px;
}

#f_support textarea
{
	width:95%;
	height:100px;
	margin-left:5px;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:16px;
}

#f_support #su_messupp_details
{
	max-width:400px;
	height:80px;	
}

#f_support input[type="checkbox"]
{
	width:18px;
	height:18px;
}

#f_support #b_submit
{
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:24px;
	height:48px;
	width:120px;
	background-color:#E4AB24;
	border-radius:6px;
	border:1px solid black;
	cursor: pointer;
}

/* Tickets */
#f_tickets .indent
{
	padding-left: 50px;
}

#f_tickets input[type="text"], #f_tickets input[type="email"], #f_tickets input[type="tel"]
{
	width:180px;
	margin-left:5px;
	font-family:Georgia, 'Times New Roman', Times, serif; font-size:16px;
}

#f_tickets input.amount[type="text"] 
{
	width:90px;
}

#f_tickets textarea
{
	width:95%;
	height:100px;
	margin-left:5px;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:16px;
}

#f_tickets select
{
	font-family:Georgia, 'Times New Roman', Times, serif; font-size:16px;
	height:32px;
	margin-left:5px;
	max-width:90%;
}

#f_tickets #su_messupp_details
{
	max-width:400px;
	height:80px;	
}

#f_tickets input[type="checkbox"]
{
	width:18px;
	height:18px;
}

#f_tickets .note
{
	font-style: italic;
	font-size: 90%;
}

#f_tickets input[type="submit"]
{
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:24px;
	height:48px;
	min-width:120px;
	background-color:#E4AB24;
	border-radius:6px;
	border:1px solid black;
	cursor: pointer;
}

/* Checkout */
#t_checkout
{
	border-collapse:collapse;
	width: 100%;
	min-width:40%;
}
#t_checkout td, #t_checkout th
{
	background-color: #E4CB90;
	color: #333;
	padding: 10px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}
#t_checkout tr.total td, #t_checkout tr.total th
{
	background-color: #E4D7BA;
}
#t_checkout tr.paypal td
{
	padding: 10px 20px;
	background-color: white;
	text-align: center;
}
#t_checkout th
{
	text-align:left;
}
#t_checkout td
{
	text-align:right;
}
#f_checkout .b_submit
{
	font-family:Georgia, 'Times New Roman', Times, serif;
	height:48px;
	background-color:#E4AB24;
	border-radius:6px;
	border:1px solid black;
	cursor: pointer;
}
#f_checkout .b_submit
{
	font-size:24px;
	width:120px;
}
#f_checkout .b_submit.submitting
{
	font-size:18px;
	cursor:progress;
}

/* Contact Us */
#f_contact h2
{
	margin-bottom:6px;
}

#f_contact_sec1
{
	display:inline-block; width:320px; vertical-align:top; margin-top:12px;
}

#f_contact_sec2
{
	display:inline-block; width:500px; max-width:100%; vertical-align:top; margin-top:12px;
}

#t_contact
{
	display:inline-block; vertical-align:top; margin-right:40px;
}

#f_contact h3
{
	font-size:18px;
	font-weight:bold;
	margin:0 0 4px 0;
}

#f_contact input[type="text"], #f_contact input[type="email"]
{
	width:180px;
	margin-left:5px;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:16px;
}

#f_contact textarea
{
	width:95%;
	height:200px;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:16px;
}

#f_contact #b_submit
{
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:24px;
	height:48px;
	width:120px;
	background-color:#E4AB24;
	border-radius:6px;
	border:1px solid black;
	cursor: pointer;
}