html, body{height:100%;}

body {
	font-family:verdana, sans-serif;
	color: #000;
	background: #f3f3f3 url('../images/pattern_132.jpg') repeat;
}

.clear {
	clear:both;
	font-size:1px;
	line-height:0px;
}

.border {
	border: 1px solid #A32E3E;
}

a:hover.fade{
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

#wrap {
	overflow: visible;
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0;
	background: #f3f3f3 url('../images/pattern_132.jpg') repeat;
}

a {
	font-weight: 900;
	font-family: georgia, serif;
	color:#b73b1a;
	font-style: italic;
}

a:hover {	
	font-weight: 900;
	color:#666;
}

a.link {
	font-weight: 900;
	color:#b73b1a;
	font-style: italic;
}

a.link:hover {	
	font-weight: 900;
	color:#666;
}


.navigation a {
	font-weight: 900;
	color:#b73b1a;
	padding:2px 0 2px 6px;
	display:block;
	margin-bottom:-10px;
	font-family: georgia, serif;
	font-style:italic;
}

.navigation a:hover {	
	font-weight: 900;
	color:#666
}

.navigation a.current {	
	font-weight: 900;
	color:#666;
}



/*    **************************     */

#content {
	background-color: transparent;
	padding:0;
	margin: 0 auto;
	width:980px;
	padding:0 10px;
	margin-bottom:50px;
}

#content h1 {	
	color:#b73b1a;
	border-bottom: 1px solid #bbb;
	font-family:georgia, serif;
	text-transform: uppercase;
	font-size:small;
	margin-bottom:20px;
	padding-bottom:5px;
}

#content p.tip {
	font-size:80%;
	margin:0 0 0 20px;
}

#fill{
	clear:both;
	width:960px;
	margin:0 auto;
	padding:0;
	background:transparent url('../images/flourish.png') top left no-repeat;
	background-position-y: 300px;
}

#fill div p {
	margin:0;
	padding:0;
	line-height:1.5em;
}


#fill div.left {
	float:left;
	width:300px;
	/*margin-right:20px;*/
}

#fill div.left div.image300 {
	margin-bottom:16px;
	height:300px;
}

#fill div.left div.image300 img {
	border:1px solid #666;
}



#fill div.left p{
	margin-bottom:10px;
	line-height:1.5em;
}

#fill div.left h2, #fill div.right h2 {	
	color:#b73b1a;
	font-family:georgia, serif;
	text-transform: uppercase;
	font-size:small;
	border-bottom: 1px solid #666;
	width:100%;
	padding-bottom:5px;
	margin:20px 0 10px 0;
}


#fill div.right {
	float:left;
	margin-left:20px;
	width:620px;
}

#fill div.right div.dyk{
	margin-top:37px;
	height: 280px;
	/*border:1px solid #666;*/
	padding:0px;
	
}

#fill div.right div.dyk p{
	line-height:1.6em;
	margin-top:20px;
}

/*#fill div.right div h1, #fill div.right h1{
	border-bottom: 1px solid #bbb;
	width:100%;
	padding-bottom:5px;
	margin-bottom:20px;
}
*/

#fill div.right div.dyk div.event h1 {
	margin-bottom:5px;
	margin-top:10px;
}

#fill div.right div.dyk div.subheader h1 {
	margin-bottom:10px;
	margin-top:10px;
}


#fill div.right div.dyk p span{
	color:#b73b1a;
	font-family:georgia, serif;
	font-weight:bold;
	font-size:120%;
	font-style: italic;
	margin-right:5px;
}

#fill div.right div.dyk ul{
	line-height:1.65em;
	font-weight:bold;
	font-family: georgia, serif;
}



#fill div.right img{
	padding:0;
	margin:0;
}

#fill div.right #mainimage{
	float:left;
	width:382px;
	margin-right:10px;
}

#fill div.right #mainimage #largeimage{
	padding:0;
	margin:0;
	margin-bottom:10px;
}

#fill div.right #mainimage #largeimage img{
	border:1px solid #666;
}

#fill div.right #middle{
	float:left;
	margin-right:10px;
	width:382px;
	padding:0;
}

#fill div.right #audio{
	float:right;
	width:220px;
	margin-right:20px;
}

#fill div.right #thumbs{
	margin-bottom:10px;
}

#fill div.right #middle #thumbs a:hover{
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

#fill div.right #credit{
	font-size:90%;
}

#fill div.right #middle #thumbs .thumbcol{
	width:1px;
	height:55px;
}

#fill div.right #thumbs .thumbrow{
	width:220px;
	height:10px;
}

#fill div.right #thumbs h1{
	margin:0;
	padding:0;
	padding-bottom:5px;
}

.button {
	background: transparent url('../images/button_bg.png') top left repeat-x;
	height:42px;
	width:220px;
	text-align:center;
	padding-top:8px;
	text-transform: uppercase;
	float:left;
}

.button a{
	color:white;
	font-style:normal;
	font-size:120%;
}

.button span{
	color:white;
	font-family:georgia, serif;
	font-weight:bold;
	font-style:normal;
	font-size:120%;
}

.sold-out-text{
	font-family:georgia, serif;
	font-weight:bold;
	font-style:normal;
	text-align:center;
}

.button a:hover{
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

.border {
	margin:0 30px;
	padding:0;
	border: 1px solid #A32E3E;
}


#topborder {
	height:20px;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	background: transparent url('../images/topborder.png') repeat-x;
}

#bottomborder {
	height:20px;
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	background: #fec34e;
}

#headerwrap{
	width:980px;
	height:170px;
	margin:0 auto;
	padding:0 10px;
	background-color:transparent;
}

#header{
	width:960px;
	height:150px;
	margin:0 auto
	padding:0 10px;
	margin-top:40px;
	background-color:transparent;
	border-bottom:1px solid #999;
}

#header p {
	margin: 0 0 0 30px;
}

#footer{
	position:fixed;
	bottom:0;
	width:100%;
	height:150px;
	margin:0 auto;
	/*background:#FFFFFF;*/
	background:#fec34e;
}

#mialogo{
	margin: 50px 0 0 0;
	float: right;
}

#louvre-logo{
	float:left;
	width:300px;
	/*margin-right:30px;*/
}

#louvre-logo a{
	margin-left:38px;
	width:224px;
}

#spacer{
	float:left;
	/*border-right:1px solid #bbb;*/
	width:15px;
	height:100px;
	margin-top:10px;
	
}

#louvre-logo a:hover{
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

#dates{
	float:left;
	margin-top:10px;
	/*border-left:1px solid #bbb;*/
	height:80px;
}

#nav{
	float:left;
	height:150px;	
	width:380px;
	margin-top:10px;
	margin-left:10px;
}

.navigation{
	color: #000;
	width:190px;
	float:left;
}

#postcard_image{
	float:left;
	width:354px;
	display:inline;
}

#postcard_form{
	width:586px;
	float:right;
	display:inline;
}
a.subheader_button{
	float:right;
	display:block;
	z-index:100;
	margin-top:15px;
	margin-right:30px;
	background-color: #fec34e;
	color:#1d3179;
	padding:5px 10px;
	color:#1d3179;
	text-align:center;
}

a.subheader_button:hover{
	background-color: #1d3179;
	color:#fff;
}

#commentbox{
	width:785px;
	height:1000px;
}

/*EVENT CSS */

#fill div.right div.dyk div.event {
	margin:5px 0 20px 0;
	line-height: 1.5em;
}

#fill div.left div.event {
	margin:-5px 0 20px 0;
	line-height: 1.5em;
}

.event-type {
	color:#b73b1a;
	font-family:georgia, serif;
	font-weight:bold;
	font-size:120%;
	font-style: italic;
}

.event-title {
	font-weight:bold;
	font-size:120%;
	margin-bottom:10px;
}

.event-title {
	font-weight:bold;
	font-size:120%;
}

#fill div.left div.event span h1{
	margin-bottom:-20px;
}

.event-location {
	font-style: italic;
}

.event-description {
	font-size: 95%;
	margin-top:10px;
	display:block;
}

#sponsors {
	line-height: 1.5em;
}