@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
}

#utilities {
	height: 13px;
	width: 937px;
	margin: 10px auto 10px auto;
	padding-right: 5px;
}

#utilities div {
	height: 13px;
}

#utilities div.language {
	float: left;
	height: 9px;
	padding: 1px 5px 0 15px;
}

#utilities div.language a {
	padding: 0 5px;
}

#utilities div#search {
	float: right;
	height: 12px;
}

#utilities div#search .inputField {
	height: 12px;
	width: 130px;
	margin-left: 5px;
	padding: 1px 0 0 3px;
	border: none;
}

#utilities div#search input.submit {
	height: 12px;
	margin: 0;
	padding: 0 10px;
	border: none;
	cursor: pointer;
}

#container {
	margin: 0 auto 0 auto;
	width: 942px;
}

h1, ul {
	margin: 0;
	padding: 0;
}

p {
	clear: both;
	margin: 0 0 10px 0;
}

a img {
	border: none;
}

.backLink {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0;
}

#header {
	width: 100%;
	height: 89px;
	position: relative;
}

#header #flashAnim {
	width: 730px;
	height: 75px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}

#header #menu {
	position: absolute;
	right: 0;
	bottom: 1px;
	height: 13px;
	width: 80%;
	padding: 1px 10px 0 10px;
	z-index: 30;
}

#header #menu li {
	float: right;
	height: 10px;
	padding: 2px 5px 0 5px;
}

#content {
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

#left {
	float: left;
	width: 705px;
	min-height: 450px;
}

.season_separator {
	float: left;
	width: 675px;
	padding: 10px 10px 10px 20px;
	cursor: pointer;
}

.events {
	float: left;
	width: 100%;
}

.performance {
	float: left;
	width: 235px;
	height: 454px;
	overflow: hidden;
}

.performance .title {
	float: left;
	width: 233px;
	height: 70px;
	border-left-width: 1px;
	border-left-style: solid;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
}

.performance .title h1 {
	clear: both;
	margin: 20px 20px 0 20px;
}

.performance .title h2 {
	clear: both;
	margin: 0 0 5px 20px;
}

.performance img {
	float: left;
	width: 100%;
	height: 156px;
	border: none;
}

.performance .info {
	float: left;
	width: 233px;
	position: relative;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
}

.performance .info .dates, .article .image .info .dates {
	width: 193px;
	height: 79px;
	clear: both;
	padding: 20px 20px 0px 20px;
}

.performance .info .dates li, .article .image .info .dates li {
	float: left;
	width: 46%;
}

.performance .info .ticket, .article .image .info .ticket {
	position: absolute;
	bottom: 10px;
	right: 20px;
	height: 10px;
	padding: 2px;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.performance .description {
	float: left;
	width: 234px;
	height: 128px;
	position: relative;
	border-right-width: 1px;
	border-right-style: solid;
}

.performance .description p {
	width: 194px;
	padding: 20px 20px 0px 20px;
}

.performance .description a {
	position: absolute;
	right: 20px;
	bottom: 15px;
}

#left .article {
	float: left;
	width: 94.3%;
	min-height: 350px;
	padding: 20px;
	margin-bottom: 70px;
}
#left .article.home {
	margin-bottom: 0px;
}

.article h1 {
	clear: right;
}

.article h2 {
	clear: right;
	margin: 0 0 20px 0;
	padding: 0;
}

#left .article .image {
	float: left;
	clear: none;
	width: 235px;
	margin: 0 20px 20px 0;
	background-color: #EEE;
}

#left .article .image img {
	float: left;
	clear: both;
	width: 235px;
}

.article .image .info {
	float: left;
	clear: both;
	width: 233px;
	min-height: 60px;
	position: relative;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.article .image p.info {
	width: 193px;
	padding: 20px;
	margin: 0;
}

.article .image .info a {
	color: white;
	text-decoration: underline;
}

.article .image .info a:hover {
	color: gray;
	text-decoration: none;
}

.article p {
	clear: right;
}

.article span.credits {
	float: left;
	margin: 20px 0;
}

.article .credits p {
	margin-bottom: 5px;
}

#left .videoContainer {
	float: left;
	width: 100%;
	margin: -80px auto 80px auto;
}

#left .youtubeVideo {
	float: left;
	margin: 0px 0px 0px 20px;
}

#left .images {
	float: left;
	margin-top: -50px;
}

#left .images img {
	float: left;
	width: 255px;
}

#left .images .imgContainer {
	float: left;
	width: 235px;
	height: 156px;
	overflow: hidden;
}

form input {
	border: 1px solid;
}

form textarea {
	border: 1px solid;
}

.contacts {
	float: left;
	width: 695px;
	height: 500px;
	padding-top: 20px;
	margin-bottom: 70px;
}

.contactCol {
	float: left;
	clear: both;
	width: 695px;
}

.contacts h1 {
	float: left;
	clear: both;
	width: 150px;
	padding: 0 0 0 20px;
}

.contacts .midHeader {
	padding: 10px 0 0 20px;
}

.contact {
	float: left;
	width: 150px;
	min-height: 20px;
	padding: 10px 0 0 20px;
}

.contact h1 {
	padding: 0;
}

.contact h2 {
	margin: 0;
	padding: 0;
	float: left;
	width: 150px;
}

.press {
	float: left;
	width: 665px;
	padding: 0;
	min-height: 440px;
}
.pgallery {
	padding: 20px;
}

.press h1 {
	float: left;
	width: 60%;
}

.press form {
	float: left;
	width: 44%;
}

.press #sortBy {
	border: 1px solid;
}

.press ul {
	float: left;
	width: 705px;
	margin-top: 10px;
}
.pgallery ul {
	width: 675px;
}

.press #accordion ul {
	margin-top: 0;
}

.press ul li {
	float: left;
	clear: both;
	width: 695px;
	padding-left: 10px;
}
.pgallery ul li {
	width: 655px;
}

.press .pressList .titles span {
	float: left;
	padding: 5px 10px;
	border-right-width: 1px;
	border-right-style: solid;
}

.press .pressList li span {
	float: left;
	padding: 5px 11px 5px 10px;
}

.press .titles {
	margin: 1px 0;
}

.press .pressGallery .titles span {
	float: left;
	padding: 5px 0 5px 10px;
	border-right-width: 1px;
	border-right-style: solid;
}

.press .pressGallery li span {
	float: left;
	padding: 5px 1px 5px 10px;
}

.press .pressList li .row1 {
	width: 22%;
	text-transform: uppercase;
}
.press .pressList li .row2 {
	width: 24%;
}
.press .pressList li .row3 {
	width: 8%;
}
.press .pressList li .row4 {
	width: 8%;
}
.press .pressList li .row5 {
	width: 10%;
}
.press .pressList li .row6 {
	width: 7%;
}
.press .pressList .titles .row6 {
	border: none;
}

.press .pressGallery li {
	padding-left: 0;
}
.press .pressGallery li .row1 {
	width: 80px;
	padding: 0 20px 0 0;
}
.press .pressGallery li.titles .row1 {
	width: 80px;
	padding: 5px 10px;
}
.press .pressGallery li .row1 img {
	width: 100px;
}
.press .pressGallery li .row2 {
	width: 20%;
}
.press .pressGallery li .row3 {
	width: 10%;
}
.press .pressGallery li .row4 {
	width: 10%;
}
.press .pressGallery li .row5 {
	width: 35%;
}
.press .pressGallery li.titles .row5 {
	border: none;
}

.presslist_separator {
	float: left;
	clear: both;
	padding: 10px 10px 10px 20px;
	margin: 0;
	width: 675px;
	cursor: pointer;
}

#left #calendar {
	float: left;
	width: 100%;
	min-height: 187px;
	padding-bottom: 40px;
}

#left #calendar #separator {
	height: 10px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

#calendar .column {
	float: left;
	width: 195px;
	margin: 20px 20px 0 20px;
}

#calendar span {
	float: left;
	clear: both;
	width: 195px;
	padding-left: 5px;
}

#calendar .month {
	width: 100%;
	padding-left: 0%;
	margin-bottom: 5px;
}

#calendar .title {
	width: 100%;
	padding-left: 0%;
	cursor: pointer;
}

#calendar .collapse {
	float: left;
	clear: both;
	display: block;
	width: 100%;
	margin: 0 0 5px 0;
}

#calendar span a {
	float: none;
	clear: none;
}

#right {
	float: left;
	width: 237px;
	overflow: hidden;
}

#right #calendar {
	float: left;
	width: 297px;
	margin: 20px 20px 0 20px;
	display: inline;
}

#right #calendar .column {
	float: left;
	width: 195px;
	margin: 0 0 20px 0;
}

#right #calendar span {
	float: left;
	clear: both;
	width: 100%;
	padding: 0;
}

#right #calendar .collapse {
	margin: 0;
	padding: 0 5%;
}

#right #calendar .collapse span.lastChild {
	font-size: 5px;
}

#right #calendar .month {
	width: 100%;
	padding: 0;
	margin-bottom: 0;
}

#right .article {
	float: left;
	padding: 20px;
}

#right .banner {
	float: left;
	width: 100%;
	height: 227px;
	position: relative;
}

#right .article a.button, #right .article a.button:link, #right .article a.button:visited {
	float: left;
	height: 10px;
	margin-top: 2px;
	margin-right: 2px;
	padding: 2px 3px 2px 3px;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 9px;
	text-transform: capitalize;
	text-align: center;
	cursor: pointer;
}

.banner#shortcuts, .banner#subnav {
	width: 197px;
	height: auto;
	padding: 20px;
	background-repeat: repeat-x;
	background-position: bottom;
	color: white;
}
.banner#shortcuts {
	height: 177px;
	overflow-y: hidden;
	background: #292929 url(../FE_images/banners/right_snarveier_blank.png) bottom no-repeat;
}
.banner#subnav {
	background: #CC0000 url(../FE_images/bg_article_img_sub.png) top repeat-x;
}
.banner#shortcuts h1, .banner#subnav h1 {
	margin: 0 0 10px;
}
.banner#shortcuts ul {
	height: 177px;
	overflow-y: hidden;
}
.banner#shortcuts ul, .banner#subnav ul {
	margin-top: 4px;
}
.banner#shortcuts ul li, .banner#subnav ul li {
	padding: 0 0 4px 10px;
	background-image: url(../FE_images/raQuo.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	text-transform: uppercase;
}
.banner#shortcuts li a, .banner#subnav li a {
	color: white;
}	
.banner#shortcuts li a:hover, .banner#subnav li a:hover {
	color: #999;
}
.banner#subnav li a.selected, .banner#subnav h1 a.selected  {
	color: #330000;
}	
.banner#shortcuts li a.selected, .banner#shortcuts h1 a.selected {
	color: #666;
}	
.banner#shortcuts h1 a, .banner#subnav h1 a {
	color: white;
}
.banner#shortcuts h1 a:hover, .banner#subnav h1 a:hover {
	color: gray;
}

.banner .text {
	width: 197px;
	height: 52px;
	position: absolute;
	bottom: -14px;
	left: 0px;
	padding: 60px 20px 20px;
	font-size: 14px;
	text-transform: uppercase;
}

.banner .button {
	width: auto;
	height: 10px;
	padding: 3px 5px;
	position: absolute;
	bottom: 13px;
	right: 15px;
}

#footer {
	float: left;
	width: 902px;
	height: 50px;
	margin-top: 10px;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0 20px;
	color: white;
}

#footer a:link, #footer a:visited {
	color: #CCCCCC;
}

#footer a:hover, #footer a:active {
	color: black;
}

#footer #login {
	margin-left: 10px;
}

#sponsors {
	float: left;
	clear: none;
	width: 150px;
	height: 12px;
	text-align: left;
	color: gray;
}

#sponsor {
	text-align: left;
	text-indent: -9999px;
	background: url(../FE_images/vulkan_logo.png) no-repeat left top;
	width: 125px;
	height: 23px;
	float: left;
}

#sponsor:hover {
	background: url(../FE_images/vulkan_logo.png) no-repeat left bottom;
}

#links {
	float: left;
	clear: none;
	padding: 0 0 0 150px;
}
#facebook {
	float: left;
	clear: none;
	padding: 5px 20px 10px 30px;
	background: url(../FE_images/fb_icon.png) no-repeat left top;
}
#twitter {
	float: left;
	clear: none;
	padding: 5px 20px 10px 30px;
	background: url(../FE_images/twitter_icon.png) no-repeat left top;
}
#copyright {
	padding: 5px 0 0 20px;
	float: left;
}
#login {
	padding: 5px 0 0 0;
	float: left;
	margin-left: 10px;
}

.help-tip {
	width: 150px;
	z-index: 13000;
	border: 5px solid;
	padding: 10px;
}
 
.help-title {
	margin: 0;
}


/* COLORS */
body {
	background-color: #333;
	color: black;
}

a:link, a:visited {
	color: #cc0000;
}

a:hover, a:active {
	color: #660000;
}

a.green:link, a.green:visited {
	color: #00cc00;
}

a.green:hover, a.green:active {
	color: #006600;
}

#utilities .submit {
	background-image: none;
	background-color: #333;
	color: white;
	cursor: pointer;
}

#utilities a:link, #utilities a:visited {
	color: white;
}

#utilities a:hover, #utilities a:active, #utilities input.submit:hover, #utilities input.submit:active {
	color: gray;
}

#utilities a.selected {
	color: #999;
}

#header {
	background-color: white;
	background-image: url(../FE_images/bg_header.jpg);
	background-repeat: no-repeat;
}

#header a:link, #header a:visited {
	color: white;
	background-color: #cc0000;
}

#header a:hover, #header a:active {
	color: #660000;
}

#header #menu {
	color: white;
}

#header #menu li a {
	background: none;
}

#header #menu .up {
	color: #660000;
}

#content {
	border-bottom-color: black;
	background-color: white;
	background-image: url(../FE_images/bg_right.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

#content.darkBg {
	border-bottom-color: black;
	background-color: #2b2724;
	background-image: none;
}

#content.whiteBg {
	border-bottom-color: black;
	background-color: white;
	background-image: none;
}

#left {
	background-color: white;
}

.season_separator {
	background-color: #cc0000;
	color: white;
	background: url('../FE_images/btn_bg_grad.png') repeat-x; 
}

.performance {
	background-color: #cc0000;
}

.performance .title {
	color: black;
	background-color: #dcd8cd;
	background-image: url(../FE_images/bg_title.png);
	background-repeat: repeat-x;
	border-left-color: #efeee9;
	border-top-color: #efeee9;
	border-right-color: #d3cdbf;
}

.performance .title:hover {
	color: #666;
}	

.performance .info {
	color: #FFF;
	border-left-color: #d80000;
	border-right-color: #ac0000;
	background-image: url(../FE_images/bg_dates.png);
	background-repeat: repeat-x;
}

.performance .description {
	background-color: #FFF;
	border-bottom-color: #cc0000;
	border-right-color: #f6f3f5;
}

.performance .description a:link, .performance .description a:visited {
	color: #cc0000;
}

.performance .description a:hover, .performance .description a:active {
	color: #660000;
}

.performance .info .ticket, .article .image .info .ticket {
	color: white;
	background-color: #CC0000;
	border-right-color: #990000;
	border-bottom-color: #990000;
	background-image: url(../FE_images/bg_ticket.png);
	background-repeat: repeat-x;
	text-decoration: none;
}

.performance .info .ticket:hover, .article .image .info .ticket:hover {
	color: #660000;
}

#left .article {
	background-color: white;
}

#left .article .image .info {
	color: white;
	background-color: #cc0000;
	background-image: url(../FE_images/bg_article_img_sub.png);
	background-repeat: repeat-x;
	border-left-color: #d80000;
	border-right-color: #ac0000;
	border-bottom-color: #640000;
}

.bgstripes {
	background-image: url(../FE_images/bg_stripes.png);
	background-repeat: repeat;
}

.contacts {
	background-color: white;
}

.press #sortBy {
	background-color: #CC0000;
	color: white;
	border-color: black;
}

.press span {
	border-color: white;
}

.press .titles {
	background-color: #f0f0f0;
	color: #666;
}

.presslist_separator {
	background: url('../FE_images/btn_bg_grad.png') repeat-x; 
	background-color: gray;
	color: white;
}

#calendar .collapse span {
	color: #666;
}

#left #calendar {
	background-color: #dcd8cd;
	background-image: url(../FE_images/bg_calendar.png);
	background-repeat: repeat-x;
	background-position: top;
}

#left #calendar #separator {
	background-color: #CC0000;
	border-bottom-color: #640000;
}

.odd {
	background-color: #f0f0f0;
}

form input {
	color: #8a94a5;
	border-color: #BDC7D8;
}

form textarea {
	color: #8a94a5;
	border-color: #BDC7D8;
}

form .error {
	color: red;
}

a.button.off {
	color: white;
	background-color: #CC0000;
	border-right-color: #990000;
	border-bottom-color: #990000;
	background-image: url(../CMS_images/bg_button.png);
	background-repeat: repeat-x;
}

a.button.off:hover {
	color: #FF0000;
	background-color: #990000;
	border-right-color: #330000;
	border-bottom-color: #330000;
	background-image: none;
}

a.button.on {
	color: white;
	background-color: #00CC00;
	border-right-color: #009900;
	border-bottom-color: #009900;
	background-image: url(../CMS_images/bg_button_on.png);
	background-repeat: repeat-x;
}

a.button.on:hover {
	color: #00FF00;
	background-color: #009900;
	border-right-color: #003300;
	border-bottom-color: #003300;
	background-image: none;
}

.banner .text {
	color: white;
	background-image: url(../FE_images/banners/bg_bannertext.png);
	background-repeat: repeat;
}


.banner a:link, .banner a:visited {
	color: black;
}

.banner a:hover, .banner a:active {
	color: #999;
}

.banner .button {
	background-color: #CCCCCC;
	background-image: url(../FE_images/banners/bannerButton.png);
	background-repeat: repeat-x;
	border-top-color: #999999;
	border-bottom-color: black;
	border-right-color: black;
	border-left-color: #999999;
}

.banner .button:hover {
	background-image: none;
	color: white;
}

.help-tip {
	color: black;
	border-color: #CC0000;
	background-color: white;
}
 
.help-title {
	color: black;
}


/* TYPOGRAPHY */
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
}

h1 {
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}

a:link, a:visited {
	text-decoration: none;
}

li {
	list-style-type: none;
}

#utilities a {
	text-transform: uppercase;
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
}

#utilities #search .submit {
	text-transform: uppercase;
	font-size: 9px;
	font-weight: bold;
	line-height: 14px;
}

#utilities #search .inputField {
	font-size: 9px;
	line-height: 9px;
}

#header #menu * {
	font-size: 9px;
	line-height: 10px;
	text-transform: uppercase;
	list-style-type: none;
}

.season_separator {
	text-transform: uppercase;
}

.performance .title h2 {
	font-size: 10px;
	font-weight: normal;
}

.performance .info .dates {
	list-style-type: none;
}

.performance .info .ticket, .article .image .info .ticket {
	text-transform: uppercase;
	text-align: center;
}

.performance .description a {
	text-transform: uppercase;
}

#left .article {
	font-size: 12px;
}

.article h2 {
	font-size: 10px;
	font-weight: normal;
}

.article .image .info {
	font-size: 10px
}

.contacts h2 {
	text-transform: none;
	font-style: italic;
	font-size: 12px;
	font-weight: normal;
}

.press form {
	text-align: right;
}

.press form, .press ul, .press select {
	font-size: 10px;
}

.press .titles {
	text-transform: uppercase;
}

.presslist_separator {
	text-transform: uppercase;
}

form input, form textarea {
	font-size: 9px;
}

.month {
	text-transform: uppercase;
	font-size: 12px;
}

#calendar .title {
	text-transform: uppercase;
}

#right {
	font-size: 10px;
}

.banner .button {
	font-size: 9px;
	text-transform: uppercase;
}

.help-tip {
	font-size: 10px;
}
 
.help-title {
	font-weight: bold;
	text-transform: uppercase;
}