/* http://ben.wilks.net/
1. Common Elements */
body {margin-left: 29%;margin-right: 3%;margin-top: 1em;margin-bottom: 1em;background:#FFC8D0 url("../images/bg.jpg") repeat-x;background-attachment:fixed;font: 90% Trebuchet MS, Arial, sans-serif;color:#694659}
a {color:#906;text-decoration:underline;font-weight:bold}
p a {text-decoration:none}
a:hover {color:#000;text-decoration:underline}
a:visited {color:#333}
h1 {margin-top:0em;color:#0C3;text-align:center;font-size:230%}
/* 2. Layout - Content, Logo, Nav, Foot. */
#content{margin-top: 14em;background-color:#FFC8D0;padding:1.5em;border:1px solid #906}
#content h2 {color:#036;text-align:center;font-size:170%}
#content h3, h4, h5, h6 {color:#F60;text-align:center;font-size:160%}
#logo {float:left;position: absolute;left: 5%;top: 1em;background: url("../images/sexy-babe.gif");background-position: left top; background-repeat: no-repeat;height: 251px;width: 118px}
#banner {float:right;position: absolute;right: 5%;top: 2em;height:125px;width:608px;background: url("../images/banner.gif");background-position: right top; background-repeat: no-repeat;}
#menu {position: absolute;left: 2em;top: 22em;height:20em;width:16%; background-color:#FFC8D0;padding:1em;border:1px solid #FFF}
#menu h1 {margin-top:0em;color: #C36}
#nav {float:left;position: absolute;left: 3em;top: 250px;font-size:110%;width: 145px}
#nav ul {margin:0;padding:0;list-style-type:none}
#nav li {margin: 0 0 .1em 0}
#nav a {display:block;color:#FF0;background-color:#C36;padding:0.1em 0.8em;width:125px;text-decoration:none;border:2px solid #906}
#nav a:hover {background-color: #0C3;color: #FFF;border: 2px solid #FFF}
#nav a:visited {color:#CCC}
#nav h2 {font-size:120%}
#nav h3 {font-size:100%;margin-bottom:0.2em;margin-top:1em}
#nav2 {float:left;position:absolute;left:1.5em;top:865px;width:150px}
#nav h2, h3, h4, h5, h6 {margin-top:0.5em;margin-bottom:0.5em;color: #C36}
#foot {font:80% Trebuchet MS, Arial, sans-serif;text-align:center}
/* 3. Classes - Bottom Nav, Foot, L&R, Font Sizes */
.coconut {float:right;height:106px;width:104px;background: url("../images/coconut.gif");background-position: right bottom; background-repeat: no-repeat;}
.coconut a {text-decoration:none;text-color:#000}
.extras {width:90%}
.extras a {text-decoration:none;font-weight: bold}
.extras a:link {background:#906;color:#FF0;padding: 5px;border:2px solid #ccc}
.extras a:visited {color:#CCC;background:#906;padding: 5px;border:2px solid #ccc}
.extras a:hover, .extras a:active {background-color:#0C3;color: #FFF;border:2px solid #FFF}
.extras li {display: inline}
.extras ul {margin: 0;text-align:center}
.right {padding:20px;float:right;margin-bottom:0.2em}
.left {padding: 20px;float: left}
.large {font-size:160%;color:#C93;text-decoration:underline}
.med {font-size:120%;color:#C93;text-decoration:underline}
.sml {font-size:80%;text-decoration:underline}