### CSS file for crypto-pi.com ###
html { height:100%;margin-bottom:1px;}
body { background:#eeeeee; margin-left:0px; margin-top:0px; margin-right:0px;
font-size:12pt; font-family:utopia,sans-serif;}
img { border:none}
table.head {width:800;}
h1.title { color:#a00028; font-family:utopia; font-style:italic; font-weight:thin;
font-size:24pt; margin-bottom:6px; margin-top:20px; text-align:center; }
h1.head { color:#a00028; font-family:arial; font-style:italic; font-weight:normal;
font-size:32pt; align:right; margin-bottom:15px}
h1 { color:#a00028; font-family:arial; font-style:italic; font-weight:normal;
font-size:32pt; align:right; margin-bottom:15px}
h2 { color:darkblue; font-family:arial; font-style:italic; font-weight:normal;
font-size:20pt; margin-bottom:18px}
h3.head { color:#555555; font-family:arial; font-style:italic; font-weight:normal;
font-size:18pt; margin-bottom:18px; align:right;}
h3 { color:darkblue; font-family:arial; font-style:italic; font-weight:normal;
font-size:16pt; margin-bottom:18px}
h4 { color:darkred; font-size:14pt; font-family:arial,sans-serif; border-bottom:none;
margin-bottom:14px}
h5 { color:darkred; font-size:12pt; font-family:arial; font-style:normal;
border-bottom:none; margin-bottom:10px}
p {text-align:justify;}
blockquote {text-align:justify;}
td.alice {background:lightgreen; width:400; vertical-align:top; margin-right:5}
td.bob {background:lightblue; width:400; vertical-align:top; margin-right:5}
tr.memory {background:#eeeeee; }
div.content { float:left; width:800px; margin:10px auto; padding:0px 0px;}
/* invisible logo links */
a.logo:link {color:white;}
a.logo:visited {color:white;}
a.logo:hover {color:white;}
a.logo:active {color:white;}
div.code { background-color:#f8f8fa;
position:relative;
left:40px;
width:600px;
color:darkblue;
font-family:monospace;
font-weight:bold;
font-size:9pt;
padding:3px;
border-left-width:3px;
border-left-style:solid;
padding-left:20px;
padding-right:20px;
border-color:darkblue;
}
div.note { background-color:#cfcfcf;
position:center;
left:40px;
width:700px;
text-align:left;
color:#a00028;
font-family:utopia;
font-style:italic;
font-weight:thin;
font-size:10pt;
padding:3px;
border-left-width:3px;
border-left-style:solid;
padding-left:20px;
padding-right:20px;
border-color:darkblue;
}
div.output {background-color:#eeeeee;
position:relative;
left:40px;
width:650px;
color:black;
font-family:monospace;
font-style:normal;
font-size:9pt;
padding:3px;
border-left-width:3px;
border-left-style:solid;
padding-left:20px;
padding-right:20px;
border-color:darkgray;
}
div.news { background:#ddddff; color:black; font-family:arial;
font-size:18px; font-style:italic; text-align:justify; padding:15px;
text-decoration:none; border-color:red; border-style:solid; border-width:1px;
width:630px; margin:20px; }
td.label2 { background:#dddddd; color:black; font-family:arial;
font-size:14px; font-weight:bold; text-align:left; padding:5px;
width:300px; text-decoration:none; }
td.label3 { background:#dddddd; color:black; font-family:arial;
font-size:14px; font-style:normal; text-align:center; padding:5px;
text-decoration:none; }
#header {width:600px;}
#section {width:600px;}
#footer {width:600px;}
td.middleoftable {width:320px;}
div#header { float:left; margin:0 auto; position:relative; background:#f8f8f8}
div#section { float:left; margin:0 auto; position:relative; margin:0px auto; padding:5px 0; }
div#content { float:left; width:800px; margin:0px auto; padding:20px 0; background:#fff;
position:relative; }
div#sidebar { float:left; width:160px; margin:0px auto; padding:20px 0; background:lightgray;
position:relative; }
div#sidebar2 { float:left; width:160px; margin:0px auto; padding:20px 0; background:#fff;
position:relative; }
div#sidebar3 { float:right; width:160px; margin:0px auto; padding:20px 0; background:#fcfcfc;
position:relative; }
div#footer { float:left; margin:0 auto; position:relative;
color:#fff; text-align:left; background:#f0f0f0; }
div#footer td {font-family:sans-serif; font-size:8pt; text-align:left; color:white;
vertical-align:top; }
div#footer a {color:#f77f00;}
div#footer a:hover {color:white;}
div#footer h3 {color:white;font-family:utopia; font-size:16px; font-weight:italic;
margin:0px auto; margin-bottom:5px; text-align:left;}
div#footer ul {text-align:left; list-style:none none; padding:0; margin:0; }
div#footer li {list-style-image:none; display:block; margin-left:20px; padding: 2px 0px; }
/* navigation */
div.nav { width:100%; text-decoration:none;}
ul.nav { text-align: center; list-style: none; display: block; padding: 0px; margin: 0px;
font-family:arial;font-weight:thin;}
ul.nav li { position: relative; width:160px; left:0px; float:left; list-style-image:none;
display: block; margin: 0px; padding: 0px 0px; }
ul.nav li a { display: block; padding: 5px ; color: white; background-color:#555555;
font-family:arial; font-weight:normal; font-size:14pt; text-decoration:none;}
ul.nav li a:hover { background-color: #333333 ; color:white;}
/* side bar */
ul.bar { text-align:left; list-style:none none; padding:0; margin:0; font-family:arial; font-weight:thin;}
ul.bar li { width:160px; background:lightgray; list-style-image:none; display:block;
margin:0; padding: 0px 0px; }
ul.bar li a{ display:block; color:black; padding:5px 0px; padding-left: 10px; font-weight:bold; text-decoration:none;}
ul.bar li a:hover { background-color: gray ; color:white; padding:5px 0px; padding-left:10px; text-decoration:none;}
/* contact form */
input.contact { width:125px; margin-left:2px; margin-bottom:5px;
font-size:10px; font-family:sans-serif; color:darkblue;
}
textarea.contact { width:200px; margin-left:3px; margin-bottom:5px;
font-size:10px; font-family:sans-serif; color:darkblue;
}
######################################################################