/**********************************/
/*   Locanda Style Sheet   */
/*   final  draft                 */
/*   last modified 10 February 2008   */
/**********************************/


body {	 	font-family: Verdana, Helvetica, Arial, sans-serif; 
	 	
		margin-top: 10px;
		font-size: 0.9em; color: #ffffcc; 
		line-height: 1.5em; 
				background: #110000}
		


/**********************************/
/*    TYPOGRAPHY                  */
/**********************************/



h1 { 	color: #ffc33d;
	margin: 0.1em;	font-weight: bold; font-size: 2em;}
		
h2 { 	 
	font-weight: normal; font-size: 2em;
	color: #ffc33d; margin: 0.1em;}

h3 { 	
	font-weight: normal; font-size: 1.5em;
	color: #ffc33d; margin: 0.1em;}
	
p{ }

blockquote.highlight  { font-size: 1em; font-weight: Normal; color: #ffc33d; margin: 0.1em; text-align: left; }
blockquote.offer  { font-size: 1.2em; font-weight: Normal; font-style: Italic; color: #ffc33d; text-align: center; }


a:link { text-decoration: none; color: #ffc33d;}
a:visited{ text-decoration: none; color: #ffc33d; }
a:hover{ text-decoration: underline; color: #ffc33d}

em {color: #ffc33d }
strong {color: #ffc33d }

		
/**********************************/
/*    LAYOUT                      */
/**********************************/

/**********************************/
/*   center containing box        */
/**********************************/
#wrapper { 	width: 780px; margin: 0.2em auto 0em auto; padding: 0; border: 2px solid #ffc33d;
		background: /*top center repeat-y url("img/reeat.gif")*/ #110000; }
		
#lwrapper { 	width: 780px; margin: 1em auto 0em auto; padding: 0; height: 1.2em;}

/****************************************/
/*  Language options above the main box */
/****************************************/
ul.languageOptions { list-style-type: none; margin: 0;	padding:0;}
ul.languageOptions li{ display: inline; float: right; width: 5em;}
ul.languageOptions li a:hover{ background-color: #110000;}
ul.languageOptions a {padding: 0 1.5em; }



/*****************************/
/*        Header             */
/*****************************/
#header { background: top left no-repeat url("img/stylesheetimages/topbanner.jpg"); width: 780px; 
	padding: 0;text-align: center; margin: 0; 
	height: 150px;}

#header h1 { font-size: 3em; font-weight: normal; color: white; display: none;
	margin-top: 10px; margin-bottom: 10px; padding-top:10px; padding-bottom: 10px;}
#header P { margin: 0.5em 0em 0em 0em; color: white; display: none;}
#header a:link { text-decoration: underline; color: #eeeeee;}
#header a:visited{ text-decoration: underline; color: #ffffff; }
#header a:hover{ text-decoration: underline; color: #cf5759}

	
/*****************************/
/*        Footnote             */
/*****************************/		
#footnote { clear: both; margin: 0em; padding: 0em; text-align: center; height: 100px; background: bottom center no-repeat url("img/stylesheetimages/pagebottom.gif");}				
			
/********************************/
/*      Navigation              */
/********************************/
ul.navigation{ display: block; margin: 0px; padding: 0.3em 0em 0.3em 0em; text-align: center; background: #110000; 
	border-top: solid 1px #ffc33d;  border-bottom: solid 1px #ffc33d;}
ul.navigation li { display: inline; padding: 0em 1em 0em 1em;}
a.navigation:link { text-decoration: none; color: #ffc33d;}
a.navigation:hover{ text-decoration: underline; color: #ffc33d;}
/*a.navigation:visited{ color: #ffc33d }*/

/********************************/
/*    Horizontal Rail           */
/********************************/
div.hr { clear: both; height: 10px;  background: top center no-repeat url("img/stylesheetimages/hr.gif")}
div.hr hr { display: none; }


/********************************/
/*    Content Boxes             */
/********************************/
.fullSize { margin: 0em; padding: 0.3em 0.5em 0.3em 0.5em; }
.fullSize p { margin: 0em; padding: 0em;}


.fullSizeCenter { text-align: center; margin: 0em; padding: 0.3em 0.5em 0.3em 0.5em; }
.fullSizeCenter P { text-align: center;margin: 0em; padding: 0em;}

.halfSize { float: left; width: 360px; padding: 0px; margin: 10px; text-align: left;}
p.notation { padding: 0em 1em 0em 1em  }

.thirdSize { float: left; width: 240px; padding: 0px; margin: 10px; text-align: center;}
.thirdSize P { padding: 0.5em; margin: 0em; }

.twothirdSize { float: left; width: 480px; padding: 0px; margin: 10px; text-align: left;}
.twothirdSize P { padding: 0.5em; margin: 0em; }


img.thumb { margin: 5px; padding: 5px; background-color: #222; border: solid 1px #333; }
 
img.plain { border: none;}

table { padding: 5px 10px 5px 10px; margin-top: 0px; margin-bottom: 4px; width: 90%; }
td.heading{ font-size: 1.2em; padding: 5px 4px 5px 4px;}
td {border: 1px solid #ccc; padding: 2px 4px 2px 4px;}


		
/* Legend */
legend { color: #ffc33d;}
	
	
/********************************************/
/****   Lightbox stuff                *******/
/********************************************/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}