/* GENERAL */

* {
	margin: 0;
	padding: 0;
  }

body {
	margin: 0;
	padding: 0;
	color: #555;
	font-family: verdana, geneva, helvetica, arial, sans-serif;
  background: #fff;
	color: #555;
	font-size: small;
  }

img {
	border: 0;
  }
  
img.left {
  float: left;
  margin: 0 20px 20px 0;
  border: 1px solid #ccc;
	padding: 3px;
	background: #f0f0f0;
  }
  
img.right {
  float: right;
  margin: 0 0 20px 20px;
  border: 1px solid #ccc;
	padding: 3px;
	background: #f0f0f0;
  }
  
img.center {
  margin: 0 0 50px 0;
  border: 1px solid #ccc;
	padding: 3px;
	background: #f0f0f0;
}  
  
a, a:link, a:visited {
	 /* #8E9687; */
	color: #942625; /* #9C9173; */
  text-decoration: none;
  outline: none;
  -webkit-transition:all .2s;
  }

a:hover, p a:hover {
	color: #509DC7; /* #4682B4; */
  }

.clear {
  clear: both;
  margin: 0;
  padding: 0;
  height: 0;
  }

#wrapper {
	margin: 50px auto 25px;
	width: 760px;
  }

/* HEADER */

#header {
  margin: 0;
  font-size: 11px;
  font-family: verdana, calibri, "trebuchet ms", trebuchet, "century gothic", "lucida sans unicode", "lucida grande", helvetica, tahoma, geneva,  sans-serif;
  font-style: italic;
  letter-spacing: 1px;
  }

#header a img{
  margin: 0 0 7px 0;
}

#header a{
  color: #555;
}

#header a:hover {
  color: #555;
}

/* BODY CONTENT */

/* contains main content on collections and collection pages */
.ac-container {
	margin: 10px 0 0 0;
	padding: 5px 0 5px 0;
  border-top: 1px solid #509DC7; /* #4682B4; */
  border-bottom: 1px solid #509DC7; /* #4682B4; */
  text-align: center;
  }

#page-container {
	margin: 10px 0 0 0;
	padding: 25px 50px 25px 50px;
  border-top: 1px solid #509DC7; /* #4682B4; */
  border-bottom: 1px solid #509DC7; /* #4682B4; */
  /* font-size: 1.1em; */
  }

#page-container p {
  margin-bottom: 1em;
  }
  
#page-container blockquote {
  padding: 0 40px 0 40px;
  margin-bottom: 40px;
  background: url(../images/blockquote.gif) no-repeat top left; 
  } 
  
#page-container ol {
  margin: 20px 20px 0 20px;
}

#page-container li {
  font-style: italic;
}

#page-container li p {
  margin: 20px 0 20px 0;
  font-style: normal;
}

/* contains main content on album pages */
.thumbnail-container, .big-picture-container {
	margin: 10px 0 0 0;
	padding: 10px 0 3px 0;
  border-top: 1px solid #509DC7; /* #4682B4; */
  border-bottom: 1px solid #509DC7; /* #4682B4; */
  }

.thumbnail-container li.thumbnail {
	margin: 0 19px 0 19px;
  }
  
h3 {
  font-weight: normal;
  margin-top: 5px;
  font-size: small;
  height: 50px;
  }
  
.albumIntro {
  width: 620px;
  text-align: left;
  margin: 30px auto 30px;
}

.albumIntro p{
  margin-bottom: 1em;
}

.albums {
  padding: 30px 0 0 0;
  width: 760px;
  }

.album {
	text-align: center;
	width: 108px;
	float: left;
  }
  
/* style for album with three pictures */
.album_3 {
  padding: 10px 0 0 109px;  
  }
  
/* style for album with less than three pictures */
.album_lt3 {
  padding: 10px 0 0 180px;
  }  
  
/*style for album with greater than three pictures */
.album_gt3 {
  padding: 10px 0 0 65px;
  }

.album img {
	border: 1px solid #ccc;
	padding: 3px;
	display: inline;
	background: #f0f0f0;
  }

.album p {
	margin: 4px 0 0 0;
	line-height: 1.5em;
  }

.album img:hover {
	background: #A0B7C9;
	border: 1px solid #38c;
  }  

#picture-caption {
	/* font-size: 1.1em; */
	text-align: center;
	margin: 6px 0;
  }

div.large-thumb-toolbar {
	padding: 15px 0;
	text-align: center;
  }

div.large-thumb-toolbar a {
	padding: 0 4px;
}

.photos-large {
	margin: 0 0 20px 0;
  }

ul.slides {
	margin: 0;
	width: 696px;
  padding: 25px 32px 0 32px;
  }

ul.slides li {
	/* width is calculated by PHP in the HTML, style is applied inline */
	float: left;
	margin: 5px;
	padding: 10px;
	display: inline;
	text-align: center;
  }

ul.slides li img {
	border: 1px solid #ccc;
	background: #f0f0f0;
	padding: 3px;
  }

ul.slides li a {
	display: block; /* display:block required to make anchor tag's border surround img in Firefox */
  }

ul.slides li img:hover {
	border: 1px solid #38c;
	background: #A0B7C9
  }

.thumbnail p {
	padding: 0 6px;
	margin: 4px 0 0 0;
	line-height: 1.2em;
	height: 2.5em;
	overflow: hidden;
  }
  
h1 {
  font-family: tahoma, calibri, "trebuchet ms", trebuchet, "century gothic", "lucida sans unicode", "lucida sans", helvetica, verdana, geneva, sans-serif;
  font-size: 13px;
  margin: 10px auto 5px;
  border-bottom: 1px dotted #509DC7; /* #4682B4; */
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: 660px;
}

h4 {
  font-size: 14px;
  margin: 10px 0 10px 0;
}

/* styles for page-loading javascript */

#yui-cms-loading {
  background:#FFFFFF; color: #333333;
  display: none;
}

#yui-cms-loading #yui-cms-float {
  text-align: center;
  background-image: url(../images/loading.gif);
  background-repeat:no-repeat;
  background-position: top;
  padding-top: 40px;
}

/* INFO PAGE */

#scroller-header {
  border-bottom: 1px dotted #509DC7; /* #4682B4; */
  width: 660px;
	margin: 30px 0 15px 0;
	list-style-type: none;
}

#scroller-header li {
  display: inline;
  margin: 0;
  }

#scroller-header li a {
	padding: 5px 10px 0 10px;
	background: #fff;
	font-style: normal;
	font-weight: bold;
	font-family: tahoma, calibri, "trebuchet ms", trebuchet, "century gothic", "lucida sans unicode", "lucida sans", helvetica, verdana, geneva, sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

a.selected {
  position: relative;
  top: 1px;
	background-color: #fff;
	border-top: 1px dotted #509DC7;
	border-right: 1px dotted #509DC7;
	border-left: 1px dotted #509DC7;
	color: #555;
}

#scroller-body {
  width: 660px;
}

#mask {
	overflow:hidden;
	width: 660px;
	margin:0 auto;
}

#panel div {
  float:left;
}

/* FOOTER */

#footer {
  width: 760px;
	margin: 10px auto 0;
	text-align: center;
  }
  
h2 {
  margin: 0 13px 0 13px;
	padding: 0;
	/* color: #555;  #8E9687; */
  font-size: 15px;
  font-family: tahoma, calibri, "trebuchet ms", trebuchet, "century gothic", "lucida sans unicode", "lucida sans", helvetica, verdana, geneva, sans-serif;
  letter-spacing: 1px;
	/* font-weight: 550; */
	text-transform: uppercase;
	display: inline;
  }
  
h2 a:link, h2 a:visited {
	 /* #8E9687; */
	color: #942625; /* #9C9173; */
	font-weight: lighter;
  }

h2 a:hover {
	color: #509DC7; /* #4682B4; */
  }
  
#flinks {
  clear: both;
  margin: 35px 0 0 0;  
}

#ficons {
  margin: 15px auto 0px;
  width: 78px;
}

a.ficon {
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  margin: 0 5px 0px 5px;
  background: transparent url(../images/ficons.png) no-repeat;
  overflow: hidden;  
  text-indent: -10000px;  
  font-size: 0px;  
  line-height: 0px; 
  padding: 0;
  -webkit-transition:all 0s; 
}

a.rssi {
  background-position: -16px 0;
}

a.fbi {
  background-position: -48px 0;
}

a.lii {
  background-position: -80px 0;
}

a.wwi {
  background-position: -112px 0;
}

a.rssi:hover{
  background-position: 0 0;
}

a.fbi:hover{
  background-position: -32px 0;
}

a.lii:hover{
  background-position: -64px 0;
}

a.wwi:hover{
  background-position: -96px 0;
}

#link-back {
  margin: 15px 0 0 0;
	font-size: x-small; /* .9em; */
	text-align: center;
	color: #999;
	clear: both;
  }

#link-back a{
  color: #A0B7C9;
  text-decoration: underline;
  }

#link-back a:hover {
  text-decoration: none;
  }
  
#nojs {
  margin: 15px 0 20px 0;
}
  
/* FIXES */  

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
     
.clearfix { display: inline-block; }
/* start commented backslash hack \*/

* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */