/*
    e107 website system     http://e107.org
    "readable" theme
    style.css
*/

/* DEFAULT HTML STYLES */

body {
    margin: 0 auto;
    /* font-family: Palatino, Georgia, Times New Roman, FreeSerif, serif;  */
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 14px;
    font-style: normal;
    text-align:left;
    color: black;
}

/*
a:link { color: green; }
a:visited { color: #333; }
a:hover, a:active { color: red; }
*/

p {
    margin-top: 0px;
}

table {
    padding: 0px;
    border-spacing: 0px;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 0;
}

form {
    margin: 2px 0px 0px 0px;
}

hr {
    /* border-top: #666 1px solid;
    border-bottom: #eee 1px solid; */
    /* height: 1px; */
    color: #999;
    width: 92%;
    text-align:center;
    /* border-style: solid; */
}

/* Layout classes defined in theme.php.
    These control the overall layout of the page */

.container {
    width: 98%;
    background: #FFF;  /* use #0FF for testing */
    margin: 0 auto;
}

.header {
    background: #FFF;
    color: black;
    padding: 5px;
    margin: 0;
}

.header h1 { font-size: 24px; margin-top: 0.5em; margin-bottom: 0.5em; }
.header h2 { font-size: 18px; margin-top: 0.5em; margin-bottom: 0.5em; }

.navigation {
    width: 100%;
    background: #2D6D0A;
    color: white;
    padding: 0 5px;
}

.mainbody {
    vertical-align: top;
    background: #FFF;
    color: black;
    padding: 5px;
    width: auto;
    margin: 0;
}

.mainbody a:link { color: green; }      /* text-decoration: none; */
.mainbody a:visited { color: #333; }
.mainbody a:hover, .mainbody a:active { color: red; }

.rightside {
    vertical-align: top;
    background: #B7F0A6;
    color: black;
    float: right;   /* why is this required? */
    width: 250px;
    padding: 0;
    margin: 0;
}

.rightside a:link { color: #046A00; font-weight: 600; text-decoration: none; }
.rightside a:visited { color: #333; font-weight: 600; text-decoration: none; }
.rightside a:hover, .rightside a:active { color: red; font-weight: 600; text-decoration: none; }

.footer {
    background: #2D6D0A;
    color: white;
    padding: 5px;
    margin: 0;
}

/* Classes defined in example theme.php */

.spacer{ padding: 2px 0px 2px 0px; }

.topbanner { vertical-align: center; float: right; margin: 8px 22px 0px 22px; }
.bannerbox { 
    background: white;
    text-align: center; 
    margin: 0;
    padding: 20px;
}

.menucaption {
    background: #2D6D0A;
    color: white;
    padding: 3px 5px;
    font-size: 14px; 
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0.5em;
}

.menubody {
    padding: 0 5px;
    margin-bottom: 1em; 
}

.newscaption {
    /* background: url(images/title_background.png) no-repeat; */
    vertical-align: top;
    font-size: 14px;
    font-weight: bold;
    color: #666666;
    /* text-align: left; */
    text-indent: 15px;
    /* width: auto; */
    /* height: 24px; */
    text-transform: uppercase;
    padding: 2px 10px 2px 0px;
    border-bottom: 2px solid #999999;
    margin-bottom: 3px;
    /* padding-right: 10px; */
}

.newsbody {
    vertical-align: top;
    text-align: left;
    margin-bottom: 20px;
}

/* STYLES USED FOR NAVIGATION MENU BAR */

/* menuBar styles from mcelroy theme  */
/* div=menuBar is the horizontal bar */
/* a=menuButton is the links on the menu bar */
/* menuItem, menuItemText  are the drop-down submenus */

div.menuBar, div.menuBar a.menuButton,
div.menuButton, div.menuButton_over,
div.menu, div.menu a.menuItem {
  font-style: normal;
  font-weight: bold;
  color: #FEFEFE;
}

div.menuBar {
  background-color: #2D6D0A;
  padding: 1px 0px 1px 0px;
  text-align: left;
  border-width: 0px;
}

/* menu bar items */
div.menuBar a.menuButton,
div.menuButton, div.menuButton_over {
  background-color: transparent;
  /* border: 1px solid #FFFFFF; */
  border-right: 2px solid #FEFEFE;
  border-left: 0px solid #FEFEFE;
  color: #FEFEFE;
  cursor: default;
  left: 0px;
  margin: 0px;
  padding: 2px 5px 2px 5px;
  /*
  if using a link icon replace line above with this one
  padding: 2px 4px 2px 22px;
  */
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

/* menu bar items when mouse hovers over them */
div.menuBar a.menuButton:hover,
div.menuButton:hover, div.menuButton_over {
  background-color: transparent;
  /* border-color: #ffffff #a5a5a5 #a5a5a5 #ffffff; */
  color: #B7F0A6;
}

div.menuBar a.menuButtonActive,
div.menuButtonActive, div.menuButtonActive:hover,
div.menuBar a.menuButtonActive:hover {
  background-color: #d5d5d5;
  /* border-color: #a5a5a5 #ffffff #ffffff #a5a5a5; */
  color: #000;
  left: 1px;
  top: 1px;
}

/* menu  is for a drop-down menu */
/* top item is a=menuButton with onclick and onmouseover actions */
/* subitems are span=menuItemText within a=menuItem within div=menu */
div.menu {
  background-color: #B7F0A6;
  border: 1px solid;
  border-color: #ffffff #a5a5a5 #a5a5a5 #ffffff;
  left: 0px;
  padding: 1px 1px 1px 1px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  color: #046A00;
  cursor: default;
  display: block;
  padding: 2px 10px 2px 0px;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #d5d5d5;
  color: #046A00;
}

div.menu a.menuItem span.menuItemBuffer {
  padding: 0px 2px 0px 2px;
  color: #046A00;
}

div.menu a.menuItem:hover span.menuItemBuffer {
  padding: 0px 2px 0px 2px;
  color: #046A00;
}

div.menu a.menuItem span.menuItemText {
    padding: 0px 0px 0px 3px;
}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border-top: 1px solid #a5a5a5;
  border-bottom: 1px solid #ffffff;
  margin: 4px 2px;
}

a.menuItem.header {
  border-bottom: 1px solid #b3b3b3;
}

/* 
    e107 Core and Template CSS Classes still to be done
    installed 
    login 
    pass 
    search 
    user
    link_button     in links page
    small           -- ?
    installe
    tbox search
*/

/* STYLES USED BY E107 CORE */

.smalltext {
    background: none;
    font-size: 11px;
    font-style: normal;
    /* color:#666; */
}
.smallblacktext {
    background: none;
    font-size: 11px;
    font-style: normal;
    color:#000;
}
.indent {
    padding: 0px;
    margin: 0px 15px 0px 15px;
    /* font-size: 9px; */
    /* color: #000060; */
    /* border: 1px solid #cfcdcd; */
    /* background-color: #efefef; */
}
.defaulttext {
    background: none;
    font-size: 14px;
    font-style: normal;
    color:#000;
}
.mediumtext {
    background: none;
    font-size: 12px;
    font-style: normal;
    color:#000;
}
.tbox{
    background-color: #F4F7FA;
    border-bottom: #666666 1px solid;
    border-left: #666666 1px solid;
    border-right: #666666 1px solid;
    border-top: #666666 1px solid;
    /* font-family: verdana, tahoma, arial, helvetica, sans-serif; */
    font-size: 10px;
}
.button{
    color: #fff;
    /* font-family: tahoma, verdana, arial, helvetica, sans-serif; */
    font-size: 10px;
    text-align:center;
    background-color: black;
    border: 1px solid #333 ;
    letter-spacing: 0.1em;
    cursor:pointer
}
.button a{
    color: #FFF;
    }
.button a:hover{
    color: #CFCFDF;
    text-decoration: none;
}

.fborder {
    border: 1px solid #c3bdbd;
    background-color: #fff;

}
.forumheader{
    background-color: #C0DDBF;
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 12px;
    color:#000;
    padding: 4px;
    border: 1px solid #C3BDBD;
}

.forumheader2{
    background-color: #EFEFEF;
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 14px;
    color:#000;
    padding: 4px;
    border: #C3BDBD 1px solid;
}

.forumheader3{
    background-color: #eaeaea;
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 12px;
    color:#000;
    padding: 4px;
    border: #c3bdbd 1px solid;
}

.fcaption {
    border: #c3bdbd 1px solid;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 0px;
    padding-top: 2px;
    background-color: #dcdada;
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 12px;
    color:#616060;
}
.linkspage_button{
    border:0px;
}

.nextprev {      /* used for news date, and "go to page" */
    /* width: 535px; */
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: #2D6D0A;
    /* background: url(images/titlebar.png) no-repeat; */
    /* height: 23px; */
    margin: 5px 0px 5px 0px;
    padding-top: 6px;
    padding-left: 0px;
    padding-right: 10px;
}


/* where are these used? */
/*
.border {
    border: #999 1px solid;
    background-color: #F0F1F1;
    padding: 2px;
}

.bodytable {
    padding: 2px;
    background-color: transparent;
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    color: #000;
}

.finfobar{
    background-color: #CCC8C8;
    color:#000;
    padding: 4px;
    border: 1px solid #C3BDBD;
    font-style:normal; font-variant:normal;
    font-weight:normal; font-size:11px;
    font-family:verdana, tahoma, arial, helvetica, sans-serif
}

a.forumlink{
    color: #616060;
    text-decoration: underline;
}

.helpbox {
    border: 0px none red;
    background-color: transparent;
    color:#000;
    font: 9px tahoma, verdana, arial, helvetica, sans-serif;
}
*/