BODY {
 background:#eee;
 color:#000;
 font-family:sans-serif;
 min-width:980px;
 text-align:center;
 padding:0;
 margin:0;
}
P, LI {
 font-family:sans-serif;
}
P {
 line-height:1.2;
}
LI {
 padding-bottom:4px;
}

UL {
 list-style-image:url(http://www.uchronia.com/gfx/plus.gif);
}

TD, TH, TR {
 font-family:sans-serif;
}


H1, H2 {
 margin-top:0;
 padding-top:0;
}
H1, H2, H3, H4 {
 font-family:"Tahoma", sans-serif;
 color:#a00;
}

H1 {
 font-size:1.5em;
 border-bottom:solid #ddd 1px;
}
H2 {
 font-size:1.3em;
}
H3 {
 font-size:1.15em;
}
H4 {
 font-size:1.0em;
}

H3 UL {
 margin-top:0;
 padding-top:0;
}

FORM {
   margin:0;
   padding:0;
}

A:link {
 color:#066;
 text-decoration:none;
}
A:active {
 color:#f00;
 text-decoration:underline;
} 
A:visited {
 color:#499;
 text-decoration:none;
}
A:hover {
 color:#c00;
 text-decoration:underline;
}

.bigcite {
 font-family:"Tahoma", sans-serif;
 color:#a00;
 font-size:1.3em;
}
.smlcite {
 font-family:"Tahoma", sans-serif;
 color:#a00;
 font-size:1.2em;
}

.caption {
float:left;
color:black;
font-family:sans-serif;
font-size:0.8em;
padding:4px;
vertical-align:top;
}
.caption img {
border:solid 1px #222;
margin-bottom:4px;
}


div.caption.cover {
margin:0 2px 2px 2px;
text-align:left;
padding:6px;
}

div.caption.cover + div.caption.cover {
margin-left:8px;
}

div.caption.homecover {
float:left;
height:234px;
width:122px;
margin:0 2px;
text-align:center;
padding:3px;
}
div.caption.homecover a img {
width:120px;
height:180px;
}




.pinfo {
 margin-top:0;
 padding-top:0;
 margin-bottom:0;
 padding-bottom:0;
}



#pageBox {
 background-image:url(http://www.uchronia.net/gfx/background220.gif);
 margin:0 auto;
 padding:0 10px 0 0;
 text-align:left;
 width:920px;
 border:solid #ccc 1px;
 box-shadow:2px 2px 2px #666;
 -webkit-box-shadow:2px 2px 2px #666;
 -moz-box-shadow:2px 2px 2px #666;
}
#main {
}
#contentArea {
 border:0;
 float:right;
 margin:0;
 overflow:hidden;
 padding:10px 0 10px 0;
 text-align:left;
 width:680px;
}
#navigationArea {
 border:0;
 color:#fff;
 float:left;
 margin:0;
 overflow:hidden;
 padding:10px 0 0 0;
 text-align:center;
 width:220px;
 min-height:800px;
}
#navigationArea HR {
 color:white;
 height:1px;
}
#navigationArea H3 {
 color:#fff;
}
#navigationArea H3 A:link {
 color:#fff;
 text-decoration:none;
}
#navigationArea H3 A:active {
 color:#fff;
 text-decoration:underline;
}
#navigationArea H3 A:hover {
 color:#fff;
 text-decoration:underline;
}
#navigationArea H3 A:visited {
 color:#fff;
 text-decoration:none;
}

#copyright {
 clear:both;
 color:#444;
 margin:24px 0 16px 0;
 padding:6px 5px 5px 5px;
 overflow:hidden;
 text-align:right;
 font-style:italic;
}
#copyright hr {
 margin-right:0;
 width:50%;
 height:1px;
 color:#444;
}
#copyright P {
 color:#444;
}



.outdent {
 padding-left:64px;
 text-indent:-64px;
 margin:6px 0 0 0;
}
.outdent80 {
 padding-left:104px;
 text-indent:-104px;
 margin:6px 0 0 0;
}

.buy {
 background:#ffd;
 border:dotted #066 1px;
 color:#066;
 font-size:0.9em;
 font-weight:600;
 margin-left:2px;
 margin-right:2px;
 padding-left:2px;
 padding-right:2px;
 text-decoration:none;
}
.buy:hover {
 background:#066;
 color:#fff;
 text-decoration:none;
}


.floatcenter {
 display:table;
 margin-left:auto;
 margin-right:auto;
 clear:both;
}






.page {
 background:#ffd;
 border:solid #066 1px;
 color:#066;
 font-weight:bold;
 margin-left:2px;
 margin-right:2px;
 padding-left:2px;
 padding-right:2px;
 text-decoration:none;
}
.page:hover {
 background:#066;
 color:#fff;
 text-decoration:none;
}


.covericon {
width:120px;
height:180px;
border:solid #222 1px;
}