/*
Theme Name: WSDG
Author: Winter Street Design Group
*/

@import url(https://fonts.googleapis.com/css?family=Gudea:400,700,400italic);

body {
	margin: 10px;
	padding: 0 15px 15px 15px;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #444444;
	text-align: left;
	z-index: 0;
	background-image:url(images/fmc-background.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#adadaa;
}

#container {
	width:995px;
	margin: 0 auto;
}

#header {
	width:995px;
	height:162px;
}

#header #home_link {
	width:267px;
	height:162px;
	display:block;
	background-image:url(images/fmc-logo.png);
	background-position:top left;
	background-repeat:no-repeat;
}

#header .donate {
	float: right;
	display: block;
	margin: 25px 0 25px 25px;
	text-transform: uppercase;
	font-size: 26px;
	line-height: 26px;
	color: #fff;
	padding: 12px 15px 10px 15px;
	background-color: rgba(0, 0, 0, 0.4);
}
		
* a img {
	border:none;
	}	
	
img {
	max-width:100%;
	height:auto;
	}		

#container_lower {
	width:100%;
}

#container_lower.home {
	background-image:url(images/fmc-container-bg-ext.png);
	background-position:0 350px;
	background-repeat:no-repeat;
}

#posts {
	width: 655px;
	padding: 0 30px 20px 30px;
	margin: 0;
	float: right;
	background-color:#fff;
	min-height:710px;
}
.pagetitle {margin-top:0px;}

.clearboth {
	clear:both;
	font-size:0;
	height:0;
	line-height:0;
}

.clearfloat {
		clear:both;
}

.clearafter:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.commentbubble a {
	float: left;
	background: url(images/commentbubble.gif);
	background-repeat: no-repeat;
	background-position: 0 -1px;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 10px;
	margin: 0 5px 0 0;
}

.commentbubble a:hover {
	float: left;
	background: url(images/commentbubblehover.gif);
	background-repeat: no-repeat;
	background-position: 0 -1px;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 10px;
	margin: 0 5px 0 0;
}

.date {
	font-size: 12px;
	line-height: 1.5em;
}

.post {
	margin: 0 0 20px 0;
}

.tags {
	font-size: 10px;
	line-height: 1.5em;
}

.entry {
	margin: 20px 0 0 0;
}

.entry p {
	margin: 0 0 20px 0;
}

.entry h2 {
	clear:both;
}

.entry h2.noclear {
	clear:none;
}

.entry hr {
	height: 1px;
	border: none;
	background: #cccccc;
	float:left; width:100%; margin:20px 0;
}

h1, h2, h3, h4, h5 {
	font-family: 'Gudea', sans-serif;
}

h1 {
	font-size: 28px;
	font-weight:bold;
	margin: 30px 0 5px 0;
	padding:0;
	color:#83916A;
	text-transform:uppercase;
	line-height:1.2em;
}

h2 {
	font-size: 20px;
	font-weight:bold;
	margin: 10px 0;
	padding:0;
	color:#80ACBD;
	text-transform:uppercase;
	line-height:1.2em;
}

h3, h4, h5 {
	font-size: 15px;
	font-weight: bold;
	margin: 10px 0;
	padding:0;
	color:#848484;
	line-height:1.2em;
}

a, a:visited {
	color: #618daf;
	text-decoration: none;
}

a:hover {
	color: #618daf;text-decoration: underline;
}

h1 a:link {text-decoration:none;color:#808c6e;}
h1 a:hover {text-decoration:underline;color:#808c6e;}
h1 a:visited {text-decoration:none;color:#808c6e;}

.post blockquote {
	font-style: italic;
	padding: 10px 5px 5px 25px;
}

.postmetadata {
	clear:both;
	font-size: 10px;
	line-height: 1.5em;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
	border:5px solid #DEE1D9;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
	border:5px solid #DEE1D9;
}

.aligncenter {
	display: block;
	margin: 0 auto 20px auto;
}

.alignnone {
	margin: 0;
}

.wp-caption.alignleft {
	float: left;
	margin: 5px 20px 20px 0px;
}

.wp-caption.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.wp-caption.aligncenter {
	display: block;
	margin: 0 auto 20px auto;
}

.wp-caption.alignnone {
	margin: 20px 0;
}

.post .wp-caption {
	text-align: center;
}

.post .wp-caption-text {
	margin: 0;
	font-size: 11px;
}

#commentform #author, #commentform #email, #commentform #url, #commentform #comment {
	background: #ffffff;
	border: 1px solid #cccccc;
	margin: 0 0 10px 0;
	padding: 5px;
}

.commentlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.commentlist li {
	background: #ebebeb;
	padding: 20px 20px 0 20px;
	border: 1px solid #cccccc;
	margin: 0 0 20px 0;
}

.commentlist p {
	clear: both;
	margin: 0 0 20px 0;
}

.avatarcontainer {
	float: left;
	margin: 0 5px 10px 0;
}

.avatar {
	border: 1px solid #cccccc;
}

.sidebar {
	color:#ECF2F4;
	float:left;
	width: 280px;
	overflow: hidden;
}

.sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.sidebar ul li.widget {
margin: 0;
clear: both;
}

.sidebar ul li.widget_text {
	background-image: url(images/bg-gray.png);
	background-repeat: repeat-y;
}

.sidebar ul li.widget_black_studio_tinymce {
	padding: 10px;
}

.sidebar .connect a {
	display: inline-block;
	margin-right: 7px;
}

.sidebar ul li#text-12,
.sidebar ul li#text-11 {
	height: 130px;
	margin-bottom: 20px;
}

.sidebarmenu.guide, .sidebarmenu.manual {
background-color:#8fb5c4;
border-bottom:15px solid #6097AB;
	}
.sidebarmenu.guide .heading, .sidebarmenu.manual .heading {
padding:33px 10px 0px 10px;
float:left;
width:260px;
height:70px;
display:block;
background:url('images/icon-guide.fw.png') no-repeat right bottom;
	}

.sidebarmenu.manual {
background:url('images/bg-gray.png');
border-bottom:15px solid #898c87;
	}
.sidebarmenu.manual .heading {
background:none;
	}

.sidebarmenu.code {
background-color:#93849b;
border-bottom:15px solid #766680;
	}
.sidebarmenu.code .heading {
padding:33px 10px 0px 10px;
float:left;
width:260px;
height:70px;
display:block;
background: #93849b; /* Old browsers */
background: -moz-linear-gradient(top,  #93849b 0%, #766680 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93849b), color-stop(100%,#766680)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #93849b 0%,#766680 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #93849b 0%,#766680 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #93849b 0%,#766680 100%); /* IE10+ */
background: linear-gradient(to bottom,  #93849b 0%,#766680 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93849b', endColorstr='#766680',GradientType=0 ); /* IE6-9 */
	}
.sidebarmenu.code h2 {
	}
.sidebarmenu {
	float:left;
	padding:0px;
	width:280px;
}
.sidebarmenu ol {
	float:left;
	margin:1em 0; padding:0;
	margin:10px 0px;
	color:#FFF;
	list-style:none;
}
.sidebarmenu ol ul {
	list-style:none;
	margin:0; padding:0;
}
.sidebarmenu ol ul li {
	font-size:.9em;
}
.sidebarmenu li a {
	font-weight:bold;
	padding:0px 10px 0px 10px;
	color:#FFF;
	text-decoration:none;
	float:left;
	margin:7px 0;
}
.sidebarmenu li li a {
	width:240px;
	padding:0px 10px 0px 30px;
	display:block;
	font-weight:normal;
	margin:3px 0;
}
.sidebarmenu.guide ol li a.activechapter {
	background-color:#6097ab;
	padding:0 30px 0 10px;
	display:block;
}
.sidebarmenu.guide ol ul li.active-section a {
	background-color:#6097ab;
	display:block;
}
.sidebarmenu.code ol li a.activechapter {
	background-color:#766680;
	padding:0 30px 0 10px;
	display:block;
}
.sidebarmenu.code ol ul li.active-section a {
	background-color:#766680;
	display:block;
}
.sidebarmenu .bullet {
	float:left;
	width:16px;
	height:16px;
	text-align:center;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background-color:#FFF;
	color:#5E95AA;
	font-size:10px;
	margin-right:4px;
	margin-top:2px;
	line-height:16px;
	font-weight:bold;
	
}
.sidebarmenu .chaptername {
	float:left;
	width:219px;
}

.sidebar h2, .sidebarmenu h2, .sidebarmenu h3 {
	padding:0;
	font-size:22px;
	color: #FFF;
	line-height:110%;
	text-shadow: 1px 1px 2px #757575;
	filter: dropshadow(color=#757575, offx=1, offy=1);
	font-weight: normal;
}

.sidebarmenu h2 {
	margin:0px;
	line-height:110%;
}

.sidebarmenu h3 {
	color:#FFF;
	text-transform:uppercase;
	margin:0px;
	font-size:18px;
	}

.sidebar a, .sidebar a:visited {
	display: block;
	color: #5296a8;
	font-size:13px;
	text-decoration: underline;
}

.sidebar a:hover {
	color: #5296a8;
	text-decoration: underline;
}
.search-tabs {
	padding-bottom:20px;
}
.search-tab {
	width:310px;
	color:#FFF;
	height:47px;
	line-height:37px;
}
.search-tab span {
	color:#FFF;
	text-decoration:none;
	display:block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
	margin-bottom:10px;
}
.tab-guide { background:url('images/search-tab-guide.jpg') no-repeat bottom center; margin-right:30px;}
.tab-guide span {
	background: #6097AB;
}
.tab-code { background:url('images/search-tab-code.jpg') no-repeat bottom center;}
.tab-code span {
	background:#7B6B85;
}
.inactive {background-image:none;}

.widget {position:relative;}
.textwidget {float:left; width:100%; height:100%;}
.widgettitle, .guide-widget h2 {padding:0; font-size:22px;}
.widget_text {width:280px; height:120px; padding:0; margin:0;}
#text-7 {height:auto; background:#FFF;}
#text-7 h3 {color: #80ACBD; margin-left:10px;}
/*#gform_widget-3, #gform_widget-4 {padding:10px; height:auto; width:260px;}*/
.doclink {float:left; display:block; width:100%; height:120px;}
.doclink h2 {position:absolute; bottom:10px; left:10px; z-index:10;}
.guide-widget {float:left; width:100%; height:100%; background:url(images/FMP-Guide-widget-bg.jpg) bottom right no-repeat;}
.home .guide-widget {background:url(images/home-guide-bg.jpg) bottom right no-repeat;}
.code-widget {background:url(images/FMP-Code-widget-bg.jpg) bottom right no-repeat;}

.home .widget_text {width:280px; height:120px; padding:0; margin:0;}

#text-9 {height:110px; padding:10px;}
#text-9 h2 {margin:0; padding:0;}
#home_stay_current {float:left;}
#home_stay_current input[type=text] {border:none!important; height:25px; line-height:25px; padding:0 5px; width:150px; margin-right:10px;}
#home_stay_current input[type=submit] {border:none!important; height:25px; width:85px; line-height:25px; padding:0 10px; cursor:pointer;}

/*#gform_widget-2 input {border:none!important;}*/

.video-thumb {width:265px; height:175px; display:block; position:relative;}
.video-thumb img {position:absolute; top:0; left:0; z-index:10; width:265px!important; height:175px!important;}
.video-thumb img.overlay {z-index:20;}
.video-thumb span a {color:#FFF; position:absolute; bottom:10px; left:10px; z-index:20; text-decoration:none; font-size:22px; font-weight:bold; text-transform:uppercase;}

.textwidget .video-thumb, .home .video-thumb {margin:0 0 20px 20px; width:280px; height:180px; display:block; position:relative; border:0!important;}
.textwidget .video-thumb img, .home .video-thumb img {position:absolute; top:0; left:0; z-index:10; width:280px!important; height:180px!important; z-index:10;}
.textwidget .video-thumb img.overlay, .home .video-thumb img.overlay {z-index:20;}
.textwidget .video-thumb a {color:#FFF; text-decoration:none;}

.parentchapter {
	font-size: 28px;
	font-weight:bold;
	margin: 14px 0 5px 0;
	padding:0;
	color:#83916A;
	text-transform:uppercase;
	line-height:1.1em;
}

.widget_ns_mailchimp h2 {
	margin-bottom:0px;
}

#posts .gform_wrapper div.validation_error {
	font-size: 14px;
}
#posts .gform_wrapper li.gfield.gfield_error {
	background-color: #e0eef3;
	border-bottom-color: #80ACBD;
	border-top-color: #80ACBD;
}

#posts {
	padding:30px;
}
.single-guide h1 {
	color:#80ACBD;
	font-size:20px;
	margin-top:0px;
}
.single-code h1 {
	color:#766680;
	font-size:20px;
	margin-top:0px;	
	}
.single-code .post h2, .single-code .post h3, .single-code .post h4 {color:#766680;}
.single-code a {color:#766680;}
.single-code table {
	border:1px solid #CCC;
	border-collapse:collapse;
	}
.single-code th {
	font-size:1em;
	font-weight:bold;
	background:#CCC;
	text-align:center;
	}
.single-code table td {
	font-size:.9em;
	padding:5px;
	}

.search #posts a {text-decoration:none;}
.search-link a {color:#006621;}

#home-slider {
	float: right;
	width: 715px;
}

#home-slider .caption {
	text-align: left;
	font-size: 20px;
	font-family: 'Gudea', sans-serif;
	line-height: 1.2;
	font-weight: normal;
	padding: 12px 25px;
	width: 665px;
	background-color: rgba(0, 0, 0, 0.4);
	color:#fff;
}

#menu-primary {
	margin-bottom:10px;
}

#menu-primary a, #menu-primary a:visited {
	color:#5e96a8;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:7px;
	text-decoration:none;
}

#menu-primary a:hover {
	text-decoration:underline;
}

#footer {
	clear: both;
}

#footer p {
	text-align: right;
	margin:10px 0;
	color: #404041;
	font-size:13px;
}
#footer .footerlinks {
	font-size:15px;
	}

#footer a, #footer a:visited {
	color: #404041;
	text-decoration: none;
}

#footer a:hover {
	color: #404041;
	text-decoration: underline;
}

#footer span {
	display:inline-block;
	margin:0 6px;
}

.sidebar .alignleft {
	margin-top:0;
}
#container_lower {
	background: rgba(255, 255, 255, 0.5);
	}
#container_lower .sidebar .gform_widget {
	padding: 10px;
	background-color: rgba(0, 0, 0, 0.4);
	
	}
#container_lower .sidebar .gform_widget label {
	font-weight: normal;
	display: block;
}

#container_lower .sidebar .gform_widget * {
	margin:0;
}

#container_lower .sidebar .gform_widget h2 {
	margin:15px 0 10px 0;
}

#container_lower .sidebar .gform_widget .gform_footer {
	padding: 5px 0 0 0;
}

blockquote.highlightbox {
	color:#777777;

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

	padding: 15px 0px 1em 1em;
	margin:0 0 15px 0;
	font-style: normal;
}
blockquote.highlightbox p:last-child {
	margin-bottom:0px;
}
#nav {
	margin-top:10px;
	
	height:48px;
	width:995px;
	border-bottom:5px solid #545B48;
	background: #808b6d; /* Old browsers */
	background: -moz-linear-gradient(top,  #808b6d 0%, #666f57 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808b6d), color-stop(100%,#666f57)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #808b6d 0%,#666f57 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #808b6d 0%,#666f57 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #808b6d 0%,#666f57 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #808b6d 0%,#666f57 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808b6d', endColorstr='#666f57',GradientType=0 ); /* IE6-9 */
	}
.menu-top-nav-container {
	display:inline-block;
	}
#menu-top-nav {
	height:48px;
	padding:0;
	margin:0;
	list-style:none;
	
}
#menu-top-nav li {
	float:left;
}
#menu-top-nav a {
	font-family: 'Gudea', sans-serif;
	font-weight:400;
	font-size:20px;
	padding:0 20px;
	line-height:48px;
	color:#FFF;
	text-decoration:none;
	display:block;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
#menu-top-nav a:hover {
	background-color:#808b6d;
	}
#menu-top-nav .current-menu-item, #menu-top-nav .current-menu-item a:hover, .single-guide #menu-top-nav li#menu-item-797, .single-code #menu-top-nav li#menu-item-800 {
	background-color:#545B48;
}
#searchform {
	display:inline-block;
	height:35px;
	padding-top:13px;
	float:right;
	}
#searchform input {float:left; margin-right:10px;}
#searchform input[type=text] {border:none!important; height:25px; line-height:25px; padding:0 5px; width:200px;}
#searchform input[type=submit] {border:none!important; height:25px; line-height:25px; padding:0 10px; cursor:pointer;}

.emailsubscribeform #input_3_1 {
	width:237px;
	color:#666;
	padding:8px;
	height:14px;
	font-size:14px;
	border:none;
	background-color:#ECF2F4;
	border:1px solid #5E95AA;
}
.emailsubscribeform label {
	color:#ECF2F4;
}
.emailsubscribeform #gform_submit_button_3{
	background:none;
	border:none;
	color:#FFF;
	text-decoration:underline;
}
.guidenavigation {
	color:#000;
	line-height:1.2em;
}
.guidenavigation .previous, .guidenavigation .next {
	width:200px;
}
.guidenavigation a {
	font-weight:bold;
	font-size:18px;
	text-decoration:none;
}
.guidenavigation .previous {
	float:left;
	text-align:left;
}
.guidenavigation .next {
	float:right;
	text-align:right;
}
.footnoteslink a {
	text-decoration:none;
	font-size:.9em;
	}
.footnotes {
	margin:0; padding:0;
	padding-left:20px;
	}
.footnotes li {
	margin:5px 0px;
	}
.footnotes li li {
	margin:0px;
	}

blockquote.bcmi, blockquote.fmbp {padding:0; margin:0; background:url(images/practices-box-bg.jpg) top left repeat-y #E3EDF0; float:left; width:100%; margin-bottom:1px}
blockquote.fmbp {margin-bottom:20px;}
blockquote .p_title {display:block; float:left; height:100%; width:100px; padding:10px; font-weight:bold;}
blockquote .p_desc {display:block; float:left; width:500px; height:100%; padding:10px;}

blockquote {float:left; width:630px;}
	
/* Fair Mining Practices Navigation */

ul.thumb-buttons {list-style:none; margin:0; padding:0;}
ul.thumb-buttons li {float:left; margin:0 30px 30px 0; padding:0;}
ul.thumb-buttons li a {display:block; float:left; width:310px; height:90px; overflow:hidden; position:relative; background:#5E95AA;}
ul#code-thumbs li a {background:#93849B;}
ul.thumb-buttons li a div {float:left; width:120px; height:90px; background:#DDD;}
ul.thumb-buttons li p {display:none;}
ul.thumb-buttons li a p {display:block; float:left; height:90px; line-height:90px; margin-left:5px; font-size:80px; font-weight:bold; color:#7EAABB; font-style:italic;}
ul#code-thumbs li a p {color:#766680}
ul.thumb-buttons li a h4 {margin:0; padding:0; position:absolute; right:5px; top:40px; width:160px; color:#FFF; text-transform:uppercase; line-height:18px; font-size:16px; text-align:right;}
#practices1 div {font-size:0; background:url(images/practice-temp.jpg) 0 0;}
#practices2 div {font-size:0; background:url(images/practice-temp.jpg) -125px 0;}
#practices3 div {font-size:0; background:url(images/practice-temp.jpg) 0 -90px;}
#practices4 div {font-size:0; background:url(images/practice-temp.jpg) -125px -90px;}
#practices5 div {font-size:0; background:url(images/practice-temp.jpg) 0 -180px;}
#practices6 div {font-size:0; background:url(images/practice-temp.jpg) -125px -180px;}
#practices7 div {font-size:0; background:url(images/practice-temp.jpg) 0 -270px;}
#practices8 div {font-size:0; background:url(images/practice-temp.jpg) -125px -270px;}
#practices9 div {font-size:0; background:url(images/practice-temp.jpg) 0 -360px;}
#practices10 div {font-size:0; background:url(images/practice-temp.jpg) -125px -360px;}

.jwmain, .jwvideo, .jwcontrols {overflow:hidden;}