/*  
Theme Name: Standard
Author: Nathan Beck
Author URI: http://www.nathanbeck.co.uk

*/

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

body{
	font-family: "Trebuchet MS", Helvetica, Verdana, Arial;
	font-size: 12px;
        line-height: 18px;
	vertical-align: top;
	background: #fff;
	color: #666;
        background: url(images/body_bg.png) repeat-x top;
}

#wrapper {
     width: 800px;
     margin: 0 auto;
}

#header {
     width: 800px;
     height: 193px;
}

#logo {
     margin: 55px 0 0 5px;
     float: left;
}

#menu {
     width: 800px;
     height: 38px;
     margin-bottom: 20px;
}

#content {
    width: 800px;
    overflow: hidden;
}

#content_header {
    width: 800px;
    height: 30px;
    padding-bottom: 10px;
    margin-bottom: 30px;
    text-align: right;
    background: url(images/content_header.png) no-repeat bottom;
}

.content_body {
   float: left;
   width: 512px;
   padding: 0 20px;
}

.sidebar {
   width: 248px;
   float: left;
}

img.sidebar_image {
   width: 228px;
   border: 10px solid #f1f1f1;
   margin-bottom: 25px;
}

#footer {
   width: 800px;
   height: 20px;
   padding-top: 15px;
   margin: 30px 0 15px;
   border-top: 3px solid #f1f1f1;
   text-align: right;
   font-size: 11px;
   color: #999;
}

#footer a {
   color: #666;
   text-decoration: none;
}

#footer a:hover {
   text-decoration: underline;
   color: #555;
}

#footer span#footerleft {
     float: left;
     color: #555 !important;
     text-align: left;
}


/* Menu Styles */

#menu ul {
   list-style-type: none;
   padding: 0;
   margin: 0;
}

#menu ul li {
   height:  38px;
   float: left;
   display: inline;
   background-position: top;
}

#menu ul li:hover {
   background-position: bottom;
}

#menu ul li.current {
   background-position: bottom;
}

#menu ul li a {
   display: block;
   height: 38px;
   text-indent: -9999px;
}

li#menu_home {
   width: 82px;
   background: url(images/menu_home.png) no-repeat;
}
li#menu_about {
   width: 84px;
   background: url(images/menu_about.png) no-repeat;
}
li#menu_projects {
   width: 85px;
   background: url(images/menu_projects.png) no-repeat;
}
li#menu_contact {
   width: 77px;
   background: url(images/menu_contact.png) no-repeat;
}



/* Home Page Styles */

div.home_splash {
   width: 216px;
   height: 260px;
   padding: 14px;
   float: left;
   border-bottom: 10px solid #3b8db1;
   background: #f1f1f1;
}

div.home_splash:hover {
   background: #c2dae8;
}

div#home_left { margin-right: 34px; }
div#home_center { margin-right: 34px; }



/* Projects Page Styles */

div.projects_splash {
   width: 216px;
   height: 160px;
   padding: 14px;
   float: left;
   border-bottom: 10px solid #3b8db1;
   background: #f1f1f1;
}

div.projects_splash:hover {
   background: #c2dae8;
}

img.project_img {
   float: left;
   display: inline;
   width: 104px;
   margin: 8px 5px 8px 5px;
   border: 5px solid #f1f1f1;
}

img.project_img:hover {
   border: 5px solid #cacaca;
}


/* Contact Page Styles */

span.contact-info {
     width: 190px;
     display: block;
     margin-top: -18px;
     text-align: right;
}

div#google_map {
   float: left;
   width: 360px;
   border: 10px solid #f1f1f1;
}



div#contact_form {
   width: 390px;
   margin-right: 30px;
   float: left;
}


.contactform {
	position: static;
	overflow: hidden;
	width: 95%;
}

.contactleft {
	width: 110px;
	white-space: pre;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contactright {
	width: 240px;
	text-align: left;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contactright input, textarea { width: 230px; }

.contactright input#contactsubmit { width: 130px; float: right; }

.contacterror {
	border: 1px solid #ff0000;
}




/* Fiddly Bits */

a {
   color: #3b8db1;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

a img { border: none; }

h1 {
   font: normal normal 23px "Century Gothic", Verdana;
   color: #999;

}

h2 {
   font: normal normal 17px "Century Gothic", Verdana;
   color: #333;
   padding: 0;
}

h2.home_h2 { text-align: center; padding-top: 10px; }

h2.single_page { color: #3b8db1; }

ul {
   list-style-image: url(images/bullet.png);
   padding-left: 20px;
   margin: 0;
}

ul li {
   height: 20px;
}

hr {
   height: 1px;
   margin: 20px 0;
   background: #f1f1f1;
   border: none;
}

div.spacer {
   width: auto;

   height: 30px;
   clear: both;
}