/* 	
	Main CSS
	Site: Chateauville
	Author:	StoneHouse Digital
	Updated: 06-19-08 - 11:30 // JF
	
*/

* {
	margin: 0;
	padding: 0;
	
	}
.left { float: left; }
.right { float: right; }
.clear { clear: both; }	

p {
	margin-bottom: 1em;
	line-height: 1.2em;
	}

h1, h2, h3, h4 {
	margin-bottom: .6em;
	}	

input, textarea {
	border: 1px solid #999999;
	font-size: 11px;
	margin-top: 3px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
	}
input[type="text"],
textarea {
	max-width: 100%;
	padding: 3px;
	line-height: 1.2em;
	}

input[type="submit"], 
input[type="button"] {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 10px;
	color: #333333;
	cursor: pointer;
	border: 3px double;
	border-top-color: #7cb85f;
	border-left-color: #7cb85f;	
	border-bottom-color: #083f12;
	border-right-color: #083f12;
	padding: .4em 1em;
	margin-bottom: 3px;
	background-color: #ffffff;
	}
input[type="submit"]:hover, 
input[type="button"]:hover {
	color: #0F551C;
	}	
input[type="submit"]:active, 
input[type="button"]:active {
	color: #333333;
	background-color: #f0f0f0;
	border-top-color: #083f12;
	border-left-color: #083f12;	
	border-bottom-color: #7cb85f;
	border-right-color: #7cb85f;
	padding-top: .45em;
	padding-left: 1.1em;
	padding-right: .9em;
	padding-bottom: .35em;
	}

	
body {
	background: #4a6e49 url(/images/bg_gradient.gif) repeat-x;
	/* border-top: 3px solid #007592; */
	font-family: Georgia, "Times New Roman", Times, serif;
	}
#wrapper {
	padding: 10px 0 0 5px;
	}
#container {
	width: 802px;
	margin: 0 auto;
	}
/*=========================================================================== HEADER
*/		
#header {
	width: 802px;
	height: 166px;
	margin-bottom: 10px;
	}


/*=========================================================================== NAV
*/	

#nav {
	width: 800px;
	padding: 0;
	border-bottom: 1px solid #999999;
	font-family: Georgia, Times New Roman, Times, serif;
	font-weight: 700;
	font-size: 12px;
	margin-bottom: 1em;
	float: left;
	}
#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
	margin: 0 auto;
	z-index: 1000;
	}	
	
#nav li {
	list-style: none;
	display: block;
	float: left;
	}
#nav a {
	display: block;
	text-decoration: none;
	color: #fffdf0;
	padding: 5px 5px;
	}	
#nav a:hover {
	color: #cccccc;
	}	

	
#nav a {
	text-transform: uppercase;
	font-size: 12px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-weight: 700;
	text-align: center;
	padding: 2px 5px;
	margin: 0 10px;
	}
#nav li li a {
	font-size: 11px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-weight: normal;
	text-align: center;
	padding: 2px 3px;
	margin: 0 3px;
	text-transform: capitalize;
	}


/*------------------------------- SUBNAV
*/


#nav li ul {
	position: absolute;
	left: -999em; 
	width: 12.3em;
	background-color: #567e5c;
	border: 1px solid #999;
	padding: 0;
	z-index: 1500;
	}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto; 
	}
#nav li li a { 
	padding: .5em 8px; 
	margin-top: 0; 
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	}
#nav li li a:hover,
#nav li li:hover > a,
#nav li li.sfhover > a { color: #0F551C; }
#nav li li {
	width: 11.7em;
	margin: 0;
	padding-left: .3em;
	padding-right: .3em;
	}	
#nav li li:hover, 
#nav li li.sfhover { 
	background: #fffed5;
	}

#nav li ul ul {
	margin: -2.1em 0 0 12em;
}

#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li:hover ul ul ul ul, 
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul, 
#nav li.sfhover ul ul ul ul {
	left: -999em;
}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul, 
#nav li li li li.sfhover ul {
	left: auto;
}


	
/*=========================================================================== MAIN
*/	

#main {
	padding: 0;
	position: relative;
	float: left;
	}	
/*=========================================================================== HOME
*/		
#home { width: 798px; }
#home #col1 {
	float: left;
	width: 580px;
	}
#home #col2 {
	float: right;
	width: 220px;
	}	

#home-slideshow {
	width: 575px;
	height: 300px;
	}
		
#home-welcome {
	width: 575px;
	}

#home-news {
	float: left;
	width: 575px;
	}
#home-media	{
	float: right;
	width: 283px;
	}
#home-schedule {
	float: right;
	width: 215px;
	margin-right: -4px;
	}
#home-search {
	float: right;
	width: 215px;
	margin-right: -4px;
	}
#home-search input[type="text"]	 {
	width: 100px;
	height: 16px;
}

.box h2 {
	position: relative;
	padding: 2px 0;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 20px;
	color: #0f551c;
	border-bottom: 3px double #cccccc;
	margin-bottom: .6em;
	}	
.box .entry {
	margin-bottom: 1.3em;
	clear: both;
	}	
.box h3 {
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 16px;
	color: #333333;
	}

.box h4 {
	font-family: Georgia, "Times New Roman", Times, serif
	font-weight: bold;
	font-size: 12px;
	color: #333333;
	}
		
.box a {
	color: #007592;
	}
.box a:hover {
	text-decoration: none;
	}	
		
#home .content {
	overflow: auto;
	}
#home .content div {
	position: relative;
	}

#home-welcome #home-rolex img{
	border: 0px;
}	
#home-welcome img,
#home-schedule img, #calendar-schedule img {
	border: 3px double #666666;
	}	
#home-welcome img {
	float: left;
	margin-right: 10px;
	}
#home-welcome .entry-body:first-letter {
	font-size: 18px;
	}	
	
#home .box .content { 
	padding: 10px;
	}
	
#home-news .content {

	}
#home-news .more {
	/* float: right; */
	}
#home #events {
	padding: 2px 5px;
	margin-top: .8em;
	}
#home-schedule .content {
	min-height: 458px;
	}
#home-schedule #events a {
	color: #333333;
	text-decoration: none;
	}
#home-schedule #events a:hover {
	color: #007592;
	}	

#home-schedule #events .more {
	color: #007592;
	text-decoration: underline;
	}

#home-schedule #events a:hover .more{
	text-decoration: none;
	}



	
/*=========================================================================== GENERAL LAYOUT
*/	
#col1 {
	float: left;
	width: 520px;
	position: relative;
	}
	
#col1 { padding: 0 5px 5px 5px; }
#home #col1 { padding: 0; }	
#col1 h2 { 
	margin-left: -10px; 
	margin-right: -5px; 
	_margin-left: 0; 
	_margin-right: 0; 
	}
#home #col1 h2 { margin-left: 0; margin-right: 0; }

#col2 {
	float: right;
	width: 200px;
	position: relative;
	}
.sidebox {
	border: 1px solid #eeeeee;
	padding: 10px;
	background-color: #fbfbfb;
	margin-bottom: .5em;
	}
.sidebox h3 {
	color: #666666;
	}
.sidebox ul {
	list-style: none;
	}
.sidebox li {
	list-style: none;
	margin-bottom: .3em;
	}	
/*=========================================================================== BIO & PROFILE
*/		
#bio #col1 {
	width: 440px;
	}
#bio #col2 {
	width: 300px;
	}
#bio h3 {
	margin-top: 1.5em;
	}	
#bio .biglink {
	margin-bottom: 1.5em;
	font-weight: bold;
	font-size: 13px;
	}	
#bio .biglink a {
	color: #333333;
	}	
	
	
		
/*=========================================================================== CALENDAR 1
*/	
.performance-table table {
	text-align: left;
	border: solid #cccccc;
	border-width: 1px 0 0 1px;
	}
.performance-table th,
.performance-table td {
	padding: 5px 10px;
	border: solid #cccccc;
	border-width: 0 1px 1px 0;
	}	
.program-section {
	margin-top: 1.5em;
	border-top: 1px solid #eeeeee;
	padding: 10px 5px;
	}
#calendar-program #col2 {
	margin-top: 20px;
	}

/*=========================================================================== CALENDAR 2
*/	

#calendar-schedule #col1 {
	width: 190px;
	}
#calendar-schedule #col2 {
	width: 530px;
	}	
#calendar-schedule #col2 h2 {	
	margin-left: 10px;
	color: #333333;
	border: none;
	}
#calendar-schedule #schedule {
	padding: 5px;
	}
#calendar-schedule .entry {
	margin-bottom: 1em;
	padding: 5px;
	border-top: 1px solid #eeeeee;
	}
#calendar-schedule .artists {	
	font-weight: bold;
	}
#events .sidebox {
	line-height: 1.3em;
	}	

/*=========================================================================== NEWS & PRESS
============================================================================= (+ MULTIMEDIA)
*/
#news .news-story {
	padding: 0 5px;
	}

#news-section h3,
#media-section h3 {
	font-size: 16px;
	}
#news-section .entry,
#media-section .entry {
	border-top: 1px solid #cccccc;
	padding: 10px 5px 2px 5px;
	margin-bottom: .8em;
	background: url(/images/entry-gradient-bg.gif) top repeat-x;
	}
#news-section .title,
#media-section .title {
	font-size: 12px;
	font-weight: bold;
	}
#news-section .date,
#media-section .date {
	font-style: italic;
	font-size: 11px;
	}
#news-section .summary,
#media-section .summary {
	margin-top: .7em;
	}
#news-section .summary p,
#media-section .summary p {
	margin-bottom: .4em;
	}

/*=========================================================================== MULTIMEDIA
*/	

#media-section .blurb {
	border: 1px solid #f2e9cb;
	padding: 15px 10px 2px 10px;
	margin-bottom: 1.5em;
	margin-left: -5px;
	margin-right: -5px;
	background-color: #fffcf3;
	}
#multimedia #subscribe a img {
	border: none;
	text-decoration: none;
	}
#multimedia #subscribe a {
	line-height: 14px;
	vertical-align: middle;
	}
#multimedia #subscribe a {
	line-height: 20px;
	padding: 2px 1px 2px 18px;
	}
#subscribe a#rss { background: url(/images/icons/rss.gif) transparent left center no-repeat; }
/*  #subscribe a#podcast { background: url(/images/icons/podcast.gif) transparent left center no-repeat; }*/

#multimedia #help a {
	font-style: italic;
	}

/*=========================================================================== FAQs

.faq {
	border: 1px solid #f2e9cb;
	margin-bottom: 1.2em;
	}
#faq .closed .question { background: url(/images/faq-arrow-closed.gif) transparent no-repeat 6px 1em; }
#faq .open .question {	background: url(/images/faq-arrow-open.gif) transparent no-repeat 6px 1em;
	border-bottom: 1px solid #f7f2df; }
#faq .closed .answer { display : none; }
#faq .open .answer { display: block; }

#faq .faq .question {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #007592;
	background-color: #fffae9;
	padding: 10px 15px 8px 5px;
	}
.faq .question a {
	text-decoration: none;
	padding-left: 15px;
	}	
.faq .answer {
	padding: 10px 20px;
	}	

*/	


/*=========================================================================== GALLERY
*/


#gallery {
	margin-bottom: 1em;
	position: relative;
	}
#gallery .gallery-row { display: block; border-top: 1px solid #cccccc; padding: 1em 0 .5em; }	
.gallery-text .full-size-btn { float: right; padding: 0; margin: 2px; }
.gallery-title { color: #007592; }



/* modified from http://www.brunildo.org/test/ImgThumbIBL2b.html */

.thumb-wrap {
	padding: 15px 8px 0 8px;
	margin: 0;
}
.thumb-wrap li {
	display: -moz-inline-box;
	display: inline-block;
	/*\*/ vertical-align: bottom; /**/
	margin: 0 20px;
	padding: 0;
}

.thumb-wrap li>div {
	/*\*/ display: table; /**/
	width: 100px;
}
.gallery-thumb {
	display: block;
	text-decoration: none;
	}

/* IE7? \*/
.thumb-wrap>li .wrap-img {
	display: table-cell;
	vertical-align: middle;
	width: 100px;
}
/**/

.thumb-wrap img {
	border: none;
	vertical-align: bottom;
}

/*\*//*/
.thumb-wrap li .wrap-img {
	display: block;
	font-size: 1px;
}
.thumb-wrap .wrap-img span {
	display: inline-block;
	vertical-align: middle;
	width: 1px;
}
/**/
.thumb-wrap .gallery-text {
	display: block;
	background-color: #fcfcfc;
	padding: .3em 5px .2em;
	line-height: 1.1;
	border-top: 3px solid #cccccc;
	height: 5.5em;
	w\idth: 190px;  /* Moz, IE6 */
}
/* top ib e hover Op */
@media all and (min-width: 0px) {
	.thumb-wrap  {
		border-collapse: collapse;
	}
	.thumb-wrap .gallery-thumb {
		display: inline-block;
		vertical-align: bottom;
		}
	.thumb-wrap {
		display: inline-block; /* non deve avere margin */
	}
}





/*=========================================================================== BOXES & SHADOWS
*/	
.box .content {
	padding: 25px;
	background-color: #ffffff;
	font-size: 11.8px;
	color: #333333;
	}


.box .media {
	width: 200px;
	padding: 0px 0px 0px 15px;
	background-color: #ffffff;
	color: #333333;
	float: right;
	}

.box .media .caption {
	width: 180px;
	padding: 10px 10px 10px 10px;
	margin-bottom: 20px;
	background-color: #efefef;
	font-size: 11.5px;
	color: #333333;

	}

.box .media .caption strong{
	color: #0f551c;
	}	

				
.shadow {	
	position: relative;
	padding: 0 1px 1px 0;
	background-color: #3f5e3e;
	border:solid #476a46;
	border-width: 0 1px 1px 0;
	margin-bottom: 6px;
	}
	
/*	
.BR {
	width: 2px;
	height: 2px;
	background: url(/images/shadows/shadow_BR.gif) no-repeat bottom right;
	position: absolute;
	bottom: -1px;
	right: -1px;
	}
.TR {
	width: 2px;
	height: 2px;
	background: url(/images/shadows/shadow_TR.gif) no-repeat top right;
	position: absolute;
	top: 0;
	right: -1px;
	}
.BL {
	width: 2px;
	height: 2px;
	background: url(/images/shadows/shadow_BL.gif) no-repeat bottom right;
	position: absolute;
	bottom: -1px;
	left: 0;
	}
*/	
.shadow div.content {
	border: 1px solid #d4dccc;
	}

/*=========================================================================== 404 ERROR
*/	
#errorpage {
	text-align: left;
	margin: 0 auto;
	width: 320px;
	font-size: 11px;
	}
#errorpage img {
	margin-bottom: 10px;
	margin-left: -5px;
	}	
#errorpage a {
	color: #007592;
	}
#errorpage a:hover {
	text-decoration: none;
	}	
	
/*=========================================================================== FOOTER
*/	

#footer {
	clear: both;
	height: 60px;
	background: url(/images/footer_flourish.gif) no-repeat;
	text-align: right;
	font-size: 10px;
	color: #6d8e6b;
	margin: 2px 0;
	padding-top: 10px;
	padding-right: 6px;
	}
	
#general-main {
	width: 800px;
}

div#indicator_composition
{
  width: 100px;
  height: 40px;
  left: 10px;
  top: 10px;
  z-index: 900;
  background: url(/images/indicator.gif) no-repeat 0 0;
}

div#calendar_indicator {
  background-color: #F5F5F5;
  width: 100%;
  height: 166px;
  z-index: 900;
  background: url(/images/indicator.gif) center no-repeat;
}

#general-main hr {
	
	border: none 0;
	border-top: solid 1px #cccccc;
	margin: 5px 0px 5px 0px;
	
}





#feed-list .rss {
	background: transparent url(/images/icons/rss.gif) no-repeat scroll 0%;
	font-size: 12px;
	font-style: normal;
	height: 14px;
	list-style-position: outside;
	margin-bottom: 5px;
	padding-left: 15px;
	text-indent: 5px;
	}

ul {
	
	padding-left: 18px;
	
}

hr { 
	  
	margin: 10px 0px 10px 0px;
	height: 3px;
		border-top: 0px;
		border-right: 0px;
		border-left: 0px;
		border-bottom: 3px double #cccccc; 

}

embed {
	z-index: 250;
}

img {
	border: 0px;
}