@charset "UTF-8";
/* CSS Document */

/*-----------------------------------------------------------------------------
[client] Screen Stylesheet

version:   1.0
date:      22/09/08
author:    Rob George
email:     rob@webbristol.com
website:   http://www.my-eymetexperience.com/
version history: 1.0 - Initial Build.
-----------------------------------------------------------------------------*/

/*Some nice defaults*/
body {
	background: #fff;
	color: #333;
	font-family: georgia, serif;
	font-size:100%;
	line-height:1.125em; /* 16x1.125=18px */
	margin:0;
	padding: 0;
	text-align:center;
}

h1, h2, h3 {
	font-weight:normal;	
}

h1 {
	font-size: 1.375em; /* 16x1.375=22px */
	line-height: 1.636em;/* 16x1.636=36px */
	margin: 0;
}

h2 {
	font-size: 1.125em; /* 16x1.125=18px */
	margin:1em 0; /* 18x1=18px */
}

p {
	font-size: 0.875em; /* 16x0.875=14px */
	margin: 1.286em 0; /* 14x1.286=18px */
}

table {
	border-collapse: collapse;
	clear: left;
}

th, td {
	text-align: left;
	vertical-align: top;
	padding: 0;
}

/* rather than give the table a font size, use contextual selectors to target the th and td elements within */

th {
	width:20%;
	font-weight: normal;
	font-size: 0.875em; /* 16x0.875=14px */
	padding:0 0.643em 0.571em 0.643em; /* 14x0.643=9px 14x0.571=8px */
	border-bottom:0.071em solid #ccc; /* 14x0.071=1px */
}

td {
	font-size: 0.75em; /* 16x0.75=12px */
	padding:0.333em 0.75em 0.417em 0.75em; /* 12*0.333=4px 12*0.75=9px 12x0.417=5px */
	border-bottom:0.083em solid #ccc; /* 12x0.083=1px */
	line-height: 1em; /* 12x1=12px */ 
}

/* @group sidebar */

/* rather than give the sidebar itself a font size, use contextual selectors to get at the elements within */

.sidebar {
	width: 12em;
	float: left;
	margin: 0 1.125em 0 0; /* 16x1.125=18px */
	padding: 0.5625em; /* 16x0.5625=9px */
	background:#ddd;
	color: #000;
}

.sidebar h3 {
	font-size: 0.875em; /* 16x0.875=14px */
	margin: 0 0 0.643em 0; /* 14x0.643=9px */
}

.sidebar p {
	font-size: 0.75em; /* 16x0.75=12px */
	margin: 0 0 1.5em 0; /* 12x1.5=18px */
}

.sidebar ul {
	padding: 0;
	margin: 0 0 1.125em 1.125em; /* 16x1.125=18px */
}

.sidebar li {
	font-size: 0.75em; /* 16x0.75=12px */
}

/* @end */

/*End Defaults*/


/* body
-----------------------------------------------------------------------------*/
body {background:#a2b762 url(../images/bg_body.jpg) repeat-x; color:#345506;}

a {color:#345506; outline:none;}

a:hover {color:#70b95f;}

h2 {font-weight:bold; color: #70b95f;}

label{font-size: 0.875em; /* 16x0.875=14px */}




/* pageWrapper
-----------------------------------------------------------------------------*/
div#pageWrapper{
	width:1064px;
	margin:0 auto;
	text-align:left;
}

/* container
-----------------------------------------------------------------------------*/
div#glowWrapper{
	padding:0 28px 26px 28px;
	background:transparent url(../images/glow.png) no-repeat left bottom;
}

/* container
-----------------------------------------------------------------------------*/
div#container{
	height:711px;
}



/* header
-----------------------------------------------------------------------------*/
div#header{
	height:271px;
	text-indent:-9999px;
	background: transparent url(../images/header.jpg) no-repeat;
}


/* mainContent
-----------------------------------------------------------------------------*/
div#mainContent{
	height:447px;
	background:transparent url(../images/bg_content.jpg) no-repeat;
}
div#mainContent ul{margin:0;}


/* navContainer
-----------------------------------------------------------------------------*/
div#navContainer{
	width:283px;
	height:422px;
	float:left;
}

div#navContainer ul{
	list-style:none;
	margin-top:75px;
	padding-left:50px;	
}

div#navContainer ul li{
	margin-bottom:1em; /*16px or 18px not quote sure...*/
}

div#navContainer ul li a{
	display:block;
	font-size:1.125em; /*16x1.125=18px*/
	font-weight:bold;
	text-decoration:none;
	outline:none;
	color:#345506;
}

div#navContainer ul li a:hover{color: #70b95f;}


/* contentArea
-----------------------------------------------------------------------------*/
div#contentArea{
	width:641px;
	height:287px;
	float:left;
	margin-top:56px;
	text-align:left; /*not actually necessary for browsers but makes DW look right*/
}


/* siteBuilder
-----------------------------------------------------------------------------*/
a.siteBuilder{
	font-size:0.625em; /*16x0.625=10px*/
	display:block;
	text-align:right;
	margin:-20px 28px 0 0;
	text-decoration:none;
	color:#345506;
}



/* Specific Page adjustments...
-----------------------------------------------------------------------------*/

/*Current page menu highlights*/
div#pageWrapper.homepage div#navContainer a.home{color: #70b95f;}
div#pageWrapper.photopage div#navContainer a.photo{color: #70b95f;}
div#pageWrapper.aboutpage div#navContainer a.about{color: #70b95f;}
div#pageWrapper.contactpage div#navContainer a.contact{color: #70b95f;}

/*About Page*/
div#pageWrapper.aboutpage div#contentArea{
	width:621px;
	padding:0 10px;
	overflow-y:scroll;
}

/*Contact Page*/
div#pageWrapper.contactpage div#contentArea{
	width:621px;
	padding:0 10px;
}

div#pageWrapper.contactpage div#contentArea form{
	margin:0 25%;
}

/*Photos Page*/
div#pageWrapper.photopage div#contentArea{
	width:621px;
	padding:0 10px;
	overflow-y:scroll;
}

div#pageWrapper.photopage div#contentArea ul{list-style:none; margin:0; padding:0;}

div#pageWrapper.photopage div#contentArea ul li{
	width:286px;
	float:left;
	margin:10px 8px 15px;
	font-size:0.75em; /* 16x0.75=12px */

}