html, body { margin: 0; font-family: arial; background: white; }

/* small fotorama size */
#upper, #lower { width: 700px; }
#lower { width: 800px; padding-left: 100px;}
#image_title { top: -30px; width: 700px; } 
#map_canvas { width: 49%; height: 350px; margin-top: 30px; }

/* large fotorama size */
#upper.fullsize, #lower.fullsize { width: 900px; padding: 0; }
#image_title.fullsize { top: -230px; width: 900px; } 
#map_canvas.fullsize { width: 450px; height: 450px;  }

#upper, #lower { 
    margin-left: auto; margin-right: auto;
}
#upper_wrapper {
	background: black; color: white; 
xpadding-top: 8px;
}
#lower_wrapper {
	background: white; color: black;
}
#lower { padding-top: 20px; }
#nav { color: #aaa; }
#nav a { text-decoration: none; font-size: 11px; color: #aaa; }

#calendar ul { margin: 0; padding: 0; padding-top: 2px; }
#calendar li {
    display: block; 
    float: left;text-align: center; width: 30px; margin: 1px;
	border: 2px solid #444;
}
#upper.fullsize #calendar li { margin: 2px; width: 39px; }

#calendar li a { text-decoration: none; }
#calendar li span.month { display: block; background: black; color: #888; font-size: 9px; }
#calendar li span.day { display: block; background: black; color: #888;}
#calendar li.selected {
	border: 0px; padding: 2px;
}
#calendar li.selected span.month { background: #c88; color: #fff; }
#calendar li.selected span.day { background: #eee; color: #333;}

#down_button {
	position: relative;
	clear: left; padding-top: 2px;
}
#down_button a {
	position: absolute; left: 5px; top: 100px;
	background: url(icon-arrow-down.png) no-repeat 4px 20px;
	padding-bottom: 28px; padding-left: 2px; height: 28px; display: block;
	overflow: hidden;  text-decoration: none; color: gray;
}

.fotorama__wrap {
    border: 1px solid #444;
}
.fotorama__caption {
    width: 100%; bottom: 0px; padding: 1px 10px 0px 10px;
    font-family: arial; 
    -webkit-opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=70); opacity: 0.7;
	background: #444; color: white;
}
.fotorama__caption h4 { 
	margin: 0; padding: 0; 
	font-weight: bold;
    font-size: 16px; line-height: 16px;
	height: 18px;
}

.fotorama__caption p { margin: 0; padding: 0; height: 18px;} 
.fotorama__caption p.copyright, 
.fotorama__caption p.counter {
	float: right; font-size: 12px; color: #eee; margin-right: 20px;
}
.fotorama__caption p.description {
	font-size: 14px;
}

/* sprite support */
.fotorama__thumb {
	background-image: url(../../content/sprites.jpg) !important;
	background-repeat: no-repeat;
}
.fotorama__thumb__img { display: none; }

#image_box { position: relative; }

#image_title { position: absolute;   color: white;  }
#image_title div { width: 400px; margin-left: auto; margin-right: auto;  font-size: 18px;}
#image_title h1 { font-size: 80px; font-weight: normal; letter-spacing: 10px; margin: 0; text-align: center; padding: 0; }
#image_title.fullsize h1 { font-size: 86px; }
#image_title p {  margin: 0 0 5px 20px; color: gray; }
#image_title a { color: gray; text-decoration: none; }
#image_title a.selected { text-decoration: underline; font-weight: bold; color: white; }
#image_title a:hover { text-decoration: underline; }

#map_canvas {
    float: right; 
}
#blog_wrapper { 
 float: left; width: 49%; 
 font-family: arial;
 font-size: 15px; line-height: 140%; 
 color: black;    
}

#blog h2 { font-size: 30px; margin: 0; padding: 0; margin-bottom: 20px;line-height: 35px; }
#blog h3 { margin: 0;  padding: 0; font-size: 14px; }

#blog p { 	margin: 0; margin-bottom: 10px; }
#blog div.photo { padding-top: 5px; }
#blog img { border: 0; }
	
#blog div.photo p {
	clear: left; 
    font-size: 11px; line-height: 13px;
}

div.clear {
	clear: both; height: 30px;
}