/*
Creator: Ben "Cerbera" Millard
Website: http://sitesurgeon.co.uk
History: 2005-04-22 -> 2008-04-28 -> 2009-01-17 -> 2009-06-20 -> 2009-12-02
*/

/* Sections:
* Development Area
* Page
* Header
* Footer
* Content
* CV
*/


/* Page */
html {
 margin: 0;
 padding: 0;
 color: #333;
 font-size: 100%;
 overflow-y: scroll; /* Suggested UI. */
 background: #588;
}
body {
 margin: 0 auto;
 padding: 0 1.5em;
 width: 60%;
 color: #333;
 font: 0.75em/1.5 Georgia,"Lucida Grande",serif; /* 12px */
 background: #fff;
}


/* Header */
h1 {
 margin: 0 0 0 0;
 padding: 0.75em 0 0 38px; /* 24px; Space for background */
 font: normal 1.5em/2.0 "Palatino Linotype",Times,serif; /* 18px/36px */
 background: url(logo-white.png) left center no-repeat;
}


/* Footer */
#footer {
 margin: 0;
 padding: 0.25em 0 0.5em 0;
 border-top: 1px solid #588;
}
#footer ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
#footer p, #footer ul, #footer ul li {
 display: inline;
 padding-right: 0.5em;
}


/* Content */
abbr, acronym {
 border-bottom: 0;
}
address {
 font-style: normal;
 white-space: pre;
 white-space: pre-wrap;
 white-space: -moz-pre-wrap;
}
code {
 font: 1em Consolas,Monaco,"Lucida Console",monospace;
}
sup {
 vertical-align: top;
 font-size: 0.834em;
}

/* - Links */
a {
 text-decoration: none;
 border-bottom: 1px solid;
}
a, a img {
 color: #155;
 border-color: #155; /* IE7 */
}
a:visited, a:visited img {
 color: #688;
 border-color: #688; /* IE7 */
}
a:hover, a:active, a:focus, a:hover img, a:active img, a:focus img {
 color: #d73;
 border-color: #d73; /* IE7 */
}
a img {
 padding: 2px;
 background: #fff; /* Hide underline */
 border: 2px solid;
}

/* - Block-level Spacing */
address, dl, ol, p, ul {
 margin: 0 0 1em 0;
}

/* - Headings */
h2, h3, h4, h5, h6, caption, legend, th {
 margin: 0;
 padding: 0;
 line-height: 1.2;
 font-family: "Palatino Linotype",Times,serif;
 font-weight: normal;
}
h2 {
 color: #d73;
 font-size: 1.6em;
}
h3, caption, th {
 margin: 0;
 font-size: 1.25em;
}
h4 {
 font-size: 1.25em;
 font-style: italic;
}
h5 {
 font-size: 1em;
 font-style: italic;
}
h6 {
 font-size: 1em;
}

/* - Images */
img {
 vertical-align: middle;
}

/* - Lists */
dl {
 margin: 0 0 1em 0;
 padding: 0;
}
dt {
 margin: 0.5em 0 0 0;
 padding: 0;
 font-weight: bold;
}
dd {
 margin: 0 0 0.25em 2em;
 padding: 0;
}
ol, ul {
 padding: 0;
}
ol {
 margin: 0 0 1em 3em;
}
ul {
 margin: 0 0 1em 2em;
}
ul ul {
 margin: 0 0 0 1em;
 padding: 0;
}
li {
 margin: 0;
 padding: 0;
}
ul p, ol p {
 margin: 0;
}

/* - Tables */
table {
 margin: 0 0 1em 0;
  border-collapse: collapse;
}
th {
 color: #d73;
  /* See also: Headings */
}
tbody th {
 font-size: 1.083em;
 font-weight: normal;
 text-align: left;
}
th, td {
 padding: 0 0.5em;
 vertical-align: top;
}
tbody > tr:first-child th, tbody > tr:first-child td {
 border-top: 1px solid;
}
tbody > tr:last-child th, tbody > tr:last-child td {
 border-bottom: 1px solid;
}
.number, .date {
 text-align: right;
}


/* CV Specifics */
.cv div p {
 float: right;
 top: -4.833em; /* h1 */
 margin-bottom: -4em; /* Pull up main content */
 position: relative;
}
.cv dt {
 clear: left;
 float: left;
 margin: 0;
}
.cv dd {
 margin-left: 7em;
}
.cv dd ul, .cv dd li {
 margin: 0;
 padding: 0;
 list-style: none;
}
.cv h2 {
 clear: right;
}