* { margin: 0; padding: 0; font-family: "Verdana", sans-serif; }

body { background: #330033 url('../images/gradient.jpg') repeat; text-align: left; scrollbar-arrow-color: green; }

div#cont1 {
 width: 800px;
 background: white url('../images/frame.jpg') no-repeat;
 border: 1px solid white;
 margin: 60px 0 0 60px;
 text-align: left;
 position: relative;
 z-index: 1;
}

div#cont2 {
 min-height: 450px;
 *height: 450px;
 border: solid purple;
 border-width: 0 1px 1px 0;
 padding-bottom: 5px;
 position: relative;
 z-index: 2;
}
div#cont2 * { margin-left: 23%; margin-right: 5px; }
div#cont2 * * { margin-left:0; margin-right:0; }
div#cont2 object embed { margin-left: 3%; }

div#menu { margin:0 0 4% 15%; padding-top: 5%; font-weight: bold; letter-spacing: 1px; }
div#menu a.name { border: dotted white; border-width: 1px 0 0; }
div#menu ul.menu {
 background-image: url('../images/highlite.png');
 margin: 1em 0 0;
 padding: .1em;
 font-size: .7em;
 color: black;
 letter-spacing:0;
}
div#menu ul.menu li { display: inline; z-index: 2; }
div#menu ul.menu li a { margin-left: 10px; }
div#menu ul.menu li a.cat { margin-left:0; }
div#menu ul.menu li a.cat, div#footer a { color: navy; }

div#side {
 width: 20%;
 border: dotted white;
 border-width: 1px 0;
 margin: 20px 0 0 0;
 padding: 5px 0 5px 5px;
 float: left;
}
div#side, div#side a { color: white; }
div#side * { margin: 8px 25px 8px 0; }

table#portal { height: 100%; }
table#portal td { width: 100%; vertical-align: top; }
table#portal td#showcase { width: 65%; padding-right: 20px; }
table#portal td#showcase img, embed { width: 250px; padding: 2px; }
table#portal td#showcase img.val { width:88px; height:31px; border:0; }
table#portal td#showcase img.bro { width: 150px; border: 1px solid silver; }

br#clear { width:0; height:0; margin:0; padding:0; clear:both; }

div#footer {
 width: 90%;
 background-image: url('../images/highlite.png');
 margin:0 5%;
 padding: .1em;
 font-family: "Arial", sans-serif;
 font-size: .7em;
 font-weight: bold;
 color: black;
 text-align: center;
 position: absolute;
 bottom: -25px;
}


/** Fonts **/
h1 { display: block; font-size: 1em; color: black; }
h2 { margin: 1.8em 0 0; font-size: .6em; font-weight: bold; }
h2#comm_note { width: 40%; border: 1px solid silver; margin: 5px 50px 5px 5px; padding: 5px; float: right; }
h2.ttl { font-style: italic; }
h3 { display: block; font-family: "Arial", sans-serif; font-size: .8em; font-weight: bold; color: white; }
h4 { padding: 5% 1% 1%; font-size: 90%; font-weight: bold; font-style: italic; color: #856685; letter-spacing: 1px; }

p { font-size: .8em; }
p.work { margin-top: 10px; font-size: 70%; }
p.work em { font-size: 120%; color: #B22222; display: block; }
ul.work li { margin: 3px; font-size: 80%; list-style-type: square; }

a { color: blue; text-decoration: none; }
a.src { padding-left: 5%; font-size: 70%; display: block; }
a.name {
 margin:0;
 padding:0;
 display: block;
 font-family: "Monotype corsiva", "Apple Chancery", "Georiga", serif;
 font-size: 2em;
 font-weight: normal;
 font-style: italic;
 color: white;
}

table.rsm { border-collapse: collapse; font-family: "Verdana", sans-serif; font-size: .7em; }
table.rsm td { padding: 2px 8px; vertical-align: top; }
table.rsm td strong { padding-right: .5em; font-size: .8em; }
table.shows { width: 75%; }
table.shows tr:hover { background-color: whitesmoke; }
table.shows td { padding-right:0; }
table.shows td.ttl { width: 40%; font-style: italic; }
table.shows td.ttl + td { width: 25%; }

div#cont2 ul { padding-left: 15px; list-style-type: circle; font-family: "Verdana", sans-serif; font-size: .8em; color: black; }
ul li.emblm { float: right; list-style-type: none; padding-left:0; padding-right: 20px; }

ul.menu li a { color: #B22222; font-weight: bold; }
ul.menu li.hdr { padding-left:0; list-style-type: none; font-weight: bold; position: relative; left: -15px }
ul.menu li { padding: 2px; }

.sub { margin-top: 25px; }

div#ss { margin: 5px; float: right; }
div#ss h2 { margin-top:0; }


/** Images **/
img { margin: 5px 10px; behavior: url('iepngfix.htc') }
img#logo { width: 379px; height: 243px; margin:0; position: absolute; top: -55px; left: -55px; z-index: 1; }
img.bckgd { width: 518px; height: 708px; margin: 0; padding: 0; }
img.hdsht { width: 125px; height: 171px; border: 1px solid white; margin: 5px; padding: 0; }