black.css

@import url('https://fonts.googleapis.com/css?family=Cardo|Crimson+Text|Quattrocento|Source+Serif+Pro');

/* imported fonts
font-family: 'Source Serif Pro', serif;
font-family: 'Quattrocento', serif;
font-family: 'Cardo', serif;
font-family: 'Crimson Text', serif;

• /

body {
background-color: #000000;
font-size: 17px;
font-family: 'Cardo', serif;
color: #c5c5c5;
}

div.wrapper {
padding: 80px 20px 20px 20px;
}

div.wrapper.close {
display: none;
}

#canvas {

}

div.content.browse, div.content.edit, div.comment {
display: block;
}

div.content.printable.index{

}
div.content > p:first-child {

}

OBJECT, EMBED, #VideoPlayback, iframe{
max-width:100%;
}

i, em {
font-style: italic;
font-family: Palatino, Georgia, "Times New Roman", Times, serif;
}

b, strong { font-weight: bold; font-family: Palatino, Georgia, "Times New Roman", Times, serif;}

/* @group A's */

a.url {

}

a.url:hover {

}

a {

}

a.local:hover {

}

a.local {
color: #0ddcdb;
}

a.edit {
text-decoration: line-through;
}
a.stemmed {

}

a.near {
color: #007206;
}

a.near:before, div.content a.url:before {

}

a.inter {
color: #576D3B;
background-color: #F6FF97;
padding: 1px 2px;
text-decoration: none;
border-bottom: 1px solid #96B566;
border-right: 1px solid #96B566;
white-space: nowrap;
}

a.inter:hover {
color: #000000;
}

a.site {
color: #555555;
}

a.site:before {
content: url('http://www.auriea.org/images/b-l.gif');
margin-left: 0.2em;
margin-right: 0.2em;
}

a.tag, div.content.cloud p a {
text-decoration: none;
font-weight: normal;
background: #eeeeee;
border: solid 1px #cccccc;
border-style: outset;
padding: .23em .4em;
color: #666666;
text-shadow: #222222 0px 0px 5px;
}

div.content.cloud > p:first-child
{
font-size:1em;
line-height:2em;
font-family: inherit;
letter-spacing:0px;
}
.tags {
font-size: .7em;
}

p
{

}

a[name][class="anchor"]:before {
content: "#" attr(name) " ";
color: green;
}

.message p{
color: red;
font-size: 10px;
display: block;
padding: 0;
margin: 0;
}

/* @end */

/* @group image style options */

img {
border: 0;
max-width:90%;
display: inherit;
}

img.upload {
border: 0;
max-width:90%;
}

table img { border: 0;
max-width:100%;
float:left;
display: inherit; }

.fimage {float:left; padding:2px 4px 0 0; }

a.thumb img {
height: 200px;
border: solid 5px white;
max-width:100%;
}

a.oversize img {
max-width:100%;
border: solid 5px white;
}

a.image img{
border: 10px outset rgba(255, 255, 255, 0.38);
margin: 0 auto;
display: block;
-moz-box-shadow: 0 0 1px #2e2e2e;
box-shadow: 0 0 1px #2e2e2e;
}

div.image {
}

span.caption{

}

/* @end */

/* @group header */

div.header {
font-size: 24px;
background-color: rgba(195, 195, 195, 0.4);
position: fixed;
top: 0;
left: 0;;
}
div.header span.bar {
}
div.header span.trail {
display: none;
}

div.header a:hover {
}

span.gotobar {
margin-left: 150px;
}

span.bar a:hover:first-child, span.bar a:first-child, span.bar br + a, .trail br + a {
}

span.bar a {

}

span.bar a:hover {

	}

select {
background-color: rgba(195, 195, 195, 0.2);
}

.logo {position:absolute; left:0; top:0; display:none;}
/* @end */

/* @group footer */

.footer {
clear: both;
padding-top: 10px;
}

.footer [class="comment local"] {
}

.footer [class="edit"], .footer [class="history"], .footer [class="admin"] {

}

.footer span.trail, .footer span.gotobar {

}
div.footer span.bar{
}
.footer hr, .footnotes hr {

}

form.search {
font-size: 10px;
text-transform: uppercase;
}
form.search input{
background-color: #c3c3c3;
}
form.search p{
padding: 0;
margin: 0;
}
form.search submit{
display: none;
}
a.author, a.original.local {
}
div.sister {

}

div.near {

}

/* @end /
/ @group footnotes */
div.footnote{
margin:0 4em;

}

.footnotes {
font: .6em georgia;
display: block;
color: #700808;
background-color: rgba(255, 255, 255, 0.3);
padding: 20px;
margin: 0 auto 2em auto;
}

.footnotes a {
text-decoration: underline;
background-image: none;
}

a.backlink{
font-size: 14px;
text-decoration: none;
color: #fb0000;
font-family: palatino;

}
.footnotes p {

}

.footnotes a.url {
background:none;
color: black;
font-style: italic;
}

a.footnote {
text-decoration: none;
font-size: 60%;
color: #fb0000;
font-family: palatino;
vertical-align: text-top;
line-height: 1em;
}

/* @end */

/* @group body time styles */

span.time, span.time a{
color: #000000;
}

div.header h1:after {
font-size: 12px;
color: #666;
font-weight: normal;
padding-left: 30px;
}
body {

}

body div.header h1:after {
content:"this page is fresh";
}

body.day {

}
body.day div.header h1:after {
content:"this page is a few days old";
}
body.day H1 A {
}

body.week {

}
body.week div.header h1:after {
content: " this page has been here for weeks";
}
body.week H1 A{
}

body.moon {

}

body.moon div.header h1:after {
content: "this page is at least a moon old";
}
body.moon H1 A{
}

body.manymoons {

}
body.manymoons div.header h1:after {
content: "this page is many moons old";
}
body.manymoons H1 A{
}
body.year {

}
body.year div.header h1:after {
content: " this page is at least a year old";
}
body.year H1 A{
}

body.antique {

}
body.antique div.header h1:after {
content: " this page is an antique";
}
body.antique H1 A{
}

body.ancient {

}
body.ancient H1 A{
}
body.ancient div.header h1:after {
content: " this page is ancient";
}
body.ancient .footer a{
}
body.ancient .footer .time {

}
body.artifact {

}
body.artifact div.header h1:after {
content: " this page is an artifact";
}
/* @end */

/* @group forms and lists */
form#source{
}
textarea {
background-color: #f9fdca;
color: #4c361a;
font-family: Courier, mono;
font-size:16px;
width: 100%;
}

input {
color: #000;
background-color: #eee;
border: 0;
height: 18px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

}

.submit input {
color: #ff0000;
}

ol{
display: inline;
}
ul{
display: block;
}

li {
margin-bottom: .3em;
text-align:left;
list-style-position: outside;
border-color: #ded19d;
list-style-type: upper-roman;
margin-left: 1.3em;
}

li li {
list-style-type: upper-latin;
margin-left: 1.3em;

}

li li li {
list-style-type: decimal;
margin-left: 1.6em;

}

li li li li {
list-style-type: lower-latin;
margin-left: 1.9em;
}

tt, pre, dd, dt {
font-size: .8em;
font-family: courier;
text-align:left;
word-wrap:break-word;

}

dt {
font-weight: bold;
text-align:left;
margin-left: 20px
}

dd {
margin-bottom: 1ex;
text-align:left;
}

/* @end */

/* @group crumbs */

.crumbs {
font-size: 12px;
line-height: 18px;
display: block;
font-variant: small-caps;
}

.crumbs a {

padding-right: 3px;
border-right: 2px solid rgba(195, 195, 195, 0.4);;

}

.crumbs a:hover {
}

/* @end */

/* @group div rc */

div.rc {
}

div.rc hr {

}

div.clusterlist {

}

div.clusterlist ul {
list-style: none;
}

div.clusterlist li {
font-size:.5em;
display: block;
width: 32%;
float: left;
}

div.clusterlist li > a:hover {
color: #eeeeee;
}

div.old {
background-color: #f2f2f2
}

div.new {
background-color: #CFFFCF
}

form.filter {
display: none;
}

/* @end */

/* @group sidebar */
#sideinput{
background-color: rgba(195, 195, 195, 0.1);
}
.sidebar {
position: absolute;
left: 0;
top:0;
width: ;
}

.sidebar ul, .sidebar li, .sidebar ul ul li:first-child {

}

.sidebar li, .sidebar ul ul li:first-child {

}

.sidebar ul li:first-child {

}

.sidebar li:hover {
}

.sidebar ul{

}

.sidebar ul ul {

}

.sidebar a.near:before {
}

.sidebar a {

}

/* @end */

/* @group trail */

span.trail {

}
span.trail a.local {

}
span.trail a:hover {
}

/* @end */

/* @group tables */

td {
vertical-align: top;
border-collapse: collapse;
border: 1px dotted #706a4a;
font-family: Courier, mono;
font-size: 12px;
padding: 2px 4px;
}

table.long {
vertical-align: top;
border-collapse: collapse;
}

table.long td, table.long th {
border-style: solid;
border-width: thin;
padding: 5px;
padding: 5px;
border-collapse: collapse;
}

table.long td.r, table.long th.r {
text-align: right;
align: right;
vertical-align: top;
}

table.long td.l, table.long th.l {
text-align: left;
align: left;
vertical-align: top;
}

table.long td.c, table.long th.c {
text-align: center;
align: center;
vertical-align: top;
}

table.long td.j, table.long th.j {
text-align: justify;
vertical-align: top;
}

table.long td.mark, table.long th.mark {
background-color: olive;
}

table {
border-collapse: collapse;
width: 100%;
border-style: dotted;
border-width: 1px;
}

table.user.long.non td:hover, table.user.long.non td, table.user.long.non, table.user.long.non tr{
background-color: transparent;
border-width: 0; }

table.user.long.booknav{
border: 0;
width: 100%;

}
table.user.long.booknav td{
width: 50%;
border: 0;
font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
table.user.long.booknav td a{
color: maroon;
}

/* @end */

/* @group H's */

hr {
border: 0;
margin: 0px;
background: #f2f2f2 url('http://www.auriea.org/images/gold.png');
height: 1px;
}

h2, h3, h4, h5, h6 {

}

h2 A, h3 A, h4 A, h5 A, h6 A {

}

h1 {
padding: 0;
margin: 0;
}

h1 A{
line-height: .8em;
font-weight: normal;
font-family: 'Astloch', cursive;
color: #88ad60;
}

h2 {
font-family: 'Astloch', cursive;
font-weight: normal;

}

h3 {

}

h4 {

}

/* @end */

/* @group thumbnails */

div.thumb {
margin: 10px width:auto;
}

div.thumb div {
border: 1px solid rgba(71,1,1,0.81);
background-color: rgba(0,0,0,0.69);
color: #feb79c;
padding: 8px;
font-size: 10px;
font-family: "Century Schoolbook", "Bookman Old Style", "Georgia", "Times New Roman", serif;
line-height: 12px;
overflow: hidden;
display: -moz-inline-stack;
display: inline-block!important;
vertical-align: top;
max-width:100%;
}

div.thumb div * {
border: none;
background: none;
}

div.thumb img {
border: 0 margin-bottom:3px;
background: #ff787c;
max-width:100%;
}

div.thumbcaption, div.thumbcaption * {
border: none !important;
background: none !important;
}

div.thumbcaption {
padding: 0.2em 0 0.2em 0 !important;
text-align: left !important;
}

div.tright {
float: right;
margin: 0 0 10px 10px;
}

div.tleft {
float: left;
margin: 0 25px 10px 0;
}

div.floatright {
float:right;
margin-left:20px;
left: 120px;
}

div.floatright p {
font-style: italic;
}

div.floatleft {
float: left;
margin: 0.3em 0.5em 0.5em 0;
}

div.floatleft p {
font-style: italic;
}

/* @end */

/* @group calendar formatting */

div.cal {
float: left;
margin: 0px 1em 1em 0;
padding: .5em;
line-height: 110%;
}
div.cal.month pre{

}
div.cal pre {

margin: 0;
padding: 0;
font: .7em courier;
text-transform: uppercase;

}

div.cal a.local {
color: #2b1c25;
text-decoration: none;
font-weight: bold;
}

div.cal a.today {
background: url('http://www.auriea.org/images/gold.png')
}

/* @end */

/* @group journal (Diary) formatting */

div.journal hr {
border: 0;
margin: 0px;
color: #f2f2f2;
background-image: url('http://www.auriea.org/images/gold.png');
height: 1px;
clear: both;
}

div.journal H1{
position: relative;
left: 0;
top: 0;
}
div.journal H1 a.local{
display: block;
padding: 4px 8px;
font: 14px palatino;
color: rgba(205,173,58,0.53);
text-shadow: 1px 1px 1px rgba(24, 24, 24, 0.99);
list-style-type: none;

}

div.journal .comment {
font: 11px Courier, mono;
}
.diaryform{
padding: 0;
margin: 0;
font-size: .7em;
}

/* @end */

/* @group index formatting */

div.letter{
color: #ff0000;
}

div.letter br {
display: none;
}

div.letter h2 {
clear: both;
padding: 0 0 0 0;
margin: 20px 0;
border-bottom: solid 1px;
text-align:center;
color:#000000;
}

div.letter > a, div.search.list li {
width: 32%;
float: left;

}

div.search.list {
float: left;
margin: 1em 0 1em 0px;
padding:3em;
font-size: 11px;
clear: both;
background-color: rgba(20, 0, 0, 0.14);
border-style: double;
font-family: courier;
}
/* @end */

/* @group toc formatting */

div.toc {
padding: 20px;
float: right;
background-color: #ff0;
width: 250px;
display: block;
}

div.toc a {
display: inline;
}

div.toc h2 {

}

div.toc ol {
padding: 0 0px 0 0px;
margin: 0;
}

div.toc li {
margin-bottom: .3em;
text-align:left;
list-style-position: inside;
border-color: #ded19d;
list-style-type: upper-roman;
}

div.toc li li {
list-style-type: upper-latin;
margin-left: 1.3em;

}

div.toc li li li {
list-style-type: decimal;
margin-left: 1.6em;

}

div.toc li li li li {
list-style-type: lower-latin;
margin-left: 1.9em;
}

/* @end */

/* @group rss formatitng */

div.rss {
}

div.rss li {
line-height: 14px;
}

div.rss .description {
font-weight: normal;
}

/* @end */

/* @group special styling */

.mirror {
position: absolute;
left: 0px;
top: 12px;
background: url('http://www.auriea.org/images/gold.png');
padding: 0 10px 0 0;
}

.specialdays {
position: relative;
text-align: right;
right:25px;
top: 25px;
display: block;

}

.smiley {
border: 0;
margin: 0 3px -5px 3px;
display: inline;
}

div.archive {
position:absolute;
left: 87%;
top: 0;
line-height: 27px;
font-size: 9px;
border-left: 1px solid #f00;
border-bottom: 1px solid #f00;
color: #281D21;
padding-left:5px;
}

div.archive a{
display: block;
color: #f00;

}

div.archive a:hover {
color:#abdde8;
}

.journal IMG {
max-width:60%;
margin: auto;
display: block;
}
/* @end */

/* @group tables */

table.user.long.now {
width: 900px;
border: 0;
position: relative;
left: -100px;
}
table.user.long.now TD:hover, table.user.long.now TR:hover {
background-color: transparent;
}

table.user.long.now TD{
border: 0;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}

table.user.long.now TD.jour{
border-left: 0;
padding-right: 30px;
padding-left: 15px;

}

table.user.long.now span.crumbs{
display: none;
}

table.user.long.now TD.lj{
padding-right: 15px;
padding-left: 15px;
border-left: 1px solid white;
min-width:340px;
max-width:340px;
font-size: 11px;
line-height: 14px;
}

table.user.long.now TD.tumb{
padding-left: 15px;
border-left: 1px solid white;
font-size: 9px;
line-height: 11px;
}

/* @end */

@media print {

.header, .footer, .NavBar, .crumbs, .mirror, .footnotes, a.footnote, .toc, input, select{
display: none;
}

}

@media screen {
content {font-size:1em;}
}