/*
Theme Name: Alden
Theme URI: http://www.geoffreybooth.com/
Description: A simple theme.
Version: 1.0
Author: Geoffrey Booth
Author URI: http://www.geoffreybooth.com/
*/
html, body {
	margin: 0;
	padding: 0;
	overflow: auto;
}
body {
	width: 100%;
	max-width: 100%;
	background-color: #000000;
	font: 400 0.8em arial, sans-serif;
	color: #ccc;
	line-height: 1.4em;
}
a {
	text-decoration: none;
	color: #0c0;
}
a:hover {
	text-decoration: underline;
	color: #cf0;
}
.white {
	display: block;
	margin: 0;
	font: 400 20px arial, sans-serif;
	color: #aaa;
	padding: 30px 30px 3px 0;
}
a.white {
	margin: 0;
	text-decoration: none;
	font: 400 20px arial, sans-serif;
	color: #aaa;
	padding: 0 30px 3px 0;
}
a.white:hover {
	color: #cf0;
/*	background: #222; */
	text-decoration: none;
	background: none
}
#left {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	height: 100%;
	width: 325px;
	text-align: right;
	background: #333 url('images/fade.jpg') no-repeat right;
}
#outer {
	position: absolute;
	left: 0;
	top: 45%;
	width: 100%;
	height: 240px;
	margin-top: -120px;
}
body > #left {
	position: fixed;
}
#home { /* GB: used in homepage.php */
	position: absolute;
	top: 45%;
	margin: -190px 5% 20px 37%;
	padding-top: 0px !important;
	padding-top: 20px;
	overflow: visible;
}
#main {
	margin: 20px 50px 20px 315px;
	padding-top: 0px !important;
	padding-top: 20px;
	overflow: visible;
}
h1 a {
	display: inline;
	margin-right: 30px;
	font: 800 35px 'century gothic', 'lucida grande', arial, sans-serif;
	color: #fff;
	text-align: right;
	text-decoration: none;
/*	text-transform: lowercase; */
}
h1 a:hover {
	text-decoration: none;
}	
span.title, span.title a {
	display: block;
	margin: 0 -30px 0 0;
	font: 600 1.7em 'century gothic', 'lucida grande', arial, sans-serif;
	color: #fff;
	padding-top: 20px;
/*	height: 50px;*/
	vertical-align: bottom;
/*	background: #333 url('images/top-corner.jpg') no-repeat top right;*/
}
img.lime {
	margin-bottom: -6px;
	margin-right: 8px;
	display: none;
}
span.yellow {
	color: #cf0;
}
span.green {
	color: #0c0;
}
#nav ul {
	list-style: none;
	text-transform: lowercase;
}
#nav ul li a {
	display: block;
	margin: 0;
	text-decoration: none;
	font: 400 20px arial, sans-serif;
	color: #aaa;
	padding: 0 30px 3px 0;
}
#nav ul li a:hover {
	color: #cf0;
/*	background: #222; */
	background: #333 url('images/gradient.jpg') repeat-y right;
	text-decoration: none;
}
.credit a, .credit a:hover {
	color: #555;
}
.date {
	float: left;
	width: 2.0em;
	font: 600 1.3em arial, sans-serif;
	padding-top: 40px;
	padding-right: 5px;
	text-align: right;
}
div.main {
	margin-left: 3.2em;
	margin-bottom: 30px;
	border-left: solid 0px #3a3a3a;
	padding: 0 0 40px 5px;
/*	background: #333 url('images/corner.jpg') no-repeat bottom right;*/
}
div.main p {
	margin-right: 5%;
}
img.main {
	float: right;
	margin: 10px;
	padding: 4px;
	background: #0c0;
	border: solid 3px #2e2e2e;
}
a img.main:hover {
	background: #cf0;
}
div.quote {
	margin: 8px 0 12px 10px;
	color: #fff;
	background: #2a2a2a url('images/quote.jpg') repeat-x top;
	border-bottom: solid 1px #2e2e2e;
	border-right: solid 1px #2e2e2e;
	border-left: solid 2px #0c0;
	padding: 8px;
	line-height: 1.7em;
}
p.comment {
	font-size: 0.9em;
	font-family: 'century gothic', 'lucida grande', arial, sans-serif;
}
span.credit {
	display: block;
	display: none;
	text-align: center;
	color: #555;
	margin: 15px 0 20px 0;
	font: 400 0.9em 'lucida grande', arial, sans-serif;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.alignleft {
	text-align: left;
}
.alignright {
	text-align: right;
}
.aligncenter {
	text-align: center;
}
.clear {
	clear: both;
}
.block {
	display: block
}
/* override NextGen gallery CSS: */
.ngg-singlepic {
	background-color: #fff !important;
	border: 0px solid #fff !important;
	margin: 4px 0px 4px 5px;
	display: block;  
	padding: 4px;
	position: relative;
}
.ngg-singlepic:hover {
	background-color: #CCFF00 !important;
}
.ngg-thumbnail {
	float: left;
	margin-right: 12px;
}
.ngg-thumbnail img {
	background-color: #fff !important;
	border: 1px solid #fff !important;
	margin: 4px 0px 4px 5px;
	padding: 4px;
	position: relative;
}
.ngg-thumbnail img:hover {
	background-color: #7FD47E !important;
}
.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
/*	margin-right: 5% !important;*/
	width: auto !important;
	clear: both;
	display: block !important;
	text-align: center !important;
}
.ngg-galleryoverview .desc {
	/* required for description */
	margin: 0px 10px 10px 0px;
	padding: 5px;
}
.ngg-gallery-thumbnail-box {
	display: inline-block;
	float: none !important;
	margin-bottom: 1.2em;
}
.ngg-gallery-thumbnail-box-caption-right {
	display: block;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.ngg-gallery-thumbnail {
	display: inline-block;
	float: none !important;
	margin-right: 15px;
	text-align: center;
}
.ngg-gallery-caption, .ngg-singlepic-caption {
	text-align: left;
	margin-left: 15px;
}
.ngg-gallery-thumbnail-caption-right {
	display: block;
	clear: both;
}
.ngg-gallery-thumbnail-caption-right:hover {
/*	background-color: #355E3B; */
	color: #7FD47E;
}
.ngg-gallery-thumbnail-box-caption-right a:hover {
	text-decoration: none !important;
}
.ngg-gallery-thumbnail-image-caption-right {
	float: left;
	width: 120px;
}
.ngg-gallery-thumbnail img {
	background-color: #fff !important;
	border: 0px solid #92BF92 !important;
	margin: 0px 0px 0px 5px;
	padding: 3px;
	position: relative;
}
.ngg-gallery-thumbnail-caption-right img {
	background-color: #355E3B !important;
	border: 0px solid #92BF92 !important;
	margin: 4px 0px 4px 5px;
	padding: 3px;
	position: relative;
}
.ngg-gallery-thumbnail img:hover, .ngg-gallery-thumbnail-caption-right:hover img {
	background-color: #CCFF00 !important;
}
.ngg-gallery-thumbnail span {
	/* Images description */
	font-size: 90%;
	padding-left: 5px;
	display: block;
}
.ngg-gallery-thumbnail-caption-caption-right {
	/* Images description */
	padding-top: 3px;
}
.ngg-clear {
	clear: both;
}
/* end NextGen gallery CSS override */
/* Slimbox2 override */
#lbBottom {
	font-family: Arial, Geneva, Helvetica, sans-serif !important;
	font-size: 0.8em !important;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}
/* end Slimbox2 override */