@charset "utf-8";
@import url("stylereset.css");
/*

	Hamish Theme: www.lightoverwater.co.uk/gallery/
	Good link colour: #912524
*/

/* Basics
------------------------------ */
html {
	/* Moz */
	height: 100%;
}

/* Main Layout
------------------------------ */
body {margin:auto;width: 100%;padding: 0;font: normal 12px "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;text-decoration: none;background-color:#59544e;padding: 0px;}
body>#dropshadow{background:url('/gallery/themes/default/images/drop.png') 50% 50% repeat-y;height: 100%;} /* hide from ie6 */
#stick{position:absolute;z-index:5;width:120px;height:358px;background: url('/gallery/themes/default/stick.png') no-repeat;margin:-70px 0 0 -110px;}

#header {margin: 0;padding: 0;height: 75px;background-image: url('../images/top.jpg');background-repeat:no-repeat;background-position:bottom;border-bottom:1px solid #efefef;}
#header .top{height:35px;}
#header .title{padding-top:27px;}
#header .title h1{margin:0 0 0 10px;}
#header .title h1 a{display:block; text-indent: -9999px; width: 510px; height: 40px;}
#header .title h2{float:right;color:#dadad9;font-size:22px;font-weight:normal;margin:0px 30px 0 0;line-height:1em;}


#page {width: 1000px;margin-top:0px;margin-left:auto;margin-right:auto;padding:0px;background-color:#fff;background-image: url('/gallery/themes/default/images/imgbkg.jpg');background-repeat:no-repeat;background-position:bottom; text-align: left; /* this overrides the text-align: center on the body element. */}
#page2 {background-color:#fff;background-image: url('/gallery/themes/default/images/imgbkg.jpg');background-repeat:no-repeat;background-position:bottom;}

/*MENU BAR; menu is a bar within the menu div. navmenu refines properties*/
#menu .top{height:35px;margin-top:0px;color:#333;background:#1f1f1f	;}
ul#nav{float:left;margin-right:10px;}
ul#nav li{float: left; margin: 0px;}
#navmenu {margin:auto;font-size: 12px ;font-weight: 500;line-height:35px;}
#navmenu a{color:#fff; text-decoration:none;padding: 5px 10px 5px 10px;}
#navmenu a:hover {color:#39c;background-color:#333;}

/* Search Box
------------------------------ */
#search {position:absolute;z-index:5000;width:250px;}
#search input{border:1px solid #777;background-color: #cbdeeb;}
#search input.pushbutton {color:#333;padding:3px;border:1px solid #333;}
#search a {text-decoration: none;}
#search ul {border: 1px solid #ccc;  text-align:left; list-style: none;background-color: #999a90;}
.clear { clear:both; height:10px;}
#searchresult{width:700px;}


div.background{width:1000px;}
#padbox2 {padding-left:50px;width:930px;text-align:justify;font-size:small;font-style: italic;color:#912524;}
#error {padding: 200px 0 200px 50px;text-align:justify;font: 18px Georgia, serif; font-style: italic;color:#006699;}

/* Link Styles
------------------------------ */
a:link, a:active, a:visited { text-decoration: none; color: #333;}
a:hover, a:focus { text-decoration: none; color: #333;}


/* GLOBAL Text Styles
------------------------------ */
h2 {font: normal 13px Verdana, Arial, Helvetica, sans-serif; text-decoration: none;color: #333;margin-top: 0;}
h2 a {color: #912524;text-decoration: none;}
h2 a:hover {color: #912524;	text-decoration: none; font-weight:700;}
h1,h3,h4 {text-decoration: none;	color: #888888;	margin: 0;	padding: 0;}



/* Miscellaneous
------------------------------ */
hr {
	clear: both;
	height: 0;
	border: 0;
	
	margin: 0 0 12px 0;
	padding: 0;
	color: #444;
}
img {
	border: 0;
}



/* Page Navigation
------------------------------ */
pagelist {
	padding: 10px 20px 5px 20px;
}

ul.pagelist {
color:#333;
	clear: both;
	padding:10px;
	margin:auto;
	list-style-type: none;
	font: 12px;text-decoration: none;
	font-weight:500;
	font-stretch:extra-expanded;
}
ul.pagelist li {
	display: inline;
}
ul.pagelist li a, ul.pagelist span.disabledlink {
	padding: 4px;
}
ul.pagelist li.current a {
	font-weight: bold;
	text-decoration: none;
	
}
ul.pagelist li a:hover {
	text-decoration: none;
	color:#912524;
}
ul.pagelist li.prev {
	margin-right: 10px;
}
ul.pagelist li.next {
	margin-left: 10px;
}
.disabledlink {
	color: #AAA;
	cursor: default;
}
.pagenav {
	clear: both;
}

/* AJAX
------------------------------ */
#albumDescEditable {
	margin-bottom: 12px;
}
#imageDescEditable {
	margin-top: 15px;
}

.random {list-style: none;list-style-type:none;margin: 20px 0px 0px 20px;width: 304px; min-height: 400px; background: #fff; float: left;border: 1px solid #777;}
.random a img {list-style: none;list-style-type:none;margin:16px;border: 1px solid #444;background-color: #333; }
.random a:hover img {list-style: none;list-style-type:none;line-height: 0px;border: 1px solid #912524;background-color: #912524; }
.random h3,h1 {padding: 0;margin-top:0px;margin-bottom:5px;text-align:center;}
.random h3,h1 a {text-align:center;color: #333;}

/* ALBUM Split to 2 Columns
------------------------------ */
#Content{width:685px;float:left;}
#gallerytitle {padding: 20px 0px 0px 20px;}
#gallerytitle h2{font-size:14px;line-height:1px;font-weight:normal;}
#gallerytitle h2 a:hover{font-size:14px;line-height:1px;font-weight:normal;}
#gallerytitle h3{font-size:14px;line-height:1px;font-weight:normal;color:#39c;}

#Sidebar{width:275px; text-align:justify;float:right;min-height:400px;margin: 0px 0px 5px 0px;padding:10px 15px 50px 15px;border-left: 1px solid #c7c7c7;background-color:#fff;}
#Sidebar p a{color:#39c;line-height:12px;}
#Sidebar p {line-height: 16px;font-size: 11px;margin-top:10px;}
#Sidebar h2{font-size:20px;line-height:24px;margin-bottom:5px;}
#Sidebar h3{font-size:13px;line-height:20px;text-decoration:none;font-weight:normal;margin-top:0px;}
#Sidebar h4{font-size:13px;line-height:20px;text-decoration:none;font-weight:normal;margin-bottom:-5px;margin-top:15px;}
#Sidebar img{margin:5px 0px 0px 40px;float:left;}


/* Image Thumbnails#912524 INDIVIDUAL IMAGE THUMBNAILS
------------------------------ */
.imagethumb {float: left;padding: 0px;margin-right:5px;margin-left:30px;margin-top:0px;}
.imagethumb a img {margin:0px;border: 1px solid #444;background-color: #333; }
.imagethumb a img {margin:0px;border: 1px solid #444;background-color: #333; }
.imagethumb a:hover img {line-height: 0px;border: 1px solid #912524;background-color: #912524; }
.imagethumb p{margin-top:5px;margin-bottom:15px;text-align:center;}

.inneralbumdesc {width:900px; margin:10px 50px; background-color:#ffffff; /* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6; }
.inneralbumdesc p {text-align:justify;font: 11px Verdana, Arial, Helvetica, sans-serif; color:#333;padding-top:5px;padding-bottom:5px;margin: 10px 10px -30px 10px; color:#000000;}

#Sidebar.imglatestrandom {
list-style: none;
float: left;
margin:0px 0;
}
#Sidebar.imglatestrandom ul {
padding:0;
margin:0;
list-style:none;
}
#Sidebar.imglatestrandom ul li {
list-style:none;
float: left;
padding: 0px 3px 0px;
margin:0px 0;
}

/* Index Page Album Thumbnails styles
------------------------------ */
.album {margin: 20px 0px 0px 20px;width: 304px; min-height: 400px; background: #efefef; float: left;border: 1px solid #777;}
.album p{margin-top:10px;}
.album a img {margin:16px;border: 1px solid #444;background-color: #333; }
.album a:hover img {line-height: 0px;border: 1px solid #912524;background-color: #912524; }
.album h3,h1 {padding: 0;margin-top:0px;margin-bottom:5px;text-align:center;}
.album h3,h1 a {text-align:center;color: #333;}
.albumdesc {width:270px;padding: 0px 0 0 17px;color: #333;text-align:justify;margin: 5px 0 0px 0px;}
.albumdesc h2{font-size:20px;line-height:25px;text-decoration: none; font-weight:normal;}
.albumdesc h2 a {font-size:20px;line-height:25px;font-weight:normal;color: #333;}
.albumdesc h2 a:hover {font-size:20px;line-height:25px;font-weight:normal;color: #39c;}
.albumdesc p{line-height: 16px;font-size: 11px;}
.albumdesc a {color: #39c; text-decoration: none;}
.gallerytitle h2{font-size:20px;line-height:25px;text-decoration: none; font-weight:normal;text-align:center;margin:20px 0px -50px 0px;}

/*.album a:link{opacity:0.4;filter:alpha(opacity=40);}
.album a:hover{opacity:1.0;filter:alpha(opacity=100);}*/

/* Individual Image
------------------------------ *//*image description text here, position of text controlled by #narrow*/
#image {text-align: center;	padding-top:10px;height:auto}
/*border around image*/
#image img {padding:0px;border: 1px solid #333; background-color:#fffcec;width-max:533px;}
.image {margin: auto;padding: 0;border: 0;_margin-top: -0px; /* IE Only */}
.imgdesc {padding: 0px 0px 30px 0px;text-align:center;	color: #6b6b6b;}

/*prev/next styles*/
/*poisiton on page (left side, together)*/
.imgnav {width: 140px;	text-align: center;	_margin-top: -0px; /* IE Only */color: #666666;	margin-bottom: 0px;	line-height: normal;padding-right: 15px;font-weight: bold;}
/*link styling*/
.imgnav .imgprevious a, .imgnav .imgnext a {width: 50%;	height: 100%;float: left;padding: 4px 0;font-size: 100%;text-decoration: none;color: #666666;margin-bottom: 0px;line-height: normal;font-weight: bold;}
.imgnav .imgprevious a:hover, .imgnav .imgnext a:hover {text-decoration: none;color: #912524;margin-bottom: 0px;line-height: normal;font-weight: bold;}
.imgnav .imgprevious a {float: left;color: #666666;line-height: normal;font-weight: bold;}
.imgnav .imgnext a {float: right;color: #666666;margin-bottom: 0px;line-height: normal;font-weight: bold;}

#narrow {color: #4F4F4F;font-size: 100%;line-height: 26px;width: 440px;margin-top: 10px;margin-right: auto;margin-bottom: 0px;margin-left: auto;text-align: center;vertical-align: middle;}
#narrow2 {color: #333333;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: normal;line-height: normal;width: 440px;margin-top: 20px;margin-right: auto;margin-bottom: 10px;margin-left: auto;text-align: center;vertical-align: middle;padding-top: 10px;text-align:justify;}
#narrow3 {color: #333;font-size: 100%;line-height: 20px;width: 600px;margin-top: 10px;margin-left: 50px;text-align: justify;}
#narrow4 {color: #b0b0b0;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: normal;line-height: normal;width: 900px;margin-right: auto;margin-left: auto;text-align: center;vertical-align: middle;padding-top: 10px;text-align:justify;clear:both;}

/* Admin Toolbox
------------------------------ */
#admin, #admin_data{position: fixed;right: 0px;	top: 0px;width: 120px;border-bottom: 1px solid #444;border-left: 1px solid #444;background: #222; z-index: 2;}
#admin_data{top: 0px;padding-top: 20px;z-index: 1;line-height: 1.6em;}
#admin h3 {	font-weight: normal;color: #aaa;margin:0;padding:0;}
#admin h3:hover { color: #86a1b6; }

/*footer*/
#footercontainer {margin:0 auto;width:1000px;}
#footer{clear:both;border-top:1px solid #bdb9b6;color:#ccc;background-color:#1f1f1f;font-size: x-small;text-align:justify;}
#footer .columns{min-height: 75px;float:left;width:320px;}
#footer .latest{font-size: 1.2em;}
#footer .sitemap,.about,.rss{margin-left:10px;}
#footer a{color: #39c!important;text-decoration:none;}
#footer a:hover{color: #fff!important;text-decoration:none;}
#footer h4{margin: 10px 15px 10px 15px;text-decoration:none; font-size:12px; font-weight:normal;color:#efefef;}
#footer p{margin: 0px 15px 0px 15px;text-indent:0px;clear:both;line-height:12px;color:#efefef;}
#footer ul{margin: 0px 0px 20px 25px;list-style-type: none;}
	#footer ul li{margin:0;line-height:13px;}
	#footer ul.left{float:left;margin-left:15px;text-align:left;}
	#footer ul.middle{float:left;margin-left:25px;text-align:left;}
	#footer ul.right{float:left;margin-left:25px;text-align:left;}
#footer .rss ul li{padding: 3px 0 0 21px; height: 16px; margin-left: 0px;}
#footer ul.syndleft{background: transparent url('../images/synd-rss.png') no-repeat 0 0;float:left;margin-left:0px;margin-top:10px;}
#footer ul.syndmiddle{background: transparent url('../images/synd-rss.png') no-repeat 0 0;float:left;margin-left:10px;margin-top:10px;}
#footer ul.syndright{background: transparent url('../images/synd-twit.png') no-repeat 0 0;float:left;margin-left:10px;margin-top:10px;}
#footer img{border:none;}
#footer .copyright{border-top:1px solid #2a2a2a; text-align:center;padding-bottom:5px;padding-top:5px;}