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

div#uberContainer {
	width: 760px;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0px;
	border: 0px;
	position: relative;
}
	
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;
	/*height:27px;
	width:122px;*/
}

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

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

.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;
}
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-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color : #305594;
}

h3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:white;
	margin-bottom:2px;
}

/* normal text - all should have a class of normal */
.normal {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:white;
}

.homecopy {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#305594;
	line-height:140%;
}


.homepageimage {
	border-width : 1px;
	border-style : solid;
	border-color : white;
}

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

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

#imagePhoto {
	clear:both;
	float:left;
	text-align:left;
	margin-right: 8px;
	width:400px
}

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

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

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

.normal p {
	margin-top:0px
}

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

html>body 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;
}

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

.linkdescription {
	color:white;
}
.paypallink {
	font-size: 11px;
}
.articleImageLeft {
	float:left;
	margin-right:4px;
	margin-bottom:4px;
	clear:both;
}
.articleImageRight {
	float:right;
	margin-right:4px;
	margin-bottom:4px;
	clear:both;
}
.caption {
	font-size:86%;
	font-style:italic;
}


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

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