html, body { margin: 0; padding: 0; color: #ccc; }
html, body, td { font-family: verdana, bitstream vera sans, arial, helvetica, sans serif; }

/* Font-Sizing in EMs */
/* http://www.thenoodleincident.com/tutorials/typography */
body { font-size: 76%; width: 762px; margin-left: 50px; background: #000 url(images/bgshadow.jpg) repeat-y; }

/* Elements */
img { border-style: none; }
acronym { border-bottom: 1px dashed #bbb; cursor: help; }
h1, h2, h3, h4, h5, h6 { margin: 0; }
h1 { font-size: 4.5em; display: none; }
h2 { font-size: 2em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.1em; }
dl, dt, dd, ul, ol, li { margin-top: 0; margin-bottom: 0; }
dt { font-weight: bold; }
dd { position: relative; left: -2.5em; margin-bottom: 15px; }
form { margin: 0; }
fieldset { padding: 20px; }
select option { vertical-align: middle; }
hr { display: none; }
kbd, pre, code { font-family: andale mono, bitstream vera sans mono, courier new, monospace; }
pre.code { border: 1px #fff solid; padding: 10px; background-color: #F2EFDD; margin-bottom: 20px; }
.section { margin: 30px 0 30px 0; }
.sectionbox { border: 1px #fff solid; padding: 25px; background-color: #F2EFDD; margin-bottom: 50px; }
.skiplinks { display: none; }
.hot { color: #c00; }
.warm { color: #94585B; }
.caption { text-align: center; font-weight: bold; font-size: 0.9em; margin-bottom: 25px; }
.small { font-size: 0.9em; }
.highlight { background-color: #ffc; padding: 3px 2px; }

/* Images */
img.emoticon, img.contact { width: 12px; height: 12px; vertical-align: middle; }
img.sectionbox { display: block; padding: 0; margin: auto; margin-top: 20px; }
img.photo { display: block; background-color: #fff; padding: 5px; border: 1px solid #696860; margin: auto; margin-top: 20px; }
img.border { border: 1px solid #696860; margin-top: 20px; }
img.center { display: block; margin: auto; }
a:hover img.photo { border: 1px solid #F08D11; }

/* Links */
a:link { color: #fff; text-decoration: none;}
a:visited { color: #fff; text-decoration:none; }
a:hover { color: #fff; text-decoration:underline; }

/* Forms */
.formbutton, .formbox, .formselect, .formboxdisabled { font: 8pt tahoma, verdana, bitstream vera sans, sans-serif; background-color: #F9F4DD; border: 1px solid #696860; color: #696860; -moz-border-radius: 4px; }
.formbutton { background-color: #B9B28D; color: #4D4C44; border: 1px solid #696860; cursor: pointer; font-weight: bold; }
.formbutton:hover { background-color: #C2BB96; }
.formbutton:active { background-color: #B9B28D; }
.formbox { padding: 1px 2px; scrollbar-track-color: #F9F4DD; }
.formboxdisabled { background-color: #E7E2C8; color: #BFB89F; }
input[type="text"]:hover, input[type="password"]:hover, textarea:hover { border: 1px solid #696860; background-color: #FBF9F0; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border: 1px solid #696860; background-color: #fff; }

/* Header*/ 
div#header { background: #000 url(images/background_left.gif) no-repeat; height: 221px; margin: 0; padding: 0; border-bottom: 2px solid #fff;}
div#header h1 { background: #000 url(images/background_right.gif) no-repeat; overflow: hidden; text-indent: 220px; position: absolute; top: 0px; left: 595px; height: 221px; width: 215px; display: block; }
div#header h1 a { position: relative; top: 140px; left: 0; display: block; display: none; }
div#header h1 a:link { color: #939FB7; text-decoration: none; }
div#header h1 a:visited { color: #939FB7; text-decoration: none; }
div#header h1 a:hover { color: #939FB7; text-decoration: none; }

/* Navigation */
ul#navigation { position: absolute; top: 199px; left: 80px; margin-left: 0; padding-left: 0; }
ul#navigation li { font-weight:bold; font-size: 0.9em; display: inline; list-style: none; margin-right: 15px; color: #fff; }
ul#navigation li a:link { color: #fff; text-decoration: none; }
ul#navigation li a:visited { color: #fff; text-decoration: none; }
ul#navigation li a:hover { color: #fff; text-decoration: underline; }

/* Navigation Dropdown */
ul#navigation li a { display: block; padding: 5px 0px 5px 0; text-shadow: 2px 2px 2px #333; letter-spacing: 0.1em; }
ul#navigation { padding: 0; margin: 0; list-style: none; } /* all lists */
ul#navigation li { float: left; position: relative; } /* all list items */
ul#navigation ul { width: 150px; padding: 0; margin: 0; list-style: none; border: 1px solid #B2B2AE; background: #056494 ; -moz-opacity: 0.9; }
ul#navigation li ul li a { width: 140px; text-align: left; padding: 6px 0 6px 10px; }
ul#navigation li ul { display: none; position: absolute; top: 20px; left: 0; font-size: 1.1em; } /* second-level lists */
ul#navigation li>ul { top: auto; left: auto; } /* to override top and left in non-IE browsers, which positions to the top right of the containing li, rather than bottom left */
ul#navigation li:hover ul, ul#navigation li.over ul { display: block; } /* lists nested under hovered list items */

/* Main */
div#main { background: url(images/Lester_Background.jpg) bottom right no-repeat; }

/* top */
div#top { height: 28px; background: url(images/bg_top.jpg) top repeat-x; float: left; width: 762px; }

/* Content */
div#content { float: left; padding: 30px 30px 30px 30px; width: 702px; font: 1.0em/1.5 arial, verdana, bitstream vera sans, helvetica, sans-serif; }
div#content h2 { font-family: arial narrow, tahoma, sans-serif; font-weight: normal; color: #fff; }
div#content h3 { margin: 30px 0 15px 0; font-family: arial, helvetica, sans serif; letter-spacing: 1px;  }
div#content h4 { font-family: arial, helvetica, sans serif; letter-spacing: 1px; }
div#content ul { position: relative; left: -15px; list-style-type: square; }
div#content hr { display: block; color: #fff; background-color: #fff; width: 100%; height: 1px; border: 0px solid #fff; }
div#content div.next { font-size: 1.1em; margin: 30px 0 100px 0; font-weight: bold; }
div#content .comedian div.entry { margin-bottom: 20px; padding: 0 0 30px 0; border-bottom: 1px solid #fff; }
div#content h2 { margin: 0; line-height: 1.2; }
div#content h2 a:link { text-decoration: none; color: #F08D11; text-shadow: 3px 3px 3px #DFD8B3; }
div#content h2 a:visited { text-decoration: none; color: #F08D11; text-shadow: 3px 3px 3px #DFD8B3; }
div#content h2 a:hover { text-decoration: underline; color: #F08D11; text-shadow: 3px 3px 3px #DFD8B3; }
div#content .comedian h3 { font-size: 1.0em; color: #51504A; font-weight: normal; margin: 0; font-family: tahoma, verdana, bitstream vera sans, arial, helvetica, sans serif; }
div#content .comedian .content { margin-bottom: 25px; }
div#content .comedian .continued { margin-bottom: 20px; }
div#content .comedian .footer { position: relative; left: 0; margin-left: 0; padding-left: 0; font-size: 0.9em; color: #A4A39B; }
div#content .comedian .footer li { display: inline; padding: 0 5px 0 0; margin-right: 7px; list-style: none; border-right: 1px solid #A4A39B; }
div#content .comedian .footer li:last-child { border-right: 0px solid #A4A39B; }
div#content .comedian .footer a:link { color: #A4A39B; }
div#content .comedian .footer a:visited { color: #A4A39B; }
div#content .comedian .footer a:hover { color: #F08D11; }

/* top */
div#bottom { height: 28px; background: url(images/bg_bottom.jpg) top repeat-x; float: left; width: 762px; }

/* Footer */
div#footer { background: #000; clear: both; color: #A4A39B; padding: 5px 25px; font-size: 0.8em; }
div#footer a:link { color: #fff; text-decoration: none; }
div#footer a:visited { color: #fff; text-decoration: none; }
div#footer a:hover { color: #A4A39B; text-decoration: underline; }
div#footer ul { margin: 0px; padding: 0px; }
div#footer ul li { display: inline; margin: 4px 0px; list-style: none; padding: 0 7px 0 5px; line-height: 1.6; letter-spacing: 1px; }
div#footer ul>li { white-space: nowrap; }