/* 
    Created on : Mar 28, 2015, 9:07:37 PM
    Author     : troy
*/
/* Define width breakpoints for media queries */
/* Nav definitions */
/* 
    Created on : Mar 28, 2015, 8:46:44 PM
    Author     : troy
*/
/* Undo some of the Ink theme formatting for header */
.site-header {
  padding: 0;
  position: fixed;
  width: 100%;
  height: 55px;
  background: #191919;
  font-family: Montserrat, "Lucida Grande", Arial, sans-serif; }

.site-navigation-toggle {
  position: initial;
  right: initial; }

/* And adjust the content area to account for the fixed header */
.content-area {
  margin-top: 55px; }

/* Temporarily pull in some of Bootstrap's css for menus */
.pull-right {
  float: right !important; }

.h4 {
  font-size: 18px; }

#menu-logo {
  width: 55px;
  height: 55px;
  float: left;
  margin-right: 10px; }

#menu-logo img {
  width: 55px;
  height: 55px; }

#top-nav .h4 {
  margin-right: 15px; }

#top-nav a {
  font-weight: normal; }

#top-nav .h4, #top-nav a i {
  line-height: 55px; }

/*
div#top-nav ul.topsearch {
  height: 24px;
  background: transparent url(/images/searchbkg-2.png) no-repeat;
  margin: 17px 0 0 0;
  float: left;
  width: 190px;
}
*/
#nav-center-box a {
  float: left; }

#nav-center-box .fa-upload {
  font-size: 20px;
  line-height: 55px; }

#nav-right-box {
  display: inline-block;
  float: right;
  margin-right: 30px; }

#search-box {
  width: 140px;
  margin: 0;
  float: left;
  margin-top: 13px;
  position: relative; }

#search-box label {
  width: 20px;
  padding: 0;
  position: absolute;
  left: 8px;
  top: 1px; }

#searchtext {
  color: #ddd;
  font-size: 15px;
  width: 130px;
  border: 0;
  padding: 0;
  padding-left: 26px;
  border: 2px solid #444;
  border-radius: 15px;
  line-height: 24px; }

#searchtext:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

#admin-indicator {
  display: none; }

.adm #admin-indicator {
  display: block;
  position: absolute;
  top: 0;
  width: 55px;
  text-align: center;
  color: gold; }

.narrow-menu {
  display: none; }

/* Footer */
#colophon {
  font-size: 14px;
  font-family: Montserrat, "Lucida Grande", Arial, sans-serif;
  color: #fff;
  width: 100%;
  margin: 40px 0 0;
  background: #333 url(/images/footerBkg.gif) repeat-x;
  border-top: 1px solid #111; }

#colophon a:hover {
  text-decoration: underline; }

#footer-wrapper {
  position: relative; }

#colophon .footerlogo {
  padding: 0 20px 0 0;
  height: 19px; }

#colophon .footerlogo a {
  display: block;
  float: right;
  width: 98px;
  height: 19px;
  text-indent: -99999px;
  line-height: 0;
  font-size: 0;
  background: url(/images/footerLogo.gif) no-repeat; }

#bottomnav ul {
  margin-left: 20px; }

#bottomnav li {
  float: left;
  margin: 30px 20px 0 0;
  font-weight: bold; }

#bottomnav li a, #bottomnav li a:visited {
  color: #4af; }

#bottomnav li#footfollow a {
  color: #fc6;
  background: #333;
  border: 1px solid #222;
  padding: 5px;
  margin-left: 7px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

#colophon .footerinfo {
  padding: 0 20px 0 0; }

#colophon .footerinfo p {
  text-align: right;
  padding-bottom: 30px;
  font-size: 85%;
  line-height: 1.2em;
  color: #999; }

#colophon a.footerNav, #colophon a.footerNav:visited {
  color: #ddd; }

/* Menu bar media queries */
@media screen and (max-width: 959px) {
  #head {
    width: 100%; }

  .wide-menu {
    display: none; }

  .medium-menu {
    width: 315px;
    margin: 0 auto; } }
@media screen and (max-width: 589px) {
  #search-box {
    display: none; }

  .medium-menu {
    display: none; }

  .narrow-menu {
    display: inline; } }