/* Yael Flexer CSS Document */

/* Colours - background= #f4f4f3  */


/*Default DIV Styles*/
* {
	margin: 0;
	padding: 0;
	}
#container {
	 margin: 0px auto;
	 border: 0px;
	 text-align: left;
	 width: 816px !important;
	 width /**/: 816px;
	 margin-top: 50px;
	 height: auto;
	 overflow: hidden;
	 background-color: transparent;
	 }	
body {
	background: #f4f4f3 url('http://www.yaelflexer.com/assets/images/background.jpg') fixed bottom right no-repeat;
	font-family: Georgia, "Times New Roman", serif;
	gont-size: 62.5%;
	color:#666666;
	width:100%;
	height: 100%;
	}
ol, ul{
	list-style-type:none;
	}	
	
#masthead ol{
	width: 480px;
	}
#masthead{
	margin: 0px 0px 25px 10px;
	}
#masthead ol li{
	display: inline-block;
	}
#masthead ol li h1{
	font-style:italic;
	font-size: 1.4em;
	color:#062233;
	}
#masthead ol li a{
	font-size: 1.4em;
	font-weight: normal;
	color:#999999;
	display:inline-block;
	width: auto;
	height:auto;
	text-decoration:none;
	padding: 0px 5px 0px 0px;
	}
#masthead ol li a:hover{
	color:#009900;
	}	

#content{
	background:transparent url('http://www.yaelflexer.com/assets/images/content-bg.png');
	
	width:794px;
	height: auto;
	overflow: hidden;
	padding: 10px;
	color: #000000;
	}
#content h2{
	font-size:1.3em;
	color:#062233;
	font-weight: normal;
	
	}
	
#content p{
	font-size: 1em;
	color:#333333;
	margin: 10px 0px 10px 0px;
	}
a{
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	}

a:hover{
	color:#009900;
	}

/*Calendar Styles*/
#calendar li{
	height:auto;
	overflow:hidden;
	padding: 5px 0px 5px 0px;
	margin:0px 0px 10px 0px;
	font-size:0.9em;
	}
#calendar li span.title{
	width: 200px;
	display: block;
	font-weight: bold;
	font-style: italic;
	text-transform:capitalize;
	float: left;
	padding:5px 0px 5px 10px;
	font-size:1.2em;
	}

#calendar li span.date-time{
	width: 200px;
	display: block;
	float: left;
	padding:5px;
	}
#calendar li span.date-time span{
	display: block;
	}
#calendar li span.boxoffice-website{
	width: 100px;
	padding:5px;
	display:block;
	float:left;
	}
#calendar li span.boxoffice-website a{
	display:block;
	}
#calendar li span.venue{
	width: 200px;
	display:block;
	float:left;
	padding:5px;
	}
#calendar li.installation{
	background:#d1eaf3;
	}
#calendar li.performance{
	background:#ffffff;
	}
#calendar li ul.key li span{
	width: 15px;
	height: 15px;
	display:inline-block;
	margin: 0px 5px 0px 0px;
	border: 1px solid #333333;
	}

#calendar li ul.key{
	padding: 7px 10px 10px 10px;
	width: 180px;
	background: #f5f5f5;
	}	
	
#calendar li ul.key li{
	display:block;
	margin:0px 0px 2px 0px;
	padding:0px;
	}
#calendar li ul.key li span span{
	visibility:hidden;
	}
#calendar li ul.key li span.performances{
	background:#ffffff;
	}
#calendar li ul.key li span.installations{
	background:#d1eaf3;
	}
	
/*Contact form*/
#contact{
	margin:0px 14px;
	}
#contact .contact-form .fieldset label{
	display: block;
	font-size: 18px;
	font-style: italic;
	margin:10px 0px 10px 0px;
	}
#contact .contact-form #submit{
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	margin: 10px 0px;
	padding: 5px;
	background:#ffffff;
	border:1px solid #cccccc;
	color:#333333;
	}
#contact .contact-form input, #contact .contact-form textarea{
	border: 1px solid #cccccc;
	background #ffffff;
	padding: 5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	}




/*Work Listings*/
ol.work-listings{
	margin: 0px 0px 10px 0px;
	}
ol.work-listings li{
	float: left;
	width: 796px;
	height:auto;
	overflow:hidden;
	margin: 0px 10px 10px 10px;
	border-bottom: 1px solid #cccccc;
	}	
ol.work-listings li img{
	float: left;
	/*border:1px  solid #cccccc;*/
	padding: 1px;
	margin: 0px 10px 10px 0px;
	border:none;
	}
ol.work-listings li h3{
	margin: 0px 10px 0px 10px;
	}
ol.work-listings li p{
	margin: 0px;
	padding: 0px;
	}
ol.work-listings li div.preview-details{
	width: 550px;
	display:block;
	height:auto;
	overflow:hidden;
	float: left;
	}	
	
	
	
/*video*/

body#video-page{
	background: #f5f5f5;
	}
#video-player{
	padding:0px 25px 25px 25px;
	}
#video-player h1{
	font-size:1.3em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #333333;
	font-weight: normal;
	margin: 10px 0px 10px 0px;
	}
#video-player h2{
	font-size:1.1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #333333;
	font-weight: normal;
	margin: 10px 0px 10px 0px;
	}
#video-player p{
	margin: 0px 0px 25px 0px;
	}
	
.main_image{
	margin: 0px 10px 10px 10px;
	}
	
/**/
span.edit, span.delete{
	width: 100px;
	display:inline-block;
	text-align:center;
	}
	
h5 {
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 25px;
	
	}