body, h1, h2, h3, p, ul, #soon p, .tbar
{
padding: 0;
margin: 0;
font: 1em "Trebuchet MS", sans-serif;
}
body, html
{
background: white;
color: black;
}
#numbhead, #left div, #right div, #cent div, .choice, .choice span, .choice a,
.archlist
{
border: 2px solid #e8e8e8;
}
#numbhead
{
margin: 0 6em .6em;
padding: 1em 1em .5em;
text-align: center;
border-top: 0;
background: #e6e6e6 url(//img.rdmsoft.com/midigrad-grey.png) bottom repeat-x;
}
#foot, .clear, .mail
{
clear: both;
}
#foot
{
border-top: 2px solid #e8e8e8;
}
h1
{
font: small-caps italic 6em "Trebuchet MS", sans-serif;
letter-spacing: -.05em;
color: #555;
line-height: .85em;
}
h1 span
{
background: url(//img.rdmsoft.com/numb80.png) center left no-repeat;
padding-left: 70px;
}
#logo-b
{
background-image: url(//img.rdmsoft.com/numb80b.png);
}
#logo-c
{
background-image: url(//img.rdmsoft.com/numb80c.png);
}
#logo-e
{
background-image: url(//img.rdmsoft.com/numb80err.png);
}
#numbhead p
{
font-size: .8em;
margin: .1em;
}
#latest a, #crumb, h2, .numbdl a, #multiflipper
{
font-variant: small-caps;
font-style: italic;
font-size: 1.2em;
padding: .2em .4em;
border-bottom: 2px solid #e8e8e8;
}
#crumb
{
background: white url(//img.rdmsoft.com/minigrad-grey.png) bottom repeat-x;
padding: 0;
}
#crumb a, #crumb .arr
{
display: block;
float: left;
padding: .2em;
}
#crumb a
{
border-left: 2px solid #e8e8e8;
border-right: 2px solid #e8e8e8;
}
#crumb .arr
{
font-variant: normal;
font-style: normal;
}
#crumb .clr
{
display: block;
clear: both;
}
#crumb a:hover
{
background: #ffc671 url(//img.rdmsoft.com/minigrad-orange-full.png) bottom repeat-x;
}
#crumb .homelink
{
text-decoration: none;
}
#crumb .homelink span
{
background: transparent url(//img.rdmsoft.com/numb25.png) no-repeat;
padding: 1px 0 0 29px;
}
.numbdl
{
float: right;
border-left: 2px solid #e8e8e8;
padding: 0;
margin: 0;
}
.numdat
{
float: right;
clear: right;
margin: 0 .25em;
font-size: .8em;
}
.numdat, .numdat a
{
color: #999;
}
#latest a, .numbdl a
{
background: #ffc671 url(//img.rdmsoft.com/minigrad-orange-full.png) bottom repeat-x;
display: block;
color: black;
text-decoration: none;
}
.numbdl span
{
padding-left: 25px;
background: transparent url(//img.rdmsoft.com/numb16b.png) no-repeat 3px 50%;
text-decoration: underline;
}
#latest a
{
text-align: center;
text-decoration: underline;
}
#latest a:hover, .numbdl a:hover
{
background: #ffe3b8 url(//img.rdmsoft.com/minigrad-orange-half.png) bottom repeat-x;
}
.numbdl a:visited
{
color: #555;
}

#left, #right
{
float: left;
width: 49.99999%; /* IE fucks up if this is 50, no idea why */
}
#left div
{
margin: 0 .3em .6em .6em;
}
#right div
{
margin: 0 .6em .6em .3em;
}
#cent div
{
margin: 0 .6em .6em .6em;
}
#cent div div
{
margin: 0;
border: none;
}
#left div, #right div, #cent div
{
background: #f8f8f8;
}
h2, .active div.collapse h2:hover, #left #multiflipper:hover
{
background: white url(//img.rdmsoft.com/minigrad-grey.png) bottom repeat-x;
padding-bottom: .1em;
}
#left h2, #cent h2
{
text-align: right;
}
#multiflipper
{
text-align: center;
padding-bottom: .1em;
margin-bottom: 1em;
}
#multiflipper, .collapse h2
{
font-size: 1em;
text-decoration: underline;
}

ul, p, h3
{
margin: .5em;
}
ul
{
padding-left: 1em;
}
.feed, .itunes, .myspace, .lastfm
{
background: transparent;
background-repeat: no-repeat;
background-position: 2px;
padding-left: 20px;
}
.feed
{
background-image: url(//img.rdmsoft.com/feediconsml.png);
}
.itunes
{
background-image: url(//img.rdmsoft.com/itunes16.png);
}
.myspace
{
background-image: url(//img.rdmsoft.com/myspace16.png);
}
.lastfm
{
background-image: url(//img.rdmsoft.com/lastfm.png);
}

.active div.collapse ul, div.collapse p
{
display: none;
}
#left.active div.collapse
{
margin-bottom: 0;
border-bottom: 0;
}
.active div.collapse h2, #left #multiflipper
{
background: white url(//img.rdmsoft.com/minigrad-lightgrey.png) repeat-x bottom;
}
.active div.collapse h2
{
border-bottom: 0;
}
.active h2, #multiflipper
{
cursor: pointer;
}
.bsym
{
font-size: 4em;
text-align: center;
}
.choice
{
background: white url(//img.rdmsoft.com/minigrad-lightgrey.png) repeat-x bottom;
text-align: center;
cursor: default;
}
.choice span, .choice a
{
padding: 0 1em;
text-decoration: underline;
cursor: pointer;
color: #555;
background: white url(//img.rdmsoft.com/minigrad-grey.png) bottom repeat-x;
}
.choice span:hover, .choice a:hover, .choice a:focus, .archlist li:hover
{
background: #ffe3b8 url(//img.rdmsoft.com/minigrad-orange-half.png) bottom repeat-x;
}
.choice .current, .choice span:active, .choice a:active, .archlist li:active
{
background: #ffc671 url(//img.rdmsoft.com/minigrad-orange-full.png) bottom repeat-x;
color: black;
}
#linkcode p, #linkprev p, #stuff p, #stuff h3, #soon
{
text-align: center;
}
#linkprev img
{
vertical-align: bottom;
}
.mail em, h3, #right .pluslink
{
font-weight: bold;
font-style: normal;
}

a img, h1 acronym
{
border: 0;
}

.pluslink
{
font-size: .8em;
font-variant: normal;
font-style: normal;
padding: .1em;
display: block; float: right;
}
.pluslink img
{
vertical-align: bottom;
}
#cent .pluslink
{
float: left;
}
.fakelink, a
{
text-decoration: underline;
cursor: pointer;
color: blue;
}
a:visited, a:visited .fakelink
{
color: purple;
}
.photolist, .shout
{
list-style-type: none;
padding: 0;
}
.photolist li
{
float: left;
text-align: center;
}
.photolist a, .biopic
{
display: block;
padding: .6em .9em;
}
#left .biopic
{
float: right;
}

.archlist
{
border-style: none solid;
background: white url(//img.rdmsoft.com/midigrad-grey.png) top repeat-x;
list-style-type: none;
padding: 0;
margin: -.5em 2em .5em 2em;
}
.archlist li
{
border-bottom: 2px solid #e8e8e8;
}
 .archlist li
{
text-align: center;
text-decoration: underline;
cursor: pointer;
color: #555;
}

#stuff .stuffcc
{
font-size: .7em;
text-align: right;
margin: 0 1px;
}
.stuffcc a
{
color: #555;
}
#soon h2
{
padding: 0 .5em;
font-size: 1em;
}

.shoutform input
{
width: 15em;
}
.shoutform input.submit
{
vertical-align: top;
padding: 0 1em;
width: 4em;
}
.shoutform textarea
{
height: 3.6em;
line-height: 1.2;
width: 23em;
}
.shoutform
{
text-align: center;
padding: .5em;
}
form *
{
font: inherit;
}
.shout li
{
width: 99%;
overflow: auto;
font-weight: bold;
font-size: .8em;
max-height: 11em;
}
.shout .name
{
display: block;
}
.shout .date
{
float: right;
color: #bbb;
}
.shout .txt
{
font-weight: normal;
display: block;
padding: 0 1em .4em;
}
.shout .me span
{
display: inline;
padding: 0;
}
.shout .me
{
padding-bottom: .4em;
}
#coolbox .right
{
padding-right: 5px;
background: url(//img.rdmsoft.com/coolarrow-right.png) no-repeat bottom right;
}
#coolbox .left
{
padding-left: 5px;
background: url(//img.rdmsoft.com/coolarrow-left.png) no-repeat bottom left;
}
#coolbox .leftdown
{
background-position: top left;
}
#coolbox .rightdown
{
background-position: top right;
}
#coolbox
{
line-height: 1;
cursor: default;
}
#coolbox .scale
{
font-size: 2em;
color: #ddd;
}
#coolbox .infobox
{
border: 1px solid black;
opacity: .9;
}
#coolbox .infobox img
{
float: left;
padding: 1em;
}