/*
      MMX theme, based on
	Siriux Lightbox JS 2 Gallery 2 Theme
	by Nico Kaiser with minor changes by Michal "Ijon" Rydzy 2007
        heavily edited by JGB
*/

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

html
{
  font-family:Georgia,Garamond,serif;
  margin: 0;
  padding: 0;
}

body 
{
  background: #635b53;
  font-size: 75%;
}

a 
{
  color:#2C0824;
  text-decoration:none;
}

#gallery 
{
  width: 950px;
  margin: 40px auto 0;
  background: #635b53;
}

.header 
{
  background: url(images/header.png) no-repeat scroll 0 0;
  height: 114px;
  border-top: 4px solid #2C0824;
}

.nav 
{
  background: #2C0824;
  padding: 3px;
  border-top: 4px solid #643823;
  border-bottom: 4px solid #643823;
  height: 20px;
  width: auto;
  font-weight: bold;
  font-size: 11px;
}

/* -- System- / Item-Links ---------------- */
/* Moved into nav temporarily */

.gbSystemLinks, .block-core-ItemLinks {
  width: 100%;
/*  clear: both; */
  padding-top: 2px;
  margin-left: 25px;
}

/* Some custom theming of the Superfish menus
   per the mmx theme (style.css)
 */
ul.sf-menu
{
  padding-top: 2px;
}

ul.sf-menu li {
  list-style: none;
  padding-left: 10px;
  padding-right: 28px;
}


span.block-core-SystemLink
{
   float: left;
   padding-right: 60px;
}

span.block-core-SystemLink a
{
   color: white;
   font-weight: bold;
}

.content-wrapper 
{
  background: #EBE9E1 url(images/wallpaper.jpg) repeat scroll 0 0;
  padding: 25px;
  padding-top: 40px;

  /* Especially for IE... */
  height: 100%;

}

/* Gallery title */
.content-wrapper h2
{
  color: white;
  font-size: 129%;
  font-style: bold;
  margin-top: -24px;
  margin-bottom: 0px;
}

.page-data 
{
  width: 100%;
  height: auto;
  display: block;
  margin-top: 15px;
}

.gallery-albums
{
  background-color: white;
  width: 71%;
  margin-right: 12px;
}

/* Added to wrap gallery-items */
.gallery-wrapper
{
  background-color: white;
  width: 71%;
  margin-right: 12px;
}


#gallery-sidebar
{
  float: left;

  background-color: white;
  width: 22%;
  padding: 25px;

  text-align: center;
}

#gallery-sidebar .block-core-ItemLinks 
{
  clear: both;
  margin-left: 0px;
  padding-top: 10px;
}


/* Hide the "related gallery" style listing */
.block-core-PeerList
{
  display: none;
}

.gallery-album
{
/*  width: 48%;*/
   width: 290px;
}

/*
.album description
{
  position: absolute;
  font-size: 150%;
  font-weight: bold;
}
*/

div.block-imageblock-ImageBlock
{
  margin-left: 15px;
  max-width: 170px;
}

/* Hide the "Album Actions" drop-down */
.block-core-ItemLinks
{
/*  display: none; */
}

.gallery-items
{
  background-color: white;
}

.gallery-admin
{
  background-color: white;
  padding: 25px;
}

.footer 
{
  margin-bottom: 40px;
  padding-bottom: 10px;
  padding-left: 25px;
  padding-top: 10px;
  text-align: left;
  background: #2C0824 none repeat scroll 0 0;
  color: #FFFFFF;

/*  width: 926px; */
  width: 900px;
  padding-right: 25px;

}

.footer-message 
{
  clear: both;
  display: block;
/*  padding-top: 10px; */
  padding: 10px;

}

#footer-left
{
   float: left;
}

#footer-right
{
   float: right;
}


/* -- Titles ------------------------------ */
.album-description
{
   text-align: center;
   font-size: 140%;
   margin-bottom: 0px;
   padding: 0px;
}


/* -- Navigator --------------------------- */
.navigator 
{
	font-size: smaller;
	float: left;
	display: inline;
	color: white;
	width: 27%;
        margin-top: -31px;
}

.navigator a
{
	color: white;
}

.block-core-Navigator 
{
	float: left;
	margin: 1.5em 0;
	font-size: smaller;
	display: inline;
	clear: right;
	margin-bottom: 0.2em;
}

.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;
}

.block-core-Pager
{
	float: right;
	margin: 1.5em 0;
	font-size: smaller;
	display: inline;
	clear: right;
	margin-bottom: 0.2em;
}

/* -- Matrix Navigator -- */

div.navigator div.next-and-last {
  float: right;
}
div.navigator div.next-and-last.no-previous {
  float: none;
  text-align: right;
}

div.navigator a.first {
  padding-left: 27px;
  background: url('images/nav_first.gif') left no-repeat;
}

div.navigator a.previous {
  padding-left: 27px;
  background: url('images/nav_prev.gif') left no-repeat;
}

div.navigator a.next {
  padding-right: 27px;
  background: url('images/nav_next.gif') right no-repeat;
}

div.navigator a.last {
  padding-right: 27px;
  background: url('images/nav_last.gif') right no-repeat;
}

div.navigator div.first-and-previous img {
  vertical-align: middle;
  padding-right: 0.5em;
}
div.navigator div.next-and-last img {
  vertical-align: middle;
  padding-left: 0.5em;
}

div.navigator div.next-and-last {
  float: left;
}

/* UNUSED MMX STUFF:

#site-info {
  color:#FFFFFF;
  float:left;
  margin-left:32px;
  margin-top:15px;
}

*/

/* UNUSED SIRIUX STUFF

body.gallery {
	margin: 1.5em;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 11pt;
	background-color: #b9b9b9;
	color: black;
	text-align: left;
	background-image: url(images/header.png);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 120px;
	
}

.breadcrumb {
	/*	position: relative; */
	clear: right; 
	float: right; 
	/*	color: black; */
	font-size: 0.9em;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 0.5em; 
	/* border-bottom: 1px dotted maroon ; */
	padding-bottom: 3px;
}

.gallery h2 {
	margin-left: 1em;
	clear: none;
	margin-top: 1em;
	margin-bottom: 0.5em;
	padding-bottom: 0.2em;
	/* border-bottom: 1px solid #ddd; */
	font-size: 1.5em;
}

*/

a:hover {
	color: red;
	text-decoration: underline;
}

hr {
	color: #857676;
	height: 1px;
	width: 70%;
	float: left;
	border: none;
	border-bottom: 1px solid #ddd;
	margin: 0;
	padding: 0;
	clear: both;
}

.clear {
	/* display: none; */
	/* width: 1px;
	height: 1px; */
	/* clear: left;
	float: left;
	border: 1px dashed blue; */
	/* position: absolute; 
	clear: both; */
}


.header {
}

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


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

.gallery-thumb, .block-imageblock-ImageBlock {
	margin: 5px;
	float: left; 
	text-align: center;
	font-variant: italic;
}

.gallery-thumb img, .block-imageblock-ImageBlock img {
	background: #ffffff;
	border: 6px solid #000000;
	padding: 1px;
	margin: 1px;
	-moz-border-radius: 3px;
}

.gallery-thumb a img, .block-imageblock-ImageBlock a img {
	border-color: #000000;
}

.gallery-thumb a:hover img, .block-imageblock-ImageBlock a:hover img {
	border-width: 6px;
	border-color: red;
	margin: 1px;
	-moz-border-radius: 5px;
}

div.block-imageblock-ImageBlock, div.block-html-HtmlBlock {
	display: inline;
/*	float: right; */
	clear: right;
	/* position: static; */
	/* top: 200px;
	right: 200px; */
	/* vertical-align: top !important; 
	border: 1px dotted red; */
/*	max-width: 150px; */
/*	text-align: left; */
	
}

div.block-imageblock-ImageBlock div.one-image  h4.giDescription, p.giInfo {
	font-size: 0.9em;
	margin: 0%;
	padding: 0%;
}

div.block-html-HtmlBlock h3 {
	text-align: left;
	margin-bottom: 0%;
	/* padding: 0%; */
}


div.block-html-HtmlBlock h3 ul {
	/* padding: 0%;
	margin: 0%; */
	text-align: left;
	text-indent: 0.5em;
}



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

.gallery-albums {
	clear: left;
	float: left;
	/* width: 80%; */
	max-width: 900px; 
	/* max-width: 651px; */
	/* border: 1px dotted red; */
	padding: none; 
	/* float: left; */

}

/* Years in Album overview (when grouped by year) */
.gallery-albums h4 { 
	margin: 10px 0 0 0;
	/* font-size: 1.1em; */
}

.gallery-albums .gallery-thumb {
	margin-right: 5px !important;
}

.gallery-album {
	/* width: 300px; /* Change to 96% if you want 1 Album per line */
	height: 15%;
/*	width: 45%; */
	max-width: 400px; 
	/* padding-right: 1px; */
	/* margin: auto;
	padding: auto; */

	/* display: inline; */
	float: left; 
	overflow: hidden;
	/* border: 1px dotted navy; */
	/* clear: left; */
}

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

.gallery-album .meta {
	margin-top: 3px;
	color: #665f5f;
	font-size: 0.9em;
}

/* -- Gallery Wrapper --------------- */
/* Added to wrap gallery-items */

.gallery-wrapper
{
	clear: left;
	float: left;
	/* width: 80%; */
	max-width: 900px; 
	/* max-width: 651px; */
	/* border: 1px dotted red; */
	padding: none; 
	/* float: left; */
}


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

.gallery-items {
	margin: 0;
	clear: left; 
	float: left;
	/* border: 1px dotted maroon; */
	display: block;
	width: 99%;
}

.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) --------- */

div.gallery-photo {
	margin-top: 15px;
	text-align: center;
}

img.gallery-photo {
	background: #f3f3f3;
	border: 1px solid #ddd;
	padding: 7px;
	-moz-border-radius: 3px;
}

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

#individual_photo h2
{
	text-align: center;
}

#individual_photo hr
{
	width: 100%;
}

#individual_photo .block-core-Navigator
{
	float: right;
}

#individual_photo .block-core-PhotoSizes
{
	float: left;
}

#individual_photo p.description
{
/*	padding-bottom: 20px;
*/
}

#individual_photo p.download
{
	float: right;
	margin-top: 5px;
}

*/

/* -- ijonized ends -- */


/* -- ijonized album select -- */

block-albumselect-AlbumTree {
	font-size: smaller;
}

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

#ExifInfoBlock1
{
	clear: both;
}

.block-exif-ExifInfo div {
	font-size: 0.8em;
	color: #999;
	margin: 1em 0;
}

table.gbDataTable {
	width: 100%;
	border-collapse: collapse;
}

table.gbDataTable td {
	padding: 0.2em 0.5em 0.2em 0;
	border-bottom: 1px solid #eee;
}

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


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

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


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

.gallery-admin {
	font-size: 0.9em;
}

.gallery-admin h2 {
	font-size: 1.2em;
	margin-top: 2em;
	overflow: hidden;
}

.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 {
	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;
}

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

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

#giFormUsername, .giFormUsername {
	background: url('images/userinfo.png') no-repeat 0 1px;
	padding-left: 17px;
}

#giFormGroupname {
	background: url('images/groupinfo.png') no-repeat 0 1px;
	padding-left: 17px;
}

#giFormPassword {
	background: url('images/key7-16-bw.gif') no-repeat 0 1px;
	padding-left: 17px;
}

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	font-weight: normal;
	}

#lightbox a img { 
	border: none; 
}
#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

/* albumselect tree */
.dtree {
	font-size: 0.9em;
}