/* -- Main layout definitions ------------- */  
body.gallery {
 	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
 	font-size: small;
 	margin: 1.5em;
 	background-color: #F3F6ED;
 	color: #29303B; 	text-align: center;
 }

#gallery  {
	margin:0px 20px 0px 20px;
 	background:url(img/content_bg.gif) repeat;
 	width:730px; 
}  

.content {
 	padding-top: 4px;
 	padding-left: 0px;
 	padding-right: 10px;
}  

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

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

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

a:hover {
 	text-decoration: underline; 
}  

a:visited {
 	color: #990066; 
} 

a:hover {
 	color: #000099;
 	text-decoration:underline; 
}  

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

.clear {
 	clear: both; 
}  

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

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

#footer {
 	font-size: 0.8em;
 	color: #999;
 	background:url(img/content_bg.gif) repeat; 
}  

.footer {
 	font-size: 0.8em;
 	color: #999; 
}   

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

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

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

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

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

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

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

.gallery-albums {
 	margin: 1em 0;
 	clear: both; 
}  

.gallery-albums h4 {
 	margin: 10px 0 0 0;
 	font-size: 1.1em; 
}  

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

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

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

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

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

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

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

.gallery-photo {
 	margin: 10px 0;
 	text-align: center;
 }  

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

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

.block-core-Navigator {
 	font-size: 0.9em;
 	color: #999; 
}  

.block-core-Navigator .first-and-previous {
 	display: inline;
 	float: left; 
}  

.block-core-Navigator .next-and-last {
 	display: inline;
 	float: right; 
}  

.block-core-Navigator .current {
 	display: inline;
 	margin: 0 0.5em;
 	position: relative;
 	left: 310px; 
}   

/* -- 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; 
}  

#gallery ul {
 	margin-left: 0;
 	padding-left: 5px;
 	list-style-type: none; 
} 

#gallery ul li {
 	background: url(img/bullet.gif) no-repeat 0 7px;
 	padding-left: 1.5em; 
}  

div.block-core-GuestPreview {
	float: right;
	font-size: 0.8em;
	color: #999; 
} 

#gallery.rtl div.block-core-GuestPreview {
	float: left; 
}  

.download {
	text-align: center; 
}   

.gcBackground1 {
	background-color: #eee; 
}  

.gcBackground2 {
	background-color: #e7e7e7; 
}  

.gcBorder1 {
	border: 0 solid #ccc; 
}  

.gcBorder2 {
	border: 0 solid #888; 
}  

.gbEven {
	background-color: #fff; 
}  

.gbOdd {
	background-color: #eee; 
}   

div.gbTabBar {
	font-size: 0.9em;
	font-weight: bold;
	margin: 0.8em 0 0;
	padding: 6px;
	background: url('../matrix/images/tab_bg.gif') repeat-x bottom;
	white-space: nowrap; 
}  

div.gbTabBar span.o {
	padding: 6px 0 5px 8px;
	background: url('../matrix/images/tab_left.jpg') no-repeat left top; 
} 

#gallery.IE div.gbTabBar span.o {
	display: inline-block;   /* IE loses padding-left on wrapped inline nowrap element */
	margin-bottom: 1px;      /* ..and then adds padding differently with inline-block.. */ 
} 

/* IE may clip off the right end of a long set of tabs, so allow IE to wrap them */

#gallery.IE div.gbTabBar { 
	padding-bottom: 0; 
	white-space: normal; 
} 

#gallery.IE div.gbTabBar span.giSelected { 
	margin-bottom: 0; 
}  

#gallery div.gbTabBar span span {
	padding: 6px 12px 5px 4px;
	background: url('../matrix/images/tab_right.jpg') no-repeat right top; 
}  

#gallery div.gbTabBar a {
	color: #777;
	text-decoration: none; 
}  

#gallery div.gbTabBar a:hover {
	color: #333; 
}  

#gallery div.gbTabBar span.giSelected {
	padding-bottom: 6px;
	background-image: url('../matrix/images/tab_left_on.jpg'); 
}  

#gallery div.gbTabBar span.giSelected span {
	color: #333;
	padding-bottom: 6px;
	background-image: url('../matrix/images/tab_right_on.jpg'); 
}  

.gbBlock {
	padding: 0.7em;
	border-width: 0 0 1px 0;
	border-style: inherit;
	border-color: inherit; /* IE can't inherit these */
	border-style: expression(parentElement.currentStyle.borderStyle);
	border-color: expression(parentElement.currentStyle.borderColor); 
}  

.gbBlock ul {
	margin: 0;
	padding: 0;
	list-style-type: none; 
}  

.gbBlock ul ul {
	margin: 0 0 0.5em 1.0em; 
}  

.gbBlock li {
	padding: 6px 0 0 0; 
}  

#gallery .gbBlock h3 {
	margin-bottom: 0.5em; 
}  

#gallery .gbBlock h4 {
	margin-top: 0.5em; 
}  

#gsSidebar {
	border-right-width: 1px;
	width: 175px;
	overflow: hidden; 
} 

#gsSidebarCol {
	width: 1%; /* Expand to fit content ("0" bad4 firefox, "1px" bad4 opera) */ 
} 

#gallery #gsSidebar ul {
	font-size: 1em; 
}  

div#gsSidebar div.block-core-ItemLinks a {
	display: block; 
}  

div#gsSidebar div.block-core-PeerList a {
	display: block;
	padding: 3px; 
}  

div#gsSidebar div.block-core-PeerList span {
	font-weight: bold;
	display: block;
	padding: 3px; 
}  

div#gsSidebar div.block-core-PeerList span.current {
	color: #0b6cff; 
}  

.gbItemImage {
	margin: 15px 0;
 	text-align: center; 
}