body{
 background-color:#00005b;
 color:white;
 margin:5px 20px;
}
body,td,th,tr{
 border:0px;
 color:white;
 font-size:18px;
 font-family:Georgia,"Times New Roman","Times Roman",Times,TimesNR,serif;
}

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

/* Tantric color scheme.  CSS styling classes added in places where SMF (wrongly) has no
   semantic mark-up, and wires styling into the HTML. */
a:link,a:visited{
 color:#77f;
}
.goldnote{
 color:#ff0!important;
}
.redtitle,.redtitle a{
 color:#e80000!important;
}
.redtitle a:hover{
 color:#faa;
}
.greenaction,.greenaction a{
 color:#0f0!important;
}
.greenaction a:hover{
 color:#4f4;
}

.menubar{
  width:100%;
  border-top-style:solid;
  border-bottom-style:solid;
  border-width:2px;
  border-color:#dddd00;
}

/* The "maintab" in the default theme becomes the menubar in the Aro theme.
   Active means the tab corresponds to the displayed page.
   SMF has code to make that appear in a different color, but it doesn't apply to "New replies" and "Recent unread"
   because those weren't originally in the menubar.  So I'm making them all the same color, and at some point I
   might improving things by fixing those two to track active-ness, and then the active one can be a different color.
*/
.maintab_first,.maintab_back,.maintab_last,.maintab_active_first,.maintab_active_back,.maintab_active_last{
 vertical-align:middle;
}
.maintab_back,.maintab_active_back{
 color:#0e0;
 font-size:16px;
 vertical-align:middle;
 padding:4px 4px 4px 4px;
}
.maintab_back a:link,.maintab_back a:visited,.maintab_active_back a:link,.maintab_active_back a:visited{
 color:#0e0;
}
.maintab_back a:hover,.maintab_active_back a:hover{
 color:#4f4;
}

.mirrortab_first,.mirrortab_back,.mirrortab_last,.mirrortab_active_first,.mirrortab_active_back,.mirrortab_active_last{
 vertical-align:middle;
}
.mirrortab_back,.mirrortab_active_back{
 font-size:16px;
 vertical-align:middle;
 padding:4px 4px 4px 4px;
}
.mirrortab_back a:link,.mirrortab_back a:visited,.mirrortab_active_back a:link,.mirrortab_active_back a:visited{
 color:#0e0;
}
.mirrortab_back a:hover,.mirrortab_active_back a:hover{
 color:#4f4;
}

table{
 border:0px;
 empty-cells:show;
}

.nav,.nav:link,.nav:visited{
 color:#e80000;
}
a.nav:hover{
 color:#faa;
}

input,textarea{
 color:#000000;
 font-size:16px;
}
button{
 color:#0e0;
 font-size:16px;
}
select{
 font-size:16px;
 font-weight:normal;
 color:#000000;
}

/* <hr> invisible because they are used in the "wrong" places for this theme */
hr,.hrcolor{
 display:none;
 height:0;
 border:0;
}

a img{
border:0;
}

.quoteheader,.codeheader{
 color:#FFF;
 margin:2px;
 padding:5px;
 font-style:italic;
 font-size:15px;
 line-height:1.2em;
}
.quoteheader a:link,.quoteheader a:visited,.codeheader a:link,.codeheader a:visited{
 font-style:normal;
}
.quote{
 color:#000000;
 background-color:#E8E9EA;
 border:1px solid #C6C6C6;
 margin:2px;
 padding:3px;
 font-size:15px;
 line-height:1.4em;
}
.code{
 color:#000000;
 background-color:#E8E9EA;
 border:1px solid #C6C6C6;
 margin:2px;
 padding:3px;
 font-size:15px;
 line-height:1.4em;
 width:99%;
 white-space:nowrap;
 overflow:auto;
 max-height:24em;
}

.help{
 cursor:help;
}

.editor{
 width:96%;
}

.highlight{
 background-color:yellow;
 font-style:italic;
 color:black;
}

/* Alternating backgrounds for posts,and several other sections of the forum. */
td.windowbg  {
 border:0px solid #F6F6F6;
}
.windowbg2,.windowbg3{
 border:1px;
 color:#white;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg,tr.titlebg th,tr.titlebg td,.titlebg2,tr.titlebg2 th,tr.titlebg2 td{
 font-style:normal;
 padding-left:10px;
 padding-right:10px;
}
.titlebg,.titlebg a:link,.titlebg a:visited{
 font-weight:normal;
 font-style:normal;
}

/* This is used for categories, page indexes, etc.
   .catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg,tr.catbg td,.catbg3,tr.catbg3 td{
 color:#dddd00;
 font-size:18px!important;
   margin:0 0 0 0;
   padding:4px;
   border-bottom:0px solid #ccc;
}
.catbg2,tr.catbg2 td{
 color:#dddd00;
 font-size:18px;
   margin:0 0 0 0;
   border-bottom:0px solid #ccc;
}
.catbg,.catbg2,.catbg3{
 border-bottom:solid 0px #375576;
}
.catbg,.catbg2{
 border:0px;
}
.catbg3,tr.catbg3 td,.catbg3 a:link,.catbg3 a:visited{
 border:0px;
 font-size:16px;
}
.catbg a:link,.catbg a:visited,.catbg2 a:link,.catbg2 a:visited{
 border:0px;
}
.catbg a:hover,.catbg2 a:hover,.catbg3 a:hover{
 border:0px;
 color:silver;
}

.smalltext{
 font-size:15px;
 font-family:Georgia,"Times New Roman","Times Roman",Times,TimesNR,serif!important;
}
.middletext{
 font-size:16px;
}
.normaltext{
 font-size:18px;
}
.largetext{
 font-size:20px;
}

.post,.personalmessage{
 width:100%;
 overflow:auto;
 line-height:1.3em;
}

.error{
color:#e80000;
}


#caption_subject{
 font-weight:normal!important;
}

#footerarea{
  margin-top:20px;
  font-family:Georgia,"Times New Roman","Times Roman",Times,TimesNR,serif!important;
  font-size:12px!important;
  color:black!important;
}
#footerarea a{
  color:silver!important;
}
