@charset "UTF-8";

* {
	margin:0;
	padding:0;
	border:none;
}

body {
	text-align:center;
}

h1 {
	font:normal 14pt Georgia, "Times New Roman", Times, serif;
	color:#fff;
}

h2 {
	font:bold 9pt Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0 0 10px;
}


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

h2 a:hover {
	text-decoration:underline;
	background:none;
}

#one-col h2 {
	margin:0 0 10px;
}


div.spectacle-body h2 {
	margin-top:30px;
}


h3 {
	font:normal 9pt Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin-bottom:6px;
}

ol, ul {
	margin:0 0 20px 15px;
}

p, li, h2 span {
	font:normal 8pt/14pt Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

label {
	line-height:10pt;
}

p {
	margin:0 0 7px;
}

input, 
textarea,
select,
option {
	font:8pt/14pt Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}





/* 
		position 
						*/

#navigation {
	width:100%;
	height:70px;
	margin:0 0 40px;
	padding:30px 0 0;
	background:#000 url(../img/bg_navigation.gif) repeat-x center;
	visibility:hidden;
}

#breadcrumb {
	width:100%;
	padding:5px 0;
	margin:0 0 20px;
	border-bottom:1px solid #fff;
}

#breadcrumb p {
	width:490px;
	margin:auto;
	text-align:left;
	
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

#wrapper {
	width:735px;
	margin:0 auto;
	text-align:left;
	visibility:hidden;
}

#left {
	width:340px;
	float:left;
}

#right {
	width:340px;
	float:right;
}

#footer {
	margin:100px 0 0 0;
	padding:5px 0;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	visibility:hidden;
}

#footer.absbottom {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}

#copyright {
	text-align:center;
}

#copyright a {
	font-weight:normal;
}

#copyright a:hover {
	color:#fff;
	background:none;
}




/* pictures */
ul#pictures-list {
	list-style:none;
	margin:0;
}

ul#pictures-list li {
	color:#fff;
	float:left;
	width:88px;
	height:88px;
	padding:6px;
	background:#000;
	margin-right:5px;
}

ul#pictures-list li a:hover {
	background:transparent;
}




ul#spectacles {
	list-style:none;
	margin:0;
}

ul#spectacles li {
	width:100px;
	padding-right:20px;
	color:#fff;
	float:left;
}

ul#spectacles li.no-padding {
	padding:0;
}

ul#spectacles li p.image,
div.presentation p.image {
	width:88px;
	height:88px;
}

ul#spectacles li p.image img,
div.presentation p.image img,
div#spectacle-actors img {
	border:2px solid #fff;
}



ul#spectacles li p.image a:hover {
	background:transparent;
}

div.presentation {
	clear:both;
}

div.presentation p.image {
	float:left;
	margin:5px 15px 10px 0;
}


/* pages navigation */
p.pages-navigation {
	text-align:center;
	margin:60px 0 10px;
	padding:10px 0;
}


p.pages-navigation a, p.pages-navigation span {
	padding:5px;
}



/* display scroll for all cases */
#scroll {
	position:absolute; 
	top:0; 
	bottom:-0.1px; 
	width:1em; 
	z-index:-1;
}


/* Overlay elements */

#splash {
	position:absolute;
	left:0;
	width:100%;
	height:100%;
	background:#000 url(../img/splash_logo.jpg) no-repeat center center;
}

div#tips-wrapper {
	display:none;
	position:absolute;
	padding:10px 20px 6px;
	text-align:left;
}



/* forms */
ul.form-layout {
	list-style:none;
	width:340px;
	margin:20px 0 0;
}

ul.form-layout li {
	padding:7px 5px 7px;
	clear:both;
}

ul.form-layout li label {
	display:block;
	float:left;
	width:100px;
}

ul.form-layout li label span {
	font-size:7pt;
}

ul.form-layout li.focus label {
	font-weight:bold;
}

ul.form-layout li.focus label span {
	font-weight:normal;
}

input.textbox {
	width:220px;
	padding:3px;
}

select {
	width:226px;
	padding:3px;
}

textarea {
	width:220px;
	height:100px;
	padding:3px;
}

input.button {
	padding:5px 10px;
}

.clear {
	clear:both;
}

.ac {
	text-align:center;
}

.ar {
	text-align:right;
}

img.spectacle-main-image {
	width:340px;
	height:140px;
	border:3px solid #fff;
}

.separator1 {
	height:30px;
	margin:20px 0 10px;
	background:url(../img/separator1.png) no-repeat center;
	clear:both;
}

.separator2 {
	height:30px;
	background:url(../img/separator2.png) no-repeat center;
	clear:both;
}


div.backgroundcolor {
	padding:0 10px 10px;
}	

div.backgroundcolor .separator1 {
	margin:10px 0;
}

img.border {
	border:10px solid #fbffde;
}