/*
Theme Name: Yolo County Sheriff's Office
Theme URI: http://www.yolocountysheriff.com/
Description: Yolo County Sheriff's Office theme
Version: 1.0
Author: Childers Marketing Group
Author http://childersmarketing.com/
Tags: HTML5, CSS3, law enforcement, police, sheriff, California, Yolo County
*/

/* =============================================================================
   General Styles
   ========================================================================== */


/* Global Box Sizing and Font-Smoothing */
*, *:after, *:before {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

body {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1em;
	color:#252525;
	background: #efdcb3;
}

/* let's clear some floats */
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.group:after {
  content: "";
  display: table;
  clear: both;
}

a {
	font-weight:bold;
	text-decoration:none;
	color:#BE9741;
}

a:hover {
	color:#47583B;
}

.more-link {
	text-align:right;
}

h1, h2, h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	}

h2 {
	font-size:1.875em;
	color:#47583B;
	margin:0 0 0.75em 0;}

h3 {
	font-size:1.5em;
	color:#47583B;
	margin:0 0 .75em 0;}

h3 a {
	color:#47583B;
	font-weight:normal;
	text-decoration:underline;
}

h5 {
	color:#000;
	font-weight:bold;
	font-style:italic;
	font-size:0.875em;
	margin:0 0 0.5em 0;}

p {
	margin:0 0 1em 0;
	line-height:1.45em;}

li {
	line-height:1.45em;
}

/* =============================================================================
   Structure
   ========================================================================== */

.temp-banner {
	background:#EC2427;
	text-align:center;
	margin:0;
	padding:0;
}

.wrapper {max-width:1000px;width:1000px;margin:0 auto;position:relative;}

/* HEADER --------------------------------------------------------------------*/

.header {
	background: rgba(71,88,59,1);
	background: -moz-linear-gradient(top, rgba(71,88,59,1) 0%, rgba(71,88,59,1) 50px, rgba(121,138,109,1) 50px, rgba(71,88,59,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(71,88,59,1)), color-stop(50px, rgba(71,88,59,1)), color-stop(50px, rgba(121,138,109,1)), color-stop(100%, rgba(71,88,59,1)));
	background: -webkit-linear-gradient(top, rgba(71,88,59,1) 0%, rgba(71,88,59,1) 50px, rgba(121,138,109,1) 50px, rgba(71,88,59,1) 100%);
	background: -o-linear-gradient(top, rgba(71,88,59,1) 50px, rgba(71,88,59,1) 50px, rgba(121,138,109,1) 50px, rgba(71,88,59,1) 100%);
	background: -ms-linear-gradient(top, rgba(71,88,59,1) 50px, rgba(71,88,59,1) 9%, rgba(121,138,109,1) 50px, rgba(71,88,59,1) 100%);
	background: linear-gradient(to bottom, rgba(71,88,59,1) 50px, rgba(71,88,59,1) 9%, rgba(121,138,109,1) 50px, rgba(71,88,59,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47583b', endColorstr='#47583b', GradientType=0 );
}

.header .wrapper {
	height:216px;
	background: url(images/bkg-header-watermark.jpg) no-repeat center bottom;
}

#top-bar {
	height:52px;
	color:#fff;
	font-weight:bold;
}

#top-bar a{
	line-height:52px;
	text-transform:uppercase;
	color:#fff;
	font-size:0.8em;
}

#top-bar a:hover{
	color:#ffcc66;
}

#tip-line {
	margin-right:0;
}

#tip-line img {
	vertical-align:middle;
	margin-right:1%;
}

#top-bar form.search {
	float:right;
	line-height:52px;
}

#top-bar form.search label{
	display:none;
}

#top-bar form.search input#s {
	background:#47583B;
	border:none !important;
	color:#fff;
}

h1 {
	font:3.5em Georgia, "Times New Roman", Times, serif;
	text-shadow:0 0 15px rgba(0,0,0,0.3);
	text-align:center;
	margin:0.75em 0 0 0;
}

h1 a {
	color:#fff;
	font-weight:normal;
}

h1 a:hover {
	color:#fff !important;
}

#tagline {
	font:1.650em Georgia, "Times New Roman", Times, serif;
	letter-spacing:0.15em;
	text-shadow:0 0 15px rgba(0,0,0,0.3);
	text-align:center;
	color:#BE9741;
	font-weight:normal;
	text-transform:uppercase;
}

#main-nav {
	background:#000;
}

#main-nav .wrapper{
	background:none;
	height:auto;
	min-height:2.813em;
}

#main-nav ul {
	margin:0 auto;
	padding:0;
	display:block;
	width:auto;
	display:table;
}

#main-nav ul li a{
	padding:0 25px;
	color:#fff;
	font-size:0.875em;
	text-transform:uppercase;
	height:45px;
	display:block;
	line-height:45px;
}

#main-nav ul li a:hover{
	background:#252525;
	color:#BE9741;
}

	/*
		DROPDOWN STYLES - LEVEL ONE
	*/
	ul.dropdown                         {
		position: relative; }

	ul.dropdown li                      {
		font-weight: bold;
		float: left;
		zoom: 1; }

	ul.dropdown a:hover		            {
		color: #BE9741;
		background:#252525;}

	ul.dropdown a:active                {
		color: #BE9741; }

	ul.dropdown li a                    {
		display: block;
		padding: 0 15px;
		color: #fff; }

	ul.dropdown li:last-child a         {
	border-right: none; } /* Doesn't work in IE */

	ul.dropdown li.hover,
	ul.dropdown li:hover                {
		background: #252525;
		color: #fff;
		position: relative; }

	ul.dropdown li.hover a              {
		color: #BE9741; }


	/*
		LEVEL TWO
	*/
	ul.dropdown ul 						{
		width: 300px !important;
		visibility: hidden;
		position: absolute;
		top: 100%;
		left: 0;
		z-index:100; }

	ul.dropdown ul li 					{
		font-weight: normal;
		background: #252525;
		color: #fff;
		border-bottom: none;
		float: none; }

	ul.dropdown ul li:hover 					{
		background:#111;
	}

										/* IE 6 & 7 Needs Inline Block */
	ul.dropdown ul li a					{
		border-right: none; width: 100%; display: inline-block; }

	/*
		LEVEL THREE
	*/
	ul.dropdown ul ul 					{
		left: 100%;
		 top: 0; }

	ul.dropdown li:hover > ul 			{
		visibility: visible; }

	ul.dropdown ul ul li 					{
		font-weight: normal;
		background: #555555;
		color: #fff;
		border-bottom: none;
		float: none; }

/* MAIN AREA -----------------------------------------------------------------*/

#main-wrap {
	background:rgba(255,255,255,0.65);
	padding:0;
}

.slider {
	margin:0 auto;
	background:url(images/bkg-slider.jpg) no-repeat;
	list-style-type:none;
	padding:0;
	height:341px;
}

.slideshow_container {
	margin:0 auto !important;
}

#main {
	padding:30px 2%;
	background:#fff;
}

h2#home {
	color:#BE9741;
	font-size:3em;
	border-bottom:1px solid #BE9741;
}

.page-content {
	padding-left:33%;
}

#signature {
	font:1.375em Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-style:italic;
}

/* SIDEBARS ------------------------------------------------------------------*/

aside {
	background:#cdd8c9;
	padding:2%;
	width:30%;
	margin:0;
}

aside h2 a {
	font-weight:normal;
	color:#47583B !important;
}

aside .post p {
	font-size:0.875em;
	color:#464646;
}

.sidebar-left {
	float:left;
	margin-right:3%;
}

.sidebar-right {
	float:right;
	margin-left:3%;
}

aside .post{
	padding:0 !important;
	margin:0 !important;
}

.side-menu {
	list-style-type:none;
	margin:0 0 1em 0;
	padding:0;

}

.side-menu li{
	line-height:1.75em;
}

/* FOOTER --------------------------------------------------------------------*/

footer {
	background: rgba(121,138,109,1);
	background: -moz-linear-gradient(top, rgba(121,138,109,1) 0%, rgba(71,88,59,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(121,138,109,1)), color-stop(100%, rgba(71,88,59,1)));
	background: -webkit-linear-gradient(top, rgba(121,138,109,1) 0%, rgba(71,88,59,1) 100%);
	background: -o-linear-gradient(top, rgba(121,138,109,1) 0%, rgba(71,88,59,1) 100%);
	background: -ms-linear-gradient(top, rgba(121,138,109,1) 0%, rgba(71,88,59,1) 100%);
	background: linear-gradient(to bottom, rgba(121,138,109,1) 0%, rgba(71,88,59,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#798a6d', endColorstr='#47583b', GradientType=0 );
}

footer .wrapper {
	padding:20px 1%;
}

footer h2, footer dl, footer a:hover {
	color:#fff;
}

footer address {
	font-style:normal;
}

footer address dt {
	float:left;
	width:30%;
}

footer address dd {
	font-weight:bold;
	color:#BE9741;
	padding-left:30%;
}

footer dl {
	font-size:0.875em;
}

.footer-col {
	width:30%;
	float:left;
	margin-right:3%;
}

.footer-col:last-child {
	margin-right:0;
}

footer dt {
	text-transform:uppercase;
	width:auto;
	margin:0 0 0.5em 0;
}

footer dd {
	margin:0;
}

#sub-footer {
	clear:both;
	background:#000;
	text-align:center;
	height:45px;
	line-height:45px;
	font-size:0.750em;
	color:#fff;
}
#google_translate_element {
	margin-top: -50px;
	margin-left: 440px;
}
/* IMAGES --------------------------------------------------------------------*/

.gallery-icon img {
	border:2px solid #47583B !important;
}

/* PAGES --------------------------------------------------------------------*/

.post-224 table {
	width:60%;
	margin-bottom:1em;
}

.post-224 td {
	padding:3px;
}

.page-template-no-sidebar .page-content{
    padding-left: 0;
}

/* =============================================================================
   Non-Semantic Classes
   ========================================================================== */

/* Custom Selection Styles */
::selection {background:#BE9741;color:#FFF;text-shadow:none;}
::-webkit-selection {background:#BE9741;color:#FFF;text-shadow:none;}
::-moz-selection {background:#BE9741;color:#FFF;text-shadow:none;}

/* Input focus styles */
input:focus {outline:0;border:1px solid #BE9741;} /* Gets rid of blue glow on field focus, adds border color instead */

/* =============================================================================
   WordPress Core CSS Styles
   ========================================================================== */

.alignnone {margin:5px 20px 20px 0;}
.aligncenter,div.aligncenter {display:block;margin:5px auto 5px auto;}
.alignright {float:right;margin:5px 0 20px 20px;}
.alignleft {float:left;margin:5px 20px 20px 0;}
.aligncenter {display:block;margin:5px auto 5px auto;}
a img.alignright {float:right;margin:5px 0 20px 20px;}
a img.alignnone {margin:5px 20px 20px 0;}
a img.alignleft {float:left;margin:5px 20px 20px 0;}
a img.aligncenter {display:block;margin-left:auto;margin-right:auto;}
.wp-caption {background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:5px 3px 10px;text-align:center;}
.wp-caption.alignnone {margin:5px 20px 20px 0;}
.wp-caption.alignleft {margin:5px 20px 20px 0;}
.wp-caption.alignright {margin:5px 0 20px 20px;}
.wp-caption img {border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}
.wp-caption p.wp-caption-text,.gallery-caption {font-size:16px;line-height:18px;margin:0;padding:0 4px 5px;}
.sticky {}
.bypostauthor {}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
	* {background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
	a,a:visited {text-decoration:underline;}
	a[href]:after {content:" (" attr(href) ")";}
	abbr[title]:after {content:" (" attr(title) ")";}
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content:"";}
	pre,blockquote {border:1px solid #999;page-break-inside:avoid;}
	thead {display:table-header-group;}
	tr,img {page-break-inside:avoid;}
	img {max-width:100% !important;}
	@page {margin:0.5cm;}
	p,h2,h3 {orphans:3;widows:3;}
	h2,h3 {page-break-after:avoid;}
}
