rlm@58: body {
rlm@58: 
rlm@58:     padding:0;
rlm@58:     margin:0;
rlm@58:     padding-bottom:2em;
rlm@58:     
rlm@58:     /* background:#3f3f3f; */
rlm@58:     /* color:#f0f0f0; */
rlm@58:     /* color:#dcdccc; */
rlm@58:     font:16px "Titillium Web","Roboto Slab", Georgia, serif!important;
rlm@58:     
rlm@58:     line-height:1.6;
rlm@58: 
rlm@58:     background:#101010;
rlm@58: 
rlm@58:     color:#fff!important;
rlm@58: }
rlm@58: table {font-size:inherit;}
rlm@58: 
rlm@58: h1,h2,h3,h4,h5,h6 {
rlm@58:     font-weight:normal;
rlm@58: }
rlm@58: 
rlm@58: .gold {color:#87a85c;}
rlm@58: div.header {
rlm@58:     
rlm@58:     text-align:center;
rlm@58:     padding-top: 4em;
rlm@58:     padding-bottom:1em;
rlm@58:     /* background:#fff; */
rlm@58:     /* color:#444; */
rlm@58: 
rlm@58:     /* border-bottom:1em solid #09c; */
rlm@58:     /* background:#000; */
rlm@58:     /* border-bottom:0.5em solid #00fff0; */
rlm@58:     /* border-color:#6a6a68; */
rlm@58: 
rlm@58:     padding-bottom:2rem;
rlm@58:     border-bottom:0.0rem solid #00f0ff;
rlm@58:     
rlm@58:     border-bottom:0.0rem solid #6a6a68;
rlm@58: }
rlm@58: .header h1 {
rlm@58:     font-size:3em;
rlm@58:     text-align:center;
rlm@58:     color:#a7a85c;
rlm@58:     color:#f0ff00;
rlm@58:     margin:0;padding:0;
rlm@58:     font-size:3em;
rlm@58:     color:#666;
rlm@58:     color:#6a6a68;
rlm@58:     color:#fff;
rlm@58:     /* text-shadow:0 0 0.05em #f0ff00; */
rlm@58:     /* text-shadow:0 0 2em #3d81ca, 0 0 0.1em #6092c7; */
rlm@58: }
rlm@58: .header em, .header strong {font-style:inherit; font-weight:inherit;}
rlm@58: /* .header:hover h1 {color:#6a6a68;} */
rlm@58: /* .header:hover author {color:#666;} */
rlm@58: /* .header:hover h1 em, .header:hover author em {color:#ff00f0;text-shadow:0 0 0.2em #fff000;} */
rlm@58: 
rlm@58: .header h1:before {
rlm@58:     content:'\2609';
rlm@58:     color:#c90;color:#fff000;
rlm@58:     padding-right:0.25em;
rlm@58:     position:relative;
rlm@58:     top:0.1em;
rlm@58: }
rlm@58: /* .header:hover h1:before { */
rlm@58: /* 	  text-shadow:0 0 0.2em #fff000; */
rlm@58: /* 	  color:#fff; */
rlm@58: 
rlm@58: /* } */
rlm@58: 
rlm@58: 
rlm@58: .authors {
rlm@58:     text-transform:uppercase;
rlm@58:     letter-spacing:0.58em;
rlm@58:     font-size:0.875em;
rlm@58:     letter-spacing:0.2em;
rlm@58:     
rlm@58: }
rlm@58: 
rlm@58: table.toc {
rlm@58:     margin:0 auto;
rlm@58: 
rlm@58: }
rlm@58: 
rlm@58: .content, .footer {
rlm@58:     max-width:64em;
rlm@58:     margin:0 auto;
rlm@58:     padding:0 4em;
rlm@58: }
rlm@58: .footer a:first-child {display:block;text-align:center;}
rlm@58: .footer em {font-style:normal; color:#f0ff00;}
rlm@58: 
rlm@58: table.toc th {
rlm@58:     /* font-family:"Cabin Sketch", Georgia, serif; */
rlm@58:     /* text-align:right; */
rlm@58:     /* font-size:2rem; */
rlm@58:     padding-right:1em;
rlm@58:     font-weight:normal;
rlm@58:     text-transform:uppercase;
rlm@58:     color:#6a6a68;
rlm@58: }
rlm@58: 
rlm@58: 
rlm@58: table.toc td, table.toc th {
rlm@58:     padding-bottom:2rem;
rlm@58:     padding-top:2rem;
rlm@58:     vertical-align:top!important;
rlm@58:     border-bottom:0rem dotted #6a6a68;
rlm@58: }
rlm@58: table.toc th {
rlm@58:     min-width:10em;
rlm@58:     padding-right:2em;
rlm@58:     text-align:right;
rlm@58: }
rlm@58: 
rlm@58: ul {
rlm@58:     margin-left:0;
rlm@58:     padding-left:0;
rlm@58: }
rlm@58: li {
rlm@58:     list-style-type:none;
rlm@58: }
rlm@58: li:before {
rlm@58:     content:"\00bb  ";
rlm@58:     color:rgba(255,255,255,0.5);
rlm@58: }
rlm@58: a{color:#5ca7a8;text-decoration:none;
rlm@58:   color:#00fff0;
rlm@58:   color:#00c0f0;
rlm@58:  }
rlm@58: a:hover{text-decoration:underline;}
rlm@58: 
rlm@58: .footer {
rlm@58:     color:#6a6a68;
rlm@58:     /* font-size:0.667em; */
rlm@58:     border-top:0.0em dotted #6a6a68;
rlm@58:     padding-top:1em;
rlm@58:     margin-top:2em;
rlm@58:     border-top:0.1em dotted #6a6a68;
rlm@58: }
rlm@58: 
rlm@58: h2 {
rlm@58:     color:#f0c000;
rlm@58:     /* color:#f0ff00; */
rlm@58: }
rlm@58: .content h2:before {
rlm@58:     content:"\2609";
rlm@58:     padding-right:0.25em;
rlm@58:     
rlm@58: }
rlm@58: 
rlm@58: .header h2 {
rlm@58:     margin:0; padding:0;
rlm@58:     font-size:1.25rem;
rlm@58:     color: #f0ff00;
rlm@58:     color:#f000ff;
rlm@58:     color:#00fff0;
rlm@58:     color:#fff000;
rlm@58:     color:#ff00f0;
rlm@58:     color:#00f0ff;
rlm@58:     
rlm@58: 
rlm@58:     
rlm@58: }
rlm@58: p.description, p.micro {
rlm@58:     font-size:0.875em;
rlm@58:     margin:0;
rlm@58: 
rlm@58: }
rlm@58: p.micro {
rlm@58:     color:#6a6a68;
rlm@58:     color:inherit;
rlm@58: }
rlm@58: 
rlm@58: body {
rlm@58:     /* transform-origin: 50% 50%; */
rlm@58:     /* transform: perspective(40em) rotateY(20deg) ; */
rlm@58:     background-image: -moz-radial-gradient(top center,#000 60%,
rlm@58: 					   #143b64 80%, #3d81ca 90%, #d7d4ef 98%, #6092c7 110%);
rlm@58:     background:#121212;
rlm@58: 
rlm@58: 
rlm@58:     background-attachment:fixed;
rlm@58:     background-size:120%;
rlm@58:     /* position:fixed; */
rlm@58:     /* top:0; left:0;right:0; */
rlm@58:     /* height:8em; */
rlm@58:     /* border-right:0.1em solid #6a6a68; */
rlm@58:     background:#121212 url("chalkboard.jpg");
rlm@58: }
rlm@58: 
rlm@58: 
rlm@58: body {background:#002b36; color:#eee8d5}
rlm@58: table.toc th {color:#93a1a1;}
rlm@58: a{color:#268bd2;color:#869900;color:#d33682;color:#2aa198;}
rlm@58: .content h2, .header h1:before {
rlm@58: 		 color:#b58900;
rlm@58: 		 border-color:#b58900;
rlm@58: 	     }
rlm@58: .footer {color:#869900;}
rlm@58: .footer em {color:inherit;}
rlm@58: .header h2 {color:#cb4b16;}