div,span,p,li,td,th,caption {
  font-family:georgia,times,serif;
}
#top {
  margin:25px 100px 25px 100px;
}
#masthead {
  height:60px;
  padding-bottom:5px;
  border-bottom:1px dotted grey;
  font-size:1.2em;
  font-family:times,serif;
  font-style:italic;
}
#sitetitle {
  font-size:16pt;
  width:400px;
/*  height:60px;
  overflow:clip;  */
  position:relative;
  top:-35px;
}
#menu {
  float:right;
  width:200px;
  text-align:right;
}
#sidebar {
  width:200px;
  float:right;
  font-size:70%;
}
#sidebar ul {
  margin-left:0px;
  padding-left:0px;
  list-style-type:none;
}
#sidebar li {
  border-bottom:1px dotted white;
  padding:5px 0px 5px 0px;
}
#body {
  margin-right:250px;
  font-size:0.9em;
  line-height:140%;
  text-align:justify;
}
#foot {
  font-size:0.8em;
  color:grey;
  border-top:1px dotted grey;
  padding-top:10px;
}
#main:after {
	content: ".";
	display: block;
	height: 0;	
	font-size:0;
	clear: both;
	visibility:hidden; 
}
a.menu {
    padding:3px 5px 3px 5px;
    background-color:#c00;
    color:#fcc;
    font-weight:normal;
    font-style:normal;
    font-family:helvetica,arial,sans-serif;
    font-size:0.7em;
    text-decoration:none;
-webkit-border-top-left-radius:3px;    
-webkit-border-top-right-radius:3px;    
-webkit-border-bottom-left-radius:3px;    
-webkit-border-bottom-right-radius:3px;    
-moz-border-radius-topleft:3px;    
-moz-border-radius-topright:3px;    
-moz-border-radius-bottomleft:3px;    
-moz-border-radius-bottomright:3px;    
}
a.menu:hover {
    background-color:#f00;
}
#foot a {
  color:grey;
}
.logo {
  font-family:times;
  font-style:italic;
  font-size:72pt;
}
.nu {
  color:#c00;
  font-style:normal;
}

h1,h2,h3,h4,h5,h6 { 
  color:#660000;
  padding-top:20px;
}

.right h1,h2,h3,h4,h5,h6 { 
      font-size:10pt;
}
.left h1,h2,h3,h4,h5,h6 { 
      font-size:10pt;
}
h1 { font-size:140%; }
h2 { font-size:130%; }
h3 { font-size:120%; }
h4 { font-size:110%; }

a img.icon { border-width:0px; }

.box {
  padding:15px;
  margin-top:10px;
  margin-bottom:10px;
  background-color:#ddd;
  overflow:auto;
-webkit-border-top-left-radius:10px;    
-webkit-border-top-right-radius:10px;    
-webkit-border-bottom-left-radius:10px;    
-webkit-border-bottom-right-radius:10px;    
-moz-border-radius-topleft:10px;    
-moz-border-radius-topright:10px;    
-moz-border-radius-bottomleft:10px;    
-moz-border-radius-bottomright:10px;
}
.box h1,h2,h3 {
  font-style:italic;
  padding-top:0px;
}

blockquote {
  font-style:italic;
  margin-left:20pt;
}

/* Blog */ 

.article {
    margin-top:20px;
}
.articleAbout {
    color:grey;
    font-size:80%;
    font-style:italic;
}
.articleTools,.blogTools{
    font-size:70%;
}
.articleTools a, .blogTools a {
    color:grey;
    text-decoration:none;
}
.blogPagination {
    margin-top:20px;
    height:15px;
}
.blogPaginationNewer {
    float:left;
}
.blogPaginationOlder {
    float:right;
}


/* Zines */

.ZineItem {
    margin-top:20px;
}
.ZineItem .ZineLink {
    font-size:130%;
    font-weight:bold;
    text-decoration:none;
    display:block;
    color:#660000;
    margin:5px 0px 5px 0px;
}

.ZineArticle .ZineHeader {
    padding-top:10px;
    font-weight:bold;
}
.ZineArticle .ZineAbout {
    padding-top:5px;
    padding-bottom:10px;
    font-style:italic;
}
.ZineSummary {
    padding:15px;
    font-style:italic;
}
.ZineSummaryIndex {
    font-family:helvetica,sans-serif;
    font-size:80%;
    margin-top:3px;
}
.ZineSummaryIndex a {
    padding:3px 8px 3px 8px;
    background-color:#c00;
    color:#fcc;
    font-weight:normal;
    font-style:normal;
    font-family:helvetica,arial,sans-serif;
    text-decoration:none;
-webkit-border-top-left-radius:3px;    
-webkit-border-top-right-radius:3px;    
-webkit-border-bottom-left-radius:3px;    
-webkit-border-bottom-right-radius:3px;    
-moz-border-radius-topleft:3px;    
-moz-border-radius-topright:3px;    
-moz-border-radius-bottomleft:3px;    
-moz-border-radius-bottomright:3px;    
}
.ZineSummaryIndex a:hover {
    background-color:#f00;
}
.ZineDate,.ZineAuthor {
    font-style:italic;
    color:#988;
}
.ZineBody pre {
    padding:10px;
    border:1px dashed #c99;
    background-color:#fdd;
}
.ZineArticle div.ZineImage {
    float:right;
    margin-left:10px;
}
.ZineArticle .ZineFooter {
    padding-top:5px;
    padding-bottom:15px;
    color:#999;
    font-style:italic;
    font-size:80%;
}
.ZineArticle .ZineAttachment {
    padding:10px;
    margin-top:10px;
    font-size:80%;
    background-color:#eee; 
}
.ZineArticle .ZineTitle h1,h2,h3,h4 {
    margin-top:10px;
    margin-bottom:4px;
}
table.ZineImage {
    margin-bottom:10pt;
}
div.ZineImage table.ZineImage {
    margin-bottom:0pt;
}
.ZineFooter a {
    font-weight:normal;
    text-decoration:none;
}
.ZineQuote {
    display:block;
    padding:10px;
    margin-top:5px;
    margin-bottom:5px;
    color:#988;
    background-color:#edd;
    border:dotted #988 1px;
    font-style:italic;
}
.ZineCaption {
    color:#888;
    font-size:80%;
    font-style:italic;
}

/*** 
 ***  INDEXES
 ***/

.ZineIndex {

}
.ZineItem {
    padding-bottom:10pt;
    border-bottom:1px dotted grey;
}
.ZineItem .ZineAbstract {

}
a.ZineLink {
    text-decoration:underline;
}

ul.ZineThread {
    margin:0px;
}

/* creates a sequence of buttons for paged indexes */
.ZinePagedIndex a {
    padding-left:4px; 
    padding-right:4px; 
    padding-top:2px; 
    padding-bottom:2px; 
    border:1px solid #fcc;
    font-size:80%;
    color:#c99;
    font-weight:normal;
    text-decoration:none;
}
.ZinePagedIndex a.ZinePagedIndexCurrent {
    background-color:#fee;
    border:1px solid #c99;
}
.ZinePagedIndex a:hover {
    background-color:#fee;
    border:1px solid #c99;
}

table.ZineIndex td.ZineThumb {
    /* typically used for photoblog galleries */
    background-color:#eee;
    padding:20px;
}

/* table indexes are used in semithreaded and table indexes */
table.ZineIndex { 
        border:2px #766 solid; 
        border-collapse:collapse; 
	margin-bottom:10pt;
        width:100%;
}
table.ZineIndex td { 
        border-top:1px #766 dotted; 
        border-bottom:1px #766 dotted; 
        border-left:1px #766 solid; 
        border-right:1px #766 solid; 
        margin:0px; 
        padding:5px; 
}
table.ZineIndex th { 
        border:1px #766 solid; 
        margin:0px; 
        padding:5px; 
        background-color:#dcc;
}

/*** 
 ***  COMMENTS
 ***/

.ZineComment {
    margin-bottom:5px;
}
.ZineComment .ZineHeader {
    padding:4px;
    background-color:#cbb; 
    border-top:1px dotted #866; 
}
.ZineComment .ZineTitle {
    font-weight:bold;
    color:#644;
    font-size:110%;
}
.ZineComment .ZineAboutBody {
}
.ZineComment .ZineAbout {
    font-size:80%;
    color:#666;
}
.ZineComment .ZineBody {

}
.ZineComment .ZineFooter {
    padding:4px;
    font-size:80%;
}
.ZineComment .ZineAttachment {
    padding:10px;
    margin-top:10px;
    font-size:80%;
    display:block;
    background-color:#fee; 
}

/*** 
 ***  TOOLBARS
 ***/

/* show tools in a small, grey font so they don't steal too much attention */
table.ZineTools td {
    text-align:center;
    font-size:60%;
}
table.ZineTools td a {
    font-weight:normal;
    color:#666;
    text-decoration:none;
}
table.ZineTools td a:hover {
    text-decoration:underline;
}

/* kludge because table.ZineIndex td adds cell borders */
table.Report table.ZineTools td { border:0px solid white; }
table.ZineIndex table.ZineTools td { border:0px solid white; }


/*** 
 ***  ATTACHMENTS
 ***/

table.ZineAttachmentForm {
    /* put attachment upload fields in a box */
    background-color:#eee;
    border:1px solid #999;
    padding:10px;
    margin-top:5px;
    margin-bottom:5px;
}

div.ZineAttachment {
    height:125px;
}
.ZineAttachment table {
    /* lines up attachments left-to-right */
    float:left;
    padding-right:10px;
}

/*** 
 ***  STATUS, MODERATION
 ***/

.ZineStatusIcon {
    float:right;
}
.ZineWarning {
    padding:15pt;
    border:1px dashed red;
    background-color:#faa;
    color:brown;
    font-weight:bold;
}