/* 
Clikpic site stylesheet

Code: 60
Style: 5-Compact
Colour scheme: Grey/White

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 : white;
	background-image : url('_graphics/style60/bg_image.gif');
	background-repeat : repeat-x;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color:#5c5c5c;
}

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

div#header  {
	border: 0;
	height:100px;
	text-align:left;
	margin-left:23px;
}

div#header img {
	border: 0;
}

div#title h1 {
	border:0px;
	margin:0px;
	font-size:2em;
	padding: 8px 0 4px 0px;
	
}

div#menu {
	top:0px;
	width: 725px;
	height: 23px;
}

ul#topnav {
	list-style-type:none;
	margin:0px;
	height:22px;
	border:0px;
	padding:0px;
}

ul#topnav li {
	display:inline;
	margin:0px;
	line-height:22px;
	border:0px;
	border-left:2px solid e8e9ea;
	padding:4px 8px 4px 8px;
}

ul#topnav li.first {
	border-left:0px;
	padding-left:0px;
}

ul#topnav a {
	color:#e7e7e7;
	font-weight:bold;
}

ul#topnav a:hover {
	color:#5c5c5c;
}

ul#topnav a.hilight {
	color:white;
}

div#location {
	position:absolute;
	top:70px;
	width: 712px;
	height: 29px;
	padding:6 0 6 0px;
	color:white;
	font-weight:bold;
}
	
.clear {
	clear: both;
	line-height: 0;
	height: 0;
	margin:0;
	border:0;
	padding:0px;
	}

	
.hide {
	display: none;
	}
	
img {
	margin: 0px;
	padding: 0;
	border: 0;
	}

body.colmx div#maincol {
	background-image : url('_graphics/style60/colmx_bg.gif');
	background-repeat : repeat-y;
}

#maincol {
	height: 420px;
	margin: 0px 23px 50px 23;
}

html>body #maincol
{
	height: auto;
	min-height: 420px;
}


#maincolContent {
	padding: 0;
	border:0;
	text-align:left;
	margin-top:10px;
	}



/* TITLES */
	
h1 {
	/* text-transform: lowercase; */
	/* letter-spacing: 5px;*/
	text-align: left;
	font-size: 1.5em;
	color: white;
	padding: 0 0 5px 0;
	}
	
h2 {
	/* text-transform: lowercase; */
	text-align: left;
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	}
	
h3, h3 a, h3 a:hover {
	color:#888888;
	margin: 0px;
	margin-bottom:2px;
	/* text-transform: lowercase; */
	font-weight: bold;
	font-size: 1.1em;
	}

/* panel */
.panel {
	background-color:#e7e7e7;
}

.wide {
	width:714px;
	height:440px;
}

html>body div.wide
{
	height: auto;
	min-height: 440px;
}

h2.sectionhead {
	background-image : url('_graphics/style60/header_714.gif');
	background-repeat : no-repeat;
	background-color:#9b9b9b;
	padding:4px 6px 4px 6px;
	color:white;
}

/* photo home page */
div#photoindex h2 {
	background-color:#9b9b9b;
	padding:4px 6px 4px 6px;
	color:white;
}

div#photoindexcol1 h2 {
	background-image : url('_graphics/style60/header_400.gif');
	background-repeat : no-repeat;	
}

div#photoindexcol2 h2 {
	background-image : url('_graphics/style60/header_294.gif');
	background-repeat : no-repeat;	
}

div#photoindexcol1 {
	width:400px;
	float:left;
}


div#photoindex .panel {
	height:440px;
}

html>body div#photoindex .panel
{
	height: auto;
	min-height: 440px;
}

div#photoindexcol2 {
	width:294px;
	float:right;
}

.phototext {
	padding:4px;
}

div#imageDetails {
	padding:4px;
	margin-bottom:12px;
}

div#imageDetails {
	padding:4px;
}

div#imageDetails p.imageinfo {

	margin-bottom:2px;
	margin-top:2px;
	margin-left:0px;
	padding:0px;
	
}

/* gallery */
div#gallery {
	background-image : url('_graphics/style60/gallery_bg.gif');
	background-repeat : repeat-y;
}

div#gallerymenu {
	margin-top:8px;
	text-align:center;
	padding:1px;
	width:294px;
	border:0px;
	/*
	margin-left:6px;
	margin-right:6px;*/
	
}

div#gallerylist {
	float:left;
}

.galleryimage {
	float: left;
	/* height: 200px; */
	width:130px;
	/*overflow: hidden;*/
	margin: 0px 5px 10px 5px;
	background-color:#9b9b9b;
	padding:0 0 4px 0;
	border:0px;
}

html>body .galleryimage img {
	margin-bottom:2px;
}

.galleryimage a, .galleryimage a:hover {
	color: white;
	display:block;
	font-weight:bold;
}

.gallerypanel {
	float:left;
	width:170px;
	padding:20px;
	border-right:0;
	text-align:center;
}

html>body .gallerypanel
{
	width:130px;
}


.gallerypanel .galleryimage {
	float:none;
	margin: 0px;
}

.galleryborder {
	clear: both;
	line-height: 0;
	height: 0;
	margin:0;
	border:0;
	border-top:1px solid white;
	padding:0px;
	width:510;
	}

div#gallerybacklink {
	margin-top:20px;
	margin-bottom:4px;
	padding:0px;
	border:0px;
	height:20px;
}
	
div#gallerylink, div#gallerybacklink {
	margin-top:20px;
	margin-bottom:4px;
	padding:0px;
	border:0px;
	height:20px;
}

div#gallerylink .previous a, div#gallerybacklink a {
	width:174px;
	float:none;
	color: white;
}

html>body div#gallerylink .previous a, html>body div#gallerybacklink  a  {
	width:148px;
}

	
div#intro {
	width:190px;
	float:left;
	padding:8px;
	height: 440px;
	border-right:1px solid white;
}

/* bit of a hack here - we have a background image for gallery */
div#gallery div#intro {
	border:0px;
}

html>body div#intro
{
	height:auto;
	width:173px;
	min-height: 440px;
}

/* articles */

div#articleslist {
	float:left;
	padding:8 20 8 8px;
	width:508px;
	
}

div#articleslist div#nextprevious {
	padding-left:0px;
}

html>body div#articleslist {
	width:480px;
}

div#articleslist p {
	margin-top:0px;
}

/*
div#articleslist a {
	display:block;
}
*/

div#articleslist a.next {
	width:60px;
	float:none;
	color: white;
}

div#nextlink  {
	margin-top:8px;
	margin-bottom:4px;
}

p.articledate {
	margin-bottom:4px;
}

.newsitem {
	margin-bottom:4px;
}

/* TEXT LINKS */

a {
	color: #e40e0e;
	text-decoration: none;
	font-weight:bold;
	}
	
a:hover {
	color: #a6a6a6;
	text-decoration: underline;
	}


div#location a, div#location a:hover {
	color: white;	
}
	
div#nextprevious {
	height:20px;
	margin-top:4px;
	margin-bottom:4px;
	padding:4px;
	width:294px;
}

div#nextprevious a, div#nextprevious a:hover {
	color: white;
	width:138px;
	height:20px;
	display:block;
	margin: 0;
	font-weight:bold;
}



div.previous a {
	float:left;
	padding: 2 0px 6 26px;
	background: url(_graphics/style60/button_previous.gif) no-repeat 0% 0%;
	}
	
div.next a {
	float:right;
	padding: 2 26px 6 0px;
	text-align:right;
	background: url(_graphics/style60/button_next.gif) no-repeat 100% 0%;
	}

div.previous a:hover  {
	background: url(_graphics/style60/button_previous_hi.gif) no-repeat 0% 0%;
	}
	
div.next a:hover  {
	background: url(_graphics/style60/button_next_hi.gif) no-repeat 100% 0%;
	}

html>body div#nextprevious
{
	width:286px;
}
	
html>body div#nextprevious a, html>body div#nextprevious a:hover
{
	width:112px;
}

/* LISTS */


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

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

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

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


/* table */
table {
	font-size:100%;
}


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

table.info th  {
	color:white;
	background-color:#9b9b9b;
}

table.info td, table.info th  {
	border-bottom: 1px solid e8e9ea;
	border-right: 1px solid e8e9ea;
	padding:2px;
}


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

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


/* 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:#9b9b9b;
	color:white;
	padding:4px 4px 4px 4px;
	margin:0px;
	/* border:1px solid e8e9ea; */
	margin-bottom:8px;
	font-size:1.2em;
}

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

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

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

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

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


input.buttonHi {
	border: 1px solid #e7e7e7;
	color:#5c5c5c;
	background-color:#e7e7e7;
	font-weight:bold;
	font-size:100%;
}

input.button {
	border: 1px solid #e7e7e7;
	color:#e7e7e7;
	background-color:#5c5c5c;
	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 #e7e7e7;
	padding:0px;
}