BODY { color: black; background-color: #f8f8ff;
       font-family: Georgia, Garamond, Times New Roman, Times, serif;
       padding: 0px; margin: 0px; }
       
IMG { border: 0;}
IMG.linklogo { max-width: 16px; max-height: 16px; }
HR { border: solid thin DarkSeaGreen; clear: both; }
SUP { font-size: 0.7em; }
      
A:link, A:visited  { text-decoration: none; color: #a06000;}
A:link:hover, A:visited:hover {text-decoration: underline;}

TABLE.main { width: 100%; border-collapse: collapse;}
TD.titlebar { width: 100%; background: url(images/top_bg.png) repeat-x bottom;}
TD.titlebar TR TH { width: 10em; height: 5em;}
TD.titlebar TR TD.title { text-align: center; font-size: 2em; font-style: italic; }
TD.titlebar TR TD.desc { text-align: center; font-size: 1.3em; font-style: italic;
                                 padding-left: 5em; padding-right: 5em;}

TABLE.main TR TD.leftcol,
 TABLE.main TR TD.rightcol { vertical-align: top; width: 16%; min-width: 15em; font-size: 0.8em;
                          background: url(images/l_r_bg.png) repeat-x top;
                          padding: 0.3em; }
TABLE.main TR TD.leftcolmobile,
 TABLE.main TR TD.rightcolmobile { vertical-align: top; width: 4px; font-size: 0.8em;
                          background: url(images/l_r_bg.png) repeat-x top;
                          padding: 0.3em; }
TABLE.main TR TD.middlecol {vertical-align: top; background-color: #fefefe; padding: 0.5em; }
                         
TD.leftcolmobile H2, TD.leftcol H2, TD.rightcol H2 { text-align: right; font-family: Arial, Helvetica, sans-serif;
                border-bottom: 3px solid DarkSeaGreen; }
TD.leftcolmobile UL, TD.leftcol UL, TD.rightcol UL { font-family: Arial, Helvetica, sans-serif; list-style-type: square;
                padding-left: 1.2em;}
TD.leftcolmobile OL, TD.leftcol OL, TD.rightcol OL { font-family: Arial, Helvetica, sans-serif; padding-left: 1.5em;}

BLOCKQUOTE { font-style: italic; margin: 1em 1em 1em 2em;
             /*border-left: 3px solid DarkSeaGreen;*/ padding: 1em 1em 1em 55px;
             background: url("/images/quote_bg.png") no-repeat left top;}
P.copyright { text-align: center; font-size: 0.8em;}
P.subtitle { font-style: italic; font-size: 0.8em;}
P.categories, P.bookmarking, P.readon, P.trackback, DIV.trackback { font-size: 0.8em;}
P.trackback, DIV.trackback { color: gray;}
P.pre { white-space: pre; }
P.logo { text-align: center; }
P.moderation { border: solid red thin; padding: 0.5em; color: red; }
DIV.notice { font-style: italic; font-size: smaller;
             margin-left: 3em; margin-right: 2em;
             border-top: 3px solid DarkSeaGreen;
             border-bottom: 3px solid DarkSeaGreen;
             background-color: #f8f8ff;}
TD.func {text-align: center; background: #d0d0e0; color: black;
        padding-top: 0.2em; padding-bottom: 0.2em; margin: 0;}
TD.func A {padding-left: 1em; padding-right: 1em; }
TD.func A.buttonlink { background: DarkSeaGreen; color: white;
                       -moz-border-radius: 0.2em;
                       border-radius: 0.2em;
                       -webkit-border-radius: 0.2em;}
P.navi { text-align: center; /*border: dotted thin;*/ font-family: Arial, Helvetica, sans-serif;
         font-size: 0.8em; padding: 0.2em;
         background: url(images/navi_bg.png) repeat-x bottom;}
A.buttonlink2 { padding: 2px; /*font-size: 0.7em;*/ background: DarkSeaGreen; color: black;}

DIV.blogentry {}
DIV.blogentry P, DIV.blogentry UL { line-height: 130%;}
DIV.blogentry LI { margin-bottom: 0.3em;}
DIV.blogentry H1,
 DIV.blogentry H2,
 DIV.blogentry H3 { }

DIV.comments {}

DIV.datebox { float: right; border-top: solid 0.4em DarkSeaGreen; border-bottom: solid 0.2em DarkSeaGreen;
              margin: 0 0 0.3em 0.3em;
              text-align: center;
              background-color: #f8f8ff;}
SPAN.datebox_d, SPAN.datebox_m, SPAN.datebox_y { font-family: Arial, Helvetica, sans-serif;
                                                 padding: 0.2em;}
SPAN.datebox_d, SPAN.datebox_y { font-size: 1.2em;}

H1.pagetitle { text-align: right; border-bottom: 3px solid DarkSeaGreen; font-size: 100%;
               font-family: Arial, Helvetica, sans-serif;}
               
OL.references { font-size: 0.8em; line-height: 130%; }
OL.references LI {  }
OL.references LI:before {  }

DIV.box_error { background: Crimson; color: white;}
DIV.box_error, DIV.box_note, DIV.box_help { margin: 1em 20% 1em 20%;
                                            padding: 1em; 
                                            -moz-border-radius: 2em;
                                            -webkit-border-radius: 2em;
                                            border-radius: 2em;
                                            border-width: 1px 3px 3px 1px; }
DIV.box_note { background: DarkOliveGreen; color: white;}
DIV.box_help {}

TABLE.form { font-size: 0.8em;}
TABLE.form TH { vertical-align: top; text-align: right; }
FORM { display: inline; }
INPUT {}                                   
BUTTON.button { /*border: solid 1px;*/ -moz-border-radius: 0.5em;
                -webkit-border-radius: 0.5em;
                border-radius: 0.5em;
                background: DarkSeaGreen;
                color: white;}

TABLE.comment1,
 TABLE.comment2,
 TABLE.commentadmin,
 TABLE.commentauthor { border-top: dotted 2px lightgrey; width: 100%; margin-bottom: 1em;
                       border-spacing: 0; font-size: 0.8em;}
TABLE.comment1 TH,
 TABLE.comment2 TH,
 TABLE.commentadmin TH,
 TABLE.commentauthor TH {text-align: left; background: #f8f8ff; padding: 0.3em;}
TABLE.comment1 TD,
 TABLE.comment2 TD,
 TABLE.commentadmin TD,
 TABLE.commentauthor TD { padding: 0.3em;}
TABLE.comment1 TD { background: #fff; }
TABLE.comment2 TD { background: #eee; }
 TABLE.commentadmin TD,
 TABLE.commentauthor TD { }
TABLE.comment1 {}
TABLE.comment2 {}
TABLE.commentadmin { border: dotted red 2px; }
TABLE.commentauthor { border: dotted red 2px; }

TABLE.picframe { border: 0; border-collapse: collapse; margin-bottom: 0.5em;}
TABLE.picframe[align="right"] {margin-left: 0.5em; }
TABLE.picframe[align="left"] {margin-right: 0.5em;}
TABLE.picframe TD { border: 0; text-align: center; vertical-align: top;
                    font-size: 0.8em; margin: 0; }
TABLE.picframe CAPTION { border: 0; text-align: center; vertical-align: top;
                         padding: 4px; font-size: 0.7em; font-style: italic; margin: 0;}

TABLE.usertable {font-size: 0.7em; }
TABLE.usertable TH {text-align: left;}
TABLE.usertable TD { white-space: nowrap;}

TABLE.loglist,
 TABLE.loglist TD,
 TABLE.loglist TH { border: solid 1px lightgray; border-collapse: collapse;}
TABLE.loglist { border: solid 1px; font-size: 0.7em; font-family: Arial, Helvetica, sans-serif;}
TABLE.loglist TD {white-space: nowrap;}
TABLE.loglist TH {text-align: left;}

DIV.tagcloud { text-align: center; font-family: Arial, Helvetica, sans-serif;}
SPAN.cloud1 { font-size: 0.8em; }
SPAN.cloud2 { font-size: 0.9em; }
SPAN.cloud3 { font-size: 1.0em; }
SPAN.cloud4 { font-size: 1.1em; }
SPAN.cloud5 { font-size: 1.2em; }
SPAN.cloud6 { font-size: 1.3em; }
SPAN.cloud7 { font-size: 1.4em; }
SPAN.cloud8 { font-size: 1.5em; }
SPAN.cloud9 { font-size: 1.6em; }
SPAN.cloud10 { font-size: 1.7em; }
SPAN.cloudmax { font-size: 1.8em; }

EM.hl { color: red; }

UL.archive { margin-left: -0.5em; }
UL.archive LI { list-style-type: none; cursor: pointer; margin-top: 0.5em;  }
UL.archive LI.item {list-style-type: square;  margin-left: 1em; margin-top: 0; cursor: auto;}

DL.linklist { font-family: Arial, Helvetica, sans-serif; }
DL.linklist DT { margin-top: 0.7em; margin-bottom: 0.3em; font-weight: bold;}
DL.linklist DD { margin-left: 30px; text-indent: -20px; }

DIV.spamblock,
 DIV.trackbackurl,
 DIV.commentsurl,
 DIV.commentsfeed,
 DIV.share {background-repeat: no-repeat;
                  background-position: left top;
                  width: 30px; min-width: 30px;
                  height: 30px; min-height: 30px;
                  text-align: center; vertical-align: middle;
                  font-family: Arial, Helvetica, sans-serif;
                  font-size: 20px;
                  display: inline-block;}
DIV.spamblock {background-image: url("/images/spamblock.png"); }
DIV.trackbackurl {background-image: url("/images/trackback.png"); }
DIV.commentsurl {background-image: url("/images/comments.png"); }
DIV.commentsurl A { color: black; text-decoration: none;}
DIV.commentsfeed {background-image: url("/images/commentsfeed.png"); }
DIV.share {background-image: url("/images/blankf.png"); }
DIV.mobilebox { display: none; min-width: 12em;}