/*
Theme Name: Base css
*/

/*      Comment Bookmarking:
        =elements
        =lists
        =layout
        =sidebar stuff
        =tables
        =buttons
       = nav
*/

/* =elements
   ----------------------------------------------------*/

body {  margin: 0 auto; 
           padding: 0;  
           font: normal 62.5% Georgia, "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif;   
                                       /*  a technique to make 1em ~ 10px, so 1.2em is 12 px, etc. */
           color: #444; 
           background-color: #333;   }
.print {background-color: #fff; padding: 4em;}


h1 {font-size:  2em; color: #069; line-height: 1.2em; margin-top: .7em; margin-bottom: .2em; border-bottom: 3px solid #ccc;  }
h2 {font-size:  1.7em; color: #069;  margin-top: .7em; margin-bottom: .2em;  font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; }
h3 {font-size:  1.3em; color: #827839; margin-top: .3em; margin-bottom: .2em; font-family: Georgia, "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; }
h4 {font-size:   1.2em; margin-top: .5em; margin-bottom: .2em; color: #069; font-family:  "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; }
h5 {font-size:  1.4em; margin-top: .3em; margin-bottom: .2em;}
h6 {font-size:  1.2em; color: #990;  margin-top: .2em; margin-bottom: .2em;}
p {font-size:  1.2em;  margin-bottom: 1em; color: #333;}

caption {font-size:  1em;  margin-bottom: 1em; color: #333;}

a:link {background-color: transparent; text-decoration:  none; color: /* #006 */ #060;  }
a:visited {background-color: transparent; color: #069; color: rgba(0,102,153,.95); text-decoration:  none; }
a:hover {background-color: transparent; color: #039; text-decoration:  none; text-shadow: 2px 2px 4px #ccc;}

.whitelink {color: #fff;}
.whitelink h1 {border-bottom: 0px;}
a.whitelink:link {color: #fff; }
a.whitelink:visited {color: #fff;}
a.whitelink:hover {color: #fff; text-shadow: 2px 2px 4px #ccc;}

blockquote {font-size:  1em; margin: 10px 45px 10px 30px; padding: 10px 25px 10px 25px; border-left: 1px solid #ccc; background-color: #f4f4f4; }

.cat {margin: -4px 0px 0px 0px; padding: 10px 25px 10px 25px; background-color: #f4f4f4; font-size:  1.2em;  font-family: Georgia, verdana, arial, helvetica, serif; }
.catsum {border-bottom: 1px solid #ccc; }

#quote {color:#333; margin: 10px;}
#quote img {margin: 0; padding: 0; border: 0; }
span.quote { /* font:  Baskerville, "Goudy Old Style", "Palatino", serif; */  font-style: italic; font-size: 5em; display: inline; padding-right: 3%; }

.max100 {max-width: 100%;}
img    {margin: 0; padding: 0; border: 0;   font-size: .9em; max-width: 98%;}        /* font size sets alternate text size */
img.right    {float:right;   margin: 0px 0px 5px 20px;}
img.left    {float:left;  margin: 0px 20px 5px 0px;}

.right {float: right;}
.left {float: left;}

sup {font-size: 80%; vertical-align: super; }
sub {font-size: 80%; vertical-align: sub;}

#summary {padding-top: 2%; }

.gradient {background-color: #ccc; background: url(http://focusfusion.org/assets/design/bgg.gif) repeat-x 0 50%; margin: 4% -4% 0 -4%; padding: 2%;  display: block; }
.down-arrow {margin:  -.3em 0 0 3em; background-image:url('http://focusfusion.org/assets/design/down-arrow.gif');background-repeat:no-repeat; } 
.divider {border-bottom: 1px solid #ccc; padding-bottom: 10px; }


/*  = lists
------------------------------------------------------*/
.nav_categories ul {list-style-type:none;  padding-left: 2em;}


/*  = layout
------------------------------------------------------*/

.container {width: 90%; max-width: 1000px; margin: 0px auto; padding: 0px;   background-color: #fff; }
.side {position: fixed; top:40px; left: 0px; color: #fff; align: right;}
.side img {max-width: 25px;    background-color:  #fff; 
               padding-left: 2px; margin-left: -3px; border-radius: 5px;
                  -moz-border-radius: 5px;
                    -webkit-border-radius: 5px;
                    border: 2px solid #fff;}


.colThird {float: left; width: 33%;}
.colTwoThird {float: left; width: 67%;}

.colSixth {float: left; width: 16.665%; }
.col1 {float: left; width: 1%; }
.colFiveSixth {float: left; width: 83%;}

.col5 {float: left; width: 20%; }
.colFifth {float: left; width: 20%;  /* padding-left: 1%; padding-right: 1%; background-color: #fff; */ }
.colTwoFifth {float: left; width: 40%; /* padding-left: 1%; padding-right: 1%; */ }
.colThreeFifth {float: left; width: 60%; /* background-color:#fff;   padding-left: 2%; padding-right: 2%; */ }

.colHalf {float: left; width: 50%; }
.colQuarter {float: left; width: 25%; }
.colThreeQuarter {float: left; width: 75%;}
.col8 {float: left; width: 12.5%; }

#main {padding: 0px; }

.clearBoth {clear: both;}
.center {text-align: center;}


/* =boxes
   ----------------------------------------------------*/
.invisibox {margin: 3%;  }
#notes { margin-top: 10px; padding: 0 10px 10px 10px; border: 1px solid #903; background:#fff;  color: #903; }
.note {padding: 5px; margin: 5px;  border: 1px solid #ccc; align:center; text-align: center;}
.video {/*  padding: 5px; margin: 5px; */ text-align: center; max-width: 95%;}
.home {padding: 5px; margin: 5px;  border: 0px;  border-bottom: 1px solid #ccc;}

#sidebar {margin-left: 5px; margin-right:5px; padding: 7px 20px 7px 11px; border-right: 1px solid #ccc;  background: #f8f8f8;  text-align: left; }

.sidetitle { margin: 18px 0 7px 0; font-size: 1.4em; letter-spacing: 0.09em; font-weight: bold; background: transparent; color: #333300; border-bottom: 1px solid #ccc; }

.line {border-bottom: 1px solid #ccc; padding-bottom: 3px;}

.wiw {  background: #069; /* rgba(0,102,153,.25); */  padding: 5px;  margin: 5px 0px 5px 0px; color: #ccc; font-size: 1.5em;
                  border-radius: 4px;
                  -moz-border-radius: 4px;
                    -webkit-border-radius: 4px;
                    border: 0.5px solid #ccc;}

.fund {  background: #069; margin: 2%; padding: 5%; color: #fff; font: 1.2em "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif;
                  border-radius: 4px;
                  -moz-border-radius: 4px;
                    -webkit-border-radius: 4px;
                    border: 0.5px solid #ccc;}
.fundposted {color: #fff; font-size: 1.2em; }

.help {margin: 2%; font: 1em Georgia, verdana, arial, helvetica, serif; background: transparent; color: #666; }
.help img {text-align: center; }

.postbox {  background: #f8f8ff;   padding: 5px;  margin: 5px 0px 10px 0px; 
                  border-radius: 4px;
                  -moz-border-radius: 4px;
                    -webkit-border-radius: 4px;
                    border: 0.5px solid #ccc;}

.postbox h2 { margin: -5px -5px 10px -5px;  font-size: 1.4em; padding: 12px 5px 4px 5px; letter-spacing: 0.09em;  
                   background-color: #069; 
                    background: rgba(0,102,153,.6); color: #fff; 
                  border-top-left-radius: 4px;
                  -moz-border-radius-topleft: 4px;
                    -webkit-border-top-left-radius: 4px;
                  border-top-right-radius: 4px;
                    -moz-border-radius-topright: 4px;
                    -webkit-border-top-right-radius: 4px;
                    border: 0px solid #000;} 
.postbox img {vertical-align: top; background-color: #fff; padding: 1px; margin-bottom: 2px; border-radius: 6px;
                  -moz-border-radius: 6px;
                    -webkit-border-radius: 6px;
                    border: 2px solid #fff;}

.postbox ul {list-style-type:none;}
/*  .postbox ul li {background-color: #ccc; background: url(http://focusfusion.org/assets/design/bgg.gif) repeat-x 0 50%; margin: 0 -5px 0 -5px;}  */
.postbox ul li a:link {position: relative;  font-size: 1em; display: block; padding: 2px; border-bottom: 2px groove #eee; border-radius: none;}
.postbox ul li a:visited {position: relative;  font-size: 1em; display: block; padding: 2px; border-bottom: 2px groove #eee; border-radius: none;}
.postbox ul li a:hover {position: relative;  font-size: 1em; display: block; padding: 2px; border-bottom: 2px groove #eee; border-radius: none; background:   rgba(0,102,153,.1);  }

.intro {  margin: 2% 1% 1% 2%;
            padding:  4%;
           text-align: center;
           color: #fff;
           background-color:  #777; 
           border-radius: 4px;
           -webkit-border-radius: 4px;
           -moz-border-radius: 4px;  }

.intro h1  {color:  #fff; font-size: 1.4em; text-shadow: 3px 3px 5px #333; padding-bottom: 10px; letter-spacing: 2px;}
.intro img {border: 5px solid #555; margin: 0 2px 0 2px;
           }

.box {  padding: 1%; margin: 3% 2% 3% 2%;
           background-color:  #fff; 
          border: 1px solid #ccc;
           border-radius: 4px;
           -webkit-border-radius: 4px;
           -moz-border-radius: 4px; 
border-right: 3px solid #ccc;
border-bottom: 3px solid #ccc; }

.box h1, .box h2  { margin: -2% -1% 2% -1%;  padding:  2%;
               font-size: 150%; letter-spacing: 0.09em; font-weight: bold; 
               background-color: #555; 
               color: #fff; 
               text-align: center;
               border-top-left-radius: 4px;
               -moz-border-radius-topleft: 4px;
               -webkit-border-top-left-radius: 4px;
                border-top-right-radius: 4px;
               -moz-border-radius-topright: 4px;
               -webkit-border-top-right-radius: 4px;
                border: 0px;
}

.box h1 {background-color: #ccc; background: url(http://focusfusion.org/assets/design/head_grad.png) repeat-x 0 50%; display: block; }
.box h2 a:link {color: #fff;}
.box h2 a:visited {color: #fff;}
.box h2 a:hover {color: #fff;}

.box h3 {background-color: #ccc; background: url(http://focusfusion.org/assets/design/head_grad.png) repeat-x 0 50%; margin: 4% 0% 2% 0%; padding: 2%; display: block; }

.box ul {list-style: none; }
.box ul li a {display: block; padding: 4px; font-size: 1.2em; border-bottom: 1px dotted #ccc; margin: 0; }

.gallery_box {background-color:  #bbb;  border: 1px solid #777;  }
.gallery_box img {border: 1px solid #777; padding:  2px; margin: 4px; max-width: 95%;}

dl {float: left; margin: 1%; padding: 0;}
dt {float: right;  width: 72%; font-size: 1.7em; font-weight: bold; letter-spacing: 1px; color: #333; padding: 3% 0 0 0; }
dd {font-size: 1.1em; line-height: 1.5em; color: #555; margin-left: 28%; }
dd.img img {float: left; max-width: 21%; margin: 3% 3% 3% 0; padding: 1%; border: 2px solid #ccc; }
dl dd.img {margin: 0; }




/*  =entries
---------------------------------------*/

.entry { margin-top: 10px;  color: #444; }
.entry p { font-family: Georgia, verdana, arial, helvetica, serif; }
.entry ul {list-style-type: disc;  margin-bottom: 1em;   padding-left:  4px; margin-left: 20px;}
.entry li {padding-left:14px; margin-bottom: 0em; font-size: 1.2em; font-family: Georgia, verdana, arial, helvetica, serif; }
.entry ul li ul li {font-size: 1em; }
.entry ol { list-style-type: decimal; margin-bottom: 1em; padding:20px; margin-left:20px; }
.entry ol li {background-position: 0px 5px; padding-left:14px; margin-bottom: 1em; font-size: 1.2em; }
.archives ul {margin-bottom: .2em;   padding-left:  4px; margin-left: 10px; font-size: 1.2em;}
.archives ul li ul {margin-bottom: .2em;   padding-left:  4px; margin-left: 10px; font-size: 1em; }

.reframe {padding: 2%; margin: 2%; border-radius: 4px;
                  -moz-border-radius: 4px;
                    -webkit-border-radius: 4px;
                    border: 5px solid #555;}
.quote p {color: #ccc; }
.quote { font-size:  1.5em; margin-top: .7em; background-color: #222; padding: 2%; margin: 2%; border-radius: 4px;
                  -moz-border-radius: 4px;
                    -webkit-border-radius: 4px;
                    border: 5px solid #555;}

.affirm { background-color: #fff; padding: 2%; margin: 2%; border-radius: 4px;
                  -moz-border-radius: 4px;
                    -webkit-border-radius: 4px;
                    border: 5px solid #555;}


.posted { margin-bottom: 10px;  font-size: 1em; /* lucida grande, verdana, arial, helvetica, sans-serif; */ background: transparent; color: #666; }
.posted img {text-align: center; }
.catpost {margin: 3%;  margin-bottom: 10px;  font-size: 1em; background: transparent; color: #444; }

.comment {color: #667; font-style: italic;  }

.date { font-size: 120%; background: transparent; color: #000; margin-bottom: 0px; }
.dateside { /* date & author */ color : silver; float:right; line-height:2.3em; margin:1.5em 0 5px 10px; padding-left:5px; border-left:1px solid silver; font-size:.8em; text-align:center; position:relative; right:0; }

.date_day { display:block; font-size:3em;  text-align:right;  }
.date_month {  display:block; font-size:3em; text-align:right;  /* font-weight:bold; */}
.date_year {  display:block;  font-size:1.4em; line-height:.9em;  }


.paginate {  font-family: Verdana, Geneva, Tahoma, "Trebuchet MS", Arial, Sans-serif;  font-size: 1.2em;  letter-spacing: .1em;  padding: 10px 6px 10px 4px;  margin: 0;  background-color:	transparent; }

.pagecount {  font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;   font-size: 1em;   color:	 #666;   font-weight:	 normal;   background-color: transparent;  }


/* =tables
   ----------------------------------------------------*/

table {  border-top: 1px solid #999;  border-left: 1px solid #999; border-collapse: collapse; width: 95%; }
th, td {  border:  1px solid #999; padding: 5px;  vertical-align: top; }
th {font-size: 1.5em;  color:  #666; background-color: #ccc;  }
#subtotal {text-align: right; font-weight: bold;}

/*   =buttons
   ----------------------------------------------------*/


/*   = nav
   ----------------------------------------------------*/

.navmain {width: 90%; max-width: 1000px; margin: auto; text-align: left; }
.navspan {width: 100%; margin: auto; background-color: #333; border-left: 1px solid #555;   }

.navbox { margin: 0; padding: 0px 0px 2px 0px;   background-color:  #333;  }

.navbox h2  {  font-size: 1em; color: #ccc; letter-spacing: 0.09em; background-color: #069; 
border-right: 1px solid #777; padding-left: 15px; padding-bottom:  2px; margin-top: 0px; margin-bottom: 0px; 
}

.navbox h2 a:link, .navbox ul li a:link {color: #fff;}
.navbox h2 a:visited, .navbox ul li a:visited {color: #fff;}
.navbox h2 a:hover, .navbox ul li a:hover {color: #fff;}

.navbox ul {list-style: none;  }
.navbox ul li a {display: block; padding: 1px 1px 1px 15px; font-size: 1em; color: #ccc; border-top: 1px solid #777; border-right: 1px solid #777; margin: 0; background: #333; }
.navbox ul li a:hover {display: block; padding: 1px 1px 1px 15px; font-size: 1em; color: #fff; border-top: 1px solid #333; border-right: 1px solid #333; margin: 0; background: #555; }

.navlppx  {width: 100%;  float: left; margin: auto;  background-color: #069; border: 1px solid #ccc;  list-style: none;   }
.navlppx ul li a { float: left; padding: 5px;   font-size: 1.2em; color: #fff;  border-left: 1px solid #ccc;  background: #069; }
.navlppx ul li a:hover { padding: 5px;   font-size: 1.2em; color: #069; background: #fff; }
.navlppx img { float: left; margin: 0; }


/*  misc.
-------------------------------------------------------*/

hr, .hide {display: none;}  /* the hr will appear when css is disabled, such as in mobile phones.  */
#comment hr {display: block;}

a img {border: none;}

/*  self-clear floats */

.group:after { 
     content: ".";  
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden; 
}