/* 
Clikpic site stylesheet

Code: 8
Style: 3-Mono
Colour scheme: Blue

All rights reserved (c) 2006 Clikpic Ltd.

Clikpic customers please see your terms and conditions for usage rights.

All other users should respect the copyright of this and all other parts of the Clikpic system.
*/


body {
	background-color : #cbecfe;
	background-image : url('http://www.jimhunterphotography.co.uk/_stylesheets/_graphics/style8/bg_image.jpg');
	background-repeat : repeat-x;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 70%;
}

div#uberContainer {
	width: 760px;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0px;
	border: 0px;
	position: relative;
	height:400px;
}

body>html div#uberContainer {
	height:auto;
	min-height:400px;
}
	
div#menu {
	position:absolute;
	top:56px;
	left:0px;
	width: 124px;
	height: 400px;
	border-right: 2px solid #203862;
	background-color: #cbecfe;
	text-align:left;
	font-weight:bold;
}

/*
div.menuitem {
	margin:0 1px 1px 1px;
	padding:6px;
	border-top:1px solid black;
	border-left:1px solid black;
	background-color : #305594;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#cbecfe;
}

.menuitem a, .menuitem a:visited {
	text-decoration : none;
	color : #ffce63;
	font-weight : bold;
}

.menuitem a:hover, .menuitem a:active {
	text-decoration : none;
	color : white;
	font-weight : bold;
}

*/

div#menu ul#mainmenu {
	list-style-type:none;
	margin:0px;
	padding:0px;
	border:0px;

}

div#menu ul#mainmenu li {
	display:inline;
	margin-bottom:0px;
	border-bottom:1px solid #cbecfe;
}

div#menu ul#mainmenu li a {
	display:block;
	padding:6px 4px 6px 6px;
	margin:0 1px 1px 1px;
	border:0px;
	border-top:1px solid black;
	border-left:1px solid black;
	color: #ffce63;
	background-color : #305594;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	height:12px;
}

html>body div#menu ul#mainmenu li a {
	height:auto;
	min-height:12px;
}

div#menu ul#mainmenu li.hilight a {
	color:#cbecfe;
}

div#menu ul#mainmenu li a:hover {
	color:white
}

div#menu ul#mainmenu li#first a {
	border-top: 1px solid white;
}

div.menubottom {
	margin:0 1px 1px 1px;
	background-color: #203862;
	padding:6px;
	/*width:122px;*/
	border-top:1px solid #203862;
	border-left:1px solid #203862;
	background-color : #305594;
	height:100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#ffce63;
}

div#topnav {
	width: 720px;
	height: 56px;
	float: left;
	margin:0px;
	text-align:left;
	padding:0px;
	border:0px;
	}
	
div#maincontent {
	text-align: left;
	width: 598px;
	position:absolute;
	top:56px;
	left:160px;
	margin-top:12px;
	}

/* home page */
div.homepageposition {
	border:0;
	margin:0;
	padding:0;
	margin-bottom:12px;
}

div.homepageposition#homepagepos2 {
	float:left;
	width:48%;
	clear:both;
}
div.homepageposition#homepagepos3 {
	float:right;
	width:48%;
}

div.homepageposition#homepagepos4 {
	clear:both;
}

div.homepagesection {
	margin:0;
	padding:2px;
	margin-bottom:12px;
}

div.homepageposition h2 {
	display:block;
	background-color:#203862;
	color:#305594;
	padding:4px 4px 4px 4px;
	margin:0px;
	border:1px solid #203862;
	margin-bottom:8px;
	font-size:1.2em;
}

div.homepageposition h2 a, div.homepageposition h2 a:hover {
	color:#305594;
}

img.homepageimage {
	float:left;
	margin-right:8px;
	margin-bottom:8px;
	border:1px solid #203862;
}

div.homepagearticle {
	clear:both;
	border:0;
	margin:0;
	padding:2px;
	margin-bottom:12px;
}

div.homepagearticle h3 {
	border:0;
	margin:0;
	padding:0px;
	margin-bottom:6px;
}


div.homepagesection  p, div.homepagearticle p {
	margin:0;
	margin-top:4px;
}
	
/* NB Important these are photo index styles */
div#homepagemain {
	text-align: left;
	width: 416px;
	float: left;
	padding-right:18px;
	}

div#clearFloats {
	/*clear: both;*/
	}
	
div#homepageright {
	float: left;	
	width: 149px;
	margin:0px;
	padding:0px;
	height:100%;
}

div#homepagediv {
	float: left;
	width: 2px;
	background-color : white;
	border-right: 1px solid #305594;
	height:400px;
	padding:0px;
}

a, a:visited {
	text-decoration : none;
	color : white;
	font-weight : bold;
}

a:hover, a:active {
	text-decoration : none;
	color : #ffce63;
	font-weight : bold;
}


/* Colout and size of site title */
.sitetitle {
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	font-size : 30px;
	margin-top:12px;
	margin-bottom:0px;
	margin-left:160px;
	color: white;
	
}
/* border:1px solid #ff00ff; */
/* colour and size of homepage section title  */
.hometitle {
	font-family: "Courier New", Courier, monospace;
	font-size: 24px;
	color: #203862;
	font-weight: bold;
	margin-bottom:2px;
	margin-top:0px;
}

.homecopy {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #203862;
	margin-bottom:2px;
	margin-top:2px;
	
}

div#sectiontitle {
	border-bottom:1px solid #203862;
}

/* colour and size of section title  */
.sectiontitle {
	font-family: "Courier New", Courier, monospace;
	font-size: 24px;
	color: #203862;
	font-weight: bold;
	margin-bottom:2px;
	margin-top:0px;
}

.introcopy {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #203862;
	margin-bottom:2px;
	margin-top:2px;
	
}
/* colour and size of title at top of box */
.title {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: black;
	font-weight: bold;
}

.homepagesubimage {
	margin-left: 15px;
	margin-bottom: 12px;
}


.homepagegallerylink {
	margin-top:4px;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 4px;
	
}

div#gallerymenu {
	margin-top:12px;
	font-size: 10px;
	font-weight: bold;
	color : #305594;
}

h3 {
	font-size: 1.2em;
	color:white;
	margin-bottom:2px;
}

/* normal text - all should have a class of normal */
.normal {
	font-size: 11px;
	color:white;
}

.homecopy {
	font-size: 11px;
	color:#305594;
	line-height:140%;
}


.mainhomepageimage {
	border-width : 1px;
	border-style : solid;
	border-color : #203862;
}

/* Galleries */

#galleries {
	
	margin-top:12px;
}

.galleryimagebox {
	position:relative;
	top:0;
	width:130px;
	float:left;
	margin-left:20px;
	background-color:#305594;
	
}

.galleryrow {
	clear: both;
	margin-bottom:20px;
}

.galleryimageboxfirst {
	position:relative;
	top:0;
	width:130px;
	float:left;
	font-weight:bold;
	background-color:#305594;
	margin-bottom:20px;
}

.gallerycontents {
	
}

.galleryheader {
	margin-top:4px;
	margin-left : 2px;
	margin-right : 2px;
	margin-bottom : 3px;
	color:#305594;
	font-weight:bold;
}

.galleryimage {
	border:1px solid #203862;
	text-align:center;
}

.galleryimage img {
	margin:0 auto 0 auto;
}

div#gallerybacklink {
	margin-top:4px;
	float:right;
}

div#imageTitle {
	padding:2 5 2 4px;
	width:75%;
	height:24;
	color:white;
	font-weight:bold;
	font-size:14px;
	left:0px;
}

div#imageNav {
	position:absolute;
	right:4px;
	margin-top: 4px;
}

div#photoheader {
	background-color:#305594;
	margin-top: 12px;
	height:24;
}

#photoInfo {
	clear:both;
	float:left;
	text-align:left;
	margin-right: 8px;
	margin-bottom:12px;
}

#photoInfo img {
	clear:both;
}

div#photoInfo .next {
	float:right;
	right:0px;
	top:0px;
	margin-right:2px;
	margin-bottom:6px;
}

div#photoInfo .previous {
	float:left;
	margin-bottom:6px;
	margin-left:2px;
}

div#photoDetails {
	clear:both;
	margin-top:12px;
}

.mainphoto {
	border: 1px solid #203862;
}

#imageDetails {
	float:left;
	border:1px solid #203862;
	padding:8px;
	background-color:#305594;
	color:white;
}

#imageDetails div.spacer {
	width:170px;
	height:1px;
}

.normal p {
	margin-top:0px
}

div#othercontent, div.othercontent {
	border:1px solid #203862;
	padding:8px;
	width:100%;
	background-color:#305594;
	color:white;
	margin-top:12px;
	height:380px;
}

html>body div#othercontent, div.othercontent {
	height:auto;
	min-height:380px;
}


/* Spacing of description text in box */
.textbox {
	margin-top:10px;
	margin-left : 7px;
	margin-right : 7px;
	margin-bottom : 10px;
}

.boxtext {
	margin-top:2px;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 2px;
}



/* Links */
.linkentry {
	margin-bottom:12px;
}

.linkentry h3 {
	font-weight:bold;
	font-size:1.2em;
	color:white;
	margin-top:8px;
	margin-bottom:4px
}

.linkentry p {
	color:white;
	margin-top:0px;
	margin-bottom:2px;
}

.linkentry p span {
	font-weight:bold;
	width:50px;
}

.paypallink {
	font-size: 11px;
}

.ArticleImageLeft {
	float:left;
	margin-right:4px;
	margin-bottom:4px;
	clear:both;
}

.ArticleImageRight {
	float:right;
	margin-leftt:4px;
	margin-bottom:4px;
	clear:both;
}

.caption {
	font-size:86%;
	font-style:italic;
}


table {
	font-size:100%;
}

table.info {
	margin-top:12px;
	margin-bottom:12px;
	border-top:1px solid #203862;
	border-left:1px solid #203862;
}

table.info td, table.info th {
	border-right:1px solid #203862;
	border-bottom:1px solid #203862;
	padding:3px;
	color:white;
}


/* form stuff */
.fieldLabel {
	font-weight:bold;
	padding:4px 4px 0 0;
	color:white;
}

textarea.inputField, input.inputField {
	border:1px solid #203862;
	background-color: #cbecfe;
	color:#203862;
	font-family:verdana, arial, helvetica;
	font-size:1em;
}

input.buttonHi {
	border: 1px solid #203862;
	color:#305594;
	background-color:white;
	font-weight:bold;
	font-size:100%;
}

input.button {
	border: 1px solid #203862;
	color:white;
	background-color:#203862;
	font-weight:bold;
	font-size:100%;
}


div#paypal {
	margin-top:12px;
}

div#paypal p {
	margin-top:2px;
	margin-bottom:2px;
}

input#payPalAddButton, input#payPalViewButton {
	margin-top:4px;
	/*float:left;*/
	margin-right:2px;
}

select.paypallink {
	font-size: 1em;
	border: 1px solid #203862;
	padding:0px;
}