body {
 background:#ffffff url('images/background_y') repeat-y left;
 font-family:arial, sans-serif;
}

a { color:#1105ff; text-decoration:none; }
a:hover, a:focus { color:#220Aff; text-decoration:underline; }
a:active { color:#00f000; }
a:visited { color:#1105cc; }

p { margin:2px; }
p.code {
 white-space:pre;
 font-family:monospace;
}

h1 { display:inline; }

hr {
 border:1px solid;
 background-color:#b0c0ff;
 color:#b0c0ff;
 width:auto;
 clear:both;
}

ul { display:inline; list-style:disc inside; padding:0px; }

div.albumart {
 float:left;
 text-align:center;
 margin-bottom:5px;
}

img { margin:5px; }

.indent { margin-left:50px; }

.l { float:left; }
.r { float:right; }
.c { display:block; margin-left:auto; margin-right:auto; }

.hidden {
 visibility:hidden;
 width:0px;
 height:0px;
}

.nospacing {
 margin:0px;
 padding:0px;
 display:inline;
}

form { display:inline; }

table {
 width:100%;
 border-spacing:3px;
 border:1px solid #A0A0A0;
 clear:both;
}

th, td {
 vertical-align:top;
 padding:2px;
 border:1px solid #A0A0A0;
}

th {
 text-align:left;
 font-weight:normal;
 background-color:#EEEEEE;
}
th.trackname { width:200px; }
th.commentname { width:145px; }

td { background-color:#FFFFFF; }

textarea {
 width:100%;
 white-space:normal;
}

div.logo {
 position:absolute;
 background:#ffffff url('images/background') no-repeat top left; 
 top:0px;
 left:0px;
 width:490px;
 height:240px;
 padding-left:60px;
 padding-top:10px;
}

div.bg1 {
 position:absolute;
 background:#ffffff url('images/background_x') repeat-x top;
 top:0px;
 left:0px;
 width:100%;
 height:105px;
}
div.bg2 {
 position:fixed;
 background:#ffffff url('images/background_lo') no-repeat bottom left;
 bottom:0px;
 left:0px;
 width:210px;
 height:250px;
}

div.title {
 position:absolute;
 top:25px;
 left:250px;
 font-size:2.8em;
 white-space:pre;
}

div.navigation {
 position:absolute;
 left:10px;
 top:145px;
 width:180px;
 text-align:right
}
div.navigation span.navindent {
 display:inline-block;
 border-right:1px solid #1105ff;
 padding-right:5px;
}

div.content {
 position:absolute;
 top:100px;
 left:210px;
 padding:10px;
}

div.looseends {
 position:fixed;
 width:180px;
 bottom:6px;
 left:10px;
 text-align:center;
}
div.smallprint { font-size:x-small; }

img.stormthecharts { position:absolute; top:0px; right:0px; border:0px; margin:0px; }
