/*
------
------ Welcome to the CSS of Clare Summerskill.co.uk
------ This is all copyrighted, but feel free to read and learn.
------ James Darling, who created this, has his own site - abscond.org.
------ If you want to know how to web design, take htmldog.com for a walk.
------
*/

/* ------------
----Nullify 
--------------
*/

* {margin:0;
padding:0;
border:0;
}

body {
font-size:13px;
}

* {font-size:100%; }

/* ------------
----Tags 
--------------
*/

p{
margin: 0.7em 0;
}

form{
margin: 0 0 5px 5px;
}

form #submit{
float:right;
margin: 3px;
}

/* ------------
----Page 
--------------
*/

body {text-align:center;
background-image: url(/img/mylon_tiling.png );
background-repeat: repeat; 
font-family: "Lucida Grande", Verdana; 
}

#container {width:770px;
text-align:left;
margin: 0 auto; }

#content {width:100%;
margin:0;
background-color: #fff;
background-image: url(img/bg.gif);
background-repeat: repeat-y;
background-position: right; 
float:left;
}

h1 {width:100%;
height: 80px;
text-align: right;}

/* ------------
----Header
--------------
*/

#essentials p {display: inline; }

#essentials p a {text-decoration: none;
font-family: sans-serif;
font-size: 70%;
color: #333; }

#essentials p.skiplink {margin: 0; }

#essentials p.stylelink {margin: 0 0 0 10px; }

h2.location {clear:both;
display:block;
width:100%;
background-color: #9e9e9e;
padding-top: 40px;
padding-bottom: 40px;
text-align: center;
color: #fff;
font-size: 110%;
border-bottom: 1px #2c313b solid; }

h2.location strong {font-size: 120%;
color: #001490;
font-weight: 800; }

#photobanner {height:100px;
overflow:hidden; }

/* ------------
----Nav
--------------
*/

ul.nav {width:100%;
list-style:none;
background-color: #2c313b;
float:left; 
border-bottom: 1px #bbb solid;
height:1.5em;}

ul.nav li a {color: #bbb;
text-decoration: none; }

ul.nav li {float:left;
padding: 0.2em 20px 0.2em 5px;
border-right: 1px #bbb solid; }

ul.nav li.nav_1 {background-color: #9e9e9e;
border-top: 1px #bbb solid; 
border-right:0;}

ul.nav li.nav_1 a {color: #001c89; }

/* ------------
----Content Text
--------------
*/

#contenttext h2 {
font-size: 130%;
padding: 8px 0 5px 5px;}

#contenttext h3 {
font-size: 130%;
padding: 0 0 5px 5px;}

#contenttext {
width: 450px;
float:left;
margin-top: 5px;
}

#contenttext p{
padding: 0 5px 0 2px;
font-size: 110%; }

#contenttext a{
color: #555;
}

/* ------------
----Content Media
--------------
*/

#contentmedia {
width:320px;
float:right;
}

#contentmedia p{
padding: 0 5px;
}

#contentmedia a{
color: #ddd;
}

#quickfoot{
	font-size: 80%;
	padding: 3px;
}

/* ------------
----Footer
--------------
*/

#clearance{
clear:both;
height:0px;}

#footer{
text-align:right;
padding: 5px 0;
clear:both;
color: #eee;
}

#footer a, #footer a:visited{
color: #eee;
text-decoration:none;
}

#footer a:hover{
color: #ccc;
}

/* ------------
----Page overides
--------------
*/

body#about #content, body#bio #content {
background-image: none; }

body#about #contenttext, body#bio #contenttext {
width:100%;
}

body#about #contenttext img.right, body#bio #contenttext img.right{
float:right;
}

ul#portfoliolist {
list-style: none;
}

ul#portfoliolist li{
float:left;
width: 256px;
background-color: #9e9e9e; 
}

ul#portfoliolist a{
display:block;
width: 100%;
height:205px;
color:#222;
text-decoration:none;
text-indent: 4px;
color: #fff;
}

ul#portfoliolist a strong{
display: block;
width: 140px;
margin: 0 15px;
padding: 3px;
background-color: #8e8e8e; }

ul#portfoliolist a:hover{
color: #001478; }

#contentmedia img.homeimg {
display:inline;
width: 161px;
padding:0;
margin:-2px;
border:0;
}

body#home #contentmedia{
position:relative;
top:1px;
left:1px;
}

body#contact #contentmedia img {
margin: 5px 0 0 5px;
}