/*
	Siriux Gallery 2 Theme
	Copyright 2005-2007 Nico Kaiser.
*/


/* -- Main layout definitions ------------- */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-scope".
 */



a:link, a:visited
{
  text-decoration: none;
  color:white;
}


.info_table
{
  background: #242424; border: solid #343434 3px; color: #343434;
  margin: 0;
  padding: 0; 
  width: 780px;
  margin-bottom: 10px;
}

.comment_table
{
  background: #000000; 
  margin: 0px;
  padding: 0px; 
  width: 780px;
  margin-bottom: 10px;
}

.comment_table_cells td
{
  border-bottom: solid #343434 3px;
}

.info_table_title
{
  background: #343434; border: 0px; color: #666666; font-family: Verdana, sans-serif;
  font-size: 1.2em;
  margin: 0;
  padding: 5px; 
 
}

.info_table_cells
{
  color: #CCCCCC; font-family: Tahoma, sans-serif;
  font-size: 11px;
  margin: 0;
  padding: 5px; 
  height: 120px;
  line-height: 160%;
  vertical-align: top;
}

.comment_table_cells
{
  color: #CCCCCC; font-family: Verdana, sans-serif;
  font-size: 11px;
  margin: 0;
  padding: 5px; 
  line-height: 160%;
  height: 60px;
  vertical-align: top;
  border-bottom: solid #343434 3px;
}

.info_table_cells td, .comment_table_cells td
{

padding-top: 5px;
}

.cl1
{
width: 60px; 
}

.cl1 img
{
margin-left: 8px;
margin-top: 6px;
  vertical-align: top;

}

.cl2
{
  padding-top: 8px;
width: 122px; 
}

.cl3, .cl4
{
width: 70px; 
}

.cl5
{
width: 192px; 
}

.c_comment_t1
{
padding-bottom: 5px;
}



.btn1 a:link, .btn1 a:visited, .btn1 a:active{background: #343434; border: solid #666666 2px;padding: 6px;  margin: 0; margin-right: 5px;
line-height: 40px; font-family: arial, sans-serif; font-size: 12px; font-weight:bold;}.btn1 a:hover{background: #343434; border: solid #999999 2px; color: #fff;}

/** * This <div> element is wrapped by statically around the list * inside the HTML document. */
.jcarousel-list li img { width: 100px; height: 100%;}

.jcarousel-scope {    position: relative;    width: 710px;    background-color: black;    border: none;    padding: 20px 35px;}.jcarousel-list li {    width: 75px;    height: 75px;    margin-right: 4px; overflow: hidden;}/** * The button-elements are added statically in the HTML document * to illustrate how to cutomize the prev/next controls. */.jcarousel-next {    position: absolute;    top: 20px;    right: 5px;    cursor: pointer;}.jcarousel-next-disabled {    cursor: default;}.jcarousel-prev {    position: absolute;    top: 20px;    left: 5px;    cursor: pointer;}.jcarousel-prev-disabled {    cursor: default;}

body.gallery {
	margin: 1.5em;
	padding: 0;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: small;
	background-color: #fff;
	color: #333;
	text-align: center;
}



hr {
	color: #242424;
	height: 3px;
	border: none;
	border-bottom: 3px solid #242424;
	margin: 0;
	padding: 0;
	clear: both;
}

.clear {
	clear: both;
}

.breadcrumb {
	float: right;
	color: #333;
	font-size: 0.9em;
}

.header {
}

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

.footer {
	font-size: 0.8em;
	color: #999;
	margin-top: 4em;
	padding-top: 1.5em;
	border-top: 1px solid #ddd;
}

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

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


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

.gallery-thumb {

	margin: 5px;

	float: left;

	text-align: center;

}



.gallery-thumb img {

	background-color: #f3f3f3;

	border: 1px solid #ddd;

	padding: 7px;

	margin: 1px;

}



.gallery-thumb a img {

	border-color: #ccc;

}



.gallery-thumb a:hover img {

	border-width: 2px;

	border-color: #38c;

	margin: 0;

}



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



.gallery-albums {
	clear: both;
}

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

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

.gallery-album {
	width: 46%; /* Change to 96% if you want 1 Album per line */
	padding-right: 3%;
	display: block;
	float: left;
	overflow: hidden;
}

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

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


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

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

.gallery-empty {
	padding: 0.5em 1.5em;
	margin: 1.5em 3em;
	border: 3px solid #343434;
	background-color: #242424;
	font-size: 1.2em;
}


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

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

img.gallery-photo {
	background-color: #343434;
	padding: 4px;
margin: 20px;
	
}

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


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

.block-core-Navigator {
	float: right;
	margin: 0;
	font-size: 13px;
	color: #666666;
}

.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, .block-core-ItemLinks {
	clear: both;
	border-top: 3px solid #9c9;
	border-bottom: 1px solid #9c9;
	background-color: #efe;
	margin: 1.5em 0;
	padding: 0.5em;
}

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


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

.gallery-admin {
    background-color: #242424;
	font-size: 0.9em;
}


.gallery-admin .g_items{

margin-bottom: 10px;
margin-right: 5px;
padding: 8px;
border: 3px solid #333333;
}


.g_items img{
border: 3px solid #666666;

}


.gallery-admin h2 {
	padding-left: 0;
	margin-top: 10px;
	overflow: hidden;
	color: #999;
}

.gallery-admin h3 {
padding-top: 10px;
padding-bottom: 3px;
margin-bottom: 10px;
font-size: 1.2em;
color: #ffcc00;
border-bottom: 2px solid #333;
}

.gallery-admin h4 {
margin-top: 10px;
padding-bottom: 10px;
}

.giSuccess, .giWarning, .giError  {
	font-weight: bold;
}

.giSuccess { color: #5c0; }
.giWarning { color: #c50; }
.giError { color: #a44; }

.gallery-admin .gbBlock {
	margin: 0 0 0 0;
	padding: 0 0 0 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: 3px solid #343434;
}

.gbTabBar a {
	border: 1px solid #ccc;
	padding: 0.2em 1em;
	background-color:#34343;
	margin: 0 0.2em;
}

.gbTabBar .giSelected {
	margin: 0 0.2em;
	padding: 0.2em 1em;
	border-bottom: 3px solid #343434;
	font-weight: bold;
	background-color: #34343;
}

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

    /* padding: 5px; */

    margin: 2px;

    text-align: left;
  background: red url(../../images/img_pre.gif) no-repeat center;

}



.giAlbumCell {

    /* padding: 5px; */

    margin: 2px;

  background: url(../../images/album_img.jpg) no-repeat top left;
  background-position:4px 4px;

    text-align: left;

}



/* do not use because we do cells in divs down cols now.

td.giAlbumCell, td.giItemCell {

    padding: 1em;

    text-align: left;

}

*/



#gallery td.giAlbumCell select, #gallery td.giItemCell select {

    margin-top: 0.8em;
 
}



.giTitle {

    color: #000000;

}



.dBox {
margin-top: 0;
  padding-right: 15px;
padding-bottom: 15px;


}

.dBoxPhoto {

  position:relative; 

  overflow:hidden;

  border:4px solid #666666;
}

.dBoxDrawerInfo {

  position:absolute; 

  padding:5px; 

  text-align:left;

}

.dBoxDrawerTools {

  position:absolute; 

  padding:5px;

}

.dBarBox {

  padding:3px;

}


div#qTip {
 padding: 3px;
 border: 1px solid #5F665F;
 display: none;
 background: #343434;
 color: #FFF;
 font: bold 10px Tahoma, Helvetica, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
}


.gcBackground2{

    background-color: #000;

}</div></div>