/*
Theme Name: Starkers HTML5
Theme URI: http://nathanstaines.com
Description: An HTML5 version of (Based on <a href="http://elliotjaystocks.com/starkers/">Starkers</a> by <a href="http://elliotjaystocks.com/">Elliot Jay Stocks</a> which is based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 1.1
Author: Nathan Staines
Author URI: http://nathanstaines.com
Tags: starkers, html5, beginning, start, clean, basic
*/
@import url(style/css/reset.css);
@import url(style/css/layout.css);
body {
  background: #f1eee9 url("images/bg.jpg") repeat-x;
  font-family: Arial;
  font-size: 12px;
}

#header {
  background: url("images/header-bg.jpg") repeat-x;
  width: 100%;
  height: 172px;
  margin: 37px 0 0;
  position: absolute;
  z-index: -1;
}

#wrapper {
  width: 1020px;
  margin: 0 auto;
}

#logo {
  margin: 10px 0 0;
  float: left;
}

#banner {
  float: left;
  margin: 5px 0 0 340px;
  clear: right;
}

header {
  height: 213px;
}

header div.l {
  float: left;
}

header div.r {
  float: left;
  width: 770px;
}

a {
  color: #00448F;
}

#granttotal-container {
  padding: 50px 0 0 30px;
  color: #fff;
  font-size: 12px;
}

#granttotal-container div p {
  float: left;
  padding: 7px 0 0;
  font-weight: bold;
  font-size: 20px;
}

#granttotal-container div div {
  float: left;
  margin: 0 0 0 10px;
  color: #a0a0a0;
  padding: 5px;
  font-family: Arial;
}

#granttotal-container div div p {
  float: none;
  padding: 0;
  width: 131px;
  color: #e0be5a;
  font-weight: bold;
  font-size: 24px;
}

#topnav {
  color: #fff;
  margin: 0 0 0 70px;
  float: left;
  padding: 5px 0 0;
  clear: right;
}

#topnav ul li {
  float: left;
  margin: 0 10px 0 10px;
  padding: 0 10px 0 10px;
  list-style-type: none;
}

#topnav ul li a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 5px 0 0;
}

#topnav ul li a:hover {
  text-decoration: underline;
}

#mainnav {
  clear: both;
  float: right;
  margin: 67px 26px 0;
}

#mainnav img {
  margin: 3px 10px 0 10px;
}

#mainnav img.cap {
  float: left;
  margin: 0;
}

#mainnavinner {
  background: url("images/mainnavbg.jpg") repeat-x;
  float: left;
  height: 57px;
  margin: 1px 0 0 0;
}

#mainnavinner ul {
  vertical-align: top;
}

#mainnavinner ul li {
  float: left;
  list-style: none;
  margin: 0 0 0 0;
  vertical-align: top;
}

#mainnavinner ul li a {
  text-decoration: none;
  color: #fff;
  line-height: 57px;
  margin: 0 15px 0 15px;
  vertical-align: top;
}

#mainnavinner ul li a:hover {
  text-decoration: underline;
}

#innerwrapper {
  background: #fff;
  margin: 0 40px 0 40px;
  border-left: 1px #dddcd8 solid;
  border-right: 1px #dddcd8 solid;
  min-height: 600px;
  width: 940px;
}

#homeleft {
  padding: 0 60px 0 40px;
  width: 520px;
  float: left;
}

#hometop {
  padding: 0 40px 0 40px;
}

#hometop img {
  padding: 0 0 40px 0;
  width: 100%;
  /* this height was like a muscle memory thing i think, the entire site isn't responsive */
  height: auto;
}

#hometop h3 {
  padding: 40px 0 40px;
}

#hometop a {
  color: #b68b16;
}

h1 {
  font-family: 'Gotham', Arial;
  font-size: 24px;
  color: #0a4790;
  text-transform: uppercase;
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px dotted #e5e1d7;
}

h2 {
  font-size: 16px;
  color: #9c750a;
  font-weight: bold;
  padding-bottom: 5px;
}

#homeleft p {
  padding: 0 0 20px;
  line-height: 150%;
  color: #606060;
}

#homeleft ul {
  padding: 0 0 20px 20px;
}

#homeleft ul li {
  color: #606060;
  line-height: 150%;
}

#homeleft p.ulheading {
  padding: 10px 0 0;
}

div.sidebarlarge {
  background: url("images/sidebarbox-large.jpg") no-repeat;
  width: 272px;
  height: 214px;
  margin: 0 0 40px 0;
  padding: 0;
}

div.sidebarlarge h2 {
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  padding: 17px 20px 0 20px;
}

div.sidebarlarge p {
  padding: 20px 20px 0 20px;
  color: #fff;
  line-height: 150%;
}

div.sidebarlarge p.under {
  padding: 0 0 0 20px;
  color: #fff;
  line-height: 150%;
}

div.sidebarlarge p.under a {
  color: #fff;
}

div.sidebarlarge a.butt {
  padding: 20px 0 0 12px;
  color: #fff;
}

div.sidebarlarge a.butt img {
  padding: 10px 0 10px;
}

div.sidebarlarger {
  background: url("images/sidebarbox-larger.jpg") no-repeat;
  width: 272px;
  height: 238px;
  margin: 0 0 40px 0;
  padding: 0;
  border-radius: 5px;
}

div.sidebarlarger h2 {
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  padding: 17px 0 0 20px;
}

div.sidebarlarger p {
  padding: 20px 20px 0 20px;
  color: #fff;
  line-height: 150%;
}

div.sidebarlarger p.under {
  padding: 0 0 0 20px;
  color: #fff;
  line-height: 150%;
}

div.sidebarlarger p.under a {
  color: #fff;
}

div.sidebarlarger a.butt {
  padding: 0 0 0 12px;
  display: block;
  color: #fff;
}

div.sidebarlarger a.butt img {
  padding: 10px 0 0;
}

div.sidebarsmall {
  background: url("images/sidebarbox-small.jpg") no-repeat;
  width: 272px;
  height: 163px;
  padding: 0;
}

div.sidebarsmall h2 {
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  padding: 17px 0 0 20px;
}

div.sidebarsmall p {
  padding: 20px 20px 0 20px;
  color: #fff;
  line-height: 150%;
}

div.sidebarsmall p.under {
  padding: 0 0 0 20px;
  color: #fff;
  line-height: 150%;
}

div.sidebarsmall p.under a {
  color: #fff;
}

div.sidebarsmall a.butt {
  padding: 20px 0 0 12px;
  color: #fff;
}

div.sidebarsmall a.butt img {
  padding: 10px 0 10px;
}

#homeright {
  float: left;
  margin-bottom: 40px;
}

footer {
  width: 100%;
  background: url("images/footer-bg.jpg") repeat-x;
  height: 101px;
}

#footerinner {
  width: 940px;
  margin: 0 auto;
  padding: 40px 0 0;
}

footer #footerinner p {
  color: #fff;
  padding: 3px 0 0 40px;
  width: 500px;
  float: left;
}

footer #footerinner p.dontatedby {
  margin: 0 0 0 10px;
  float: left;
  width: 180px;
}

footer #footerinner a {
  float: left;
}

h3 {
  font-size: 16px;
  font-style: italic;
  color: #6d6e6d;
  font-weight: normal;
  line-height: 150%;
}

#homeleft ul.crimefighters {
  margin: 0 0 20px;
  padding: 0;
}

ul.crimefighters li {
  list-style-type: none;
  float: left;
  width: 215px;
  margin: 0 20px 5px 0;
}

form p {
  float: left;
  width: 230px;
}

form p input {
  width: 200px;
  border: 1px solid #bebebe;
  border-radius: 3px;
}

form p textarea {
  border: 1px solid #bebebe;
  border-radius: 5px;
}

.menu-item-last img {
  display: none;
}

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

.clearfix {
  display: inline-block;
}

/* Hide from IE Mac \*/
.clearfix {
  display: block;
}

/* End hide from IE Mac */
/******************************
Wordpress Default Gallery Styles
******************************/
.gallery {
  /* border: solid 1px red; */
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding-bottom: 60px;
}

.gallery br {
  display: none !important;
}

.gallery .gallery-item {
  box-sizing: border-box;
  width: 48.5% !important;
}

.gallery .gallery-item img {
  border: none !important;
  width: 100%;
  height: auto;
  border: solid 1px #ccc !important;
}

.gallery .gallery-item .gallery-caption {
  padding: 10px;
  text-align: left;
  border-right: solid 1px #ccc !important;
  border-bottom: solid 1px #ccc !important;
  border-left: solid 1px #ccc !important;
  display: none;
}