/* page-wide settings */
body {
  background-color: rgb(146, 241, 146);
  background-position: top left; background-repeat: no-repeat;
  color: black; margin: 0; padding: 0;
}

body, code {
  font-family: "Candara", "Trebuchet MS", "Tahoma", "Arial", sans-serif;
  line-height: 1.6;
}
body { font-size: 90%; text-rendering: optimizeLegibility; }
a         { text-decoration: underline; }
a:link    { color: rgb(224, 10, 10); }
a:visited { color: black; }
a span    { color: black; }
a img     { border: none; }

.clear { clear: left; }
.wide .clear { font-size: 1px; line-height: 1px; }

table { border-collapse: collapse; border-spacing: 0; }
th, td { text-align: left; vertical-align: top; padding: 0 0 0 10px; }
.details { font-size: 0.8em; }
.variant th { color: rgb(224, 10, 10); padding: 0; font-weight: normal; }


/* content text styling */
h2, h3, h4, .h2, .h3, .h4 { font-size: 1em; }
h2, h3, .h2, .h3 { color: rgb(224, 10, 10); }
h2, .h2 { font-style: normal; font-weight: bold; }
h3, h4, .h3, .h4 { font-style: italic; font-weight: normal; }
.dox { font-size: 0.75em; }
.ord { vertical-align: top; font-size: 0.6em; }
.note { vertical-align: top; font-size: 0.9em; color: rgb(224, 10, 10); }
.filesize { font-size: 0.75em; }
.cplink { text-decoration: underline; }

code { font-size: 1em; }
.shell, .html, .css, .js, .py, .asm, .sql { border-style: dotted; border-width: 0 3px; background: rgb(246, 246, 246); padding: 0 2px; }
div.shell, div.html, div.css, div.js, div.py, div.asm { padding: 0 8px; white-space: nowrap; }
.shell { border-color: rgb(146, 146, 146); }
.html  { border-color: rgb(146, 146, 241); }
.css   { border-color: rgb(100, 200, 100); }
.js    { border-color: rgb(241, 146, 146); }
.py    { border-color: rgb(192, 180, 96);  }
.asm   { border-color: rgb(180, 146, 192); }
.sql   { border-color: rgb(196, 192, 136); }
blockquote { padding: 0.6em 0; margin: 0 2em; }
dt { font-style: normal; font-weight: normal; color: rgb(224, 10, 10); }

p, h2, h3, h4, .h2, .h3, .h4, table { margin: 0.7em 0 0 0; }
ul, ol { margin-bottom: 0; }
.first { margin-top: 0; }
.footlinks { text-align: right; }

/* parasite-detection script warning style */
#parasite { border: solid rgb(224, 10, 10) 2px; margin: 1em; }
#parasite h2 { background-color: rgb(224, 10, 10); color: white; margin: 0; text-align: center; }
#parasite p { margin: 0; padding: 8px; border-top: 2px solid rgb(224, 10, 10); font-size: 0.9em; }
#parasite p.report { border-top: none; }

/* page backgrounds for different sections of the site */
body.home             { background-image: url(/img/body/home.jpeg);      }
body.live             { background-image: url(/img/body/live.jpeg);      }
body.mic              { background-image: url(/img/body/mic.jpeg);       }
body.parasite         { background-image: url(/img/body/parasite.jpeg);  }
body.personal         { background-image: url(/img/body/personal.jpeg);  }
body.software         { background-image: url(/img/body/software.jpeg);  }
body.home     #header { background-image: url(/img/header/home.gif);     }
body.live     #header { background-image: url(/img/header/live.gif);     }
body.mic      #header { background-image: url(/img/header/mic.gif);      }
body.parasite #header { background-image: url(/img/header/parasite.gif); }
body.personal #header { background-image: url(/img/header/personal.gif); }
body.software #header { background-image: url(/img/header/software.gif); }

/* main layout */
.top                 { margin: 0 32px 0    192px; }
.bottom              { margin: 0 32px 32px 192px; }
.main                { margin: 0 32px 0    192px; }
.wide, .open, .close { margin: 0 32px 0    64px;  }
.main .right, .wide .right   { padding: 6px 20px; }
.top  .right, .bottom .right { height: 16px; }
.open .right, .close  .right { height: 20px; }

.wide .text { margin-left: 288px; }
.wide .bigtext { margin-left: 544px; }
body#and img.float, body#and .float img { float: left; width: 256px; height: 160px; }
body#and img.bigfloat, body#and .bigfloat img { float: left; width: 512px; height: 437px; }
body#and img.fontsnap, body#and .fontsnap img { float: left; width: 256px; height: 72px; }
body#and img.resize { height: 80px; }

ul.compact li { float: left; width: 10em; }
.clear { clear: left; padding-top: 1em; }

/* bordered div colours */
.left   { background-repeat: repeat-y; background-position: top left;  }
.right  { background-repeat: repeat-y; background-position: top right; }
.main, .wide, .open, .close, #header { background-color: rgb(240, 240, 240); }

body#and .top           { background-image: url(/img/page/n.gif); }
body#and .top    .left  { background-image: url(/img/page/nw.gif); }
body#and .top    .right { background-image: url(/img/page/ne.gif); }
body#and .open   .left  { background-image: url(/img/page/open.gif); }
body#and .close  .left  { background-image: url(/img/page/close.gif); }
body#and .bottom        { background-image: url(/img/page/s.gif); }
body#and .bottom .left  { background-image: url(/img/page/sw.gif); }
body#and .bottom .right { background-image: url(/img/page/se.gif); }

body#and .main .left, body#and .wide .left { background-image: url(/img/page/w.gif); }
body#and .main .right, body#and .wide .right, body#and .open .right,
body#and .close .right { background-image: url(/img/page/e.gif); }

/* top bar */
div#header { margin: 32px 32px 0; line-height: 54px; text-align: right; color: rgb(224, 10, 10); }
   #header img { float: left; width: 150px; height: 27px; }
div#header img { margin: 13px 6px; }
   #header .right { padding: 0 12px; }
div#header .right { background-image: url(/img/header/right.gif); }

#header h1 {
  font-size: 1em; font-weight: bold;
  margin: 0; padding: 0 16px 0 160px;
  background: url(/img/header/right.gif) top right repeat-y;
}
#gap { height: 50px; }

/* nav area */
#nav                { position: absolute; left: 32px; width: 144px; z-index: 2; }
#nav .link          { margin: 6px 0; text-align: right; }
#nav #uplink        { margin-top: 24px; }
#nav a, #email a    { text-decoration: none; }
#nav a img, .bullet { width: 10px; height: 10px; }
#nav .subtitle      { font-size: 0.8em; margin-right: 14px; }

#email, #cc           { position: absolute; left: 32px; width: 144px; z-index: 1; }
#email address, #cc a { position: relative; top: -16px; font-style: normal; }
#cc    img            { width: 88px; height: 31px; margin-left: 22px; }

li p { margin: 0.5em 0; }
li .more { font-size: 90%; font-style: italic; }

/* specific */

div#slashdot { margin: 0; position: absolute; left: 88px; }
div#slashdot div { position: relative; top: 118px; }
div#slashdot select { width: 105px; }
div#apple img { border: none; }
div#rongtones { float: left; width: 256px; height: 160px; overflow: auto; font-size: 82%; }
div#rongtones tr { height: 4em; }
div#rongtones td { padding: 1px 2px 0 0; }
div#friends { position: absolute; visibility: hidden; top: -200px; }

/* hacks for IE/Win */
.top .right, .bottom .right, .open .right, .close .right { font-size: 1px; }
.wide .text { position: relative; }

/* hacks for Netscape 4 */
.main, .wide, #header { border: 1px solid rgb(240, 240, 240); }
body#and .main, body#and .wide, div#header { border: none; }