/* Base colour: #588ea8 */

* {margin: 0; padding: 0; outline: 0;}
body {font-family: Arial, Helvetica, sans-serif; color: #090e11; background-color: #fff;}
img {border: 0;}

/* Styles added for archive page */
#archiveheader a {color: #fff; text-decoration: none;}
#archiveheader a:hover {text-decoration: underline;}
#archiveheader a:active {text-decoration: overline;}

#header {display:table-row;}
#header div {display:table-cell; vertical-align: middle; text-align: center;}
#header div + div {padding-left: 20px;}
#header h1 {font-size: 300%;}
#header p {font-size: 150%;}

#main, #sub {clear: both; float: left; width: 100%;}
#main {background: scroll #000 url(stripes_pebbles.png) top left repeat;}
#sub {background-color: #2c4754;}
#menu ul {list-style-type: none; display: block; float: right; clear: both;}
#menu li {float: left;}

#content {clear: both; padding: 5px;}
#content table {width: 100%;}

#footer {text-align: center; font-size: small; padding: 5px; clear: both;}
#footer:after {content: " - * External Link";}

h2, h3, h4 {margin-bottom: 10px;}
h3, h4 {margin-top: 10px;}
h2 {font-size: 200%;}
p + p {margin-top: 10px;}

.hidden {height: 0px; width: 0px; margin: 0; padding: 0; display: block; overflow: hidden; border: 0;}
.error {color: #f00;}
.note {margin: 10px 0;}

/* Styles for drop shadow */
/* div.outer, div.inner {float: left; position: relative;} */
div.outer, .contact div, #cost .formshad {background: scroll #fff url(dropshadow.gif) right bottom no-repeat; margin-top: 13px; margin-left: 13px; float: left;}
div.inner, .contact fieldset, #cost fieldset {overflow: auto; border: 1px solid #999; left: -13px; top: -13px; padding: 5px; height: auto; position: relative;}

/* Styles for links */
a {font-weight: bold; color: #2c4754; text-decoration: none;}
#menu a {color: #ffffff; display: block; background-color: transparent; padding: 5px 20px;}
#menu a.current {color: #ffffff; background-color: #2c4754;}
#sub a.current {color: #000; background-color: #fff;}
#menu a:hover, #menu a.current:hover {color: #000000; background-color: #acc7d4;}
#menu a:active {color: #ffffff; background-color: #2c4754;}
#content a:hover, #footer a:hover {text-decoration: underline;}
#content a:active, #footer a:active {text-decoration: overline;}
a#richardwinskill {text-decoration: none; font-weight: bold;}
a#richardwinskill span.logoblue {text-decoration: none; color: #00f;}
a#richardwinskill:hover span.logoblue {text-decoration: underline; color: #00f;}
a#richardwinskill:active span.logoblue {text-decoration: overline; color: #00f;}
a#richardwinskill span.logored {text-decoration: none; color: #f00;}
a#richardwinskill:hover span.logored {text-decoration: underline; color: #f00;}
a#richardwinskill:active span.logored {text-decoration: overline; color: #f00;}
a.nopage, #menu a.nopage {color: #f00;}
a.external:after {content:"*";}

/* Styles for tables */
td, th {vertical-align: top; }
th {color: #000000; background-color: #acc7d4;}
table .highlight {color: #16242a; background-color: #d5e3e9;}

/* Styles for Home */
#home .outer {float: none;}
#home .inner {text-align: left;}
#home p {font-size: 175%;}
#home p {margin-bottom: 20px;}
#home #wide {width: 62%;}
#home #wide .inner {background: scroll transparent url(http://farm1.static.flickr.com/26/60924628_7a785a5e83_b.jpg) left top repeat; overflow: hidden; padding: 0;}
#home #narrow {width: 37%;}
#home #narrow li {list-style-type: disc; margin: 0 0 20px 20px; font-size: 175%;}
#home #narrow #last {margin-bottom: 0;}
#home #kiss {text-align: center; margin-bottom: 10px; font-size: 300%;}