/* Global Styles */
html, body, p, h1, h2, h3, h4, #menu ul, #menu li {margin: 0; padding: 0;}
body {font-family: Arial, Helvetica, sans-serif; color: #000; background-color: #fff;}

/* Layout */
#header, #content, #footer {color: #000; width: 750px; margin: 0 auto;}
#header {color: #006; background: #fdf url('/images/border_top.png') top no-repeat;}
#header div {padding: 39px 0 20px 0; text-align: center;}
#menu {color: #fff; background-color: #000; font-weight: bold; float: left; width: 100%; border-top: 3px solid #000;}
#menu div {width: 712px; margin: 0 auto; line-height: 30px;}
#menu ul {list-style-type: none; display: block; float: right;}
#menu li {float: left; background: #fdf url('/images/tab_right.png') top right no-repeat; height: 100%;}
#tooltipcontainer {color: #006; background-color: #fdf;}
#tooltip {display: block; font-size: small; line-height: 22px; width: 702px; margin: 0 auto; font-weight: bold;}
#content {background-image: url('/images/border_side.png'); clear: both;}
#content div {padding: 5px 25px;}
#content p {margin-bottom: 20px; text-align: justify;}
#content img {padding: 1px; border: 1px solid #fdf;}
#footer {text-align: center; padding: 10px 0 29px 0; background: #fff url('/images/border_bottom.png') bottom no-repeat; font-size: small;}
#footer p {padding: 0 19px; line-height: 20px;}
#footer p:after {content: " - * External Link";}

/* Links */
a {color: #00f; background-color: transparent; font-weight: bold; text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: overline; outline: 0;}
a.external:after {content:"*";}
#menu a {color: #fff; background-color: #000; display: block; height: 100%; padding: 0 15px; text-decoration: none; float: left;}
#menu a.current, #menu a:hover {color: #006; background: transparent url('/images/tab_left.png') top left no-repeat;}
a#richardwinskill {text-decoration: none; font-weight: bold;}
a#richardwinskill #richard {text-decoration: none; color: #00f;}
a#richardwinskill:hover #richard {text-decoration: underline; color: #00f;}
a#richardwinskill:active #richard {text-decoration: overline; color: #00f;}
a#richardwinskill #winskill {text-decoration: none; color: #f00;}
a#richardwinskill:hover #winskill {text-decoration: underline; color: #f00;}
a#richardwinskill:active #winskill {text-decoration: overline; color: #f00;}

/* Forms */
fieldset {border: 1px solid #006; padding: 5px;}
form table {border-collapse: collapse; width: 100%;}
form table input {text-align: center;}
form td, form th {padding: 5px; text-align: center;}
form #go {float: right; border: 1px solid #006; clear: both;}
form input:focus, form textarea:focus, form select:focus {background-color: #fef;}

/* Tables */
th, td {vertical-align: middle;}
tr.even {background-color: transparent;}
tr.odd {background-color: #fef;}

/* Random CLASSes and IDs*/
.hidden {height: 0px; width: 0px; margin: 0; padding: 0; display: block; overflow: hidden; border: 0;}
body #content .error {margin-bottom: 5px;}
.error, .nopage {color: #f00 !important;}
.publication {font-style: italic;}
.aleft {text-align: left;}
.acenter {text-align: center;}
.aright {text-align: right;}
#prunings img {border:0; padding: 0;}
.credit {font-size: small; font-style: italic;}
.email, pre {font-family: "Courier New", Courier, monospace; font-size: medium;}

/* Main page photos */
#heather, #chloe {float: left; margin-right: 10px;}
#tigger {float: right; margin-left: 10px;}

/* Styles for Scribbles */
#scribbles table {border-collapse: collapse; width: 100%;}
#scribbles th, #scribbles td {padding: 2px;}
#scribbles th {border-bottom: 1px solid #006;}
#scribbles td {border-top: 1px dotted #066;}
#scribbles td.error {text-align: center; padding: 5px;}
#scribbles td.snippet {font-family: "Courier New", Courier, monospace;}
#scribbles .snippet, #scribbles .date {border-left: 1px solid #006;}
#scribbles p.date {border: 0; font-size: small;}

/* Styles for Prunings */
#prunings th {border-bottom: 1px solid #006;}
#prunings td {border-top: 1px dotted #066;}
#prunings .item, #prunings .type, #prunings .price {border-left: 1px solid #006;}
#details label {display: block; width: 100px; float: left; padding: 2px; margin: 0 5px 5px 0; color: #000; background-color: #fef;}
#details input, #details select, #submit input {border: 1px solid #006;}
#details input {width: 376px;}
#details select {width: 380px;}
#submit label {color: #000; background-color: #fef; display: block; float: left; padding: 2px; margin: 0 5px 10px 0;}

/* Styles for Contact Us */
#contact label {display: block; width: 100px; float: left; padding: 2px; margin: 0 5px 5px 0; color: #000; background-color: #fef;}
#contact input, #contact textarea {border: 1px solid #006;}
#contact input, #contact textarea {width: 400px;}
#submit label {color: #000; background-color: #fef; display: block; float: left; padding: 2px; margin: 0 5px 10px 0; width: auto;}
#submit input {width: auto;}

/* General Styles */
/* :before, :after {white-space: ;} (I have no idea what this was supposed to be) */
h1, h2, h3, h4 {clear: both; margin-bottom: 10px;}
h2 {font-size: 200%;}
h3 {font-size: 150%;}
br {clear: both;}
blockquote {margin: 0 40px;}
blockquote pre:before {content: open-quote;}
blockquote pre:after {content: close-quote;}