/* CSS Document */

body {
margin: 30px 0;
padding: 0;
text-align: center;
font: 62.5% Arial, Verdana, sans-serif;
color: #333;
background: #EFEFEF;
}

html {height:100%}
body {min-height:101%} /*fix for Firefox, Opera scrollbar jump*/

a {
color: #558F00;
border-bottom: 1px dotted #ccc;
text-decoration: none;
}

a:visited {
color: #558F00;
}

a:hover {
color: #9F2145;
border-bottom: 1px solid #973B55;
}

.ano, a.ano:visited, a.ano:hover, a.imagelink, a.imagelink:hover {
border: none;
text-decoration: none;
}


.hoi {
font-weight: bold;
}

img {
border: none;
}

br.cleaning {
clear:both;
display:block;
height:1px;
font-size:1px;
line-height:1px;
}

h1, h2, h3, h4 {
margin: 0;
padding: 3px 0;
}

#wrapper {
width: 740px;
margin: 0 auto;
padding: 0;
background: #fff;
text-align: left;
border: 1px solid #565656;
font-size: 120%;
}

.wrapper-c {
padding: 20px;
margin: 0;
}

h1 {
text-indent: -9999px;
}

#head {
height: 60px;
background: transparent url(../styles/jon-evans.gif) 470px 0px  no-repeat;
}

.splash {
height: 120px;
margin: 0;
padding: 0;
clear: left;
}

div.spl-home {
background: transparent url(../styles/splash.jpg) top left no-repeat;
}

div.spl-about {
background: transparent url(../styles/splash.jpg) top left no-repeat;
}

.navcontainer {
padding: 0;
margin: 0;
}

.navcontainer ul
{
padding: 0;
margin: 0;
float: left;
width: 699px;
font: bold 110% Arial, Verdana, helvetica, sans-serif;
border-left: 1px solid #AFB892;
}

.navcontainer ul li { display: inline; margin-left: 0; padding: 0; margin-right: 3px; }

.navcontainer ul li a, .navcontainer ul li a:link, .navcontainer ul li a:visited, .navcontainer ul li a:link, .navcontainer ul li span, .navcontainer ul li a:hover
{
padding: 0.6em 1em;
text-decoration: none;
float: left;
border-bottom: none;
border-right: 1px solid #AFB892;
color: #558F00;
}

.navcontainer ul li a:hover
{
text-decoration: none;
border: none;
color: #B18238;
border-right: 1px solid #AFB892;
}

.mainbox {
line-height: 20px;
}

.big {
width: 500px;
float: left;
margin: 0;
padding: 0;
}

.big-c {
padding: 10px 0;
margin: 0;
}

.small {
width: 198px;
float: right;
margin: 0;
padding: 0;
font-size: 110%;
}

.small-c {
padding: 20px 0;
margin: 0;
}

p {
margin: 0;
padding: 4px 0;
}

/* ---- Sidebox ----*/

.sbox {
padding: 10px;
}

.sbox ul {
list-style-type: none;
margin: 5px 0;
padding: 0;
border-top: 1px solid #EDEDED;
}

.sbox ul li {
padding: 4px 0;
border-bottom: 1px solid #EDEDED;
}

.sbox h2, .sbox h3 {
font: normal 160% Georgia, 'Times New Roman', Arial, sans-serif;
margin: 0;
padding: 0;
letter-spacing: 0.1em;
}

.sbox h3 {
font-size: 130%;
margin-top: 20px;
}

#s-contact {
border-bottom: 4px double #ccc;
}

.item {
padding: 10px 15px 10px 0;
}

.item h2, .item h3 {
font: normal 210% Georgia, 'Times New Roman', Arial, sans-serif;
color:#669900;
}

.item h3 {
font-size: 130%;}

.sub-item {
padding-left: 15px;
}

div.sub-item h3 {
font: normal 120% Georgia, 'Times New Roman', Arial, sans-serif;
}

#footer {
border-top: 1px solid #ccc;
padding: 10px 0;
text-align: right;
font-size: 90%;
}

div.bt-nav {
padding: 15px 0 20px 0;
text-align: left;
font-size: 100%;
}

span.copyright {
float: left;
}

span.designby {
color: #ccc;
}

/*---- Contact form ----*/

.theform input, .theform select, .theform textarea {
padding: 3px;
font: 110% Arial, Verdana, sans-serif;
width: 80%;
background: #FFFEED;
}

.theform input:focus, .theform select:focus, .theform textarea:focus {
background: #F7FFE0;
}

label.zemRequired {
font-weight: bold;
}

input#zemSubmit {
border-color: #fff #999 #999 #fff;
border-style: solid;
border-width: 1px;
padding: 5px 8px 6px;
background: #F18200;
color: #fff;
font-weight: bold;
width: auto;
}

p.imgthumb {
float: left;
margin-right: 10px;
}

blockquote {
font-size: 110%;
border-right: 1px solid #E7E7E7;
border-bottom: 1px solid #E7E7E7;
padding-left: 15px;
padding-right: 15px;
background: #F7F7F7;
margin: 10px;
}

p.postedon {
font-size: 100%;
color: #666;
}

p.botnav {
text-align: center;
font-size: 110%;
}

p.tagline {
display: none;
}

/*---- CVW added ----*/

.photo {
padding: 5px;
margin-top: 10px;
background: #FFF;
border: 1px solid #EFEFEF;
}

div.theform form fieldset {
margin: 0;
width: 400px;
border: 1px solid #CCC;
padding-left: 20px;
}

/*---- Comments ----*/

h2#comment {
border-top: solid 1px #CCC;
border-bottom: solid 1px #CCC;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 25px;
margin-bottom: 20px;
font: normal 160% Georgia, 'Times New Roman', Arial, sans-serif;
}

#cpreview {
border: 1px solid #CCC;
background: #FFFFA8;
margin-bottom: 25px;
padding: 15px;
margin-right: 25px;
}

#cpreview .small, ol.comments .small {
float: none;
width: 300px;
margin: 0;
padding: 0;
font-size: 110%;
}

ol.comments .small {
margin-top: 25px;
width: 400px;
font-size: 100%}

ol.comments {
list-style: none;
margin-left: 0;
padding-left: 0;
}

ol.comments li {
margin-right: 25px;
border-top: 1px solid #CCC;
margin-left: 0;
padding: 15px;
padding-top: 5px;
background: transparent url(http://www.jescience.co.uk/images/3.gif) bottom left no-repeat;
}

div.comments-wrapper {
padding-top: 15px;
border-top: 1px solid #EFEFEF;
}

.linklist {
/*border-bottom: dashed 1px #CCC; */
}

hr {
	margin: 2em 0;
	background:#E5E5E5;
	height:1px;
	color:#E5E5E5;
	border:none;
}

.divider hr {
margin-right: 30px;}

.entry-title {
font-weight: normal;}

.alignright {
float: right;
margin-left: 15px;}

.alignleft {
float: left;
margin-right: 15px;}