/* ================================================================ 
Copyright (c) 2009 Ashley Kay. All rights reserved.
This stylesheet and the associated (x)html may NOT be modified in any way.
You may use elements of this stylesheet, but all instances must include a 
link back to ashleykay.co.uk and a credit to the author.

Website: ashleykay.co.uk
Author: Ashley.Kay@me.com
================================================================= */

/* Mass Reset & Body Styles ===================================== */
* {margin:0; padding:0;border:0;outline:0;}

body {font-size: 62.5%;color:#000;background-color:#3a7a98;font-family:Arial, sans-serif; background-image:url(../img/back.jpg); background-repeat:repeat-x;}

/* Type ================================================== */
p  {font-size:1.1em;line-height:1.8em; margin-bottom:0;}
h2 {color: #bed7e3;font-size: 1.6em; line-height:1.8em;font-weight: bold;}
h3 {color: #4f5458;font-size: 1.6em; line-height:1.8em;font-weight: bold;}

/* Generic UL, LI ========================================= */
ul, ul li {list-style-type:none;}
ul {text-align:left;margin:0;padding:0;}

/* Header ===================================== */
#header {margin:0 auto; text-align:center; padding:40px 0 47px;background-color:#fafae6; border-top:7px solid #fff;}

/* Subhead ============================================= */
.subhead {border-bottom:1px solid #77afca; margin-bottom:15px;}
.subhead h2 {text-transform:uppercase; width:437px; margin:0 auto; padding:10px 0;}
.subhead h3 {text-transform:uppercase; width:437px; margin:0 auto; padding:10px 0;}
.black {border-bottom:1px solid #323639;}

/* Footer ======================================= */
#footer {position: absolute;bottom: 0;padding: 0 0 10px;background-color:#272b2e;width: 100%;}
.links {width:437px; margin:0 auto;}
.links p {color:#fafae6; font-weight:bold; margin:0 0 15px;}

a.rounded, .available {outline: none;border: none;text-decoration: none;cursor: pointer;white-space: nowrap;vertical-align: middle;display: -moz-inline-box;display: inline-block;overflow: visible;}
.available {width:100%;text-transform:uppercase; font-weight:bold; background-color:#7fba02; color:#d7eb9c; text-align:center; padding:2px 5px;}
.available:hover {background-color:#d7eb9c; color:#7fba02;} 

.unavailable {width:100%;text-transform:uppercase; font-weight:bold; background-color:#bf1126; color:#fff; text-align:center; padding:2px 5px;}
.unavailable:hover {background-color:#9e0e1f; color:#fff;} 

.contactTitle {width:60px; float:left; text-align:right; margin-right:15px;}
.contact {outline: none;border: none;text-decoration: none;cursor: pointer;white-space: nowrap;vertical-align: middle;display: -moz-inline-box;display: inline-block;overflow: visible;text-transform:uppercase; font-weight:bold; background-color:#333533; color:#a2c5d7; text-align:left; padding:2px 15px; margin-right:5px;}
.contact:hover {background-color:#a2c5d7; color:#333533;} 

/* About Me =============================================== */
#AboutMe {width:437px; overflow:auto; height:100%; margin:0 auto;}
#AboutMe p {float:left; width:343px; color:#f4f4dc; text-transform:uppercase; margin-bottom:10px;}
img#profile {float:left; border:3px solid #77afca; margin:0 15px 0 0;}

/* Error highlight ====================================== */
.highlight {border:1px solid #FF0000;}