/**
 * Gallery 3 Grey Dragon Theme
 * Copyright (C) 2006-2010 Serguei Dosyukov
 *
 * This program is free software; you can redistribute it and/or modify it under
 * the terms of the GNU General Public License as published by the Free Software
 * Foundation; either version 2 of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
 * PARTICULAR PURPOSE. See the GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License along with this
 * program; if not, write to the Free Software Foundation, Inc., 51 Franklin Street
 * - Fifth Floor, Boston, MA  02110-1301, USA.
 */

@import url(layout.css);
@import url(forms.css);
@import url(contrib.css);

html { background-color: #1A2022; overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
body { font-family: Arial, veranda, sans-serif; color: #BBB; background: url(../images/background.gif) #1A2022 repeat-x; }
/* font: 1em Arial, verdana, sans-serif; */

a    { color: #6392CF !important; text-decoration: none; outline: none; -moz-outline-style: none; }
a:focus, a:active, a:hover { text-decoration: none; outline: none; }
img  { border: none; }
p    { font-size: small; text-indent: 0;  }
ul   { list-style: none none; }
input[type="submit"] { cursor: pointer; /* hand-shaped cursor */  cursor: hand; /* for IE 5.x */ }

h1   { font-weight: bold; font-size: 1.2em; }
h2   { font-weight: bold; font-size: 1.2em; }
h3   { font-weight: bold; }
h4   { font-weight: bold; }
h5   { font-weight: bold; }

/* Common elements ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.txtright    { text-align: right; }
.g-metadata  { overflow: hidden; }

.ui-icon                { display: inline-block; zoom: 1; width: 16px; height: 15px; background-image: url(../images/ui-icons.png); }
.ui-icon-first          { background-position: -162px -178px; }
.ui-icon-first-d        { background-position: -162px -162px; }
.ui-icon-prev           { background-position: -178px -178px; }
.ui-icon-prev-d         { background-position: -178px -162px; }
.ui-icon-next           { background-position: -194px -178px; }
.ui-icon-next-d         { background-position: -194px -162px; }
.ui-icon-last           { background-position: -210px -178px; }
.ui-icon-last-d         { background-position: -210px -162px; }
.ui-icon-signal-diag    { background-position: -16px  -178px; }
.ui-icon-info           { background-position: -16px  -144px; }
.ui-icon-plus           { background-position: -14px  -129px; }
.ui-icon-minus          { background-position: -46px  -129px; }
.ui-icon-note           { background-position: -66px  -98px;  }

.ui-icon-comment        { background-position: -227px -219px; width: 27px; height: 20px; }
.ui-icon-left .ui-icon  { float: left; margin-right: .2em; }
.ui-icon-right .ui-icon { float: right; margin-left: .2em; }

/* Layout styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#g-header { height: 90px; padding: 0; font-size: 0.8em; }
#g-main     { display: block; margin: 0; }
#g-main-in  { display: block; position: relative; }

#g-column-center, #g-column-centerleft { padding: 6px 6px 6px 16px; }
#g-column-centerfull  { padding: 6px 12px 6px 10px; }
#g-column-centerright { padding: 6px 12px 6px 6px; }
#g-column-left        { padding: 6px 4px 6px 10px; }
#g-column-right       { padding: 6px 10px 6px 4px; }

#g-footer    { padding: 6px 6px 6px 14px; background: url(../images/footer.png) #1A2022 repeat-x top !important; zoom: 1; font-size: 80%; }
#g-footer ul { float: left; color: #999; padding: 0; text-align: left; }
#g-footer li { padding: 0 0 2px 0; }

/* Header section ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#g-logo   { position: absolute; top: 8px; left: 16px; }

.g-breadcrumbs            { position: absolute; bottom: 4px; background-color: transparent; }
.g-breadcrumbs.default    { right: 14px; }
.g-breadcrumbs.left       { left: 304px; padding-left: 0; }
.g-breadcrumbs li         { display: inline; padding-left: 10px; background: transparent url(../images/ico-separator.png) no-repeat 0 0.2em; }
.g-breadcrumbs li.g-first { background-image: none; }

#g-header .g-message-block { position: absolute; z-index: 10; min-width: 30em; padding: 4px 6px; right: 20em; top: 34px; border: 1px #888 solid; background-color: #AAA; overflow: hidden; color: #000; font: bold 9pt Arial, verdana, sans-serif; text-align: center; }

#g-header #g-login-menu    { position: absolute; top: 0.5em; right: 1em; background-color: transparent; }
#g-footer #g-login-menu    { position: absolute; bottom: 0.5em; right: 1em; background-color: transparent; }
#g-login-menu li { display: inline; padding-left: 1.2em; }
#g-logout-link   { float: none; margin-right: 0; } 

/* Pagination ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.g-paginator         { display: inline-block; width: 100%; padding: 4px 0 0 0; font-size: 80%; zoom: 1; }
.g-paginator li      { display: inline; float: left; margin-left: 0; zoom: 1; }
.g-paginator a       { padding: 0 0 0 2px; }

.g-paginator .g-pagination { width: 80%; padding-top: 2px; }
.g-paginator .g-navigation { text-align: right; width: 20%; }

/* Album grid ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.g-thumbcrop                { overflow: hidden; position: relative; width: 200px; height: 150px; }
#g-album-grid               { padding: 6px 0 0 0; width: 100%; display: inline-block; }
#g-album-grid .g-item       { position: relative; float: left; padding: 10px 9px 0px 9px; min-width: 202px; width: 30.5%; height: 190px; background: url(../images/image_thumb.gif) no-repeat; }
#g-album-grid .g-extra-column { width: 23%; }
#g-album-grid .g-item  p    { text-align: center; }
#g-album-grid h2            { position: absolute; top: 164px; left: 12px; width: 150px; font: 100%/100% Arial, Helvetica, sans-serif; }
#g-album-grid h2 a          { display: block; margin-top: 4px; font: bold 70% Arial, Helvetica, Verdana, Sans-Serif; letter-spacing: 0.1em; text-transform: uppercase; min-height: 2em; }
#g-album-grid .g-album h2   { padding-left: 20px; background: url(../images/ico-album.png) no-repeat 0px 2px; }

.g-item .g-metadata          { display: block; position: absolute; margin: 0; padding: 0; top: 172px; left: 198px; width: 14px; height: 14px; background: url(../images/ui-icons.png) -162px -144px; } 
.g-item .g-metadata li       { padding: 0; margin: 0; text-indent: -9999px; font: bold 70% Arial, Helvetica, Verdana, Sans-Serif; letter-spacing: 0.1em; }
.g-item .g-metadata:hover    { padding: 4px 0 0 6px; top: 148px; left: 6px; width: 198px; height: 32px; background: #181818 none; border: 1px #888 solid; z-index: 100; }
.g-item .g-metadata:hover li { text-indent: 0px; }

.g-item .g-context-menu          { position: absolute; margin: 0; padding: 0; top: 6px; left: 198px; width: 14px; height: 14px; background: url(../images/ui-icons.png) -178px -144px; } 
.g-item .g-context-menu li       { width: 100%; padding: 0; margin: 0; text-indent: -9999px; font-size: 0.8em; letter-spacing: 0.1em; }
.g-item .g-context-menu:hover    { top: 4px; left: 6px; width: 204px; height: auto; background: #181818 none; border: 1px #888 solid; z-index: 100; }
.g-item .g-context-menu ul       { display: block; padding: 0; margin: 0; }
.g-item .g-context-menu li li    { display: none; font-size: 100%; width: 100%; }
.g-item .g-context-menu li li a  { display: block; padding: 4px 6px; }
.g-item .g-context-menu:hover li li { display: block; text-indent: 0px; } 
.g-item .g-context-menu li li a:hover { background-color: #303030; }
.g-item .g-context-menu li li a.ui-icon-rotate-ccw,
.g-item .g-context-menu li li a.ui-icon-rotate-cw   { display: none; }

.ul-table { text-align: center; margin: 0px auto; padding: 0; list-style-type: none; clear: both; }
.ul-table li { float: left; text-align: center; } 

#g-album-header h1,
#g-info h1             { padding-bottom: 1px; border-bottom: #737373 1px solid; }
#g-info .g-description { display: none; }
#g-photo               { padding: 6px 0 6px 6px; text-align: center; }
#g-movie               { padding: 6px 0 6px 6px; position: relative; }

.g-resize, 
.g-movie  { border: 1px solid #888; padding: 5px; background: #555; margin: 0 auto; }

#g-albumheader h1       { padding-bottom: 1px; margin-bottom: 6px; border-bottom: #737373 1px solid; }

/* Footer section ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#g-copyright { font-size: x-small; color: #808080; }
#g-footer-rightside { padding-right: 6px; text-align: right; }
#g-credits   { margin-right: 14px; }

/* Design blocks  ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#g-quick-search-form       { position: absolute; top: 3em; right: 1em; background: none transparent; }
#g-quick-search-form label { display: none; }
#g-quick-search-form li    { display: inline; float: left; padding: 0px; }

#g-quick-search-form input[type="text"]   { background-color: transparent; border: 1px solid #737373; color: #BBB; width: 150px; /* margin-left: 2px; */ }
#g-quick-search-form input[type="submit"] { display: block; width: 23px; height: 23px; text-indent: -9999px; background: transparent url(../images/search.png) no-repeat center top; border: none; overflow: hidden; }

#g-search-results h1      { border-bottom: #737373 1px solid; }

/* Sidebar Blocks ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/*    Common ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.g-block         { margin-bottom: 4px; padding-bottom: 4px; border: 1px solid #737373; background-color: #101415; position: relative; } 
.g-block h2      { padding: 4px; font-size: 1em; background: url(../images/section.png) repeat-x; }
.g-block-content { margin: 4px 10px 0 10px; display: block; zoom: 1; }

/* Buttons ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#g-viewformat                    { z-index: 5; position: absolute; padding: 0; top: 6px; right: 10px; }
#g-viewformat li                 { float: left; margin-right: 2px; }
#g-viewformat .g-viewthumb-left  { background: url('../images/view-left.png') no-repeat left top; }
#g-viewformat .g-viewthumb-right { background: url('../images/view-right.png') no-repeat left top; }
#g-viewformat .g-viewthumb-full  { background: url('../images/view-full.png') no-repeat left top; }
#g-viewformat span               { line-height: 1px; text-indent: -900em; width: 17px; display: block; height: 15px; }
#g-viewformat span:hover,
#g-viewformat span.g-viewthumb-current { background-position: left bottom; }

#g-view-menu { position: absolute; top: 6px; right: 70px; height: 16px; z-index: 5; zoom: 1; margin: 0 0 6px 0; padding: 0 0 4px 0; }
#g-view-menu.g-buttonset-shift { right: 6px; }
.g-toolbar   { height: 1.2em; zoom: 1; margin: 0 0 4px 0; padding: 1px 0 3px 0; border-bottom: 1px solid #737373; }
.g-menu      { margin: 0; padding: 0; text-align: left; }
.g-menu li   { display: inline; }

.g-menu-element,
.g-menu-link     { display: inline; float: left; margin-right: 4px; }

.g-buttonset .g-menu-link { text-indent: -99999px; width: 22px; height: 15px; }

#g-slideshow-link { background: url("../images/view-slideshow.png") top left no-repeat; }
.g-fullsize-link  { background: url("../images/view-fullsize.png")  top left no-repeat; }
#g-exifdata-link  { background: url("../images/view-info.png")      top left no-repeat; }

#g-slideshow-link:hover, .g-fullsize-link:hover, #g-exifdata-link:hover { background-position: left bottom; }

/* Reauthentificate form ~~~~~~~~~~ */

#g-reauthenticate-form { }
#g-reauthenticate-form fieldset { border: none; width: 260px; }
#g-reauthenticate-form ul       { padding: 8px; border: 1px #888 solid; }
#g-reauthenticate-form li       { padding-top: 8px; }
#g-reauthenticate-form label    { display: block; }
#g-reauthenticate-form input[type="password"] { width: 98%; }

/* ShadowBox Skin ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#sb-body        { background: #101415 url('../images/ajax-loading.gif') no-repeat center center; }
#sb-title       { border-left: #303030 1px solid; border-right: #303030 1px solid; background: #101415 url('../images/section.png') repeat-x; overflow: hidden; }
#sb-title-inner { font-size: 10pt; font-weight: bold; padding-left: 10px;  adisplay: none; }
#sb-nav #sb-nav-close   { background-image: url('../images/close.png'); width: 60px; }
#sb-container > #sb-overlay { min-height: 530px; overflow: auto; }