/* =header, topnav, masthead, 
      home_link, register, searchbox, logo, mast_pics

   ----------------------------------------------------*/

#header { width: 100%;
       font-family:   "Lucida Grande", "Trebuchet MS", Verdana, Georgia, Arial, sans-serif; 
       margin: 0; 
       padding: auto;
       border-bottom: 0px;  
       background: #333;  
       color: #999; 
       float: left;}

#topnav {width: 90%; max-width: 1000px; margin-left: auto; margin-right: auto;  }

#home_link  {float: left; padding-right: 100px; padding-top: 8px; } 
#home_link a  { text-decoration:  none; color: #ccc;  font-weight:bold; }
#home_link a:link  { text-decoration:  none; color: #ccc;  font-weight:bold;  }
#home_link a:visited  { color: #ccc; text-decoration:  none;  }
#home_link a:hover  {color: #fff; text-decoration:  none; }                     

#register {margin: 0; padding: 7px 0px 0px 0px; list-style: none; background: #333; float: left;  font-size: 1em;}

#register li {float: left; padding-right: 20px;}

#register li a  {background-color: transparent; text-decoration:  none; color: #ccc;   }
#register li a:link  {background-color: transparent; text-decoration:  none; color: #ccc;    }
#register li a:visited  { color: #ccc; text-decoration:  none; }
#register li a:hover  {color: #fff; text-decoration:  none; }

#searchbox {float: right; margin: 0px 0px 5px 0px; padding: 0 0 0 0;}


 .search_submit {                /*  Can be used for any button.  To change color of button, just change color declaration in background.  */
  color: #fff;
  background: #069 url(http://focusfusion.org/assets/design/glass-btn.png) repeat-x 0 50%;
  padding: 0px 14px;
  width:auto;
  height: auto;
  margin-right: 5px;
  vertical-align:middle;
  cursor:pointer;
  border: 0px;
  border-right: 1px solid #555;
  border-bottom: 1px solid #555;
   border-radius:  14px;
  -webkit-border-radius: 14px;
 -moz-border-radius: 14px;
}

.search_input {
border-top:        1px solid #ccc;
border-left:       1px solid #ccc;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         80%;
height:            1.5em;
padding:           .3em 0 0 2px;
margin-top:        3px;
margin-bottom:     3px;
   border-radius:  7px;
  -webkit-border-radius: 7px;
 -moz-border-radius: 7px;
}

#mast_wrap {clear: both; width: 90%; max-width: 1000px; margin-left: auto; margin-right: auto;}

#masthead {margin: auto;  width: 100%; background: #069; padding-top: 5px; padding-bottom: 5px; float: left; 
                    -moz-border-radius-topleft: 10px;
                    -webkit-border-top-left-radius: 10px;
                    -moz-border-radius-topright: 10px;
                    -webkit-border-top-right-radius: 10px;
                    border: 0px solid #000;}

#logo {float: left; padding-left: 20px; }

.ffstext { 	color: #fff;    font: 2.5em Georgia; text-shadow: 3px 3px 5px #333;  }
.ffstext a { text-decoration: none; color:#fff;}
.ffstext a:link {text-decoration: none;  color:#fff;}
.ffstext a:visited {text-decoration: none;  color:#fff;}
.ffstext a:hover {text-decoration: none;  color:#fff;}
.ffstext img    {margin: 0; padding: 0; border: 0;  color: #fff; font-size: 1.5em; text-shadow: 3px 3px 5px #333; vertical-align: middle;}        /* font info styles alternate text size */

#mast_pics {float: right; padding-right: 20px;}

#mast_buttons {float: right; padding-right: 20px;}

#tagline {	color: #ccc;
	font-size: 1em;
	word-spacing: .3em;
      margin-top: 5px; text-indent:85px; text-shadow: 3px 3px 5px #333;                 
}

