/*
	Siriux Gallery 2 Theme
	Copyright 2005-2007 Nico Kaiser.
	CSS adapted by Stephantasy 2009.
*/


/* -- Main layout definitions ------------- */

body.gallery {
margin: 0;
padding: 0;
text-align: center;
background:#9DBE90 url('/img/bg.jpg');
background-attachment:fixed;
color:#333;
font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
line-height: 1em;
}

hr {
border: 0;
margin: 0;
padding: 0;
clear: both;
}

.clear {
clear: both;
}

.breadcrumb {
border-bottom:2px solid #90AA85;
color: #333;
font-family: "Museo Sans 500", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
font-size: 1em;
margin:0;
padding:1em 3em 1em 3em;
}

.breadcrumb a {
background-color:#90AA85;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
padding:0.25em 0.5em !important;
}

.header {
margin:0 auto;
width:60em !important;
}

.content {
background-color:#F8F1E6; 
-webkit-box-shadow: 5px 0px 5px #4C617C;
-moz-box-shadow: 5px 0px 5px #4C617C;
box-shadow: 5px 0px 5px #4C617C;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
clear: both;
margin: 3em auto !important;
padding:0;
text-align: left;
width:60em  !important;
}

.content p { padding: 0 3em; }

.footer {
border-top:2px solid #90AA85;
font-size: 0.875em;
color: #333;
margin: 4em 0 0 0;
padding:3em;
}

.footer-content {
background-color:#BCA071;
padding:1em 0;
}

.footer img {
float:left;
margin-left:1em;
}

.footer a img {
clear:both;
background-color:transparent !important;
border:0;
}

.footer a:hover img {
background-color:transparent !important;
}

.footer h4 {
clear:both;
margin:0;
padding:1em 0 0 1em;
}

.footer p {
background-color: transparent !important;
border:0 !important;
margin:0 !important;
}

.footer .badges {
margin-left:-1em;
}

.gallery h2 {
background:#DDC9A8 url('/img/wbg3.jpg');
-webkit-box-shadow: 5px 5px 5px #4C617C;
-moz-box-shadow: 5px 5px 5px #4C617C;
box-shadow: 5px 5px 5px #4C617C;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
clear: both;
color:#4C617C;
font-family: "Broken 15", Impact, Charcoal, sans-serif;
font-size:4.5em; 
line-height:1em;
margin:1em;
padding:0.5em;
}

.gallery h3 {
clear: both;
margin: 1.5em 0 1em 0;
font-size: 1.2em;
}

.gallery p {
background-color:#E5F2E1;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:2px solid #90AA85;
margin:1.5em 6em 3em 6em;
padding:1em;
}

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

.gallery-thumb {
margin: 5px;
float: left;
margin:0 2em 2em 0;
text-align: center;
}

.gallery-thumb img {
background-color:#F8F1E6; 
-webkit-box-shadow: 5px 5px 5px #4C617C;
-moz-box-shadow: 5px 5px 5px #4C617C;
box-shadow: 5px 5px 5px #4C617C;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
border:1em solid #DDC9A8;
margin:1.25em;
}

.gallery-thumb a img {
}

.gallery-thumb a:hover img {
-webkit-box-shadow: 5px 5px 5px #4C617C;
-moz-box-shadow: 5px 5px 5px #4C617C;
box-shadow: 5px 5px 5px #4C617C;
border:1em solid #4C617C;
margin:1.25em;
}

.gallery-thumb a:active img {
-webkit-box-shadow: 5px 5px 5px #4C617C;
-moz-box-shadow: 5px 5px 5px #4C617C;
box-shadow: 5px 5px 5px #4C617C;
border:1em solid #BCA071;
margin:1.25em;
}

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

.gallery-albums {
clear: both;
padding:0 3em 0 3em;
}

.gallery-albums a:hover {
background-color:transparent;
color:#4C617C;
text-decoration:underline;
}

.gallery-albums a:active {
background-color:transparent;
color:#BCA071;
text-decoration:line-through;
}

.gallery-albums h4 a { /* Years in Album overview (when grouped by year) */
margin-left:1em;
font-family: "Museo 700", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
font-size: 1.125em;
line-height:1.33em
}

.gallery-albums .gallery-thumb {
margin-right: 2em !important;
}

.gallery-album {
border:2px solid #90AA85;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
display: block;
float: left;
margin:0 0 2em 0;
overflow: hidden;
padding:1em 1em 2em 1em;
width: 96%; /* Change to 96% if you want 1 Album per line */
}

.gallery-album p {
font-size: 1em;
}

.gallery-album .meta {
color: #999;
float:left;
font-size: 0.875em;
margin-left:2em;
padding:0.5em 0;
}


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

.gallery-items {
margin: 0;
clear: both;
padding:0 6em 0 6em;
}

.gallery-empty {
padding: 0.5em 1.5em;
margin: 1.5em 3em;
border: 1px solid #ddd;
background-color: #ffe;
font-size: 1.2em;
}

.gallery-items a:hover {
background-color:transparent;
color:#4C617C;
text-decoration:underline;
}

.gallery-items a:active {
background-color:transparent;
color:#BCA071;
text-decoration:line-through;
}

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

div.gallery-photo {
text-align: center;
}

img.gallery-photo {
-webkit-box-shadow: 5px 5px 5px #4C617C;
-moz-box-shadow: 5px 5px 5px #4C617C;
box-shadow: 5px 5px 5px #4C617C;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
border:1em solid #DDC9A8;
}

#prevArrow img, #nextArrow img {
border-style: none;
}



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

.block-core-Navigator {
background-color:#90AA85;
-webkit-box-shadow: 5px 5px 5px #4C617C;
-moz-box-shadow: 5px 5px 5px #4C617C;
box-shadow: 5px 5px 5px #4C617C;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
color: #333;
font-size: 1em;
margin: 1.5em auto;
padding:1em 3em 1em 3em;
width:17em;
}

.block-core-Navigator .current,
.block-core-Navigator .first-and-previous,
.block-core-Navigator .next-and-last {
display:inline;
}

.block-core-Navigator .current {
margin: 0 0.5em;
}


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

.block-exif-ExifInfo {
background-color:#D8DFE9;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:1px solid #727F90;
margin:0 auto !important;
padding:0 1em;
font-size: 0.75em;
width:40em;
}

.block-exif-ExifInfo h3 {
margin-top:0.5em;
}

table.gbDataTable {
font-size:0.875em;
width: 90%;
border-collapse: collapse;
}

table.gbDataTable td {
	padding: 0.2em 0.5em 0.2em 0;	
}

table.gbDataTable td.gbEven {
	font-weight: bold;
}

.gbBusy {
    background-color: #ae9 !important;
}

.gbDataTable, .block-exif-ExifInfo,  #ExifInfoLabel {
margin:0 3em 1em 3em;
}

/* -- System- / Item-Links ---------------- */

.gbSystemLinks, .block-core-ItemLinks {
clear: both;
border-top: 4px solid #90AA85;
border-bottom:2px solid #90AA85;
background: #E5F2E1 url('/img/wbg.jpg');
margin:3em 0;
padding:1em 0;
}

.block-core-SystemLink { 
font-weight: bold; 
}

.block-core-SystemLink a:hover {
color: #F8F1E6;
background-color:#4C617C !important;
padding:2px;
text-decoration: none;
}

.gbSystemLinks .block-core-SystemLink a,
.block-core-ItemLinks a {
background-color:#E5F2E1;
display: block;
margin:0 auto;
width:50%;
}

.block-core-GuestPreview, .block-core-EmergencyEditItemLink {
padding: 1em 3em 0 3em;
}

/* -- Toolbar ----------------------------- */

#toolbar {
	clear: both;
	border: 1px solid #ccc;
	background-color: #E5F2E1;
	margin: 1em 0;
	padding: 0.5em;
}


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

.gallery-admin {
font-size: 0.875em;
padding:1em 3em;
}

.gallery-admin h2 {
background-color:transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
font-family: "Museo 700", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
font-size:1.5em; 
line-height:1em;
margin: 1.33em 0 0.667em 0;
overflow: hidden;
padding:0;
}

.gallery-admin h4 {
margin-bottom: 0.5em;
}

.giSuccess, .giWarning, .giError  {
	font-weight: bold;
}

.giSuccess { color: #5c0; }
.giWarning { color: #c50; }
.giError { color: #a44; }

.gallery-admin .gbBlock {
margin: 1.5em 0 2em 0;

}

#gsSidebar {
width: 13em;
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.gbAdminLink {
list-style: none;
padding: 0.2em 0;
margin:0;
}

#gsSidebar li.gbAdminLink a { padding-left:1.5em; }

.gbTabBar {
padding: 0.2em 0;
border-bottom: 1px solid #ccc;
}

.gbTabBar a {
	border: 1px solid #ccc;
	padding: 0.2em 1em;
	background-color: #eee;
	margin: 0 0.2em;
}

.gbTabBar .giSelected {
	margin: 0 0.2em;
	padding: 0.2em 1em;
	border: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	background-color: #fff;
}

.giUpdated, .giNew {
	font: normal 9px Arial;
	text-transform: uppercase;
	color: #222;
	background-color: #ffea88;
	padding: 0 3px;
	margin-left: 3px;
}

.autoCompleteShadow {
    background-color: #a0a0a0 !important;
}

.autoCompleteContainer {
    border-color: #404040 #404040 #0a0;
    background-color: #fff;
}

.autoCompleteContainer li.yui-ac-highlight {
    background-color: #38c;
    color: #fff;
}


#gsContent {
padding-left:2em;
}

/*** 1. Typography **********************************************************************************
*****************************************************************************************************/

/*** 1.1 @font-face ***
**********************/

/*** 
**** Disclaimer:
**** All fonts used on this website are either free fonts and/or used with permission. 
**** If you like the fonts or want to use them, too, please visit the websites of their creators. 
**** You may use the fonts embedded in this website only to view the website. 
**** All other uses are prohibited.
***/

/*** Header font ***/

@font-face {
font-family: "Broken 15"; /*** by Eduardo Recife at http://www.misprintedtype.com/v4/ ***/ 
src: url('http://stephantasy.de/stuff/fonts/BROKEN15.TTF') format('truetype');;
}

/*** Content fonts 
**** Museo and Museo Sans by Jos Buivenga (LJB) at the exljbris Font Foundry 
**** http://www.josbuivenga.demon.nl/ 
***/

/*** serif ***/

@font-face {
font-family: "Museo 500"; 
src: url('http://stephantasy.de/stuff/fonts/Museo500-Regular.otf') format('opentype');
}

@font-face {
font-family: "Museo 700"; 
font-weight: 700;
src: url('http://stephantasy.de/stuff/fonts/Museo700-Regular.otf') format('opentype');
}

/*** sans serif ***/

@font-face {
font-family: "Museo Sans 500";
src: url('http://stephantasy.de/stuff/fonts/MuseoSans_500.otf') format('opentype');
}

@font-face {
font-family: "Museo Sans 500";
font-style:italic;
src: url('http://stephantasy.de/stuff/fonts/MuseoSans_500_Italic.otf') format('opentype');
}

@font-face {
font-family: "Museo Sans 700";
font-weight:700;
src: url('http://stephantasy.de/stuff/fonts/MuseoSans_700.otf') format('opentype');
}

@font-face {
font-family: "Museo Sans 700";
font-style:italic;
font-weight:700;
src: url('http://stephantasy.de/stuff/fonts/MuseoSans_700_Italic.otf') format('opentype');
}

/*** Handwriting fonts ***/

@font-face {
font-family: "Mareen's Print"; /*** Mareen Fischinger at http://mareenfischinger.com/ ***/
src:url('http://stephantasy.de/stuff/fonts/mareensprint.TTF') format('truetype');
}

/*** 1.2 General Font Styling ***
********************************/

/***
**** for special styling
**** please see the relevant div
***/

/*** headings ***/

h2 {
font-family: "Museo 700", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
font-size:1.5em; 
line-height:1em;
margin: 1.33em 0 0.667em 0;
}

h3 {
font-family: "Museo 700", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
font-size:1.25em; 
line-height:1.2em;
margin:1.6em 0 0.8em 0;
}

h4 {
font-family: "Museo 700", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
font-size:1.125em;
line-height:1.333em;
margin:1.333em 0;
}

/*** text ***/

p {
font-family: "Museo Sans 500", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
font-size:1em;
line-height:1.5em;
margin:1.5em 0;
}

a { font-family: "Museo 500", Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; }

b, bold, strong { 
font-family: "Museo Sans 700", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
font-weight:700;
}

em, i {
font-family: "Museo Sans 500", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
font-style:italic;
}


a:link {
color: #4C617C;
padding:2px;
text-decoration:none;
}

a:visited {
color: #066;
padding:2px;
text-decoration:none;
}

a:hover {
color: #F8F1E6;
background-color:#4C617C;
padding:2px;
text-decoration: none;
} 

a:active {
color: #F8F1E6;
background-color:#BCA071;
padding:2px;
text-decoration: none;
}

#ornament1 {
background-image: url('/img/troll.png');
background-repeat: no-repeat;
background-position:left;
height:401px;
width:163px;
margin:0;
padding:0;
position:fixed;
bottom:0px;
left:0px;
z-index: 5;
}

#sendEcardForm {
padding:0 3em 0 9em; 
}

.gbBlock .inputTypeSubmit {
margin-left:6em;
}