/*
	rodhouse Gallery 2 Theme
	Copyright 2008 Tim Hull
	based on the siriux theme
*/


/* -- Main layout definitions ------------- */

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

a 
	{
	color: #38c;
	}

a:hover 
	{
	color: #05a;
	/*color:#000000;
	background-color:#38c;*/
	}	

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

.clear {
	clear: both;
}

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

.header 
	{
	}

.content {
	clear: both;
	margin-left:0px;
	margin-right:0px;
	text-align: left;
	/*background-color:#eeeeee;*/
	background:url('images/beige107.jpg');
	/*width:100%;*/
	min-width:400px;
	padding-left:5px;
	padding-right:5px;		
	
}


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

.gallery h2 {
	clear: both;
	margin: 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;
	/*-moz-border-radius: 3px;*/
}

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

.gallery-thumb a:hover img 
	{
	border-width: 2px;
	border-color: #38c;
	margin: 0;
	/*-moz-border-radius: 5px;*/
	}


/* -- 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 h4
	{

	text-align:left;
	}

.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: 1px solid #ddd;
	background-color: #ffe;
	font-size: 1.2em;
}


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

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

img.gallery-photo {
	background-color: #f3f3f3;
	border: 1px solid #ddd;
	padding: 7px;
	/*-moz-border-radius: 3px;*/
}

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


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

.block-core-Navigator {
	float: right;
	margin-left: 1.5em;
	margin-right:10px;
	font-size: 0.9em;
	color: #333;
}

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

.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 #369;
	border-bottom: 1px solid #369;
	background-color: #6699cc;
	margin: 1.5em 10px 0px 0px;
	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 {
	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-color: #404040 #404040 #0a0;
    background-color: #fff;
}

.autoCompleteContainer li.yui-ac-highlight {
    background-color: #38c;
    color: #fff;
}

/*Site layout CSS */

html
	{
	height:100%;
	}

body.siteBody
	{
	min-height:100%;
	height:100%;
	}

.siteBody img
	{
	display:block;
	margin-right:auto;
	margin-left:auto;
	}
div.text
	{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
.text p
	{
	margin-left:auto;
	margin-right:auto;
	}

.col, .colFixedPercent
	{
	float:left;
	}
.colFixedRight
	{
	float:right;
	width:20%;
	text-align:left;
	}
.colFixedPercent
	{
	width:20%;
	text-align:left;
	}
.colFixedPercent h1,h2,h3,h4
	{
	text-align:center;
	}
.Header
	{
	margin-left:auto;
	margin-right:auto;
	margin-top:3px;
	text-align:center;
	border-top:2px solid #0000ff;
	height:393px;;
	background-image:url('../../../images/sheep2.gif');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:top center; 	
	}
.col
	{
	margin-left:auto;
	margin-right:auto;
	width:65%;
	}
.footer
	{
	clear:both;
	text-align:center;
	}
.centreContent
	{
	text-align:center;	
	margin-left:5px;
	margin-right:5px;
	}
.centreContent p
	{
	text-align:left;
	}

ul.siteLinks
	{
	list-style-type:none;
	text-align:center;
	margin:0;
	padding:0;	
	}
.siteLinks li
	{
	margin:1px;
	padding:2px;
	width:100%;
	}
	
.siteLinks li:hover
	{
	
	background-color:#38c;
	}	
	
.siteLinks li:hover a
	{
	color: #000000;
	background-color:#38c;
	}		
	
.siteLinks a:hover 
	{
	/*color: #05a;*/
	color:#000000;
	}		
	
.siteLinks a
	{
	color:#FFFFFF;
	display:block;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
	}
.siteStart, .siteEnd
	{
	clear:both;
	}
.siteStart, .siteEnd
	{
	border-bottom:2px solid #0000ff;	
	}
	
.colLeft
	{
	/*border-right:2px solid #0000ff;*/
	}
.colRight
	{
	/*border-left:2px solid #0000ff;*/
	}
	body 
		{
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		/*width:100%;*/
		font-family: "Lucida Grande", Verdana, Arial, sans-serif;
		background:#fff;
		min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
		}
	a 
		{
    	color:#369;
		}
	a:hover 
		{
		/*color:#fff;
		background:#369;
		text-decoration:none;*/
		}
    h1, h2, h3 
    	{
        margin:.8em 0 .2em 0;
        padding:0;
    	}
    .leftHeader
    	{
    	text-align:left;
    	}
    p 
    	{
        margin:.4em 0 .8em 0;
        padding:0;
    	}
	img 
		{
		margin:10px 0 5px;
		}
	/* Header styles */
    #header 
    	{    	
        clear:both;
        float:left;
        width:100%;
        border-bottom:1px solid #000;
    	}
	#header img
		{
		display:block;
		margin-top:0px;
		margin-left:auto;
		margin-right:auto;
		}		
	#header p,
	#header h1,
	#header h2 
		{
	    padding:.4em 15px 0 15px;
        margin:0;
		}
	#header ul 
		{
	    clear:left;
	    float:left;
	    width:100%;
	    list-style:none;
	    margin:10px 0 0 0;
	    padding:0;
		}
	#header ul li 
		{
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
		}
	#header ul li a 
		{
	    display:block;
	    float:left;
	    margin:0 0 0 1px;
	    padding:3px 10px;
	    text-align:center;
	    background:#eee;
	    color:#000;
	    text-decoration:none;
	    position:relative;
	    left:15px;
		line-height:1.3em;
		}
	#header ul li a:hover 
		{
	    background:#369;
		color:#fff;
		}
	#header ul li a.active,
	#header ul li a.active:hover 
		{
	    color:#fff;
	    background:#000;
	    font-weight:bold;
		}
	#header ul li a span 
		{
	    display:block;
		}
	/* 'widths' sub menu */
	#layoutdims 
		{
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
		}
	/* column container */
	.colmask 
		{
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		}
	/* holy grail 3 column settings */
	.holygrail 
		{
	    background:#6699cc;    	/* Right column background colour */
		}
    .holygrail .colmid 
    	{
        float:left;
        width:200%;
        margin-left:-200px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#ffffff;    	/* Centre column background colour */
    	}
    .holygrail .colleft 
    	{
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:400px;         	/* Left column width + right column width */
        background:#6699cc;    	/* Left column background colour */
    	}
    .holygrail .col1wrap 
    	{
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
		}
	.holygrail .col1 
		{
        margin:0 215px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
		}
    .holygrail .col2 
    	{
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:15px;         	/* Width of the left-had side padding on the left column */
    	}
    .holygrail .col3 
    	{
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    	}
	/* Footer styles */
	#footer 
		{
        clear:both;
        float:left;
        width:100%;
		border-top:1px solid #000;
    	}
    #footer p 
    	{
        padding:10px;
        margin:0;
    	}
    #header a, #header img
    	{
    	border-width:0px;
    	border-style:none;
    	}   	
    	
    h4.rodAlbum
    	{
    	clear:both;
    	}
    span.javaSpan
    	{
    	font-weight:bold;
    	color:#05a;
    	text-decoration:underline;
    	}

	.block-search-SearchBlock, .block-counter-HitCounter
		{
		position:absolute;
		top:0px;
		width:186px;
		clear: both;
		border-top: 3px solid #369;
		border-bottom: 1px solid #369;
		background-color: #6699cc;
		margin: 5px 0;
		padding: 0.5em;
		height:35px;		
		}

	.block-search-SearchBlock    	
		{		
		right:20px;		
		}
	.block-counter-HitCounter
		{
		left:20px;
		}			
	.contentIMG
		{
		text-align:center;
		}
	td.gbItemImage, td.gbItemAlbum
		{
		vertical-align:text-top;
		}
	.block-counter-HitCounter tr, .block-counter-HitCounter td, .block-counter-HitCounter img
		{
		margin:0px;
		padding:0px;
		}
	.resizerImage
		{
		/*height:100%;
		width:100%;*/
		}
	.ladderimage
		{
		position:absolute;
		background:url('../../../images/ladder.jpg');
		width:78px;
		}
	#leftladder
		{
		top:58px;
		left:180px;
		height:65px;
		}
	.gunpowderImage
		{
		position:absolute;
		background:url('../../../images/gunpowder_plot.gif');
		width:26px;
		}
	#rightGunpowder
		{
		top:57px;
		right:206px;
		height:67px;
		}
	a.borderlessLink img
		{
		border:0px;
		}.