/*
Theme Name:     crimestoppers
Template:       twentythirteen
Theme URI: http://acceleration.net
Description: A theme for crimestoppers.dev.acceleration.net. This is a twentythirteen child theme
Version: 1
Author: Acceleration.net
Author URI: http://www.acceleration.net/
Tags: custom
*/
@import url("../twentythirteen/style.css");

.kill-float, .clearer, .killfloat {
  clear:both;height:0;font-height:0; line-height:0;color:transparent;}
body {background:#eb0000; padding:0 1em;}

.site {
    border-left: none;
    border-right:none;
	box-shadow:0px 0px 10px #000;
    margin: 0px auto;
    max-width: 1260px;
	padding:5px 20px;
    width: 100%;
}

a {color:#EA0001;}
a:hover {color:#000;}
a:visited {color:#EA0001;}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

/* Header --------------------------------*/


#site-logo {
	background:url('/wp-content/uploads/2014/01/logo-stop-sign.jpg') no-repeat;
	min-height:130px;
	padding:15px 0 0 23px;
	}
	#site-logo span {border:solid 2px #fff;}
	
	.site-title {
		background:#fff;
		font-family:Arial, Helvetica, sans-serif;
		font-size:50px;
		font-style:italic;
		font-weight:900;
		letter-spacing:-.05em;
		margin-top:12px;
		padding:0px 0;
		text-transform:uppercase;
		}
		.site-title:hover {text-decoration:none !important;}

.site-header .home-link {
    color: rgb(20, 20, 18);
    display: block;
    margin: 0px auto;
    max-width: 1080px;
    min-height: 230px;
    padding: 0px 20px;
    text-decoration: none;
    width: 100%;
}

.site-btn {
	background:#000;
	color:#fff !important;
	display:block;
	float:left;
	font-size:18px;
	text-align:center;
	text-transform:uppercase;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	width:152px;
	}
	.site-btn:hover {background:#666;text-decoration:none;}
	
	.site-btn.alachua-btn {
		border-bottom:solid 2px #fff;
		border-left:solid 2px #fff;
	}
	.site-header .current {background:#EA0001;}
	.site-header .current-menu-item {background:#EA0001;}

.levy .site-btn {
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	width:152px;
}
	
#header-right {
	color:#848484;
	font-size:18px;
	font-style:italic;
	line-height:1.25em;
	padding-top:25px;
	text-align:right;	
}
	.phone {
		color:#000;
		font-size:28px; 
		font-style:normal;
		font-weight:900;
		line-height:1.5em;
		}
	#header-right .phone a,
	#header-right .phone a:link,
	#header-right .phone a:visited {color: #000;}
	
	#header-right .instructions {
		display:block;
		color:#EA0001;
		font-size:14px;
		font-weight:bold;
		margin-top:-5px;
		}
	

/* Menu --------------------------------*/

.main-navigation {
    max-width: 1200px;
    min-height: 35px;
	padding-left:7px;
}

.navbar {
    background-color: #EA0001;
	border-top:3px solid #000;
	border-bottom:3px solid #000;
	border-radius:0;
	min-height: 35px;
}

#menu-gilchrist-county,
#menu-levy-county {margin:0;padding-left:0px;}

.nav-menu li, 
.menu-gilchrist-county-container li,
.menu-levy-county-container li {
	display:inline-block;
	margin:0;
    padding:0;
}
.nav-menu li a,
.menu-gilchrist-county-container li a,
.menu-levy-county-container li a {
	display:block;
    color:#000;
    font-size: 18px;
	margin:0;
    padding: 10px 16px;
}
.menu-gilchrist-county-container li:hover > a,
.menu-gilchrist-county-container li a:hover,
.menu-levy-county-container li:hover > a,
.menu-levy-county-container li a:hover {
	background-color: #220e10;
	color: #fff;
}

.nav-menu .current_page_item > a, 
.nav-menu .current_page_ancestor > a, 
.nav-menu .current-menu-item > a, 
.nav-menu .current-menu-ancestor > a,

.menu-gilchrist-county-container .current_page_item > a, 
.menu-gilchrist-county-container .current_page_ancestor > a, 
.menu-gilchrist-county-container .current-menu-item > a, 
.menu-gilchrist-county-container .current-menu-ancestor > a,
.menu-levy-county-container .current_page_item > a, 
.menu-levy-county-container .current_page_ancestor > a, 
.menu-levy-county-container .current-menu-item > a
 {
    color: #fff;
    font-style: normal;
}


/* Banner area --------------------------------*/

#home-banner {
	background:#000; 
	position:relative; 
	padding:5px 15px 10px 0px;
	}
	
	#banner img {width:100%;}

#wanted {
	background:#d8d8d8; 
	padding:10px 10px 25px; 
	text-align:center;
	height: 95%;
    position: absolute;
    right: 10px;
	}
	#wanted-title {
		background:#000;
		color:#fff; 
		font-size:21px; 
		font-weight:900; 
		margin-bottom:15px;
		padding:2px;
		}
		#wanted-title a {display:block;color:#fff;}
	
	#home-banner .name {display:none;}
	#home-banner .suspect img {height:auto; width:88.5%;}
	
	#wanted-1 {margin-right:7px;}
	#wanted span {display:block; clear:both;color:#EA0001;font-size:18px;font-weight:bold;margin-bottom:13px;}
	.view-all {
		background:#EA0001; 
		color:#fff !important;
		display:block;
		font-size:13px;
		font-weight:bold;
		margin-left:-10px;
		padding:3px; 
		position:absolute;
		bottom:0;
		width:100%;
		} 
		#wanted .view-all:hover {background:#666;color:#fff;text-decoration:none;}
#wanted .suspect {float:left; width:50%;
   -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#wanted .suspect img {background:#fff; margin-bottom:15px; padding:5px; 
   }



/* Content -----------------------------*/

#main h1, .entry-title {
	font-family:Arial, Helvetica, sans-serif;
    font-size: 42px;
	font-style:italic;
	letter-spacing:-.05em;
    margin: 33px 0px 25px 10px;
    font-weight: 900;
    margin: 0px 0px 25px;
}
.home .entry-title,
.page-id-165 .entry-title,
.page-id-167 .entry-title {display:none;}

h2 {
	background: #f0f0f0; /* Old browsers */
background: -moz-linear-gradient(left, #f0f0f0 0%, #f0f0f0 55%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f0f0f0), color-stop(55%,#f0f0f0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #f0f0f0 0%,#f0f0f0 55%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #f0f0f0 0%,#f0f0f0 55%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #f0f0f0 0%,#f0f0f0 55%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right, #f0f0f0 0%,#f0f0f0 55%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

	font-family:Arial, Helvetica, sans-serif;
    font-size: 26px;
	padding:4px 10px;
	}
	h2 span {color:#EA0001;font-weight:bold;}
	
	.home h2, .home h3 {margin-top:0px;}

.entry-content a {color:#EA0001;}
.entry-content a:hover {color:#000;}
.entry-content a:visited {color:#666}

.entry-header, .entry-content, .entry-summary, .entry-meta {
    margin: 0px auto;
    max-width:1200px;
    width: 100%;
}
#content {padding:0 1em;}
.entry-content li {margin-bottom:15px;}

.hentry {padding-top:20px;}
#comments {display:none;}

.entry-content img.alignleft, .entry-content .wp-caption.alignleft {
    margin-left: 0px;
}
.entry-content img.alignright, .entry-content .wp-caption.alignright{
    margin-right: 0px;
}

.btn-danger {background:#EB0000;color:#fff !important;}

input {margin-bottom:6px;}

#bod-login input[type="text"],
#bod-login input[type="password"] {width:98%;} 

button, input[type="submit"], input[type="button"], input[type="reset"] {
    background: #EB0000;
    border-width: medium medium 3px;
    border-style: none none solid;
    border-color: #AD0303);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 2px;
    color: rgb(255, 255, 255);
    display: inline-block;
    padding: 5px 18px 6px;
    text-decoration: none;
	border-bottom:none;
}

hr {background:#ccc;}

/* Posts --------------------------------*/

.entry-meta, .post-navigation {display:none;}


/* Custom Classes and IDs ---------------*/

.md-text {font-size:20px;}
.lg-text {font-size:26px;}
.center {text-align:center;}
.grey-bg {background:#F2F2F2; padding:10px;}

.border-right {border-right:solid 1px #CCC;}

/* Footer -------------------------------*/

.site-footer {
    background:none;
    color: #000;
    font-size: 14px;
	margin:0 auto;
	max-width:1260px;
    text-align: center;
}

.site-footer .sidebar-container {
    background-color:#000;
	box-shadow:0px 4px 10px #000;
    padding: 30px 0px 10px;
}

.site-footer .widget-area {
	height:auto !important;
    margin: 0px auto;
    max-width: 1200px;
    width: 100%;
}
.widget .widget-title {
    font: normal 600 26px "Arial",Helvetica,sans-serif;
    margin: 0px 0px 20px;
}

.site-footer .widget {
	position:relative !important;
	float:left;
	top:0 !important;
	left:0 !important; 
	text-align:center;
	width:31%;
	}
	
	#text-3 {
		border-right:solid 1px #333;
		border-left:solid 1px #333;
		font-size:26px;
		min-height:160px;
		}
	
	.site-footer .phone {
		color:#fff;
		font-style:normal;
		font-weight:900;
		line-height:1.5em;
		}
		
	.site-footer #text-4 li { display:inline-block; border-right:solid 1px #333; font-size:12px; padding:0px;}
	.site-footer #text-4 li:last-child {border-right: none;}
		.site-footer #text-4 a {padding:2px 6px 2px 2px; font-size:12px;}
		
	

#about {
	background: none;
	color:#fff;
    padding: 30px 20px 15px;
	}
	#about a{color:#fff;}


.site-footer .widget a {
    color: #EB0000;
}

.site-info {
	color:#6B0404;
	font-size:13px;
    margin: 0px auto;
    max-width: 1200px;
    padding: 10px 0px;
    width: 100%;
}
	.site-info a{color:#6B0404;}



/* Wanted page styles --------------------------------- */
.suspects .template { display:none; }
.suspects-frame .search {margin-bottom:25px;}

.suspect {}
	.suspect img{ margin-bottom:10px; width:100%;}
	.suspect h5, .suspect h6 {margin-bottom:4px;}
	.suspect h6 {
		background:#F2F2F2; 
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		margin-top:10px;
		padding:5px;
		}
	
.suspects-frame .criteria {
	border-right: 1px solid #ddd; 
	background-color: white;
	min-height:200px;
	padding:5px 10px; 
	}
	.suspects-frame .sort {background-color:#F2F2F2;}
		.suspects-frame .sort input {margin-right:6px;}

.suspects-frame .criteria label{ display:block; }
.suspects-frame .criteria label > * {float:left;}
.button { border-radius:15px; border:2px solid #EA0001;  color: #EA0001;
  padding:3px; line-height:1.2em; cursor:pointer; margin:5px; display:inline-block;
  font-weight:bold;
}
.button:hover{ text-decoration:none; color: #EA0001;}

.suspects-frame .filters .criteria h3{
   padding-left: 6px; margin:0 0 8px 0; 
   border-bottom: 1px solid #ccc; text-align: left;
}
.suspects-frame .filters .criteria input[type="checkbox"]{ margin: 3px; }

#criteria-search {font-size:1.25em;font-weight:bold;margin-top:10px;width:83%;}
.page-info {font-size:1.25em;}
.page-info-buttons {background:#EEEEEE;padding:5px;text-align:center;}


/* Responsive design styles --------------------------------- */

@media only screen and (max-width : 1080px){
	
	.site-title {font-size:48px;}
	.site-btn {
		display: inline-block;
		width: 33%;	
	}
	
	#wanted-title {
		font-size:17px; 
		margin-bottom:12px;
		padding:1px;
		}
		#wanted-title a {display:block;color:#fff;}
	#wanted img {margin-bottom:5px;}
	#wanted span {font-size:16px;margin-bottom:5px;}
	.view-all {font-size:12px;} 
	
	h2 {font-size:24px;}
	.md-text {font-size:18px;}
	
}

@media only screen and (max-width : 1025px){
	
	#site-logo {margin-bottom: 15px;}
	.site-title {font-size: 42px;}
	
}

@media only screen and (max-width : 800px){
	
	#site-logo {background-position:20% 10%;text-align:center;}
	.site-title {display:inline-block;font-size:55px;}
	
	#header-right {clear:both;margin-bottom:8px;padding-top:0px;text-align:center;}
	
	#home-banner {padding:5px 0px 10px 0px;}
	#wanted {margin-top:15px;position:relative;}
	#wanted-title {font-size:21px;}
	.view-all {font-size:14px;} 
	
	.border-right {border-right:none;}
	.md-text {font-size:18px;}
	
	.site-footer .widget {width:100%;}
	#text-3 {
		border-right:none;
		border-left:none;
		border-top:solid 1px #333;
		border-bottom:solid 1px #333;
		font-size:26px;
		min-height:160px;
		}
		
	.suspects-frame .criteria {min-height:100px;margin-bottom:15px;}
	#criteria-search {width:98%;}
}

@media only screen and (max-width : 775px){
	#wanted {min-height:500px;}
}

@media only screen and (max-width : 600px){
	#wanted {min-height:400px;}
}

@media only screen and (max-width : 500px){
	
	#site-logo {
		background: none;
		text-align: center; 
		padding: 5px 0;
	}
	.site-title {
		display: inline-block;
		font-size: 45px;
		margin-bottom: 5px;
	}
	.site-btn {
		font-size:15px;
		padding: 6px 4px;
	}
	
	#header-right {
		margin-bottom: 8px;
		padding-top: 0px;
		text-align: center;
	}
	
	#wanted {min-height:350px;}
	#content .entry-header, #content .entry-content, #content .entry-summary, #content footer.entry-meta, #content .featured-gallery, .search.sidebar .page-content, .blog.sidebar .page-content, .sidebar .post-navigation .nav-links, .paging-navigation .nav-links, #content .author-info, .comments-area .comments-title, .comments-area .comment-list, .comments-area .comment-navigation, .comment-respond, .sidebar .site-info, .sidebar .paging-navigation .nav-links  {padding:0;}
	
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
	}

}

@media only screen and (max-width : 400px){
	body {padding: 0;}
	.site {
		border-left: solid 4px #eb0000;
		border-right: solid 4px #eb0000;
	}
	
	#wanted {min-height:300px;}
}