﻿/*  Layout header/footer */
html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

body {
  padding-top: 50px;
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -102px 0;
  /* Pad bottom by footer height */
  padding: 0 0 100px 0;
}

/* Set the fixed height of the footer here */
#footer {
  height: 100px;
}

.center-container {
  height:100%;
}

.center-row {
  height:100%;
  text-align: center;
}

.search-placeholder {
  cursor: pointer;
}

/* Extra large buttons */
.btn-xlarge {
  /*padding: 18px 28px; */
  font-size: 22px;
  line-height: normal;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.main-content {
  /* padding: 40px 15px; */
  text-align: center;
}


.spotcrime-header {
    border-bottom: 4px solid #a80906;
}

.spotcrime-navbar-brand {
  text-indent: -9999px;
  width: 220px; /* actual logo image has width of 304px */
  height: 50px;
  background: url(//s3.amazonaws.com/m.spotcrime.com/mobile/media/v1/images/spotcrime-logo-spotty.png);
  background-repeat: no-repeat;
  background-position: center center; 
  background-size: 90%;
  /*background-color:#DDDDDD !important; */
  
}

.navbar-nav > li > a:hover, 
.navbar-nav > li > a:focus {
  /* color: #A81E23 !important; */
}

#states-list-menu {
  position: absolute;
  left: 0;
  top: 35px;
  width: 600px;
  /*sizes have to be changed manually to achieve wide menu dimensions*/
  padding: 15px 15px 10px 15px;
  border-radius: 5px;
  background: url(//s3.amazonaws.com/s3.spotcrime.com/media/layout-v2/images/black-90.png);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); 
  z-index: 100;}
   #states-list-menu li {
    padding: 0 0 3px 0;
    float: left;
    width: 120px; }
     #states-list-menu li a {
      display: block;
      font-size: 12px;
      color: #fff;
      font-weight: bold; }
       #states-list-menu li a:hover {
        color: #fc0; }
