/*content base*/

html,body { margin: 0; padding: 0; }

body         
{ 
color: #474747; 
font: 11px/16px verdana, arial, "bitstream vera sans", sans-serif; 
text-decoration: none; 
text-align: center; 
padding: 0; 
vertical-align: top; 
margin-top: 20px; 
}

hr 
{ 
height:1px; 
border:0; 
width:100%; 
background-image: url(hr_gray.gif); 
background-repeat: repeat-x; 
background-position: 0 center; 
margin-top: 10px; 
margin-bottom: 10px; 
}

img{border: 0px;}

ul  { 
list-style: none; 
margin: 10px 0 10px 10px; 
padding: 0 ;
}

ul li  
{ 
margin-left: 30px; 
list-style-type: none; 
list-style-image: url(icon_li.gif); 
}

/*content*/

table.mainbox
{ 
background-color: #fff; 
width: 800px; 
margin-right: auto; 
margin-left: auto; 
border: solid 1px #bababa; 
}

td.header 
{ 
color:#fff;
background-image: url(logo_bg.gif); 
background-repeat: repeat-x;  
text-align: left; 
vertical-align: middle; 
padding: 0px; 
border-bottom: 1px solid #bababa; 
}

td.title
{
padding-right:15px; 
font-size: 160%; 
font-weight: bold;
text-align: right; 
}

td.maincontents   
{ 
/* line-height: 150%; */
background-color: #fff; 
text-align: left; 
vertical-align: top ; 
padding: 10px 15px; 
}

td.maincontents img{margin:5px;}

/*link*/

a     { color: #578ab3; text-decoration: none ; }

a:hover  { color: #383a39; text-decoration: none ; }

/*sidebar*/

td.sidebar
{ 
vertical-align: top; 
text-align: left; 
padding:10px; 
}

td.sidebar table
{
text-align: left; 
margin-top:10px;
}

td.sidebox_heading
{ 
color: white; 
font-weight: bold; 
background-color: #aaa; 
padding: 5px 10px; 
}

td.sidebox_text
{ 
text-align: left; 
color: #282129; 
padding: 10px; 
border: solid 1px #aaa; 
}

td.sidebar a   
{ 
color: #578ab3; 
text-decoration: none; 
}

td.sidebar a:hover  
{ 
color: #282129; 
text-decoration: underline;
 }


td.sidebox_text ul  { 
list-style: none; 
margin: 0; 
padding: 0 ;
}

td.sidebox_text ul li  
{ 
margin: 0 0 0 10px; 
list-style-type: none; 
list-style-image: url(icon_li.gif); 
}


/*footer*/
td.footer 
{ 
font-size: 95%; 
text-align: left; 
padding: 10px; 
border-top: 1px solid #bababa; 
}

td.footer a
{ 
color: #474747; 
text-decoration: none; 
margin-right: 7px; 
margin-left: 7px; 
}

td.footer a:hover{ color: #dbb600;text-decoration: none; }

/*** ZINE ***/

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

.Zine {
/*    width:640; */
}
.ZineArticle .ZineHeader {
    padding-top:10px;
    font-weight:bold;
    font-size:150%;
}
.ZineArticle .ZineAbout {
    padding-top:5px;
    padding-bottom:10px;
    font-style:italic;
}
.ZineArticle .ZineBody {

}
.ZineSummary {
    padding:15px;
    font-style:italic;
}
.ZineDate {
    font-style:italic;
}
.ZineAuthor {
    color:#666;
}
.ZineBody pre {
    padding:10px;
    border:1px dashed #999;
    background-color:#ddd;
}
.ZineArticle div.ZineImage {
    float:right;
    padding:20px;
    margin-left:10px;
    background-color:#eeeeee;
}
.ZineArticle .ZineFooter {
    padding-top:5px;
    padding-bottom:5px;
    color:#999;
    font-style:italic;
    font-size:80%;
}
.ZineArticle .ZineAttachment {
    padding:10px;
    margin-top:10px;
    font-size:80%;
    background-color:#eeeeee; 
}

.ZineArticle .ZineTitle h1,h3,h4 {
    margin:0px;
    margin-bottom:4px;
}

.ZineArticle .ZineTitle h1    {
font-size: 120% ; 
line-height: 120%;
}

.ZineArticle .ZineTitle h2 {
    font-size: 110% ; 
    color:#dbb600;
    margin:0px;
    margin-bottom:4px;
}

.ZineArticle .ZineTitle h3{
   font-size: 90% ; 
   line-height: 120%;

}

table.ZineImage {
    margin-bottom:10pt;
}
div.ZineImage table.ZineImage {
    margin-bottom:0pt;
}
.ZineFooter a {
    font-weight:normal;
    font-size:9pt;
}
.ZineQuote {
    margin-left:5px;
    margin-right:50px;
    margin-top:5px;
    margin-bottom:5px;
    padding-left:45pt;
/*    font-size:10pt; */
    font-style:italic;
    display:block;
    background:url(quote.gif);
    background-repeat:no-repeat;
}

.ZineSubtitle {margin-top:10px;}

.ZineItem .ZineLink 
{
color: #dbb600; 
font-size: 150% ; 
font-weight: bold;
}

.ZineTeaser{font-size:90%;}

.ZineTitle{font-size:120%;font-weight: bold;}

td.sidebox_text h1 {display:none;)

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

.ZineIndex {
    margin-top:15px;
}
.ZineItem {
    padding-bottom:10pt;
}
.ZineItem .ZineAbstract {
    font-size:80%;
    font-style:italic;
}
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 #ccc;
    font-size:80%;
    color:#999;
    font-weight:normal;
    text-decoration:none;
}
.ZinePagedIndex a.ZinePagedIndexCurrent {
    background-color:#eee;
    border:1px solid #999;
}
.ZinePagedIndex a:hover {
    background-color:#eee;
    border:1px solid #999;
}

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 #666 solid; 
        border-collapse:collapse; 
	margin-bottom:10px;
        width:100%;
}
table.ZineIndex td { 
        border-top:1px #666 dotted; 
        border-bottom:1px #666 dotted; 
        border-left:1px #666 solid; 
        border-right:1px #666 solid; 
        margin:0px; 
        padding:5px; 
}
table.ZineIndex th { 
        border:1px #666 solid; 
        margin:0px; 
        padding:5px; 
        background-color:#ccc;
}

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

.ZineComment {
    margin-bottom:5px;
}
.ZineComment .ZineHeader {
    padding:4px;
    background-color:#999; 
    border:1px solid #666; 
    font-weight:bold;
/*    font-size:11pt; */
    display:block;
}
.ZineComment .ZineAboutBody {
    /* The background is used to simulate a 2-column table-like layout.
       A more elegant way to do this is to set display:table-cell for 
       .ZineAbout and .ZineBody, but that only works in recent Gecko
       browsers.  This alternative is more of a hack, but works in most
       recent browsers. It also gives an acceptable appearance if the
       background image fails to load.  */ 
    background: url(commentbg.gif) repeat-y 0% 0%;
    border-left:1px solid #666;
    border-right:1px solid #666;
}
.ZineComment .ZineAbout {
    padding:10px;
    float:left;
    width:80px;
    color:#666;
    font-size:80%;
    line-height:100%;
}
.ZineComment .ZineBody {
    padding:10px;
    margin-left:100px;
}
.ZineComment .ZineFooter {
    padding:4px;
    background-color:#ccc;
    border:1px solid #666; 
    font-size:80%;
    display:block;
}
.ZineComment .ZineAttachment {
    padding:10px;
    margin-top:10px;
    font-size:80%;
    display:block;
    background-color:#eee; 
}

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

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