/*Michael Edwards Web Site
Designed by Michael Edwards 2007
mail@michaeledwards.me.uk*/

/*Global Styling*/
* {
font-family:Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight:100;
list-style:none;
text-decoration:none; 
margin:0;
padding:0;
}	

p{
padding-bottom:1em;
color:#738167;
}

h1 {
color:#666;
font-size:130%;
margin:.5em 0;
} 

h3 {
color:#666;
font-size:115%;
margin-bottom:.5em;
} 

h4 {
font-size:115%;
margin-bottom:8px;
}

ul {
padding: 1em 0 1em 0;
}

cite {
color:#608f33;
font-weight:bold;
font-style:normal;
}

body {
text-align: center;
min-width:780px;
color:#777676;
background-color:#fff;
background-image:url(../images/bg_spring.gif);
}

table th {background-color:#eaeaea; padding:0 10px;}
table td {padding:4px 10px;}

/* Wrapper controls the positioning of the whole site on the screen */
#wrapper {
width: 780px;
margin: 2em auto;
text-align: left;  
background-color:#fff;
border:1em solid #fff;
}	

/* Masthead controls the styles for the page header */
#masthead {
height:130px; 
width:780px;
border:1px solid #eaeeee;
background-image:url(../images/masthead.jpg);
background-repeat:no-repeat;
background-position:center right;
}

/* Style Rules for the Nav bar */
#mainmenu ul {
margin:6px 0 0 0;
padding:0; 
height:30px;
width:780px;
color:#000033;
background-image:url(../images/navbar.gif);
background-repeat:repeat-x;
border:1px solid #eaeeee;
}

#mainmenu ul a {
display:block;
padding:0 2em;
line-height:2.5em;
color:#e7e8e9;
float:left;
font-size:9pt;
font-weight:bold;
}

#mainmenu ul a:hover {
color:#daf254;
}

#mainmenu li{
float:left;
background-image:url(../images/navbardivide.gif);
background-position:center right;
background-repeat:no-repeat;
}



/* Style for 2 column content */
#content { 
line-height:155%;
width:580px;
float:right; 
padding:1em 0 0 0;
background-color:#fff;
margin:15px 0;
}

#content p, ul{
padding: .25em 4em .25em 0;
line-height:170%;
}

#content p.bold {
font-weight:bold;
margin-bottom:10px;
}

#content,#content1 ol {
margin:10px 0;
padding-left:1.5em;
}

#content,#content1 li {
margin-bottom:5px;}

#indexlist {
margin:0;
padding:0;
}

#indexlist li {
font-size:97%;
color:#238fc5;
background-image:url(../images/marble_bullet.gif);
background-repeat:no-repeat;
background-position:0% 50%;
margin-bottom:10px;
padding-left:35px;
padding-bottom:5px;
margin-right:50px;
color:#608f33;
}

#indexlist1 {
margin:0;
padding:0;
}

#indexlist1 li {
font-size:97%;
color:#608f33;
background-image:url(../images/marble_bullet.gif);
background-repeat:no-repeat;
background-position:0% 50%;
margin-bottom:10px;
padding-left:35px;
padding-bottom:5px;
}

#content h1 {
padding:0 1.5em 0.5em 0;
color:#608f33;
}

#content h2 {
font-weight:bold;
}

#content h3 {
padding:0 1.5em 0.5em 0;
color:#608f33;
}

#content a {
	color:#999;}

#content dd {
padding-bottom:1em;
}

#content dt {
font-weight:bold;
color:#608f33;
}

#content1 {
width:700px;
line-height:155%;
padding:1em 0 0 1em;
background-color:#fff;
margin:15px 0;}

#content1 a:link {color:#336699;}
#content1 a:visited {color:#336699;}
#content1 a:hover {color:#666;}

#content1 h1 {
padding:0 1.5em 0.5em 0;
color:#608f33;
}

#content1 h2 {
font-weight:bold;
}

#content1 h3 {
padding:0 1.5em 0.5em 0;
color:#608f33;
}

/* Style for One Column layout */
#onecol { 
line-height:155%;
width:760px;
min-height:480px;
padding:2em 2em;

}

#onecol p, ul{
padding: 0 4em 0 2em;
line-height:170%;
}

#onecol p a{
	font-weight:bold;
	color:#608f33;
	}

#onecol h1 {
color:#608f33;
padding-left:1.5em;
}

/* Style for the contact form */

#contact {
margin:2em;
padding:.5em .5em .5em 1em;
color:#608f33;
background-color:#bde399;
border:1px solid #608f33;
width:68%;
}

#contact p {
padding-bottom:.5em;
color:#608f33;
}

#contact fieldset {
padding:1em 1em 1em 1em;
margin:.5em;
border:1px solid #608f33;
}

#contact legend {
font-weight:bold;
color:#608f33;
}

#contact label {
display:block;
}

#name, #email, #telephone, #comments {
width:200px;
font-size:10pt;
}

#comments, #message_body {
width: 300px;
height:100px;
}

#photome {
	float:right;
	border:1px solid #eaeaea;
	padding:6px;
	margin-left:10px;
	}



#submit {
margin-top:1em;
}

/* Styles for the portfolio pieces */
.folio {
padding:0 1em 1em 0;
height:150px;
}

.folio h2 {
color:#aaa;
}

.folio img {
float:left;
margin-right:1em;
padding:1em;
border:1px solid #aeaaaa;
}

/* Style Rules for the left hand panel */
#mainNav {
width: 150px;
float:left;
padding:.75em;
border:1px solid #d7f6ba;
margin:2.5em 0 1em 0;
}

#navBox {
background-color:#bde399;
padding:5px 10px;
font-size:90%;
line-height:150%;
}

#navBox h1{
font-size:110%;
font-weight:bold;
color:#608f33;
padding:0;
}

#navBox h2 {
font-size:100%;
padding:0;
color:#444;
}

#navBox p {
color:#666;
padding:0;
font-size:90%;
margin-bottom:.5em;
}

#navBox ul {
padding:0 0 5px 0;
margin:0;
}

#navBox li {
color:#385e13;
font-size:95%;
line-height:180%;
}

#error {
height:250px;
background-image:url(../images/error.gif);
background-repeat:no-repeat;
background-position:center;
text-align:center;
vertical-align:middle;
}

/* Style rules for the footer */
#footer {
height:40px;
border-top:1px solid #eaeeee; 
clear:both;
}  

#footer img {
float:right;
padding-right:10px;
}
 
#footer p {
padding:20px 0 5px 0;	
font-weight:300;
font-size:85%;
}

#footerright {
float:right;
}

#footerright a:link {
color:#c9c9c9;
font-size:7pt;
}

#links {
	float:right;
	margin-right:10px;
	}
	
	#links a {
		color:#738167;
		font-size:8pt;
		}

.pfolio {
padding:1.5em 1em 2em 2em;
}

/* Style rules for the assets */

ul.asset {
margin-bottom:1em;
font-size:8pt;
}

ul.asset li {
margin-bottom:8px;
}

ul.asset li a:link {
color:#26517d;
}

ul.asset li a:visited {
color:#26517d;
}

ul.asset li a:hover {
color:#999;
}