/* -- general page layout ----------------- */

body {

 margin: 0;

 padding: 0;

 text-align: center;

 font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;

 font-size: 62.5%; /* Resets 1em to 10px */;

 color: #fff;

 background: #0D1721;

}

#page {

 position: relative;

 width: 800px;

 margin: 0 auto;

 text-align: left;

}

#header {

 padding-bottom: 7px;

 background: url('images/header.jpg') no-repeat 50% bottom;

 height: 100%;

}

#content {

 position: relative;

 font-size: 1.2em;

 background: url('images/content.jpg') repeat-y;

 margin: 0px 10px 0px 0px;

 padding: 1px 75px 15px 75px;

/* Fixes the Peek-a-boo IE bug */ height: 100%;

}

#footer {

 background: url('images/footer.jpg') no-repeat;

 color: #999;

 font-size: 0.9em;

 padding: 22px;

 line-height: 1.6em;

}

#footer a {

 color: #aaa;

}

#left {

 float: left;

 width: 435px;

 position: relative;

}

#right {

 margin-left: 468px;

 width: 178px;

 font-size: 0.9em;

}

#right h3.first {

 margin-top: 20px;

}

/* -- default text ------------------------ */

blockquote {

 line-height: 1.5em;

}

li {

 line-height: 1.5em;

}

p {

 line-height: 1.5em;

}

/* -- lists ------------------------------- */

ul {

 list-style: none;

 padding-left: 15px;

 margin: 15px 0;

}

li {

 margin: 2px 0;

}

ul li {

 padding: 0 0 4px 15px;

 background: transparent no-repeat 0.2em 0.55em;

}

/* -- horizontal rule --------------------- */

hr {



	color: #728498;



	height: 1px;



	border: none;



	border-bottom: 1px solid #728498;



	margin: 20px 5px 20px 5px;



	padding: 0;



}



/* -- images ------------------------------ */

a img {

 padding: 5px;

 border: 1px solid #4A5B62;

}

#content img {

 padding: 4px;

 border: 1px solid #445A71;

 margin: 5px;

}

/* -- headers ----------------------------- */

h1 {

 font-family: Verdana, Helvetica, Arial, sans-serif;

 font-weight: normal;

 font-size: 1.6em;

 margin: 15px 0 30px 0;

 letter-spacing: -0.02em;

}

h4 {

 font-family: Helvetica, Arial, sans-serif;

 font-weight: bold;

}

h3 {

 font-family: Helvetica, Arial, sans-serif;

 font-weight: bold;

}

h2 {

 font-family: Helvetica, Arial, sans-serif;

 font-weight: bold;

}

h2 {

 font-size: 1.35em;

 margin: 30px 0 15px 0;

}

h3 {

 font-size: 1.2em;

 margin: 3em 0 1em 0;

 padding-bottom: 0.2em;

 border-bottom: 1px solid #445A71;

}

h4 {

 font-size: 1.3em;

 line-height: 1.3em;

 margin: 20px 0;

}

h5 {

 font-size: 1.1em;

 line-height: 1.3em;

 margin: 15px 0;

}

h5 a:visited {

 color: #527497;

}

h5 a {

 color: #527497;

}

h5 {

 color: #527497;

}

h4 a:visited {

 color: #A89780;

}

h4 a {

 color: #A89780;

}

h4 {

 color: #A89780;

}

h3 a:visited {

 color: #333;

}

h3 a {

 color: #333;

}

h3 {

 color: #A89780;

}

h2 {

 color: #888;

}

h1 a:visited {

 color: #888;

}

h1 a {

 color: #888;

}

h1 {

 color: #A89780;

}

h4 a:visited {

 text-decoration: none;

}

h4 a:hover {

 text-decoration: none;

}

h4 a {

 text-decoration: none;

}

h4 {

 text-decoration: none;

}

h3 a:visited {

 text-decoration: none;

}

h3 a:hover {

 text-decoration: none;

}

h3 a {

 text-decoration: none;

}

h3 {

 text-decoration: none;

}

h2 a:visited {

 text-decoration: none;

}

h2 a:hover {

 text-decoration: underline;

}

h2 a {

 text-decoration: none;

}

h2 {

 text-decoration: none;

}

h1 a:visited {

 text-decoration: none;

}

h1 a:hover {

 text-decoration: none;

}

h1 a {

 text-decoration: none;

}

h1 {

 text-decoration: none;

}

/* -- hyperlinks -------------------------- */

a {

 text-decoration: none;

}

a:hover {

 text-decoration: underline;

}

a[name] {

 color: inherit;

 text-decoration: inherit;

}

h4 a:hover {

 color: #83A1C0; /* blue links */

}

h3 a:hover {

 color: #83A1C0; /* blue links */

}

h2 a:hover {

 color: #AC977A; /* blue links */

}

a {

 color: #83A1C0; /* blue links */

}

h4 span a:hover {

 color: #AC977A !important; /* brown links */

}

h3 span a:hover {

 color: #AC977A !important; /* brown links */

}

h2 span a:hover {

 color: #AC977A !important; /* brown links */

}

h1 span a:hover {

 color: #AC977A !important; /* brown links */

}

.prevnext a {

 color: #83A1C0; /* blue links */

}

.more a {

 color: #83A1C0; /* blue links */

}

.meta a {

 color: #83A1C0; /* blue links */

}

#right .more-link a {

 color: #83A1C0; /* blue links */

}

a:hover {

 color: #AC977A; /* dark blue links */

}

.prevnext a:hover {

 color: #AC977A; /* dark blue links */

}

.previous a:hover {

 color: #AC977A; /* dark blue links */

}

.next a:hover {

 color: #AC977A; /* dark blue links */

}

.more a:hover {

 color: #AC977A; /* dark blue links */

}

.meta a:hover {

 color: #AC977A; /* dark blue links */

}

#right .more-link a:hover {

 color: #AC977A; /* dark blue links */

}

/* -- form elements ----------------------- */

textarea {

 font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;

 font-size: 1em;

}

input {

 font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;

 font-size: 1em;

}

textarea {

 background: #fff;

 margin: 1px;

 padding: 3px;

 color: #000;

 border: solid 1px #abaaa5;

}

input[type=text] {

 background: #fff;

 margin: 1px;

 padding: 3px;

 color: #000;

 border: solid 1px #abaaa5;

}

input.text {

 background: #fff;

 margin: 1px;

 padding: 3px;

 color: #000;

 border: solid 1px #abaaa5;

}

textarea:focus {

 border-color: #565552;

}

input.text:focus {

 border-color: #565552;

}

/* -- navigation area --------------------- */

#nav {

 height: 193px;

}

#nav ul {

 position: absolute;

 top: 143px;

 left: 66px;

 width: 605px;

 height: 25px;

}

#nav ul li {

 display: inline;

 list-style-type: none;

 margin: 0;

 padding: 0;

}

#nav ul {

 display: inline;

 list-style-type: none;

 margin: 0;

 padding: 0;

}

#nav ul li {

 float: left;

 text-align: center;

}

#nav ul li a {

 display: block;

 white-space: nowrap;

	font-family: Arial;

	font-weight: bold;

	font-size: 9px;

 line-height: 15px;

 text-decoration: none;

 margin: 0;

 padding: 4px 7px 1px 6px;

 color: #000;

 background-image: url('images/nav.png');

}

#nav ul li a.current_page_item {

 color: #fff;

 background-image: url('images/nav_rev.png');

}

#nav ul li a:active {

 color: #fff;

 background-image: url('images/nav_rev.png');

}

#nav ul li a:hover {

 color: #fff;

 background-image: url('images/nav_rev.png');

}

#nav ul li.first {

 width: 50px;

 height: 20px;

 padding-left: 1px;

 background: transparent no-repeat left;

}

#nav ul li.last {

 padding-right: 19px;

 background: transparent no-repeat right;

}

/* -- misc style classes ------------------ */

.clear {

 clear: both;

 margin: 0;

 padding: 0;

 height: 3px;

 line-height: 1px;

}

.hide {

 display: none;

}

.breadcrumb {

 font-size: 0.8em;

 color: #aaa;

 margin: 15px 5px -15px 0;

 float: right;

 line-height: 15px;

}

.breadcrumb a {

 color: #527497;

}

/* -- Gallery thumbnails ------------------ */

.gallery-thumb {

 margin: 0;

 float: left;

 text-align: center;

}

.gallery-albums .gallery-thumb img .giThumbnail {

 border: 1px solid #445A71;

 padding: 4px;

 margin: 4px;

 -moz-border-radius: 0;

}

.gallery-albums .gallery-thumb img {

 border-bottom-style: double !important;

 border-bottom-width: 3px !important;

}

.gallery-thumb a img {

 border-color: #eee #ccc #ccc #eee;

}

.gallery-albums .gallery-thumb a:hover img.giThumbnail {

 border-width: 2px;

 border-color: #148;

; margin: 0;

 -moz-border-radius: 0;

}

.gallery-thumb a:hover img {

 border-width: 2px;

 border-color: #148;

; margin: 0;

 -moz-border-radius: 0;

}

/* -- Gallery Album listing --------------- */

.gallery-albums {

 clear: both;

 margin: 30px 0 0 0;

}

.gallery-albums h4 {

 /* Years in Album overview (when grouped by year) */

	margin: 0;

}

.gallery-album {

 width: 300px;

 padding-right: 20px;

 height: 140px;

 display: block;

 float: left;

 overflow: hidden;

}

.gallery-album p {

 font-size: 0.9em;

}

.gallery-album .meta {

 margin-top: 0.2em;

 color: #999;

 font-size: 0.9em;

}

/* -- Gallery Items ----------------------- */

.gallery-items {

 margin: 30px 0;

 clear: both;

}

.gallery-empty {

 padding: 0.5em 1.5em;

 margin: 1.5em 3em;

 border: 1px solid #ddd;

 background: #ffe;

 font-size: 1.2em;

}

/* -- Gallery Photo (detail page) --------- */

.gallery-photo {

 text-align: center;

 margin: 0;

 padding: 0;

}

.gallery-photo img {

 padding: 4px;

 border: 1px solid #445A71;

 margin: 5px;

}

.gallery-photo #navnext {

 display: none;

 position: absolute;

 top: 80px;

 z-index: 50;

}

.gallery-photo #navprev {

 display: none;

 position: absolute;

 top: 80px;

 z-index: 50;

}

.gallery-photo #navprev {

 left: 65px;

}

.gallery-photo #navnext {

 right: 65px;

}

.gallery-photo #navnext img {

 background: none;

 border: none;

 padding: 0;

 margin: 0;

}

.gallery-photo #navprev img {

 background: none;

 border: none;

 padding: 0;

 margin: 0;

}

/* -- ExifInfo ---------------------------- */

.block-exif-ExifInfo div {

 /* hide 'details' switch in EXIF block */

	display: none;

}

table.gbDataTable {

 width: 100%;

 border-collapse: collapse;

 margin: 1.25em 0;

}

table.gbDataTable td {

 padding: 0.2em 0.5em 0.2em 0;

 border-bottom: 1px solid #eee;

}

table.gbDataTable td.gbEven {

 font-weight: bold;

}

/* -- Admin ------------------------------- */

.gallery-admin {

 font-size: 0.9em;

}

.gallery-admin h2 {

 font-size: 1.2em !important;

 margin-top: 2em !important;

 overflow: hidden;

}

.gbBlock h4 {

 margin-bottom: 0.3em;

}

.gallery-admin h4 {

 margin-bottom: 0.3em;

}

.giSubtitle {

 font-size: 0.8em;

 color: #999;

}

.giError {

 font-weight: bold;

}

.giWarning {

 font-weight: bold;

}

.giSuccess {

 font-weight: bold;

}

.giSuccess {

 color: #5c0;

}

.giWarning {

 color: #c50;

}

.giError {

 color: #a44;

}

.gallery-admin .gbBlock {

 margin: 1.5em 0 2em 0;

}

#gsSidebar {

 width: 125px;

 overflow: hidden;

 padding-right: 1em;

}

#gsSidebarCol {

 width: 1%;

}

#gsSidebar ul {

 padding: 0.2em 0 1.5em 0;

 margin: 0;

 font-weight: bold;

}

#gsSidebar ul ul {

 font-weight: normal;

}

#gsSidebar li {

 background: none;

 padding: 0;

}

#gsSidebar li.gbAdminLink {

 background: none;

 list-style: none;

 padding: 0.2em 0;

 margin: 0;

}

.gbTabBar {

 padding: 0.2em 0;

 border-bottom: 1px solid #ccc;

}

.gbTabBar a {

 border: 1px solid #ccc;

 padding: 0.2em 1em;

 background: #eee;

 margin: 0 0.2em;

 color: #666;

}

.gbTabBar a:hover {

 text-decoration: none;

 background: #fff;

}

.gbTabBar .giSelected {

 margin: 0 0.2em;

 padding: 0.2em 1em;

 border: 1px solid #ccc;

 border-bottom: 1px solid #fff;

 font-weight: bold;

 background: #fff;

}

.giNew {

 font: normal 9px Arial;

 text-transform: uppercase;

 color: #222;

 background: #ffea88;

 padding: 0 3px;

 margin-left: 3px;

}

.giUpdated {

 font: normal 9px Arial;

 text-transform: uppercase;

 color: #222;

 background: #ffea88;

 padding: 0 3px;

 margin-left: 3px;

}

.giBlockToggle {

 padding: 0 0.2em 0.05em;

 border-color: #999;

 border-style: solid;

}

.giBlockToggle:hover {

 cursor: pointer;

}

span.bsw_ButtonDisabled {

 color: #999;

}

span.bsw_ButtonEnabled {

 color: #000;

 cursor: pointer;

}

table.bsw_ParamTable {

 width: 100%;

 border: 1px solid #999;

 border-collapse: collapse;

}

tr.bsw_ParamHeaderRow {

 background-color: #EEE;

}

/* -- Comments ---------------------------- */

.one-comment {

 padding: 10px 0 10px 30px;

 margin: 0;

 border-bottom: 1px solid #ddd;

}

.one-comment h3 {

 border: none;

 margin-top: 0.5em;

}

.one-comment .delete {

 float: right;

 font-size: 0.8em;

 margin: 0 0 0 1em;

}

.one-comment .edit {

 float: right;

 font-size: 0.8em;

 margin: 0 0 0 1em;

}

/* -- Navigator --------------------------- */

.block-core-Navigator {

 text-align: center;

 font-size: 1em;

 color: #aaa;

 margin: 20px 0;

}

.block-core-Navigator .next-and-last {

 width: 10em;

 display: inline;

}

.block-core-Navigator .first-and-previous {

 width: 10em;

 display: inline;

}

.block-core-Navigator .current {

 margin: 0 1em;

 display: inline;

 color: #666;

}

.block-core-Navigator .current strong {

 padding: 5px 0.2em;

}

.block-core-Navigator .current a {

 padding: 5px 0.2em;

}

.block-core-Navigator .current strong {

 color: #333;

}

.block-core-Navigator .last {

 display: none;

}

.block-core-Navigator .first {

 display: none;

}

.block-core-Navigator a {

 color: #83A1C0; /* blue links */

}

.block-core-Navigator .next {

 padding: 5px 0.5em;

}

.block-core-Navigator .previous {

 padding: 5px 0.5em;

}

.block-core-Navigator a:hover {

 color: #AC977A; /* brown links */

}

.gallery-meta {

 font-size: 0.9em;

 color: #999;

 margin: 1em 0 2em 0;

 height: 1.5em;

}

.gallery-meta a {

 color: #83A1C0;

}

.gallery-meta a:hover {

 color: #AC977A;

}

.gallery-meta a.next {

 margin-left: 8px;

 color: #83A1C0; /* blue links */

}

.gallery-meta a:hover.previous {

 color: #AC977A;

}

.gallery-meta a:hover.next {

 color: #AC977A;

}

.gallery-meta a.previous {

 margin-left: 8px;

 color: #83A1C0; /* blue links */

}

.download-picture {

 padding: 1px 0 2px 20px;

 background: url('images/picture_save.png') no-repeat left center;

 margin-left: 16px;

}

.block-imageblock-ImageBlock {

  width: 100%; 

  float: left;

  clear: both;

  margin-bottom:20px;

  text-align: center;

}

.block-imageblock-ImageBlock .one-image {

  width: 128px;

  float: left;
  
  margin: 3em 0 1em 0;

  padding: 0 16px;

}

p.giInfo {

 font-size: 0.9em;

 color: #999;

 margin: 0 10px 0 7px;

 line-height: 1.2em;

}


