/*
	Lidiabaich.com Theme
	Copyright 2007 Wolf-Dieter Grabner.
*/

/* -- Main layout definitions ------------- */
.clear { clear: both; }
.breadcrumb { float: left; color: #fff; font-size: 0.8em; }
.breadcrumb a { color: #eee; }
.breadcrumb a:hover { color: #fff; }

.content { clear: both; margin: 0 auto; text-align: left; }
.footer { font-size: 0.8em; color: #eee; margin-top: 4em; padding-top: 1.5em; border-top: 1px solid #ddd; }
.description p { color: #ddd; font-size: 0.8em; line-height: 1.4em; padding: 7px 8px 0 8px; }
.description a { color: #fff; }
.description a:hover { color: #ddd; }
.gallery h2 { color: #fff; }
.gallery h3 { color: #fff; }

/* -- Gallery thumbnails ------------------ */
.g-thumb { float: left; position: relative; font-size: 0.9em; border: 1px solid #fff; width: 180px; height: 180px; }
.g-thumb img { width: 180px; height: 180px; }
.g-thumb .noimg { background: #777; padding: 6px; width: 168px; height: 168px; overflow: hidden; }
.g-thumb .noimg p { color: #555; }


.g-thumb-overlay { background: url('http://media.melaoproject.org/img/0.gif'); z-index: 10; position: absolute; left: 0px; top: 0px; margin: 0px; width: 180px; height: 180px; overflow: none; }
.g-thumb-overlay a { padding: 6px; width: 168px; height: 168px; display: block; }
.g-thumb-overlay a, .g-thumb-overlay a span, .g-thumb-overlay a strong, .g-thumb-overlay a em, .g-thumb-overlay a small { line-height: 1.5em; color: #fff; }
.g-thumb-overlay a small { position: relative; left: -6px; background: #333; display: inline-block; padding: 2px 5px 2px 5px; color: #aaa; text-variant: normal; }
.g-thumb-overlay a:hover { background: url('http://www.melaoproject.org/img/thumb-bg-03.png'); }

.g-thumb-overlay a span { visibility: hidden; }
.g-thumb-overlay a:hover span { visibility: visible; }

.g-thumb-edit { z-index: 15; position: absolute; left: 0px; top: 157px; margin: 1px; width: 180px; height: 20px; overflow: none; font-size: 0.8em; }

.icon-album-new { z-index: 5; position: absolute; left: 157px; top: 9px; margin: 0px; width: 16px; height: 12px; overflow: none; font-size: 0.8em; background: url('http://www.melaoproject.org/img/album-new.png') }
.icon-album { z-index: 5; position: absolute; left: 157px; top: 9px; margin: 0px; width: 16px; height: 12px; overflow: none; font-size: 0.8em; background: url('http://www.melaoproject.org/img/album.png') }

/* -- Gallery Album listing --------------- */
.g-albums { clear: both; }
.g-albums .gallery-thumb {  }
.g-album { display: block; float: left; overflow: hidden; }
.g-album .meta { margin-top: 3px; color: #999; font-size: 0.9em; }

/* -- Gallery Items ----------------------- */
.g-items { width: 728px; height: 546px; background: #525766 url('http://www.melaoproject.org/img/img-bg-01r.png'); margin: 0; clear: both; border: solid 7px #fff; }
.g-empty { padding: 0.5em 1.5em; margin: 1.5em 3em; border: 1px solid #ddd; background-color: #fff; font-size: 1.2em; }

/* -- Gallery Photo (detail page) --------- */
.item { background: #525766 url('http://www.melaoproject.org/img/img-bg-01.png'); width: 726px; height: 544px; border: 8px solid #fff; position: relative; z-index: 0; }
#photo { width: 726px; text-align: center; position: relative; }
#map-dummy { position: absolute; left: 0; top: 0; width: 726px; height: 544px; z-index: 5; }
.item a { position: relative; z-index: 10; }
#prevArrow img, #nextArrow img { border-style: none; }

/* -- Navigator --------------------------- */
.block-core-Navigator { float: right; margin: 1.5em 0; font-size: 0.8em; color: #ddd; }
.block-core-Navigator a { color: #eee; }
.block-core-Navigator a:hover { color: #fff; }
.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 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; }

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

/* -- System- / Item-Links ---------------- */
.gbSystemLinks { display: none; clear: both; border-top: 3px solid #999; border-bottom: 1px solid #999; background-color: #ddd; margin: 1.5em 0; font-size: 0.7em; padding: 0.5em; }
.block-core-ItemLinks { width: 180px; text-align: center; clear: both; font-size: 0.8em; }
.block-core-SystemLink { font-weight: bold; }
.gbSystemLinks .block-core-SystemLink a, block-core-ItemLinks a { display: block; padding: 0.3em; }

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




h2 a, h2 a:hover { color: #fff !important; text-decoration: none; }


/* -- 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 { 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-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: 1px solid #404040; background-color: #fff; border-top: 0px; border-bottom: 1px dotted rgb(0, 172, 0); margin-bottom: -1px; margin-top: 0px; }
.autoCompleteContainer li.yui-ac-highlight { background-color: #38c; color: #fff; }