/* GENERAL CSS DEFS */

body,p,a,th,td,ul,ol,dl,dd,dt,li,blockquote,address,div {
  font-size:10pt;
  font-family:helvetica,sans-serif;
  color:black;
}
h1,h2,h3,h4,h5,h6 {
  font-family:helvetica,sans-serif;
  color:#993333;
}
h1 { font-size:12pt; text-transform:uppercase; }
h2 { font-size:12pt; color:#444499; }
h3 { font-size:10pt; text-transform:uppercase; color:black;}
h4 { font-size:10pt; color:black; }
h5 { font-size:9pt; text-transform:uppercase; }
h6 { font-size:9pt; }

/* CONTENT ZONES */

#titlebar {  
  font-size:xx-large;
  font-family:helvetica,sans-serif;
  color:white;
  padding:10pt;
}

.body {
  border-right:1px dotted #cc9999;
  padding-right:10px;
  width:100%
}

.sidebar {
  width:150;
  padding-left:10px;
  font-size:8pt;
}
.sidebar p { font-size:8pt; }
.sidebar li { font-size:8pt; }
.sidebar div { font-size:8pt; }
.sidebar a { font-size:8pt; }
.sidebar td { font-size:8pt; }
.sidebar th { font-size:9pt; }
.sidebar input { font-size:8pt; }
.sidebar dl { font-size:8pt; }
.sidebar dd { font-size:8pt; }
.sidebar dt { font-size:8pt; }

/* TABLES, MENU */

th { background-color:#bbbbcc; color:#663333; }

table.menu { 
  border-bottom: 1px solid #eeeeff;
  border-top: 1px solid #777799;
  background-color:#ccccdd;
}
table.menu td { 
  border-top: 1px solid #eeeeff;
  border-bottom: 1px solid #777799;
}
td.menu:hover { 
  background-color:#bbbbcc;
}

table.Report { 
        border:2px #444455 solid; 
        border-collapse:collapse; 
	margin-bottom:10pt;
        width:100%;
}
table.Report td { 
        border-top:1px #444455 dotted; 
        border-bottom:1px #444455 dotted; 
        border-left:1px #444455 solid; 
        border-right:1px #444455 solid; 
        margin:0px; 
        padding:2px; 
}
table.Report th { 
        border:1px #444455 solid; 
        margin:0px; 
        padding:4px; 
	font-weight:normal;
}
table.Report th.ReportTitle { 
	font-weight:bold;
}

/* LINKS, ANCHORS */

a { color:#0000cc; }
a:visited { color:#660099; }
a:hover { color:#0000ff; }
a:active { color:#ff0000; }

a.menu { 
  font-size:10pt;
  color:#000066;
  display:block;
  width:100%;
  text-decoration:none;
  padding:4px;
}
a.menu:hover { 
  color:white;
}
a.submenu { 
  font-size:8pt;
  color:#000066;
  display:block;
  text-decoration:none;
  padding:2px;
  text-align:right;
}
a.submenu:hover { 
  color:white;
}

.footer {
	background-color:#eeeeee;
	font-size:small;
	color:#aaa;
}
.footer a {
	font-size:9pt;
	color:#aaa;
	text-decoration:none;
}
.footer a:hover {
	color:#999;
}

/* PLUG-INS */ 

.quote { color:#666677; font-style:italic; }

td.cal { padding:2px; }
div.Calendar dd { margin-left:10pt; }

table.Gallery td { font-size:8pt; color:#999999; }

/* DEBUG */

/* td { border:1px solid black; } */

table.UserMenu img { 
    position:relative;
    top:30px; 
    margin:10px;
} 
table.UserMenu a:hover img { 
    background-color:#ffdd66;
    border:0px solid white;
} 
table.UserMenu a { 
    text-decoration:none;
    font-size:12pt;
} 

/* Zine (new) */

/*** 
 ***  ARTICLES
 ***/

.ZineArticle .ZineHeader {
/*    padding-top:10px; */
    font-weight:bold;
    font-size:16pt;
}
.ZineArticle .ZineAbout {
    padding-top:5px;
    padding-bottom:10px;
    font-style:italic;
}
.ZineSummary {
    padding:20px;
    font-style:italic;
}
.ZineBody pre {
    padding:10px;
    border:1px dashed #99c;
    background-color:#ddf;
}
.ZineArticle div.ZineImage {
    float:right;
    padding:20px;
    margin-left:10px;
    background-color:#eeeeee;
}
.ZineArticle .ZineFooter {
    padding-top:5px;
/*    padding-bottom:15px; */
    color:#999;
    font-style:italic;
    font-size:9pt;
}
.ZineArticle .ZineAttachment {
    padding:10px;
    margin-top:10px;
    font-size:9pt;
    background-color:#eeeeee; 
}
.ZineArticle .ZineTitle {
    font-size:14pt;
}
table.ZineImage {
    margin-bottom:10pt;
}
div.ZineImage table.ZineImage {
    margin-bottom:0pt;
}
.ZineFooter a {
    font-weight:normal;
    font-size:9pt;
}

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

.ZineIndex {
    margin-top:15px;
}
.ZineItem {
    padding-bottom:10pt;
}
.ZineItem .ZineAbstract {
    font-size:9pt;
    font-style:italic;
}
a.ZineLink {
    text-decoration:underline;
}

/* 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 #ccf;
    font-size:9pt;
    color:#99c;
    font-weight:normal;
    text-decoration:none;
}
.ZinePagedIndex a.ZinePagedIndexCurrent {
    background-color:#eef;
    border:1px solid #99c;
}
.ZinePagedIndex a:hover {
    background-color:#eef;
    border:1px solid #99c;
}

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

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

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

.ZineComment {
    margin-bottom:5px;
}
.ZineComment .ZineHeader {
    background-color:#bbbbcc; 
    border-top:1px solid #666688; 
    font-weight:bold;
    font-size:11pt;
    display:block;
    padding-top:2px;
    padding-left:2px;
}
.ZineComment .ZineAboutBody {
}
.ZineComment .ZineAbout {
    font-size:9pt;
    background-color:#bbbbcc; 
    color:#333;
    padding-bottom:2px;
    margin-bottom:2px;
    padding-left:2px;
}
.ZineComment .ZineBody {
}
.ZineComment .ZineFooter {
    padding:4px;
    font-size:9pt;
}
.ZineComment .ZineAttachment {
    padding:10px;
    margin-top:10px;
    font-size:9pt;
    display:block;
    background-color:#eeeeff; 
}
.ZineQuote {
    margin-left:5px;
    margin-right:50px;
    margin-top:5px;
    margin-bottom:5px;
    padding-left:10pt;
    font-size:10pt;
    font-style:italic;
    display:block;
    border-left:4px solid #777799;
    color:#777799;
}

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

/* show tools in a small, grey font so they don't steal too much attention */
table.ZineTools td {
    text-align:center;
}
table.ZineTools td a {
    font-size:9pt;
    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 {

}
.ZineAttachment table {
    /* lines up attachments left-to-right */
    display:inline;
}

/*** 
 ***  Misc
 ***/

.Zine h1,h2,h3,h4,h5,h6 { margin:0px; }

h1,h2,h3,h4,h5,h6 {
  margin-top:10px;
  margin-bottom:5px;
}