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

body.gallery {
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	margin: 0 0 0 0;
	margin-top: 0px;
	margin-left: 0px;
	background-color: #333;
	color: white;
	text-align: center;
	border: none;
}

/* -- Header container definitions ------------- */

#galrap {
	width: 670px;
	margin: 0 auto;
	text-align: left;  /* IE 5.5 hack part II */
}

#galmasthead {
	text-align: left;
	margin-top: 13px;
	height: 31px;
	display: block;
	width: 150px;
	padding-bottom: 4px;
}

#gallinecontainer {
	heigth: 30px;
	background: url("../../../assets/mw-horlines.gif") repeat-x;
	padding: 0px 0px 23px 0px;
}

/* These settings are optimized for 640x480 scaled image and 
   120x120 thumbnail size. You may want to change these 
   according to you size settings */

.content {
	width: 670px;
	border: none;
}

.gallery-thumb {
	width: 150px;
	height: 150px;
}

.gallery-album {
	width: 46%; /* Change to 96% if you want 1 Album per line */
	padding-right: 3%;
	height: 180px;
}

a {
	color: #f93;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


hr {
	color: #fff;
	height: 1px;
	border: none;
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 0;
	clear: both;
}

.clear {
	clear: both;
}

.breadcrumb {
	float: right;
	color: #999;
	font-size: 85%;
}

.content {
	clear: both;
	margin: 0 auto;
	text-align: left;
}

.footer, .footer a {
	font-size: 8px;
	color: #999;
	margin-top: 80px;
	text-align: center;
	margin-bottom: 20px;
}

.gallery h2 {
	clear: both;
	color: silver;
	margin: 1.5em 0;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #ccc;
	font-size: 1.2em;
}

.gallery h3 {
	clear: both;
	color: gray;
	margin: 0 0;
	font-size: 110%;
	padding-bottom: 10px;
}

.gallery #photopage h2 {
	display: none;
}


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

.gallery-thumb {
	margin: 7px;
	float: left;
	text-align: center;
}

.gallery-thumb img {
	background: #333;
	border: 1px solid #ccc;
	padding: 7px;
	margin: 1px;
	-moz-border-radius: 5px;
}

.gallery-thumb a img {
	border-color: #666;
}

.gallery-thumb a:hover img {
	border-width: 2px;
	border-color: #f93;
	margin: 0;
	-moz-border-radius: 7px;
}


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

.gallery-albums {
	clear: both;
}

.gallery-albums h4 {
	margin: 10px 0 10px 0;
	font-size: 110%;
}

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

.gallery-album {
	display: block;
	float: left;
	overflow: hidden;
}

.gallery-album p {
	font-size: 90%;
	color: grey;
}

.gallery-album .meta {
	margin-top: 3px;
	color: #999;
	font-size: 75%;
}


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

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


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

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

.gallery-photo img {
	background: #eee;
	border: 1px solid #ccc;
	padding: 7px;
	-moz-border-radius: 5px;
}


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

#corenavigator {
	float: left;
	display: inline;
	text-align: center;
	width: 270px;
	margin-bottom: 10px;
}

.block-core-Navigator {
	margin: 0 0 0 0;
	height: 11px;
	width: 270px;
	font-size: 85%;
	color: #999;
	text-align: center;
}

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

.block-core-Navigator .first, 
.block-core-Navigator .last {
	/* Hide "first" and "last" links, as we already have
	   links for "previous" and "next" */
	display: hidden;
}

.block-core-Navigator .current {
	margin: 0 10px;
}

.dimmed {
	display: inline;
	color: #999;
}


/* -- System & item links ---------------------------- */

ul li {
	font-size: 80%;
}



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

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

table.gbDataTable {
	width: 100%;
	font-size: 0.8em;
	margin: 1.5em 0;
}

table.gbDataTable .gbOdd {
	font-weight: bold;
}

/* -- Slideshow ---------------------------- */

#tools {
	display: none;
}

.gbItemImage {
	text-align: center;
}

.gbItemImage img {
	text-align: center;
	background: #eee;
	border: 1px solid #ccc;
	padding: 7px;
	-moz-border-radius: 5px;
}

#textBanner #title, #textBanner #date, #textBanner #summary,
#textBanner .gititle, #textBanner .gidescription {
	visibility: hidden;
	float: left;
	font-size: 10%;
	width: 0px;
	overflow: hidden;	
}

#textBanner {
	margin-top: 10px;
}

#gsContent {
	border: none;
}

#toolbar {
	width: 670px;
	height: 11px;
	font-size: 85%;
	color: #999;
	text-align: center;
	margin-bottom: 10px;
}

#slideshownavigator {
	width: 270px;
	text-align: center;
	float: left;
}

#leftssnav {
	width: 200px;
	text-align: left;
	float: left;
}

#rightssnav {
	width: 200px;
	text-align: right;
	float: left;
}

#slideshownavigator .current {
	margin: 0 10px;
}

#pause, #stop {
	display: inline;
}

#toolbar2 {
	margin: 30px 0 10px 0;
	font-size: 85%;
	color: #999;
	text-align: center;
}

/* -- Definitions used on photo detail page and slideshow page -- */

.slideshowlink {
	float: left;
	display: inline;
	font-size: 85%;
	height: 11px;
	width: 200px;
}

.retourlink {
	float: left;
	display: inline;
	font-size: 85%;
	height: 11px;
	width: 200px;
	text-align: right;
}

.descriptiontext {
	color: white;
	font-size: 90%;
}