html {
border: 0;
margin: 0 auto;
padding: 0;
background: #f6f2e7 url(img/wallchart3.jpg); 
}
body {
border: 0;
margin: 90px 0 20px 0;
padding: 0;
font: 0.8em Georgia, Verdana, Tahoma, Arial, sans-serif;
background: url(img/body-back2.jpg) center top repeat-y;
}
* html body  {
background: url(img/body-back.gif) center top repeat-y;
}
form, fieldset { border: 0; margin: 0; padding: 0; }
a { text-decoration: none; }
a:link, a:visited { color: #79264b; }
a:hover, a:active { color: #363; text-decoration: none; }
a img { border: 0; }


/* ---- Typography ------ */
.bold, .company, span.price { font-weight: bold; }
.goddard { font-weight: bold; color: #79264b; }
.payne { font-weight: bold; color: #000; }
kbd { font-weight: bold; }

h1, h2, h3, h4, h5, h6 {
font-family: "Trebuchet MS", Helvetica, sans-serif;
margin-top: 3px;
margin-bottom: 3px;
}
input, textarea, em { font-family: Georgia, Arial, sans-serif; }
ol, ul, pre, blockquote {
margin-top: 5px;
margin-bottom: 5px;
}
blockquote { font: 1.1em Verdana, Tahoma, Arial, sans-serif; }
h1 {
font-size: 2.6em;
font-weight: normal;
}
h2 {
font-size: 1.1em;
font-weight: bold;
color: #060;
padding-bottom: 5px;
}
p {
margin-top: 5px;
}
/* standard helper classes */

.hide { display: none; margin: 0; height: 0; width: 0; overflow: hidden; position: absolute;  /* for the benefit of IE5 Mac */ }
.clearing { clear: both; }
.float-left { position: relative; float: left; }
.float-right { position: relative; float: right; }

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#wrapper, #wrapwho {
margin: 0 auto;
padding: 0;
margin-top: 0;
top: -15px;
width: 750px;
position: relative;
min-height: 1px;
clear: both;
}

#header {
padding: 0;
position: relative;
float: left;
width: 750px;
clear: both;
background: #fff;
margin-bottom: 15px;

}
#wrapper div#header, #wrapwho div#header {

/* background: #fff url(http://www.goddardpayne.com/img/logohome.gif) right top no-repeat;
background: #fff url(http://www.goddardpayne.com/img/hback-who.gif) right top no-repeat; */
}
#header h1, #header h2 {
width: 430px;
float: left;
position: relative;
padding: 15px 0 0 20px;
margin: 0;
}
#header h2 {
display: none; margin: 0; height: 0; width: 0; overflow: hidden; position: absolute;
}
#header div#logo {
float: right;
position: right;
width: 300px;
}

#pagebody {
width: 750px;
position: relative;
float: left;
}
#sidebar {
position: relative;
float: right;
min-height: 1px;
width: 200px;
background: transparent;
}
#sidebar2 {
position: relative;
float: left;
min-height: 1px;
width: 200px;
background: transparent;
}
#maincontent {
display: inline; /* ie win bugfix */
position: relative;
float: left;
width: 550px;
/* background: #fff url(img/maincontentback.gif) repeat-x; */
background: #fff;
min-height: 340px;
margin-bottom: 15px;
}
body#mainindex div#maincontent {
width: 350px;
}
body#mainindex h1 {
display: none; margin: 0; height: 0; width: 0; overflow: hidden; position: absolute;
}

div#maincontent h2 {
color: #000;
font-weight: normal;
font-size: 1.8em;
margin-bottom: 5px;
}


#footer {
background: #fff /* url(img/footerback.gif) top center no-repeat */;
margin: 15px 0 10px 0;
padding: 0;
font-size: 0.85em;
position: relative;
clear: both;
text-align: center;
top: -1px;
left: -1px;
}
#footer p {
position: relative;
padding: 5px 60px 10px 60px;
margin: 0;
}

/*  -- Sections -- */

div#weare, div#home, div#category, div#datearchive, div#individual_entry, div#sitemap, div#previewcomment, div#pendingcomment, div#error, div#commentlist, div#trackbacklisting, div#commentlisting, div#searchresult {
padding: 20px;
}

/* -- Top navigation -- */

div#topnavigation {
position: relative;
clear: both;
top: -19px;
}
ul#topnav {
width: 765px;
margin: 0 auto;
margin-left: 20px;
padding: 0;
list-style-type: none;
font-size: 0;
position: relative;
}
ul#topnav span {
height: 0;
width: 0;
overflow: hidden;
position: absolute;  /* for the benefit of IE5 Mac */
}

ul#topnav li { float: left; position: relative; text-indent: -10000px; }
ul#topnav li a { display: block; text-decoration: none; position: relative; height: 34px; padding-right: 3px; }

a#nav_home { background: url(http://www.goddardpayne.com/img/nav/home.gif) -82px 0 no-repeat; width: 75px; }
a#nav_weare { background: url(http://www.goddardpayne.com/img/nav/we-are.gif) -93px 0 no-repeat; width: 86px; }
a#nav_wedo { background: url(http://www.goddardpayne.com/img/nav/we-do.gif) -93px 0 no-repeat; width: 86px; }
a#nav_welike { background: url(http://www.goddardpayne.com/img/nav/we-like.gif) -93px 0 no-repeat; width: 86px; }
a#nav_contact { background: url(http://www.goddardpayne.com/img/nav/contact.gif) -93px 0 no-repeat; width: 86px; }
a#nav_moretolife { background: url(http://www.goddardpayne.com/img/nav/more-to-life.gif) -119px 0 no-repeat; width: 112px; }
a#nav_weworkwith { background: url(http://www.goddardpayne.com/img/nav/we-work-with.gif) -129px 0 no-repeat; width: 122px; }

a#nav_home:hover, a#nav_home.selected { background-position: 0 10px; }
a#nav_weare:hover, a#nav_weare.selected { background-position: 0 10px; }
a#nav_wedo:hover, a#nav_wedo.selected { background-position: 0 10px; }
a#nav_welike:hover, a#nav_welike.selected { background-position: 0 10px; }
a#nav_contact:hover, a#nav_contact.selected { background-position: 0 10px; }
a#nav_moretolife:hover, a#nav_moretolife.selected { background-position: 0 10px; }
a#nav_weworkwith:hover, a#nav_weworkwith.selected { background-position: 0 10px; }
div.shadow {
clear: both;
background: #b5b5b5;
position: relative;
}

/* -- Side bar Modules -- */

div#sidebar a:link, div#sidebar a:visited, div#sidebar2 a:link, div#sidebar2 a:visited {
color: #363;
}
div#sidebar a:hover, div#sidebar a:active, div#sidebar2 a:hover, div#sidebar2 a:active {
color: #79264b;
}
div.picture-box img {
margin-bottom: 15px;
float: right;
position: relative;
border: 0;
}
div#sidebar2 div.picture-box img {
float: left;
}
div#sidebar div.shadow, div#sidebar2 div.shadow {
width: 185px;
clear: both;
background: #b5b5b5;
position: relative;
float: right;
margin-bottom: 15px;
}
div#sidebar2 div.shadow {
float: left;
}
div#sidebar div.catarchive {
width: 185px;
background: #d3dbe5;
float: right;
top: -2px;
left: -1px;
position: relative;
}
div#recent-posts, div#recent-comments, div#useful, div#searchblog, div#tag-cloud, div#monthlyarchive {
width: 185px;
background: #d3dbe5; /* url(img/usefulback.gif) right top no-repeat */
float: right;
top: -2px;
left: -1px;
position: relative;
overflow: hidden;
}
body#mainindex div#recent-posts, body#mainindex div#recent-comments {
float: left;
}
/* div#useful {
background: transparent url(img/usefulback.gif) no-repeat;
}
div#searchblog {
background: transparent url(img/searchboxback.gif) no-repeat;
} */

div#recent-posts h3, div#recent-comments h3, div#useful h3, div#searchblog h3, div.catarchive h3, div#tag-cloud h3, div#monthlyarchive h3 {
padding: 2px 10px 1px 10px;
font-size: 0.9em;
font-weight: bold;
position: relative;
}
div#recent-posts p, div#recent-posts ul, div#recent-comments p, div#recent-comments ul, div.catarchive ul, div#tag-cloud ul, div#monthlyarchive ul {
background: #fff;
padding: 5px;
margin: 3px;
}
div#recent-posts ul li, div#recent-comments ul li, div#monthlyarchive ul li {
margin-left: 15px;
padding-bottom: 3px;
}
div#recent-comments ul li {
margin-left: 0;
list-style-type: none;
padding-bottom: 5px;
border-bottom: 1px dashed #d3dbe5;
margin-bottom: 4px;
}

div.catarchive ul li {
position: relative;
list-style-type: none;
padding: 2px 0 2px 26px;
background: url(img/li2.gif) no-repeat;
}

div#useful ul {
margin: 3px;
padding: 5px;
background: #fff;
}
div#useful ul li {
list-style-type: none;
padding: 2px 0 2px 26px;
background: url(img/li2.gif) no-repeat;
}

div.widget-content {
background: #fff;
padding: 5px;
margin: 3px;
}

.module-list-item { list-style-type: none; float: left; position: relative; padding: 0 6px; background: #d3dbe5; margin: 1px 2px; }
a.taglevel1 { font-size: 1.6em; }
a.taglevel2 { font-size: 1.4em; }
a.taglevel3 { font-size: 1.2em; }
a.taglevel4 { font-size: 1.1em; }
a.taglevel5 { font-size: 1.0em; }
a.taglevel6 { font-size: 0.9em; }

span.divider { display: none; margin: 0; height: 0; width: 0; overflow: hidden; position: absolute; }

div#sidebar2 div#recent-comments a.comment-link { color: #79264b; }
div#sidebar2 div#recent-comments a.comment-link:hover { color: #363; }

/* --- Search box Module -- */

div#searchblog form {
padding: 0;
margin: 0;
border: 0;
position: relative;
}
div#searchblog fieldset {
background: #fff;
padding: 3px;
margin: 3px;
}

div#searchblog label { display: none; margin: 0; height: 0; width: 0; overflow: hidden; position: absolute;  /* for the benefit of IE5 Mac */ }

div#searchblog input#search-box {
position: relative;
float: left;
width: 130px;
padding: 2px;
display: inline;
border: 1px solid #b5b5b5;
}
div#searchblog input#search-button {
position: relative;
float: left;
background: #e1e1e1;
border: 1px solid #999;
padding: 0;
width: 29px;
height: 22px;
margin: 0 0 2px 3px;
text-align: center;
overflow: hidden;
color: #000;
text-transform: uppercase;
font-size: 0.7em;
**font-size: 1.0em;
}

/* --- Search Results --- */
body#search div#searchblog {
float: none;
background: transparent;
width: auto;
padding: 0;
margin: 0;
}
body#search div#searchblog fieldset {
background: transparent;
padding: 0;
margin: 0;
}
body#search div#searchblog input#search-box {
width: 360px;
}
div#searchresult h2 {
color: #000;
font-weight: normal;
font-size: 1.4em;
}

/* ------------ Entry ---------- */

.entry {
line-height: 1.6em;
position: static;
overflow: hidden;
clear: both;
margin-top: 10px;
margin-bottom: 20px;
}
.entry h2, .entry h3 {
margin: 0;
padding: 0;
}
.entry h3  span {
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-weight: normal;
font-size: 1.0em;
}

.entry img {
float: right;
position: relative;
margin: 15px 0 15px 15px;
}

.entry h3 {
font-size: 1.4em;
font-weight: normal;
padding-bottom: 5px;
}
.entry h3  a:link,  .entry h3 a:visited {
color: #363;
}
.entry h3 a:hover,  .entry h3 a:active {
color: #79264b;
text-decoration: none;
}


.entry-body {
padding-top: 10px;
padding-bottom: 10px;
}
.entry-body a {
padding: 0;
}

.entry h2 a:hover, .entry h3 a:hover {
padding: 0;
}
div.entry-footer, .trackback-footer, .comment-footer {
color: #060;
padding-bottom: 10px;
clear: both;
font-size: 0.8em;
}
.comment-footer {
padding-bottom: 0;
}
.entry-footer a, .entry-footer a:visited, .trackback-footer a, .trackback-footer a:visited, .comment-footer a, .comment-footer a:visited {
text-decoration: underline;
}
.entry-footer a:hover, .trackback-footer a:hover, .comment-footer a:hover {
text-decoration: none;
}

/* ------------ Comments ---------- */
div#comments h3 {
margin-bottom: 15px;
}
div#comments div.comment {
padding: 10px;
margin: 0 0 2px 0;
background: #d3dbe5;
}
div#comments div.comment span {
margin: 0;
padding: 0;
font-size: 1.0em;
font-weight: bold;
}
div#comments div.owner_author {
background: #d8dbca;
color: #000;
margin: 0;
}

div.comment p.comment-footer {
margin: 5px 0;
padding: 0;
font-size: 0.9em;
}
.date-header {
position: static;
clear: both;
}

.comments-open-footer, .archive-content {
clear: both;
margin: 0;
}

/* --- Category List --- */

/* div.catarchive {
background: url(img/listback1.gif) no-repeat; 
padding: 10px 10px 15px 0;
margin-bottom: 20px;
position: relative;
}
div.catarchive ul {
margin: 10px 0;
padding: 0;
position: relative;
}
div.catarchive ul li {
position: relative;
list-style-type: none;
padding-left: 26px;
background: url(img/li2.gif) no-repeat;
} */

/* --- Tags --- */

div.entry-tags, div.search-tags {
margin: 0;
padding: 0;
clear: both;
}
div.search-tags {
margin: 0;
clear: both;
}
div.entry-tags h4, div.search-tags h4 {
font-size: 0.9em;
margin: 0;
float: left;
padding: 0 8px 8px 0;
position: relative;
}
div.search-tags h4 {
padding: 0 8px 0 0;
}
div.entry-tags ul, div.search-tags ul {
list-style-type: none;
position: relative;
margin: 0;
padding: 0;
}
div.entry-tags ul li, div.search-tags li {
font-size: 0.9em;
float: left;
margin: 0;
margin-top: 1px;
padding: 0 5px;
position: relative;
border-left: 1px dashed #000;
line-height: normal;
}


/* --  Forms -- */

fieldset#postcomment, fieldset#previewcomment {
padding: 0 10px 10px 0;
border: 0;
position: relative;
}
fieldset#postcomment h3, fieldset#previewcomment h3 {
color: #000;
}
fieldset#postcomment label, fieldset#previewcomment label {
display: block;
}
div.row, div.row2, div.rowsubmit, div.rowradio {
clear: both;
padding-top: 5px;
min-height: 1px;
}
div.row label {
position: relative;
float: left;
text-align: right;
padding: 3px 10px 0 0;
width: 130px;
}
div#comments div.row label {
width: 120px;
}
div.row input {
position: relative;
float: left;
width: 200px;
border: 1px solid #999;
padding: 2px;
}
div#comments div.row input {
width: 290px;
}
div.row2 label {
padding: 3px 0 5px 0;
}
div.row2 textarea {
margin: 0;
padding: 1px 2px;
width: 430px;
border: 1px solid #999;
font-size: 1.0em;
}
div.rowsubmit input {
background: #bec1b0;
border: 1px outset #999999;
width: 120px;
margin: 0 10px 3px 0;
padding: 0 5px;
color: #000;
float: left;
position: relative;
}
div.rowradio label {
float: left;
position: relative;
padding: 3px 0;
}
div.rowradio input {
float: left;
position: relative;
width: 30px;
border: 0;
margin: 5px 0 0 160px;
}

/* ------ Lifeblog Stuff ------ */

.lifeblogsms {
border: 0;
padding:0 5px 0 5px;
}

.lifeblognote {
border: 0;
padding:0 5px 0 5px;
}

.lifeblogimage {
float: left;
position: relative;
border: 0;
margin: 0 10px 5px 0;
}

.lifeblogimage img {
width: 230px;
border: 0;
margin: 0;
padding: 0;
}
.lifeblog_mp4{
margin: 10px 0;
}
.lifeblog_3gpp{
margin: 10px 0;
}

/* ----- Site Map ------- */

#sitemap ul {
padding: 2px 5px 4px 20px;
list-style: none;
margin-bottom: 0;
margin-top: 0;
}
#sitemap li {
padding: 3px 5px 5px 20px;
list-style: none;
background: url(http://www.goddardpayne.com/img/sitemap1.gif) no-repeat;
}
#sitemap li ul li {
padding: 2px 5px 4px 20px;
list-style: none;
background: url(http://www.goddardpayne.com/img/sitemap2.gif) no-repeat;
}