/*
Theme Name: John Deere MachineFinder
Description: Custom theme for John Deere MachineFinder
Version: 1.0
Author: Stephen Merriman
Author URI: http://www.cre8d-design.com
*/

@font-face{font-family:'JD Sans';src:url("fonts/JDSansMd.eot");src:local("JD Sans"),url("fonts/JDSansMd.ttf") format("truetype")}
@font-face{font-family:'JD Sans';font-weight:bold;src:url("fonts/JDSansBd.eot");src:url("fonts/JDSansBd.eot?#iefix") format("embedded-opentype"),url("fonts/JDSansBd.woff") format("woff"),url("fonts/JDSansBd.ttf") format("truetype"),url("fonts/JDSansBd.svg#svgFontName") format("svg")}

@font-face {
  font-family: 'fontello';
  src: url('fontello/font/fontello.eot?1');
  src: url('fontello/font/fontello.eot?1#iefix') format('embedded-opentype'),
       url('fontello/font/fontello.woff?1') format('woff'),
       url('fontello/font/fontello.ttf?1') format('truetype'),
       url('fontello/font/fontello.svg?1#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;  
}

#sidebar .section-follow ul li a:after {font-family:fontello;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:normal !important;}

#headlinks ul li.findmachine a:before,
.content ul li:before,
#sidebar .section ul li:before,
.searchform .submit input {
	background-image:url(images/sprite.png);background-repeat:no-repeat;background-color:transparent;
	background-size:30px 205px;
}

img, .wp-caption {max-width:100%;height:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

.clearfix:before, .clearfix:after {content:" ";display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}

a img {border:none;}

a:link, a:visited {text-decoration:underline;color:#679345;}
a:hover, a:active {text-decoration:underline;color:#80ae40;}

p, ul, ol {margin-top:0;margin-bottom:1.4em;}

.alignleft {float:left;display:inline;margin:0 20px 1.4em 0;max-width:50%;}
.alignright {float:right;display:inline;margin:0 0 1.4em 20px;max-width:50%;}
.aligncenter {display:block;margin:0 auto 1.4em auto;}
.alignnone.wp-caption {margin-bottom:1.4em;}
.wp-caption img {vertical-align:bottom;}
.wp-caption-text {margin:5px 0 0 0;font-style:italic;font-size:14px;}

@media screen and (max-width:479px), screen and (max-width:889px) and (min-width:768px) {
	.alignleft, .alignright {float:none;display:block;max-width:100%;margin-right:auto;margin-left:auto;}
}

body,html {min-width:320px;}

html {-webkit-text-size-adjust:100%;}

body,input,textarea,select {font-size:16px;color:#363636;font-family:"proxima-nova",sans-serif;}

#headlinks,
.pagetitle,
.post .title, 
.post .date,
.navigation,
.content h2, .content h3,
.content blockquote,
.post .catstags,
.postgrid ul li,
#sidebar .section h2.sectitle,
#footer .ftmenu {font-family:"JD Sans",Arial,sans-serif;}

input::-webkit-input-placeholder {color:#363636;opacity:1;}
input:-moz-placeholder {color:#363636;opacity:1;}
input::-moz-placeholder {color:#363636;opacity:1;}
input:-ms-input-placeholder {color:#363636;opacity:1;}

body {
	margin:0;
	background:#fff;
	line-height:1.4;
}

.container {min-width:300px;max-width:990px;margin:0 auto;padding:0 10px;}

#header {background:#464646;padding:11px 0 13px 0;}

#logo {margin:0;float:left;display:inline;width:390px;max-width:100%;}
#logo img {vertical-align:bottom;}

#headlinks {float:right;display:inline;margin-top:11px;}
#headlinks ul {margin:0;padding:0;list-style:none;font-size:0;}
#headlinks ul li {margin:0 0 0 20px;padding:0;font-size:17px;line-height:21px;color:#fff;text-transform:uppercase;font-weight:bold;display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;vertical-align:top;}
#headlinks ul li a {color:#fff;text-decoration:none;display:block;}
#headlinks ul li a:hover, #headlinks ul li a:active {text-decoration:underline;}
#headlinks ul li.findmachine a {padding-left:30px;position:relative;}
#headlinks ul li.findmachine a:before {content:"";display:block;width:19px;height:22px;background-position: -0px -127px;position:absolute;top:50%;left:0;margin-top:-11px;}

#body {padding-top:50px;}

#main {float:left;display:inline;width:100%;margin-right:-390px;}
#main-a {margin-right:390px;}
#sidebar {float:right;display:inline;width:330px;}

.pagetitlewrap {margin:0 0 40px 0;border-bottom:1px solid #f3e399;padding-bottom:12px;}
.pagetitle {text-transform:uppercase;font-weight:bold;font-size:32px;line-height:34px;color:#384e62;margin:0;}

.post, .navigation {border-top:1px solid #b6b8ba;padding-top:40px;margin-bottom:40px;}
.firstpost {border-top:none;padding-top:0;}

.post .title {text-transform:uppercase;font-weight:bold;font-size:24px;line-height:28px;margin:0;color:#384e62;}
.post .title a {text-decoration:none;}
.post .title a:hover, .post .title a:active {text-decoration:underline;}
.single .title {font-size:32px;line-height:34px;}

.post .date {font-size:11px;text-transform:uppercase;font-weight:bold;color:#959799;margin-top:10px;}
.post .share, .pagetitlewrap .share {margin-top:10px;height:32px;overflow:hidden;}

.post .content {margin-top:25px;}

.content {margin-bottom:1.4em;}
.content .content-a {margin-bottom:-1.4em;}

.content h2 {font-size:24px;line-height:28px;font-weight:bold;margin:25px 0 20px 0;color:#384e62;}
.content h3 {font-size:20px;line-height:24px;font-weight:bold;margin:25px 0 20px 0;color:#384e62;}
.content h2:first-child, .content h3:first-child {margin-top:0;}

.content ul {margin:0 0 1.4em 0;padding:0;list-style:none;}
.content ul li {margin:0 0 8px 0;padding:0 0 0 25px;position:relative;}
.content ul li:before {content:"";display:block;width:14px;height:12px;background-position: -0px -193px;position:absolute;top:3px;left:0;}

.content ul ul {margin:8px 0 0 0;}

.content blockquote {margin:0 0 1.4em 0;padding:0 0 0 20px;line-height:1.5;color:#384e62;font-style:normal;border-left:1px solid #384e62;}

.content img {border:5px solid #000;}
.content img.wp-smiley {border:none;}

.gsc-control-cse {margin:0 0 1.4em 0 !important;padding:0 !important;line-height:1.25;}

.post .catstags {text-transform:uppercase;font-weight:bold;font-size:14px;color:#959799;margin-top:30px;}
.post .catstags p {margin:0 0 5px 0;}
.post .catstags a {text-decoration:none;}
.post .catstags a:hover, .post .catstags a:active {text-decoration:underline;}

.navigation .navleft {float:left;display:inline;}
.navigation .navright {float:right;display:inline;}
.navigation a {display:block;-moz-border-radius:4px;border-radius:4px;text-transform:uppercase;color:#fff;text-decoration:none;background:#679345 url(images/diagdots.png) top left;font-weight:bold;font-size:20px;padding:10px 14px;}
.navigation a:hover, .navigation a:active {background-color:#80ae40;}
.navsingle a {font-size:16px;padding:7px 10px;}

.related {margin-bottom:40px;overflow:hidden;}
.commentsection {margin-bottom:40px;}
.catdesc {margin-bottom:40px;}

.postgrid {width:600px;max-width:100%;margin:0 auto 15px auto;}
.postgrid ul {margin:0 0 0 -30px;padding:0;list-style:none;font-size:0;}
.postgrid ul li {margin:0 0 25px 0;padding:0;font-size:18px;text-transform:uppercase;font-weight:bold;display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;vertical-align:top;width:50%;line-height:20px;}
.postgrid ul li .li-a {margin-left:30px;}
.postgrid ul li a {display:block;text-decoration:none;}
.postgrid ul li a:hover, .postgrid ul li a:active {text-decoration:underline;}
.postgrid ul li .gridimage {display:block;margin-bottom:8px;}
.postgrid ul li .gridimage img {display:block;}
.postgrid ul li .gridtitle {display:block;}

#sidebar .section {margin-bottom:40px;font-size:14px;}
#sidebar .section h2.sectitle {font-size:20px;line-height:24px;font-weight:bold;margin:0 0 20px 0;color:#384e62;text-transform:uppercase;border-bottom:1px solid #f3e399;padding-bottom:12px;}

#sidebar .section ul {margin:0 0 1.4em 0;padding:0;list-style:none;}
#sidebar .section ul li {margin:0;padding:0 0 0 35px;position:relative;text-indent:-10px;line-height:22px;}
#sidebar .section ul li:before {content:"";display:block;width:14px;height:12px;background-position: -0px -193px;position:absolute;top:3px;left:0;}

#sidebar .section ul ul {margin:0;}
#sidebar .section ul li a {text-decoration:none;}
#sidebar .section ul li a:hover, #sidebar .section ul li a:active {text-decoration:underline;}

#sidebar .section ul.news li {padding-left:32px;text-indent:0;line-height:18px;margin-bottom:20px;}
#sidebar .section ul.news li:before {width:20px;height:25px;background-position: -0px -66px;}

#sidebar .section ul.plain {margin:0;padding:0;list-style:none;}
#sidebar .section ul.plain li {margin:0;padding:0;text-indent:0;line-height:1.25;}
#sidebar .section ul.plain li:before {display:none;}

#sidebar .section .sidecols {margin-left:-20px;margin-bottom:1.4em;}
#sidebar .section .sidecols-a {margin-bottom:-1.4em;}
#sidebar .section .sidecols .col {float:left;display:inline;width:50%;}
#sidebar .section .sidecols .col .col-a {margin-left:20px;}

#sidebar .section-follow {background:#384e62 url(images/diagdots.png) top left;padding:15px;color:#fff;}
#sidebar .section-subscribe {background:#ead25a url(images/diagdots.png) top left;padding:15px;color:#fff;}
#sidebar .section-follow + .section-subscribe, #sidebar .section-subscribe + .section-follow {margin-top:-35px;}

#sidebar .section-follow h2.sectitle, #sidebar .section-subscribe h2.sectitle {color:#fff;border:none;padding:0;margin-bottom:10px;}

#sidebar .section-follow h2.sectitle {float:left;display:inline;margin-bottom:0;margin-right:20px;line-height:36px;}

#sidebar .section-follow ul {font-size:0.1px;overflow:hidden;text-align:justify;}
#sidebar .section-follow ul:after {content:"";display:inline-block;position:relative;width:100%;height:0;}
#sidebar .section-follow ul li {display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;vertical-align:top;font-size:20px;}
#sidebar .section-follow ul li a {display:block;width:36px;height:36px;-moz-border-radius:50%;border-radius:50%;background:#fff;outline:0;position:relative;color:#384E62;text-decoration:none !important;}
#sidebar .section-follow ul li a:hover, #sidebar .section-follow ul li a:active {background:#9ab8c0;color:#fff;}

#sidebar .section-follow ul li a:after {display:block;text-align:center;line-height:36px;}

#sidebar .section-follow ul li.facebook a:after {content:"\e81c";}
#sidebar .section-follow ul li.pinterest a:after {content:"\e81a";}
#sidebar .section-follow ul li.instagram a:after {content:"\e81d";}
#sidebar .section-follow ul li.twitter a:after {content:"\e81b";}

#sidebar .section-subscribe .submit {float:right;display:inline;margin-left:15px;}
#sidebar .section-subscribe .submit input {margin:0;padding:0 8px;font-size:14px;color:#fff;-moz-border-radius:4px;border-radius:4px;font-weight:bold;border:none;background:#464646;cursor:pointer;height:32px;-webkit-appearance:none;}
#sidebar .section-subscribe .submit input:hover {background:#363636;}
#sidebar .section-subscribe .submit input::-moz-focus-inner {outline:0;border:none;padding:0;}
#sidebar .section-subscribe .text {overflow:hidden;}
#sidebar .section-subscribe .text input {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:4px;border-radius:4px;border:none;background:#fff;font-size:14px;padding:6px 10px;height:32px;}
		
.searchform {position:relative;border:1px solid #b6b8ba;height:30px;-moz-border-radius:4px;border-radius:4px;overflow:hidden;}
.searchform .text {margin-right:30px;}
.searchform .text input {margin:0;padding:0;border:none;background:#fff;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:14px;height:30px;padding:6px 0 6px 10px;}
.searchform .submit input {margin:0;padding:0;position:absolute;top:0;right:0;background-position: -0px -0px;width:30px;height:30px;border:none;text-indent:-9999px;font-size:0;display:block;line-height:0;overflow:hidden;cursor:pointer;}

#sidebar .section-popular ul li {margin-bottom:10px !important;}
#sidebar .section-popular ul li a {display:block;color:#fff;text-decoration:none;}
#sidebar .section-popular ul li a:hover, #sidebar .section-popular ul li a:active {text-decoration:underline;}
#sidebar .section-popular ul li span.popimage img {display:block;}
#sidebar .section-popular ul li span.popimage {margin-bottom:2px;display:block;}
#sidebar .section-popular ul li span.poptitle {display:block;background:#384e62;padding:10px;}
			
#footer {background:#464646;padding:50px 0;text-align:center;color:#fff;}
#footer #ftlogo {width:260px;max-width:100%;margin:0 auto 25px auto;}
#ftlogo img {vertical-align:bottom;}

#footer .ftsmall {font-size:10px;margin:0 auto;}
#footer .ftmenu {margin-bottom:10px;}
#footer .ftmenu ul {margin:0;padding:0;list-style:none;line-height:1.6;}
#footer .ftmenu ul li {margin:0;padding:0;display:inline;text-transform:uppercase;}
#footer .ftmenu ul li:before {content:"  \00a0|\00a0  ";}
#footer .ftmenu ul li:first-child:before {content:"";}

#footer .ftmenu ul li a {color:#f3e399;text-decoration:none;}
#footer .ftmenu ul li a:hover, #footer .ftmenu ul li a:active {text-decoration:underline;}

@media screen and (max-width:850px) {
	#main {margin-right:-330px;}
	#main-a {margin-right:330px;}
	#sidebar {width:300px;}
}
@media screen and (max-width:767px) {
	#main {float:none;display:block;margin-right:0;width:auto;}
	#main-a {margin-right:0;}
	#sidebar {float:none;display:block;margin:0 auto;max-width:100%;width:330px;}
}
@media screen and (max-width:370px), screen and (max-width:850px) and (min-width:768px) {
	#sidebar .section-follow h2.sectitle {display:none;}
}
@media screen and (max-width:479px) {
	.postgrid {width:300px;}
	.postgrid ul li {width:100%;}
}

@media screen and (max-width:380px) {
	#linkwithin_inner {width:300px !important;}
	.linkwithin_posts>a>div {width:87px !important;}
	.linkwithin_posts>a>div>div>div {width:81px !important;height:81px !important;}
}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi) {
	#headlinks ul li.findmachine a:before,
	.content ul li:before,
	#sidebar .section ul li:before,
	.searchform .submit input {
		background-image:url(images/sprite@2x.png);
	}
	#logo a {text-indent:-9999px;display:block;background:url(images/logo@2x.png) top left no-repeat;background-size:100%;}
}