/*
Theme Name: Mitch Berninger Theme
Description: Theme for BWM252
Author: Mitch Berninger
*/

.chromeframe {position: absolute; top: 0;}

/* Overall pages
-------------------------------------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	border: none;
	background: #FFF;
	color: #444;
	font-family: "aktiv-grotesk-std", sans-serif;
	font-size: 16px;
	-webkit-font-smoothing: subpixel-antialiased;
}

body a {
	color: #000;
	text-decoration: none;
}

body a:hover {
	color: #1abc9c;
	text-decoration: none;
}
img {
	max-width: 100%;
	height: auto;
}
#frontContent{width:80%;
		margin-bottom:133px;}
.entry{width:90%;}
#content{margin-bottom:133px;}
#content a:hover, #contentLeft a:hover, #tagWrap a:hover, input[type="submit"]:hover{color: #7B6D65;}
#sidebar { width: 27.5%; }
h1{font-size: 3.5em;}
h2{font-size: 3.7em;}
h3{font-size: 1.8em;}
h4{font-size: 1.2em;}
h5{font-size: 2.5em;}
{color: #7B6D65;}
#footerContainer{float:left;}

/* Custom text-selection colors*/
::-moz-selection{background: rgb(216,209,201); color: #fff; text-shadow: none;}
::selection {background: rgb(216,209,201); color: #fff; text-shadow: none;}

/*Navagation
------------------------------------------------------------------------------*/
#navWrap{background-color:rgba(216,209,201,.33);
		height: 50px;
		padding: 1% 0;
}
.menu li{font-weight:200;}
#main-nav	{
	height: 50px; /* set to the height you want your menu to be */
	margin: 3% 0; /* just to give some spacing */
	float:right;
}
#nav	{
	height: 50px; /* set to the height you want your menu to be */
	float:right;
}
.menu li	{
	display: block;
	float: left;
	line-height: 25px; /* this should be the same as your #main-nav height */
	height: 40px; /* this should be the same as your #main-nav height */
	position: relative; /* this is needed in order to position sub menus */
}
.menu li a	{
	display: block;
	height: 40px;
	line-height: 25px;
	padding: 0 15px;
}
#main-nav li a{color:#fff;}
#main-nav a:hover {
	color: #D8D1C9;}
#nav a:hover {
	color: #D8D1C9;}
#main-nav ul ul,#nav ul ul { /* this targets all sub menus */
	display: none; /* hide all sub menus from view */
	position: absolute;
	top: 40px; /* this should be the same height as the top level menu -- height + padding + borders */
}
#main-nav ul ul li, #nav ul ul li { /* this targets all submenu items */
	float: none; /* overwriting our float up above */
	width: 100px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
	text-align:center;
}
#main-nav ul ul li a,#nav ul ul li a { /* target all sub menu item links */
	padding: 5px 10px; /* give our sub menu links a nice button feel */
}
#main-nav ul ul li a:hover{color: #D8D1C9;}
#nav ul ul li a:hover {color:white;}
#main-nav ul li:hover > ul, #nav ul li:hover > ul  {
	display: block; /* show sub menus when hovering over a parent */
	background-color:rgba(0,0,0,.33);
	border-radius:3px;
}


/*End Navagation
------------------------------------------------------------------------------*/

/* front-page
-------------------------------------------------------------------------------*/
#coverImage {
	padding-bottom: 5%;
	background: linear-gradient(
      rgba(0, 0, 0, 0.45), 
      rgba(0, 0, 0, 0.45)
    ), url(images/clouds-colorful-colourful-1029.jpg) no-repeat center;
	background-size: cover;
}
#coverImage img{}

#header{color:white;}
#header a{color:white;}
#headerText h3 {
font-weight: lighter;
line-height:.66;
padding-bottom:10%;
}
#headerText h2 {
font-weight: lighter;
text-transform: uppercase;
}
#headerText h1 {
line-height:.33;
text-transform: uppercase;
}
#headerText{
margin-left: 50px;
padding-top:20%;

}
#welcome{width:100%;
		background-color:rgba(216,209,201,.33);
		padding:6% 0 6% 0;}
#welcome_container{width:50%;
				margin-left:auto;
				margin-right:auto;
				text-align:center;}
#welcome h3{font-weight: 400;
	line-height:.8;
	padding-bottom:10px;}
#welcome p{font-weight:300;}

#pageTitle{padding:6% 0 0 20%;}
#frontContent p, .entry p{font-weight:300;
		text-align:justify;
		line-height:1.8;}
#frontContent p{padding:1% 0 0 20%;}
.entry p{padding:1% 0 0 12%;}

#respond input[type=text]{margin-bottom:5px;}

/* End font-page
-------------------------------------------------------------------------------*/
/* Begin All other pages
-------------------------------------------------------------------------------*/
#webTitle{float:left;
		padding-left:10%;
		font-style:italic;
		line-height: 25px;
}
.post h2, .post h3, .post h4{margin-left:10.5%;}
.entry h2, .entry h3, .entry h4{margin-left:12%;}
.entry ul{margin-left:15%;}
#mapConElem_1{margin-left:20%;}
.sep{margin-left:11%;}
.outdoor h2{margin-top:3%;}
.outdoor .entry img{float:right;
					padding:10px;}
#contentLeft img{float:left;
				padding:0 10px 0 0;}
#contentLeft{float:left;
			width:73%;}
#sidebarRight{float:right;
			width:27%;
			padding-right:3%;}


.festivals h3 {margin-top: 3%;}
.festivals hr {margin: 10% 0 0 12%;}
.festivals #content img {float: left;
						margin: 0 3% 0 0;}
						
.community #content img, .resources #content img {float: right;
						margin: 0 0 0 3%;}
.community #content li, .resources #content li, .departments #content li{padding-top: 0.5%;}
.community #content ul, .resources #content ul, .departments #content ul{margin-bottom: 3%;}
.community .entry h4 {margin-top: 3%;}
.community .entry h4:first-of-type {margin-top: 0%;}

.resources .entry h3:first-of-type {margin-top: 3%;}

.departments .entry{width:100%;}
.departments .contentWrap{width:90%;}
.departments .contentWrap{margin-top:3%;}
.departments #sheriffOffice img{float:right;
								margin-left:3%;}
.departments #sheriffOffice{margin-bottom:10%;}
.departments #sheriffLetter img{float:left;
								margin-right:3%;}
.departments #sheriffLetter{padding: 4.2% 0 4.2% 0;
							background-color: rgba(216,209,201,.33);
							height: 333px;}
.departments #sheriffLetter blockquote{width:75%;}

.location hr{margin: 3% 0 3% 12%;}
.location #bottom{padding-bottom:3%;}

.webButton{margin:3% 0 0 12%;}
.webButton a, input[type="submit"]{background-color:#7B6D65;
			color:#FFF;
			padding: 10px;
			border:0;
			border-radius:5px;}
.webButton a:hover, input[type="submit"]:hover{background-color: rgba(216,209,201,.33);
				border-color: rgba(216,209,201,.33);}
.body .entry{width:100%;
			margin-bottom:3%;
			padding-right:3%;}
#sidebarRight .column{padding-top: 16%;}
#sidebarRight{margin-bottom:6.66%}
#contentLeft article{padding-bottom:10%;} /*THIS IS TEMPORARY TILL DIVIDER LINES ARE INSERTED BETWEEN POSTS*/
#contentLeft h2{margin-left:11%;}
#contentLeft h3, #contentLeft h5{margin-left:11.3%;}
#contentLeft .sep{margin-left:11.5%;}
#contentLeft .navigation {
border-top: 1px solid #D8D1C9;
border-bottom: 1px solid #D8D1C9;
padding: 3% 0 3% 0;
margin: -20% 3% 133px 11.5%;}
#postNavWrap a:nth-of-type(2) {float: right;}
#postNavWrap {margin: 0 3%;}
#tagWrap{margin:3% 0 0 12%;}
#respond {margin:0 0 133px 11.5%;}
#respond h2{margin:0;}
.archiveWrap #contentLeft .navigation {margin: -10% 3% 133px 12%;}
#pageError{height:500px;}
.postBreak{border-top:1px solid #D8D1C9;
			padding: 3% 0 3% 0;
			margin: 0 3% 0 11.5%;}
.postBreak:last-of-type {display:none;}
#contentLeft #searchNav .navigation{margin-top:0;}

.postGallery {width: 85%;
			margin-left: 12%;}
.gallery-item{width:33% !important;
			margin-left:12%;
			padding-left:6.6%;}
.gallery-item img{border:0 !important;}
.postGallery #bwg_container1_0 #bwg_container2_0 .bwg_image_alt_0, .postGallery #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0, .postGallery #bwg_container1_0 #bwg_container2_0 .paging-input_0{font-family:"aktiv-grotesk-std", sans-serif;}
/* End All other pages
-------------------------------------------------------------------------------*/
/*	11. Sidebar
-------------------------------------------------------------------------------- */


.widget {
	padding-bottom: 15%;
	border-bottom: 4px solid #EEE;
	margin-bottom: 15%;
}

.widget:last-child {
	padding-bottom: 0;
	border-bottom: 0;
	margin-bottom: 0;
}

.widget-title {
	font-size: 0.9rem;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 10px;
	color: #444;
}
.widget_categories ul {width: 80%;}
/* widget-content */

.widget-content {
	color: #555;
	font-size: 1rem;
	line-height: 140%;
	margin-top:20%;}
	
.widget-content *{font-weight:300;}

.widget-content *:last-child { margin-bottom: 0;}
.widget-content *:last-child p{ line-height:20px;}
.widget-content a:hover {color:#D8D1C9;}

.widget-content p {
	line-height: 150%;
	margin-bottom: 1em;
}

.widget-content ul li {
	padding: 10px 0;
	border-top: 1px solid #EEE;
	line-height: 130%;
}

.widget-content li ul > li:first-child { margin-top: 10px; }
.widget-content .page_item_has_children { padding-bottom: 0; }

.widget-content li ul li { padding-left: 15px; }

.widget-content ul li .post-date { margin-left: 5px; color: #999; }

.widget-content > ul > li:first-child { border-top: 0; }


/* Widget search --------------------------------------- */


.widget_search form { position: relative; }

.widget_search input { height: 52px; }

.widget_search input#s {
	-webkit-appearance: none;
	width: 99%;
	padding: 18px 95px 18px 18px;
	background: #FFF;
	border: 1px solid #DDD;
	border-right: none;
	font-size: 1rem;
	border-radius: 3px 0 0 3px;
}

.widget_search #s:focus { 
	outline: none; 
	background: #EEE;
	color: #444;
}

.widget_search #searchsubmit {
	-webkit-appearance: none;
	position: absolute;
	right: 0;
	top: 0px;
	width: 85px;
	line-height: 1;
	border: none;
	background: #7B6D65;
	border: 1px solid #7B6D65;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.8rem;
	border-radius: 0 3px 3px 0;
}

.widget_search #searchsubmit:hover {
	cursor: pointer;
	background-color: rgba(216,209,201,.33);
	border-color: rgba(216,209,201,.33);}
.widget_search #searchsubmit:hover{color:#7B6D65;}

/* -------------------------------------------------------------------------------- */
/*	12. Footer
/* -------------------------------------------------------------------------------- */

#footerContainer{width:100%;}
#footerImage img{max-width:200px;
			margin:-60px 0 0 0;}
#footerImage{margin-bottom:-3%;}
#footerImage p{text-align:center;}
.footer {
	background-color:#7B6D65;
	height:275px;
}
.footer a, .footer p{color:white;}
.column {margin-left: 5%;}
.column:first-child { margin-left: 0;
					padding-left:5%; }

.footer-innter section-innter{max-width: 86%;
							margin: 0 auto;}
.column.column-1.left{float:left;
					width: 33%;}
.column.column-2.left{float:left;
					width: 30%;
					padding-left:5%;}
.column.column-3.left{float:right;
					width: 27%;}



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


.footer .widget { border-bottom-color: rgba(255,255,255,0.1) }

.footer .widget-title { color: #EEE; letter-spacing: 1px; font-weight: 600; }

.footer .widget-content { color: #666; }

.footer .widget-content ul li { border-top-color: rgba(255,255,255,0.1); }

.footer .widget-content > ul > li:first-child { border-top: none; }


/* Widget search --------------------------------------- */


.footer .widget_search #s:focus { 
	outline: none; 
	background: #FFF;
	border-color: #DDD;
	color: #444;
}