/*
Theme Name:     Wood County Solid Waste
Theme URI:      http://example.com/
Description:    Child theme for the Twenty Twelve theme 
Author:         Ten27 Communications
Author URI:     http://example.com/about/
Template:       twentytwelve
Version:        0.1.0
*/


* {
	-webkit-font-smoothing:	antialiased;
	font-smoothing:antialiased;
	border:none; outline:none;
	margin:0; padding:0;
}

/* Force Down Footer
----------------------------------------- */
html, body { height: 100%; }

body {background:#eae4db;min-width:1080px;margin:0 auto;position:relative;}

#outer-wrap {min-height:100%;}

#page {overflow:auto;padding-bottom:275px;}

#colophon {position:relative; margin-top:-275px;height:275px; clear:both;background:#2a3767;color:#fff;}


body, p {
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#636363;
}
p {margin:10px 0 20px;line-height:1.6em;font-size:15px;}

a {
	color:#458b00;
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a:hover {
	color:#6fca15;
}

/* Header
----------------------------------------- */
#masthead {
	background:#2a3767;
	height:188px;
	border-bottom:1px solid #fff;
}
.site-title {
	font-size:31px;
}
.site-title a {display:block;vertical-align:top;color:#fff;
	background:url(img/solid-waste-logo.png) no-repeat left top;
	padding:42px 0 0 248px;
	height:130px;
	line-height:1em;
}
.site-description {font-size:4px !important;text-indent:-9999px;}
#site-navigation {overflow:visible;clear:right;}
.menu-menu-1-container {float:right;position:relative;margin:20px 0;}
#site-navigation {position:absolute;top:132px;left:248px;}
#site-navigation li {list-style:none;position:relative;display:inline-block;margin-right:36px;font-size:18px;}
#site-navigation li:last-child {margin-right:0;}
#site-navigation a {
	color:#fff;-webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#site-navigation a:hover {
	color:#1aba9f;
}
.menu-menu-1-container {margin-bottom:10px;}
.main-navigation li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index:3000;
		width:300px;
	}
	.sub-menu li {margin-right:5px !important;display:block !important;}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul {
		border-left: 0;
		display: block;
	}
	.main-navigation li ul li a {
		background:#fff;
		display: block;
		line-height: 2.181818182;
		padding: 3px 10px 3px 3px;
		white-space: normal;
		border-right:1px solid #ccc;
		color:#838383;
	}
	.main-navigation li ul li a:hover {
		color: #1aba9f;
	}
#masthead .sub-menu li a {
	background:#fff;color:#a4a4a4;
	margin-bottom:0px;
	line-height:1.3em;
	padding:9px;
}
#colophon .menu-menu-container {float:left;margin-top:20px;}
.footer-menu {display:block;clear:both;}
.footer-menu li {display:inline-block;vertical-align: top;max-width:180px;font-size:13px;}
.footer-menu > li {margin-right:9px;}
#masthead .sub-menu a:hover {color:#1aba9f;}
#masthead #searchform {float:right;clear:right;}
#searchform {position:relative;}
#s {
	font-family:Arial, Helvetica, sans-serif;
	color:#2a3767;
	padding:5px 10px;
	font-size:14px;
	background:#d0d6e9;
	-webkit-border-radius:5px 0 0 5px;
          border-radius:5px 0 0 5px;
  background-clip: padding-box;
  position:relative;
  top:-10px;left:4px;
  border:1px solid #0c1432;
   -webkit-box-shadow: inset 0px 2px 6px 0px #2a3767;
          box-shadow: inset 0px 2px 6px 0px #2a3767;
}
#searchsubmit {
	background:url(img/search.png) no-repeat;
	width:39px;height:32px;
}
#searchsubmit:hover {background:url(img/search-hover.png) no-repeat;}
#masthead .email {margin:37px 0 11px;}

/* Pages
----------------------------------------- */
#main {
	background:url(img/interior-top.jpg) repeat-x;
	margin:-1px 0 0;
	padding-top:40px;
/*
	 -webkit-box-shadow: inset 0px 3px 6px 0px #4a4a4a;
          box-shadow: inset 0px 3px 6px 0px #4a4a4a;
*/
}
.home #main {background:none;padding:0;margin:0;}
.featured-items {
	background:#fff;
	border:1px solid #cbcbcb;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  background-clip: padding-box;
  text-align: center;
  padding:23px 0 0 0;
  margin:0 0 30px 0 !important;
}
.featured-items li {
	list-style:none;
	width:19%;
	display:inline-block;
	padding:0 2% !important;
	vertical-align: top;
	margin:0;
	background:none !important;
}
.featured-items li p {font-size:13px;line-height:1.3em;margin:6px 0 !important;}
#map {background:url(img/wood-county-map.png) no-repeat;width:695px;height:733px;position:relative;}
.satellite {position:absolute;}
.satellite img {z-index:111;}
#location-list {margin:20px 0;padding:0;}
#location-list li {list-style:none !important;width:45%;position:relative;float:left;background:none !important;padding-left:0 !important;}
#location-list li:nth-child(odd) {clear:left;}
.location-hover {background:#fff;padding:8px;
  -webkit-border-radius: 5px;
          border-radius: 5px; 
  background-clip: padding-box;
  top:-30px;
  right:30px;
  display:none;
  position:absolute;
  min-width:100px;
  z-index:3333;
}



.nav-next, .nav-previous {position:relative;float:left;font-size:12px !important;margin-top:15px;}
.nav-next {float:right;text-align: right;}


/* Secondary
---------------------------------------- */
#secondary {
	width:238px;
}
#content {
	width:695px;
	margin-left:60px;
}
#content, #secondary {display:inline-block;vertical-align: top;}
.home #content, .search-results #content {width:100%;margin-left:0;}

#side-nav {background:url(img/side-nav-top.jpg) no-repeat top right;padding-top:61px;}
#side-nav li {
	background:url(img/side-nav-shadow.jpg) repeat-y right;
}
#side-nav li#btm {background:url(img/side-nav-bottom.jpg) no-repeat top right; height:48px;}
#side-nav a {
	font-size:15px;
	color:#2a3767;
	text-shadow: -1px 2px 2px #fff;
	background:url(img/horiz-divide.jpg) repeat-x bottom;
	padding:15px 0;
	display:block;
	width:95%;padding-right:5%;
}
#side-nav a:hover {
	color:#42b44c;
	-webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#side-nav .current_page_item a, #side-nav .current_page_item {
	color:#42b44c;
	font-weight:bold;
	background:#eae4db;
	border-bottom:1px solid #fff;
}
#side-nav #parent-page {border-top:1px solid #fff;}
#side-nav #parent-page a {border-top:1px solid #cebeb9;}
.border-top {border-top:1px solid #c3beb9;}


/* General
----------------------------------------- */

#content ul {margin-left:30px;}
#content li {margin:3px 0 15px 15px;font-size:15px;background:url(img/list-item.png) no-repeat left 3px;list-style:none;padding-left:20px;}


.wrapper, #primary {width:1000px;position:relative;margin:0 auto;}
#primary {margin:20px auto 55px;overflow:hidden;}


.featured-btn, .featured-cta {
	color:#fff;
	padding:13px 23px;
	font-size:16px;
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #406c15;
	-webkit-border-radius:3px;
          border-radius:3px;
  background-clip: padding-box;
	 -webkit-box-shadow: inset 0px 1px 1px 0px #b2da8a, 0px 1px 2px 0px #6a6d6d;
          box-shadow: inset 0px 1px 1px 0px #b2da8a, 0px 1px 2px 0px #6a6d6d;
	 background-color: #63aa1c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#63aa1c), to(#458b00));
  background-image: -webkit-linear-gradient(top, #63aa1c, #458b00);
  background-image:    -moz-linear-gradient(top, #63aa1c, #458b00);
  background-image:      -o-linear-gradient(top, #63aa1c, #458b00); 
  background-image:         linear-gradient(to bottom, #63aa1c, #458b00)
}
.featured-btn:hover, .featured-cta:hover {color:#fff;}
.featured-btn span, .featured-cta span {
	background:url(img/featured-bt-arrow.png) no-repeat right;
	width:10px;height:12px;
	position:relative;
	display:inline-block;
	padding-left:10px;
}
.featured-cta {
	padding:0px 7px;
	display:block;
	margin-bottom:10px;
	position:relative;
}
.featured-cta img.icon {
	position:absolute;
	top:8px;
}
.fifty {width:48%;display:inline-block;}
.fifty:nth-child(even) {margin-left:3%;}
.new-accordion {margin-bottom:30px;}


.float-left, .float-right, .clear-both {position:relative;float:left;display:inline;}
.float-right {float:right;}
.clear-right {clear:right;}
.clear-both {clear:both;float:none;}
.clear-right {clear:right;}
.align-right {text-align: right;}
.align-center {text-align: center;}
.block {display:block;}

.alignleft {margin:0 20px 20px 0;border:8px solid #fff;float:left;}
.entry-content {overflow:hidden;}
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

.gallery-caption {display:none;}
.featherlight-content .caption {white-space: normal !important;text-overflow: inherit;font-weight:400 !important;}

/* Footer
----------------------------------------- */
#colophon {
  -webkit-box-shadow: inset 0px 5px 5px 0px #555;
          box-shadow: inset 0px 5px 5px 0px #555;
}
#colophon a {color:#fff;}
#colophon .wrapper {overflow: hidden;padding-top:30px;}
#foot-nav {display:inline-block;width:829px;}



/* Fonts
----------------------------------------- */
.oswald, .site-title a, .flexslider h1, h1, h2 {font-family: 'Oswald', sans-serif;}
.open-sans, #site-navigation li, .email, #colophon #mail, .footer-menu {font-family: 'Open Sans', sans-serif;}

/* Font Sizes
----------------------------------------- */
h1, h2 {font-size:27px; color:#2a3769;text-transform: uppercase;}
h2 {font-size:23px; text-transform: none;}
.flexslider h1 {font-size:37px;}
.flexslider p, #colophon h1 {font-size:22px;}
.email, #mail, .footer-menu {font-size:15px;}
.entry-meta {font-size:13px;}
h2.facility-item {line-height:1em;margin:28px 0 9px;}

/* Font Effects
----------------------------------------- */
h1, h2, h3, h4, h5 {font-weight:normal;color:#2a3769;}
.entry-title, h2.section-title {background:url(img/horiz-divide.jpg) repeat-x bottom;padding-bottom:6px;}
.section-title {margin-bottom:20px;}
.flexslider h1 {text-transform: uppercase;}
.email {color:#fff;}

.flexslider h1, .flexslider p {color:#2a3767;}
.featured-items li h2 {color:#4a4949;font-size:14px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;margin-top:8px;}
.featured-items li p {margin-top:0;}

.featured-cta p {color:#fff;
	padding:13px 23px;
	font-size:16px;
	width:126px;
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 0 24px;
	text-shadow: -1px -1px 1px #1b2f07;
	letter-spacing: -1px;}
	
.notification {
	background:#ebed1d;
	padding:10px 20px;
	margin:20px 0;
}
#colophon h1, #colophon, #colophon a {color:#fff;}
#ten27 {background:url(img/ten27.png) no-repeat 44px 0px;font-size:12px;padding:11px 59px 11px 0;}