/*
**  Instructions to set caching headers. Inside comments area to play nicer with CSS editors.
** ** 
** 
** 
** 
*/
body {
 background-image: none;
 background-color: #efd; 
 color: black;
 padding: 0px;
}
div.header { 
 margin: 0px; 
 padding: 0px;
}
div.header h2 {
 margin-top: 0px;
 padding: .5em;
 border-bottom: 1px solid black;
 margin-bottom: 0px;
}
div.header a.icon {
	width: auto;
	padding-right: .5em;
	display: inline;
	float:none;
}
span#login {
 margin-right: 1em;
 font-size: 60%;
 font-weight: normal;
 position: absolute;
 top: 5.5em;
 right: 0px;
}

div.breadcrumb { 
 border-bottom: 1px solid black;
 padding-left: .5em;
 background: white;
 
}
div.breadcrumb a,div.breadcrumb a:link, div.breadcrumb a:visited { text-decoration : none; }  
div.breadcrumb a:hover { text-decoration : underline; }  

div#leftbar {
 float: left;
 width:150px;
 padding: 1em 10px;
/* display: none;*/
}

a:link, a:visited, div.public a:link, div.public a:visited {
  color: #2d374c;
  text-decoration: underline;
}
a:active, div.public a:active { color : #39c; }
a:hover, div.public a:hover { text-decoration: none; }

.public { 
  margin-left: 150px; margin-right: auto;
  width:75%!important;
  max-width: none;
  display: block;
  position: static;
  padding: .5em 1em;
}
div.content-title {
  width: 98%;
  position: static;
  display: block;
}

/*.public {
 margin-left: 175px;
 width: inherit!important;
 max-width: none;
 padding: .5em 1em;
}*/

.login { 
 width: 50%!important;
 margin-left: auto!important;
 margin-right: auto!important;
}
.login-table { 
  margin-left: auto;
  margin-right: auto;
font-size: 90%;
 }
.content-main { 
  margin: 0px auto;
  width: 100%!important;
  font-size: 110%;
}
div.content-title { 
  background: #5363af;
  margin-left: auto;
  margin-right: auto;
}
div.title-top-l { 
  background: url(layout_pics/top-l.png) no-repeat top left;
  position: static;
}
div.title-top-r { 
  background: url(layout_pics/top-r.png) no-repeat top right;
  position: static;
}
div.title-bottom-r { 
  background: url(layout_pics/bottom-r.png) no-repeat bottom right;
  position: static;
}
div.content-title h2 { 
 margin: 0px;
 color: white;
 font-weight: bold;
 font-size: 120%;
 line-height: 180%;
 text-align: center;
 background: url(layout_pics/bottom-l.png) no-repeat bottom left;
 position: static;
}
.content-body { 
 margin: 1em;
 padding: 0px 10px 0px 1em;
 background: #e9f0f4;
 -moz-border-radius: 10px;
 border: 1px solid black;
}
div.citation {
  font-size : 90%!important;
}

div.citation p {
  margin : 0.5em 0em;
}
div.citation p.source {
  font-size : 100%;
}
.image-table { 
  margin-left: auto; margin-right: auto;
 }
.image-table td { 
  padding: 3px;
  vertical-align: top;
  text-align: center;
 }
.exif-info { 
  display: none; 
  background: gray;
  border: 1px dotted blue;
  text-align: right;
  width: 250px;
}
.exif-info dl { margin: 1ex; }
.exif-info dt {  
  float: left;
  clear: left; 
  font-weight: normal;
  padding-right: 1em; 
}
.image-caption { 
 border: 1px solid grey;
 border-top: none;
 background: #bdd7e0;
 color: #00456d;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
 margin-left: auto;
 margin-right: auto;
 font-size: 90%;
 }
.gallery-image{ 
 border: 1px solid grey;
 border-bottom: none;
}
.album-caption { 
 border: 1px dotted grey;
 background: #bdd7e0;
 color: #00456d;
 padding: .5ex 1em;
 margin: 1ex 0;
 border-radius: 10px;
 -moz-border-radius: 10px;
 }
#page-footer { 
 padding: 1em;
 text-align: right;
 }
.image-tags {  text-align: left; padding-left: 5px; }

#updates-container { 
  border: 1px solid black;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topright: 10px;
  position: relative;
  top: -1px;
  right: -11px;
  float: right;
  background: white;
  padding: 1ex;
  width: 300px;
}
#updates-container h3 { 
  font-size: 120%; 
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 0px; }
#updates-container ul {  list-style-type: circle; }

#gallery-container { 
overflow: hidden;
 }

#gallery-container #gallery-list { 
 clear: both!important;
 }

#gallery-container .spacer {
  clear: none;
  margin:0;
}

#gallery-container .image-container, #gallery-container .image-float { 
  padding: 5px;
  min-height: 170px;
  width: 120px;
  border: 1px solid #CCC;
 }

#gallery-container .float, #gallery-container .image-float {
  float: left;
  margin: 10px;
  text-align: center;
}

#gallery-container :link img, .gallery-container :hover img, .gallery-container :active img, .gallery-container :visited img {
  border: none!important;
  text-decoration: none!important;
}

#gallery-container .float a {
        text-decoration: none;
}

#gallery-container .float a:hover {
  color: #CC6666;
  text-decoration: underline;
}
img {
  text-decoration: none!important;
}

#gallery-container .thumbImage {
  border: 0!important;
  text-decoration: none!important;
}
#gallery-container .image-date {
  font-size: 90%;
  color: #AAA;
  text-align: right;
}

* html .visualIEFloatFix { 
  height: 1%;
 }