html, body { height: 100%; }

html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, table, td, input, form, fieldset { margin: 0; padding: 0; }

img { border: 0; }
a { cursor: pointer; }

table { border-collapse: collapse; border-spacing: 0; }

td { vertical-align: top; text-align: left; }


input.checkbox, input.radio, input.check { vertical-align: middle; height: 16px; width: 16px; }

.float-left { float: left; }
.float-right { float: right; }
.clear-both { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.pointer { cursor: pointer; }



html { background: #5b457c url(bg_pattern.jpg); }
body { font: .8em Verdana; color: #FFF; background: url(bg_grad.jpg) repeat-x; }
div.wrapper { background: url(bg.jpg) no-repeat; }

a { color: #bdd4b9; }

h1 { background: url(g_logo.gif) no-repeat 18px 37px; height: 162px; text-indent: -1000em; }
div.nav { padding: 1px 0 0 180px; height: 20px; }
div.nav a { color: #FFF; text-decoration: none; font: 1.2em Impact, 'Trebuchet MS', Arial, sans-serif; margin-left: 20px; }
div.nav a:hover  { color: #bdd4b9; }

div.body { margin: 0 0 0 200px; width: 500px; padding-bottom: 100px; }
h2 { color: #bdd4b9; font: bold 1.4em Verdana; margin-top: 30px; }
p.sub { font-size: .8em; font-weight: bold; margin-top: 2px; }
p { margin-top: 20px; line-height: 1.5em; }

h3 { clear: both; font: bold 1.2em Verdana; margin-top: 40px; border-bottom: 1px solid #9b8bc1; }
a.website { display: block; margin-top: 5px; font-size: .85em; font-style: italic; }

li { margin: 5px 0 0 20px; }
ul.no-bullet li { list-style-type: none; margin-left: 10px; }

img.photo { margin: 24px 15px 5px 0; float: left; }

div#playing { margin-top: 50px; font-size: .8em; }