/* Nepto.SK Gallery2 stylesheet */

/* This is modified copy/paste of gallery2/themes/matrix/styles/theme.css file */

/*
	Matrix Theme
	Gallery 2
	theme.css
	by Ross A. Reyman, Jon Huang and Chad Kieffer

        This css file defines all aspects of the Gallery layout.
*/

/*      Standard CSS definitions */

body {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}

div.gbMenu, div#gallery { /* Added by Nepto */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}

form, div { 
    margin: 0; 
    padding 0;
}

/*      font-size using ems
	assumes browser is set to Medium Size or 16px

	62.5%   = 10px

	2.0em   = 20px
	1.5em   = 15px
	1.3em   = 13px
	1.0em   = 10px
	0.8em   = 8px
	
BEWARE OF NESTED EMS!!!
Ems are relational font units. For example, if you assign 1.0em to a block, it is _related_ to the parent block. In most cases, this is the body block (62.5%). However, if you assign a font-size to a block that is nested inside of a block that has changed the font-size, font-sizes will render in relation to the already adjusted size.

Example:
body { 62.5% } All font-sizes go to 10px
p { 1.2em } Font in <p> become 12px
p span { 1.0em } Font size for <span> (inside <p>) is now 12px
span { 1.0em } Font size for <span> (not inside <p>) is 10px 
 
*/

/*	GALLERY
	Category 1: Gallery		
	declare Gallery Module Borders, etc
*/

#gallery { }


/*      SECTIONS
	Category 2: section definitions
	declare section styles		   
*/

#gsHeader { 
	display: block; 
	width: auto;
}


#gsFooter {
	font-size: 0.9em;
	color: #bbb;
	margin: 0;
	padding: 8px;
}

#gsSidebar, #gsAdminSidebar {
    float: left;
	/*width: 156px;*/
	width: 20%;
	border-top: 1px solid #006000;
	/* background-color: #fff; */
	background-color: #004000;
}

#gsContents {
    width: 100%;
	margin: 0;
	padding: 0;
}

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

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

#gsAlbumContents, #gsAdminContents, .gsOtherContents, #gsOtherContents {
    float: left;
    border-top: 1px solid #006000;
    border-left: 1px solid #006000;
    width: 78%;
    margin: 0;
    padding: 0;
}

* html #gsAlbumContents { overflow: auto; } /* style for IE */

.gbExif {
    padding: 8px 14px;
}

/*      .gbDataTable	*/
/*      count from 0 Ñ first row is even...     */

.gsOtherContents table.gbDataTable { width: 97%; }
.gsOtherContents .giActionSelect,
.gbDataEntry .giActionSelect {
	display: inline;
	margin: 4px 0 0 2px;
	font-size: 1.2em; 
	background: #f00;
}

table.gbDataTable th { 
    /* background: #e7e7e7; */
	background: #009000;
    padding: 10px;
}

.gbEven { background-color: #203030; font-size: 50%; }
.gbOdd  { background-color: #004000; font-size: 50%; }

.gbExif .gbEven { 
    text-align: right; 
    font-weight: bold;
    /* border-bottom: 1px solid #006000; */
}

.gbExif .gbOdd { 
    text-align: left;
    /* border-bottom: 1px solid #006000;  */
}

.gbCartInfo li { 
    margin: 0 0 0 -20px; 
    list-style: none; 
}

table.gbDataTable td {
    font-weight: normal;
    padding: 4px; 
}

table.gbDataTable img { border: none; }

#gsComments {
        clear: both;
        border-top: 1px solid #006000;
        border-bottom: 1px solid #006000;
        padding: 8px 14px;
}

#gsSearchContents { }

#gsSearchContents .gbItemImage { clear: left; }

#gsStatus {
	margin: 0 0 0 0;
	padding: 8px;
	text-align: left;
}

#gsItemImages {
	display: block;
	clear: both;
}

#gsAlbumImages {
	display: block;
	clear: both;
}


/*      BOXES
	Category 3: box definitions			   
	This also includes Category 4: items that are defined 
	with respect to sections.
*/

.gbDataEntry { margin: 6px 0px; }


/*	tabs for admin pages	*/
.gbTabBar {
	background: #004000 url('../images/tab_bg.jpg') repeat-x bottom;
	font-size: 0.9em;
	line-height: normal;
	float: left;
	width: 100%;
	margin-bottom: 8px;
}

.gbTabBar ul {
	margin: 0;
	padding: 10px 10px 0 0;
	list-style: none;
}

.gbTabBar li {
	background: url('../images/tab_left.jpg') no-repeat left top;
	margin: 0;
	padding: 0 0 0 8px;
	list-style: none;
	float: left;
}

.gbTabBar a, .gbTabBar span {
	background: url('../images/tab_right.jpg') no-repeat right top;
	padding: 6px 12px 4px 4px;
	text-decoration: none;
	font-weight: bold;
	color: #777;
	display: block;
	float: left;
}

/* commented Backslash Hack hides rule from IE5-Mac \*/
.gbTabBar a { float: none; }
/* End IE5-Mac hack */

.gbTabBar a:hover { color: #fff; }
.gbTabBar .giSelectedTab { background-image: url('../images/tab_left_on.jpg'); }

.gbTabBar .giSelectedTab a, .gbTabBar .giSelectedTab span {
	background-image: url('../images/tab_right_on.jpg');
	color: #fff;
	padding-bottom: 5px;
}

/*      first and default module settings */

.gbMenu { 
	border-bottom: 1px solid #006000;
    margin: 16px 0 0 8px;
	padding: 0 0 16px 0;
}

/*      subsequent menu modules can have different settings */
.gbMenu + .gbMenu { 
	margin-top: 0;
	padding-top: 12px;
}

/*	icons for admin menu	*/
.gbMenu li {
	padding: 6px 0 0 0;
	font-size: 1.0em;
}

.gbMenu ul, .gbMenu ol {
    list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/*	not implemented yet	 
.gbMenu ul {  }
.gbMenu li.comments:before { content: url('../images/icon_comments.jpg'); }
.gbMenu li.general:before { content: url('../images/icon_general.jpg'); }
.gbMenu li.users:before { content: url('../images/icon_users.jpg'); }
.gbMenu li.groups:before { content: url('../images/icon_groups.jpg'); }
.gbMenu li.modules:before { content: url('../images/icon_modules.jpg'); }
.gbMenu li.layouts:before { content: url('../images/icon_layouts.jpg'); }
.gbMenu li.debug:before { content: url('../images/icon_debug.jpg'); } */

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

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

/*	text inside the title bar */
.giTitle {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 8px 0 0;
	padding: 0;
}

h2.giTitle
{
	font-size: 90%;
}

h3.giTitle
{
	/* font-size: 90%; */
}

/*      horizontal history links - 'trail of breadcrumbs' */
.gbBreadCrumb { 
    font-size: 1.2em;
    font-weight: bold;
	margin: 0;
	padding: 0px 0px 10px 2px;
}

.gbBreadCrumb li { 
    display: inline;
	background-image: url('../images/icon_path_separator.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 14px;
}

.gbBreadCrumb li.giBreadCrumbFirst {
	padding: 0 0 0 0;
	background-image: none;
}


/*      horizontal link divider */
#gsHeader .gbBreadCrumb span + span:before { content: '\00BB \ '; }
/*.gbBreadCrumb li + li:before { content: '\00BB \ '; }*/

/* inside gsAlbumContents or gsAdmiinContents */

.gbTopFlag, .gbBottomFlag {
	/* background-color: #eee; */
	background-color: #009000;
	margin: 0;
	padding: 0;
}

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

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

/* End hide from IE-mac */

.gbNavBar {
    /* background-color: #e7e7e7; */
	background-color: #006000;
    margin: 0;
    padding: 0 14px;
	border: 0;
}

.gbNavBar .gbAdmin { float: right; padding: 3px; }

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

.gbTitleBanner { padding: 8px 14px; }

.gbTitleBanner h1 { 
    font-size: 1.2em; 
    margin: 0; 
    padding: 0;
}

table.gbTitleBanner {
	margin: 0 0 0 14px;
	padding: 0;
}

table.gbTitleBanner tr td {
    width: 33%;      
	vertical-align: top;
	padding: 0;
	margin: 0;
	border: 0;
}

.gbTitleBanner .giTitle  { margin: 8px 0 3px 0; }
.gbTitleBanner .giDescription { margin: 4px 0; }

.gbTitle { padding: 14px; }

#gbThumbMatrix {  }

td.gbItemAlbum,
td.gbItemImage, 
td.gbItemMovie, 
td.gbItemOther {
    width: 20%;
    vertical-align: top;
    /* background-color: #fff; */
    background-color: #000;
    padding: 14px;
}

td.gbItemAlbum { background-color: #006000; }

.gsSingleImage { margin: 16px; }

/*	  #gsComments	 */

.gbComment {
    border-bottom: 1px dotted #006000;
    margin: 0;	
    padding: 8px 0 8px 0;
}

.gbComment span {
    font-size: 0.9em;
    color: #bbb;
}

.gbComment p { margin: 6px 0; }

/*	  #gsFooter  */

#gsFooter .gbMiniBanner { 
	float: left; 
	margin-right: 8px;
}

/*	  #gsSidebar  */
#gsSidebar div { }

#gsSidebar .giThumbImage { margin: 4px 0; }

/*	  #gsSearchContents  */

/*	  small grey border around all the thumbnails */
#gsSearchContents .giThumbImage, 
#gsSearchContents .giThumbMovie, 
#gsSearchContents .giThumbOther { border: 0px solid #006000; }

/*	  override the normal title clear so as to wrap information on the right of the thumbnail */

#gsSearchContents .gbItemImage .giTitle {
	border-width: 0;
	margin: 0;
	padding: 0;
}

#gsSearchContents .gbItemImage img { border: 0px; }

/*	  #gsAdminContents	*/

#gsAdminContents .gbAdmin, .gbButtons {
	border-bottom: 1px solid #006000;
	/* background-color: #fff; */
	background-color: #000000;
	clear: both;
	float: left;
	width: 97%;
	margin: 0;
	padding: 8px 14px;
}

.gbButtons { /* background-color: #006000; */ }

/*      for tabular data */
#gsAdminContents .gbDataTable {
	border-width: 0;
	font-size: 1.0em;
	margin: 4px;
}


/*      Status section  */

/*      Error inside a gsStatus section */

#gsStatus { margin: 4px 0 0 4px; }

#gsStatus .giError, #gsStatus .giWarning, #gsStatus .giStatus  {
	font-weight: bold;
	font-size: 1.3em;
}

#gsStatus .giError { color: #a44; }

/*      Warning inside a gsStatus section */

#gsStatus .giWarning { color: #dd7; }

#gsStatus .giEmpty { font-weight: bold; margin: 0 0 400px 0; }

/*      Status inside a gsStatus section */

#gsStatus .giStatus { color: #4a4; }

/*      ITEMS
	Category 4: item and span definitions		 
	declares styles for items that are defined globally or  
	with respect to boxes. items defined uniquely per	   
	section are in the BOXES part of this file.		 
*/

/*      Global / Defaults */

.giMarkupBar input {
	font-size: 1.1em;
	margin: 0;
	padding: 0px;
}

.giDescription {
	display: block;
	font-size: 0.7em;
	margin: 2px 0;
	padding: 0 20px 0 0;
}

.giInfo {
	display: block;
	font-size: 0.7em;
/*	color: #888; */
	margin: 0;
	padding: 8px 0;
	list-style: none;
}

.giInfo li {
    margin: 0;
    padding: 0;
}

/*      horizontal link styles page navigations */
.giHorizontalLinks, .giHorizontalLinksLeft {
	font-size: 0.9em;
	margin: 2px 0;
	padding: 0;
}

.gbNavBar .giHorizontalLinks { float: right; }

.giHorizontalLinks li, .giHorizontalLinksLeft li { 
	display: inline;
	list-style-type: none;
	padding: 0 4px;
 }
 
.giHorizontalLinks a, .giHorizontalLinksLeft a { text-decoration: none; }

.giHorizontalLinksLeft { float: left;  padding-left: 0; }

.gbExif .giHorizontalLinks, .gbExif li, .gbComment .giHorizontalLinks, .gbComment li {
    color: #888;
    margin: 4px 0;
    padding: 0 2px 0 0;
}

/*  thumbnails */
.giThumbImage, .giThumbMovie, .giThumbOther {
	border: 0;
	margin: 0 0 12px 0;
}

.giThumbImage img { border: 0; }

select.giActionSelect {
	display: block;
	margin-top: 4px;
	font-size: 1.2em; 
	/* background: #eee; */
	background: #000000;
	color: #ffffff;
}

 #gsAlbumContents select.giActionSelect { font-size: 1.0em; }

/*      .giThumbBorder {}
...giBorders...
discused the options of generating a table-based border (ie_test) and alistapart.com http://www.alistapart.com/articles/customcorners/ method. Defer until completion of initial theme.
*/

.giPageNumber {
	font-size: 0.9em;
	padding: 8px;
}

.giSelected {
	font-weight: bold;
	list-style-type: none;
}

/*	  Form elements */

.giFormButton, .giFormInput {
	margin-top: 4px;
	margin-bottom: 4px;
}

.giFormCheckbox {
	margin: 4px;
	vertical-align: middle;
}

.gbForm,
.giFormTextarea,
.giFormRadio,
.giFormSelect,
.giFormFile,
.giFormText { }

/* Status class local error, warning and success */

.giError {
	color: #AA4444;
	font-weight: bold;
	clear: both;
}

.giWarning {
	color: #CC5500;
	font-weight: bold;
	clear: both;
}

.giSuccess {
	color: #55CC00;
	font-weight: bold;
	clear: both;
}

/*	  .gbTopFlag   */

.gbTopFlag .giTitle {
	/* color: #000; */
	color: #fff;
	font-weight: bold;
	font-size: 1.2em; 
}

/*	  .gbBottomFlag   */

.gbBottomFlag .giHorizontalLinks {
	font-size: 0.9em;
	padding: 0 4px;
}

/*	  .gbDataEntry */

.gbDataEntry .giFormButton {
	font-size: 1.0em;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

/*   Search page and form styles   */

#SearchSystemContent { font-size: 1.1em; }


.gbAdmin .button,
.gbMenu .button,
#gsSearchContents .button,
.giMarkupBar .button, 
.gbButtons .button,
.giActionSelect .button {
    margin: 0 3px 0 0;
    padding: 1px 3px; 
    color: #ffffff;
    background:#000000;
    border: 2px solid #eee;
    border-right: 2px solid #666; 
    border-bottom: 2px solid #666;
    text-decoration: none;
}

.giMarkupBar { margin: 4px 0; }

#SearchSystemContent a.button:hover { /* color: #fff; background: #666; */ }

input, textarea { 
    padding: 2px; 
    border:1px solid #006000; 
    color: #ffffff;
    /* background: #eee; */
    background: #000000;
}

#SearchSystemContent input { font-size: 1.0em; }

#gsSearchContents .gbAdmin {
    margin: 12px;
    border-bottom: 1px solid #006000;
}

#gsSearchContents ul.giSearchCheck {
    margin: 16px 0;
    padding: 0;
}

#gsSearchContents ul.giSearchCheck li {
    margin: 0;
    padding: 0 8px 0 0;
    display: inline;
}       

#gsSearchContents .giSearchHighlight { 
    font-weight: bold;
    background: #ff6;
}