/* **************************************
 *	    DEFAULT THEME CSS           *
 ************************************** */

/* BODY */

      body {
      }
      .sidebar-nav {
        padding: 9px 4px;
      }

      ul {
          margin:0px;
      }

      li {
          list-style-type: none;
      }

      @media (max-width: 980px) {
        /* Enable use of floated navbar text */
        .navbar-text.pull-right {
          float: none;
          padding-left: 5px;
          padding-right: 5px;
        }
      }

      .navbar-inverse {
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
      }
      .navbar-inverse .navbar-nav>li>a {
          color: #efefef !important;
      }

      .navbar-inverse .navbar-brand {
        color: #efefef !important;
      }

      .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus
      {
          color: #fff !important;
          background-color: #f0ad4e !important;
      }

      .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
          color: #fff !important;
          background-color: #428bca !important;
      }

      .navbar-fixed-top {
          border :0 !important;
      }


/* PAGINATION */

#pagination {
	text-align: center;
}

.rss-icon {
    color:#f0ad4e;
}

/* ANNOUNCEMENTS */

#announcement {
    background-color: #87CEFA;
    border-bottom: 1px solid #ddd;
    padding: 0.4em;
    text-align: center;
}

#hotaruFooterImg {
    width:80px;
    height:15px;
}

#rss_icon { margin-top: -0.2em; }


.bold_red { color: red; font-weight: bold; }

/* SITE CLOSED MESSAGE */

#site_closed { background-color: #fff; border-top: 2px solid #262626; border-bottom: 2px solid #262626;
		text-align: center; margin-top: 4em; font-size: 1.6em; line-height: 1.8em; }

#site_closed_admin_link { font-size: 8pt; margin-top: 1.0em; }

.debug { font-size: 0.8em; }

#sidebar ul li { padding: 0.5em;  }

.metadata {
    display: block;
    font-size: 11px;
    color: #999;
}


.account-nav .avatar {
    position: absolute;
    top: 0;
    left: 0;
}

.account-nav-small .content {
    margin-left: 42px;
}

.account-nav .avatar {
    top: 10px;
    left: 22px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.account-nav .content {
    line-height: 14px;
    margin-top: 4px;
}

.account-nav {
    min-height: 32px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0;
}

.media-body ul { padding-left: 0; }
.bullets ul li {
    list-style:disc;
}

.bullets ol li {
    list-style:decimal;
}

#no_javascript {
	background-color:#F00;
	text-align:center;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:smaller;
	height:auto;
	padding:0;
}

.typeahead > ul > li.typeahead > ol > li {
	list-style: none;
}font-family

/*
 * Written for: Bootstrap Wishlist v0.1.2
 * Author: Mahmoud Elmhadi
 * Author Url: elmahdim.com
 * Twitter   : @ElmahdiMahmoud
 * Licensed under http://opensource.org/licenses/MIT
 */
.row.eq-cols [class*="col-xs"]{float:none;display:table-cell;vertical-align:middle}.row.eq-cols{display:table}.row.eq-cols [class*="col"].valign-mid{vertical-align:middle}

.avatar, .img-circle {
	min-height:36px;
	display: inline-block;
}

.img-circle {
	max-height:36px;
	max-width:36px;
}

#content {
	margin-top:12px;
}

.fa {
	display:inline !important;
	padding-right:6px;
}

small .fa {
	padding-right:2px !important;
	padding-left:2px;
}

/* from https://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3 - display:table!important; */
.v-center {height:75px;}

.v-center div[class*='col-'] {
	display: table-cell!important;
    vertical-align:middle;
    float:none;
	width:0%;
}
.v-center img {max-height:125px;}

.navbar .nav > li > a {
	padding-top:0;
	padding-bottom:12px;
	margin-top:-6px;
}

.valME-logo {
	padding: 1em 1.4em 1em 1em;
	margin-left: -1em;
    margin-right: -1em;
	width:75px;
	height:75px;
}

.navbar-header ul li div label { color:white; }

.video-size {
	 width:50%;
	 padding-bottom:40% !important;
	 z-index:100;
}

.video-position-right {
	float: right;
	margin: 1.5em 0 1.5em 1.5em;
}

.video-position-left {
	float: left;
	margin: 1.5em 1.5em 1.5em 0;
}

.video-position-center {
	text-align: center;
	margin: 1.5em auto 1.5em auto;
}

/* make all images responsive by default per https://stackoverflow.com/questions/17932509/images-not-responsive-by-default-in-twitter-bootstrap-3 */
img {
  display: inline-block;
  height: auto;
  max-width: 100%;
}

#user-content video {
	max-width:100%;
}

#user-content iframe {
	max-width:100%;
}

.comment_content video {
	max-width:100%;
}

.comment_content iframe {
	max-width:100%;
}

.navigation-spacer {
	margin-top: 80px;
}

/* center-block override forces ckeditor to center images for image2 */
.center-block img {
	margin: 0 auto;
}

.center-block {
	text-align: center;
}

.navbar-background { background-color: #3b5999;border-color:#3b5999; }

.footer-links { padding-bottom:30px; }

.form-horizontal .checkbox, .form-horizontal .radio {
	min-height: 0;
}

#navigation-bar-second {
	background-color: #3b5999 !important;
}
