body {position: relative; margin: 0; padding: 0; font: bold italic 76% "Trebuchet MS",Tahoma,Futura,"Century Gothic",Verdana,sans-serif;}

#container
{border: 1px solid white; padding: 0 0 0 201px; background: black url(img/vertwhiteline.jpg) repeat-y 200px 0; overflow: hidden;} /* background black for equal columns, white for variable */

#content
{float: left; position: relative; width: 100%; color: white; background: black;}

#content p, #content h1, #content form
{margin: 20px; line-height:1.3em; font-size:1.2em;}

#content a img
{margin: 20px; min-width: 235px;}

#content h1
{font-size:1.5em;}

.stretch {position: relative; top: 0; left: 0; width: 100%; margin: 0;}
.stretch60 {position: relative; top: 0; left: 0; width: 60%; margin: 0;}
.adam {position: absolute; top: 18px; left: 0; margin: 0 !important; z-index:10; display: block;}
.writer{position: absolute; top: 119px; left: 0; margin: 0 !important; z-index:10; display: block;}

#sidebar
{float: left; position: relative; width: 200px; margin-left: -100%; left: -201px; color: white; background: black url(img/hands.jpg) 0px 20px no-repeat; display:inline; /* Hack for old IE */}

#sidebar h1
{margin:20px 18px 0 5px; color:#ffffff; font-size:1.5em; text-align:left;
text-indent: -9999px;}

#sidebar h2
{margin:0 20px 18px 5px; color:#ffffff; font-size:1.0em; font-weight:normal; text-align:left;
text-indent: -9999px;}

#sidebar p
{margin:0 10px 10px 10px; line-height:1.3em; font-size:1.2em;}

#sidebar p#design
{margin:0 10px 10px 10px; line-height:0.7em; font-size:0.7em;}

#menu a
{display:block; width:181px; padding:10px 0px 10px 18px; color:#ffffff; font-size:1.2em; font-weight:normal; text-decoration:none;}

#menu a:hover 
{color:#ff0000; background:#303030 url(img/sidebarbg.gif) top right repeat-y;}

#menu a.active
{padding:7px 0px 7px 18px; color:#505050; background:#fafafa; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0;}

#menu a.active:hover
{color:#ff0000; background:#fafafa;}

#submenu a
{display:block; width:159px; padding:3px 0px 3px 40px; color:#ffffff; font-size:1.2em; font-weight:normal; letter-spacing:-0px; text-decoration:none;}

#submenu a:hover 
{color:#ff0000; background:#303030 url(img/sidebarbg.gif) top right repeat-y;}

#submenu a.active
{padding:0 0px 0 40px; color:#505050; background:#fafafa; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0;}

#submenu a.active:hover
{color:#ff0000; background:#fafafa;}

#splash
{position: absolute; right: 20px; bottom: 120px; width: 400px; border: 2px solid white; background: black; text-align: center;}
#splash a
{color: white;}
#splash a img
{margin: 0;}

b.c  {position: absolute; height: 20px; width: 20px; background: url(img/corners.png) no-repeat;}
b.tl {top: 0; left: 0; background-position: top left; z-index:10;}
b.tr {top: 0; right: 0; background-position: top right; z-index:10;}
b.bl {bottom: 1px; left: 1px; background-position: bottom left; z-index:10;}
b.br {bottom: 1px; right: 1px; background-position: bottom right; z-index:10;}
b.mbl {bottom: 1px; left: 202px; background-position: bottom left; z-index:10;}
b.mbr {bottom: 1px; left: 181px; background-position: bottom right; z-index:10;}
/* comment out for variable columns */
#content b.bl {display: none;}
#content b.br {display: none;}
#sidebar b.bl {display: none;}
#sidebar b.br {display: none;}
/* comment out for variable columns */