/*
11043.81050 - created, try to have a standard stylesheet
11047.50485 - edited
11048.82134 - finished enough for now
11055.68833 - edited while working on mike date page
*/

body
{
background-color: #000000;
font-family: "Bitstream Vera Sans Mono" "Andale Mono" "Courier New" monospace;
font-size: 12px;
color: #a0a0a0;
line-height: 18px;
}

a:link, a:visited, a:active, a:hover {text-decoration: none}
a:link    {color: #a0a0f0;}
a:visited {color: #d080f0;}
a:hover   {color: #f0a0f0;}
a:active  {color: #ffffff;}

a.peekaboo:link, a.peekaboo:visited {color: #000000;}
a.peekaboo:hover, a.peekaboo:active {color: #FFFFFF; font-size: 14px;}

a.mikedate:link, a.mikedate:visited, a.mikedate:active, a.mikedate:hover
{
text-decoration: none;
font-size: 14px;
}
a.mikedate:link    {color: #f0a0a0;}
a.mikedate:visited {color: #f0a0a0;}
a.mikedate:hover   {color: #ffc0c0;}
a.mikedate:active  {color: #ffffff;}


div.jar
{
margin: 80px 80px 200px 80px;
}

div.bottle
{
margin: 80px 120px 200px 120px;
padding: 0px 20px 20px 20px;
border: 1px solid gray;
}

div.entry
{
clear: both;
margin: 0px 0px 0px 0px;
}

div.columnleft
{
float: left;
width: 50%;
/* border: 1px dotted #a0f0a0; */
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

div.columnright
{
float: right;
width: 50%;
/* border: 1px dotted #f0a0a0; */
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}



h1, h2, h3, h4, h5, h6
{
font-family: "Bitstream Vera Sans" "Verdana" sans-serif
/* border: 1px dotted #ff0000; */
font-weight: bold;
color: #f0a0a0;
clear: both;
}

h2
{
margin: 40px 0px 10px 20px;
font-size: 24px;
}

h3
{
margin: 40px 0px 10px 30px;
font-size: 18px;
}

h4
{
margin: 10px 0px 10px 40px;
font-size: 14px;
}


input
{
font-family: "Bitstream Vera Sans Mono" "Andale Mono" "Courier New" monospace;
border: 0px;
font-size: 20px;
color: #f0f0f0;
background-color: #000000;
margin: 0px 0px 10px 40px;
}


li
{
margin: 5px 0px 0px 0px;
}

p.head
{
font-size: 14px;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
border-top: 1px dotted #a0a0a0;
text-align: left;
}

p.foot
{
font-size: 10px;
color: #808080;
line-height: 15px;
font-family: "Bitstream Vera Sans" "Verdana" sans-serif;
margin: 0px 0px 0px 0px;
padding: 10px 100px 10px 100px;
border-top: 1px dotted #a0a0a0;
text-align: center;
}

p.links
{
font-size: 12px;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
border-top: 1px dotted #a0a0a0;
text-align: center;
}

p.left
{
font-size: 10px;
float: left;
width: 200px;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
border-top: 1px dotted #a0a0a0;
border-right: 1px dotted #a0a0a0;
text-align: right;
}

p.right
{
margin: 0px 0px 0px 220px;
border-left: 1px dotted #a0a0a0;
border-top: 1px dotted #a0a0a0;
text-align: left;
padding: 10px 10px 10px 10px;
}

p.full
{
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
border-top: 1px dotted #a0a0a0;
text-align: left;
}

p.center
{
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
text-align: center;
}

p.caption
{
font-size: 12px;
font-family: "Bitstream Vera Sans" "Verdana" sans-serif;
font-style: oblique;
color: #808080;
margin: 0px 0px 0px 0px;
padding: 10px 50px 100px 50px;
text-align: center;
}

p.ascii
{
color: #ffffff;
font-size: 10px;
line-height: 12px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-top: 1px dotted #a0a0a0;
text-align: left;
font-family: "Courier New" monospace;
white-space: pre;
}

p.logleft
{
font-size: 10px;
color: #404040;
float: left;
width: 100px;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
border-right: 1px dotted #404040;
text-align: right;
}

p.logright
{
font-size: 10px;
color: #404040;
margin: 0px 0px 0px 120px;
border-left: 1px dotted #404040;
text-align: left;
padding: 0px 10px 0px 10px;
}

p.text
{
margin: 0px 0px 20px 40px;
/* border: 1px dotted #00ff00; */
}

p.question
{
color: #f0a0a0;
margin: 10px 0px 0px 40px;
/* border: 1px dotted #00ff00; */
}


p.profileleft
{
color: #f0a0a0;
float: left;
width: 220px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
/* border: 1px dotted #f0a0a0; */
text-align: right;
}

p.profileright
{
margin: 0px 0px 10px 240px;
/* border: 1px dotted #a0f0a0; */
text-align: left;
padding: 0px 0px 0px 0px;
}


ul
{
margin: 10px 0px 10px 70px;
padding: 0px 0px 0px 0px;
list-style-type: circle;
}

ul.links
{
font-size: 11px;
margin: 10px 0px 10px 100px;
padding: 10px 0px 0px 0px;
border-top: 1px dotted #404040;
list-style-type: square;
}

span.tastic
{
font-size: 14px;
color: #f0f0f0;
font-weight: bold;
}

span.boing
{
color: #f0f0f0;
font-weight: bold;
}

span.blink
{
text-decoration: blink;
}

span.x1 {color: #909090;}
span.x2 {color: #989898;}
span.x3 {color: #a0a0a0;}
span.x4 {color: #a8a8a8;}
span.x5 {color: #b0b0b0;}
span.x6 {color: #b8b8b8;}
span.x7 {color: #c0c0c0;}
span.x8 {color: #c8c8c8;}
span.x9 {color: #d0d0d0;}
span.xa {color: #d8d8d8;}
span.xb {color: #e0e0e0;}
span.xc {color: #e8e8e8;}
span.xd {color: #f0f0f0;}
span.xe {color: #f8f8f8;}
span.xf {color: #ffffff;}

span.red
{
color: #b02020;
font-size: 16px;
}

span.green
{
color: #20b020;
font-size: 16px;
}

span.orange
{
color: #f0c000;
}

img
{
border-style: none;
margin: 0px;
padding: 0px;
}

img.button
{
position: fixed;
top: 80px;
}