/*
Theme Name: SlopeFillers
Theme URI: http://www.slopefillers.com
Description: A theme for the SlopeFillers website blog.
Version: 4.0
Author: Gregg Blanchard
Author URI: http://www.greggblanchard.com

*/


	/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
	*/

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p,  pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, img, ins, kbd, q, s, samp,
	small, strike, sub, sup, tt, var,
	u, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	/*
	ol, ul {
		list-style: none;
	}
	
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	*/
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		background-color: #14181e;
		background-image: url('images/back.jpg');
		background-repeat: repeat-x;
		background: url('images/treeback.jpg') #1B1A1C no-repeat center top;
		text-align: center;
		font-family: arial;
		margin: 0 10px 0 10px;
	}
	a {
		color: #498ed3;
	}
	#superwrapper {
		width: 1064px;
		margin: 0 auto 0 auto;
	}
	#leftside {
		width: 145px;
		float: left;
		font-size: 12px;
		line-height: 19px;
		text-align: left;
		color: #b9babc;
		height: auto;
	}
	#footercontent {
		width: 1064px;
		clear: both;
		height: 150px;
		margin: 0 auto 0 auto;
		padding: 210px 0 0 0px;
		text-align: left;
		font-family: arial;
		color: #cccccc;
		font-size: 12px;
		line-height: 19px;
	}
	#leftside a {
		color: #b9babc;
		font-size: 12px;
		line-height: 19px;
		text-decoration: none;
		text-shadow: 1px 1px #000000;
	}
	@media screen and (min-width: 1084px) {
		#superwrapper {
			width: 1064px;
			margin: 0 auto 0 auto;
		}
		#leftside {
			width: 145px;
			float: left;
			font-size: 12px;
			line-height: 19px;
			text-align: left;
			color: #b9babc;
			height: auto;
		}
		#footercontent {
			width: 1064px;
			clear: both;
			height: 150px;
			margin: 0 auto 0 auto;
			padding: 210px 0 0 0px;
			text-align: left;
			font-family: arial;
			color: #cccccc;
			font-size: 12px;
			line-height: 19px;
		}
		#leftside a {
			color: #b9babc;
			font-size: 12px;
			line-height: 19px;
			text-decoration: none;
			text-shadow: 1px 1px #000000;
		}
	}
	@media screen and (max-width: 1083px) {
		#superwrapper {
			width: 990px;
			margin: 0 auto 0 auto;
		}
		#leftside {
			width: 71px;
			float: left;
			font-size: 11px;
			line-height: 17px;
			text-align: left;
			color: #b9babc;
			height: auto;
		}
		.daslogo {
			width: 90px;
			height: 75px;
			padding-top: 16px;
		}
		#footercontent {
			width: 990px;
			clear: both;
			height: 150px;
			margin: 0 auto 0 auto;
			padding: 210px 0 0 0px;
			text-align: left;
			font-family: arial;
			color: #cccccc;
			font-size: 11px;
			line-height: 17px;
		}
		#leftside a {
			color: #b9babc;
			font-size: 11px;
			line-height: 17px;
			text-decoration: none;
			text-shadow: 1px 1px #000000;
		}
	}
	#leftside ul {
		list-style: none;
		text-indent: 0em;
		padding-left: 0em;
		margin: 0 0 0 0px;
		padding: 0 0 0 0px;

	}
	#leftside ul ul li{
		margin: 14px 0 0px 0px;
		list-style-type: none;
	}
	li.cat-item {
		margin: 0px !important;
		padding: 0px;
	}
	
	#leftside a:hover {
		color: #ffffff;
	}
	#rightside {
		width: 900px;
		height: auto;
		float: right;
	}
	h2 {
		font-size: 24px;
		line-height: 28px;
		margin: 25px 0 5px -1px;
		padding: 0px;
		color: #55585b;
		font-weight: bold;
		letter-spacing: -2px;
		text-shadow: 1px 1px #000000;
	}
	#bluemenu {
		width: 900px;
		height: 50px;
		margin: 25px 0 20px 0px;
		padding: 0px;
		text-align: left;
		text-shadow: 1px 1px #000000;
		border-radius: 1px;
		-moz-box-shadow:    0px 0px 6px 3px #000;
		-webkit-box-shadow: 0px 0px 6px 3px #000;
		box-shadow:         0px 0px 6px 3px #000;
		background: #498ed3; /* Old browsers */
		background: -moz-linear-gradient(top,  #498ed3 0%, #3d77b0 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#498ed3), color-stop(100%,#3d77b0)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #498ed3 0%,#3d77b0 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #498ed3 0%,#3d77b0 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #498ed3 0%,#3d77b0 100%); /* IE10+ */
		background: linear-gradient(top,  #498ed3 0%,#3d77b0 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#498ed3', endColorstr='#3d77b0',GradientType=0 ); /* IE6-9 */

	}
	#bluemenu a {
		line-height: 52px;
		font-size: 16px;
		text-transform: uppercase;
		text-decoration: none;
		color: white;
		font-weight: bold;
		padding: 0px 12px 0 25px;
		margin: 0px;
	}
	#bluemenu a:hover {
		/* background: url('images/linkglow2.png') no-repeat center center; */
		text-decoration: none;
		color: #C0EAF5;
	}
	#grayalert {
		width: 900px;
		height: 36px;
		margin: -7px 0 15px 0px;
		font-size: 14px;
		font-weight: bold;
		color: #ffffff;
		padding: 0px;
		text-align: center;
		text-shadow: 1px 1px #000000;
		border-radius: 1px;
		-moz-box-shadow:    0px 0px 6px 3px #000;
		-webkit-box-shadow: 0px 0px 6px 3px #000;
		box-shadow:         0px 0px 6px 3px #000;
		background: #555555; /* Old browsers */
		background: -moz-linear-gradient(top,  #555555 0%, #333333 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#333333)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #555555 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #555555 0%,#333333 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #555555 0%,#333333 100%); /* IE10+ */
		background: linear-gradient(top,  #555555 0%,#333333 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#333333',GradientType=0 ); /* IE6-9 */

	}
	#grayalert a {
		line-height: 36px;
		font-size: 14px;
		color: #ACCAEA;
		padding: 0px;
		margin: 0px;
	}
	#grayalert a:hover {
		text-decoration: underline;
		color: #ffffff;
	}
	#bluesearch {
		float: right;
		height: 32px;
		width: 240px;
		margin: 9px 14px 0 0px;
		padding: 0px;
		background-color: #3a71a8;
		text-align: left;
		border-radius: 5px;
	}
	input.bluebox {
		background-color: #3a71a8;
		font-size: 14px;
		line-height: 20px;
		border: none;
		width: 200px;
		outline: 0;
		outline: none; 
		margin: 0 0 0 8px;
		padding: 7px 0 7px 0px;
		color: #dddddd;
	}
	#blacksearch {
		height: 36px;
		width: 250px;
		margin: 9px 14px 0 0px;
		padding: 0px;
		background-color: #000000;
		text-align: left;
		border-radius: 5px;
	}
	input.blackbox {
		background-color: #000000;
		font-size: 14px;
		line-height: 20px;
		border: none;
		width: 200px;
		outline: 0;
		outline: none; 
		margin: 0 0 0 8px;
		padding: 7px 0 7px 0px;
		color: #dddddd;
	}
	input.search-go {
		border:0;
		margin:0;
		padding:0;
		float: right;
		margin: 6px 5px 6px 0px;
		height: 20px;
		width: 20px;
		outline: 0;
		outline: none; 
		background: url('images/search.png') no-repeat center right;
		cursor: pointer;
	}
	input:focus {  
		outline: none;  
	} 
	#postcontent {
		width: 630px;
		height: auto;
		background-color: white;
		float: left;
		border-radius: 1px;
		-moz-box-shadow:    0px 0px 6px 3px #000;
		-webkit-box-shadow: 0px 0px 6px 3px #000;
		box-shadow:         0px 0px 6px 3px #000;
	}
	#alertcontent {
		width: 630px;
		height: 44px;
		height: auto;
		
		background: #777777; /* Old browsers */
		background: -moz-linear-gradient(top,  #aaaaaa 0%, #777777 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaaa), color-stop(100%,#777777)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #aaaaaa 0%,#777777 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #aaaaaa 0%,#777777 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #aaaaaa 0%,#777777 100%); /* IE10+ */
		background: linear-gradient(top,  #aaaaaa 0%,#777777 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#777777',GradientType=0 ); /* IE6-9 */
		float: left;
		margin: 0 0 27px 0px;
		color: #ffffff;
		font-size: 14px;
		line-height: 44px;
	}
	#alertcontent a {
		color: #C0EAF5;
	}
	#actualcontent {
		width: 560px;
		margin: 31px 35px 35px 35px;
		padding: 0px;
		font-size: 16px;
		line-height: 24px;
		text-align: left;
		/* overflow: hidden; */
		height: auto;
	}
	#actualcontent img {	
		max-width: 560px;
	}
	#actualcontent h1 {
		text-transform: uppercase;
		font-weight: bold;
		color: black;
		font-size: 32px;
		line-height: 34px;
		margin: 0px 0 0px 0px;
		padding: 0px;
	}
	#actualcontent p {
		padding: 0px;
		margin: 18px 0 0px 0px;
	}
	#actualcontent ul, ol {
		list-style-type: normal;
		margin: 15px 0 10px 25px;
	}
	#actualcontent li {
	
	}
	#titleimage {
		width: 560px;
		margin: 22px 0 0 0px;
		padding: 0px;
		border: 0px;
	}
	#datename {
		width: 560px;
		height: 34px;
		border-bottom: 1px solid #ccc;
		font-size: 14px;
		color: #888888;
		line-height: 30px;
	}
	#chartform {
		width: 560px;
		height: 38px;
		border-bottom: 1px solid #999;
		border-top: 1px solid #999;
		font-size: 14px;
		color: #444444;
		line-height: 38px;
		font-weight: bold;
	}
	#rightbar {
		width: 250px;
		height: auto;
		background-color: none;
		float: right;
		text-align: left;
		font-size: 12px;
		color: #dddddd;
		line-height: 19px;
		text-shadow: 1px 1px #000000;
	}
	#rightbar a {
		color: #9fc4e1;
		font-weight: bold;
		text-decoration: none;
	}
	#rightbar a:hover {
		color: #ffffff;
	}
	.snapshotbox {
		width: 250px;
		height: 52px;
		margin: 5px 0 0 0px;
		border-radius: 1px;
		-moz-box-shadow:    0px 0px 3px 2px #000;
		-webkit-box-shadow: 0px 0px 3px 2px #000;
		box-shadow:         0px 0px 3px 2px #000;
	}
	.twitter {
		background: url('images/tw-small.png') no-repeat center left;
		background-color: #2db5df;
		text-shadow: 1px 1px #21677f;
	}
	.facebook {
		background: url('images/fb-small.png') no-repeat center left;
		background-color: #3b5998;
		text-shadow: 1px 1px #28395b;
	}
	.youtube {
		background: url('images/yt-small.png') no-repeat center left;
		background-color: #b83629;
		text-shadow: 1px 1px #662724;
	}
	.google {
		background: url('images/gp-small.png') no-repeat center left;
		background-color: #454545;
		text-shadow: 1px 1px #2c2e31;
	}
	.klout {
		background: url('images/klout.png') no-repeat center left;
		background-color: #d15c0f;
		text-shadow: 1px 1px #723621;
	}
	.instagram {
		background: url('images/insta.png') no-repeat center left;
		background-color: #8B5A2B;
		text-shadow: 1px 1px #552B00;
	}
	.foursquare {
		background: url('images/foursquare.png') no-repeat center left;
		background-color: #871774;
		text-shadow: 1px 1px #555555;
	}
	.pinterest {
		background: url('images/pinterest.png') no-repeat center left;
		background-color: #ad2825;
		text-shadow: 1px 1px #990000;
	}
	#footer {
		background: url('images/mountains.png') repeat-x center bottom;
		height: 350px;
		width: 100%;
		clear: both;
	}
	
	#footerlogo {
		zoom: 1;
		filter: alpha(opacity=80);
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		float: right; 
		margin: -5px -20px 0 0px; border: 0px;
	}
	#footerlogo:hover {
		zoom: 1;
		filter: alpha(opacity=100);
		-moz-opacity:1.0;
		-khtml-opacity: 1.0;
		opacity: 1.0;
	}
	.footerlink {
		color: #8ab7e3;
		text-decoration: none;
	}

	.footerlink:hover {
		color: #ffffff;
		border-bottom: 1px dashed #ffffff;
	}
	.tdtotals {
		width: 85px; 
		font-size: 12px; 
		color: white; 
		text-align: left;
	}
	.tdyests {
		width: 62px; 
		font-size: 12px; 
		color: white; 
		text-align: center;
	}
	.tdgrowths {
		width: 60px; 
		font-size: 12px; 
		color: white; 
		text-align: center;
	}
	.tdtotal {
		width: 85px; 
		font-size: 18px; 
		color: white; 
		text-align: left; 
		letter-spacing: -1px;
	}
	.tdyest {
		width: 62px; 
		font-size: 18px; 
		color: white; 
		text-align: center; 
		letter-spacing: -1px;
	}
	.tdgrowth {
		width: 60px; 
		font-size: 18px; 
		color: white; 
		text-align: center; 
		letter-spacing: -1px;
	}
	.socialicon {
		width: 24px;
		height: 24px;
		margin: 10px 10px 0px 0px;
		border: 0px;
	}
	.eliteeight {
		width: 250px; 
		line-heigh: 28px; 
		font-size: 12px; 
		letter-spacing: 0px; 
		color: #dddddd; 
		margin: 9px 0 0 0px; 
	}
	td.eliteeight {
		vertical-align: center;
	}
	td.colored {
		color: #c7dbef;
	}
	.topstat {
		font-weight: bold;
	}
	.dividerline {
		height: 5px; 
		border-top: 1px solid #ccc; 
		margin: 0px; 
		padding: 0 0 0px 0px;
	}
	.dividerholder {
		padding-top: 5px;
	}

	.suggestionsBox {
		position: relative;
		left: 0px;
		margin: -2px 0px 0px 0px;
		width: 250px;
		background-color: #333333;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border: 1px solid #659CD8;	
		color: #fff;
		text-weight: normal;
	}
		
	.suggestionList {
		margin: 0px;
		padding: 0px;
	}

	.suggestionList ul {
		margin: 0px;
		padding: 0px;
	}

	.suggestionList li {
		margin: 0px 0px 0px 0px;
		padding: 3px;
		cursor: pointer;
		text-weight: normal;
	}

	.suggestionList li:hover {
		background-color: #659CD8;
	}

	.suggestionsBoxb {
		position: relative;
		left: 227px;
		margin: -2px 0px 0px 0px;
		width: 250px;
		background-color: #333333;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border: 1px solid #659CD8;	
		color: #fff;
	}
		
	.suggestionListb {
		margin: 0px;
		padding: 0px;
	}

	.suggestionListb ul {
		margin: 0px;
		padding: 0px;
	}

	.suggestionListb li {
		margin: 0px 0px 0px 0px;
		padding: 3px;
		cursor: pointer;
	}

	.suggestionListb li:hover {
		background-color: #659CD8;
	}
	
	/*JOB BOARD */
	.jobdetails a {
		padding: 6px 15px 6px 15px;
		background-color: #398ed3;
		border-radius: 5px;
		color: white;
		font-size: 16px;
		text-decoration: none;
	}
	.jobdetails a:hover {
		background-color: #333333;
	}
	.jobitems ul {
		list-style-type: none; 
		list-style-image: none; 
		margin: 0px;
		padding: 0px;
	}
	.jobitems li {
		padding: 6px; 
		margin: 0 -2px 0 0px;
		min-width: 28px;
		text-align: center;
		background-color: #cccccc;
		border-radius: 5px;
		color: white;
		font-size: 16px;
		letter-spacing: -1px;
		text-decoration: none;
		display: inline;
	}
	.jobwords ul {
		list-style-type: none; 
		list-style-image: none; 
		margin: 5px 0 0 0px;
		padding: 0px;
	}
	.jobwords li {
		padding: 6px 12px 6px 12px; 
		margin-top: 4px;
		text-align: center;
		background-color: #efefef;
		border-radius: 5px;
		color: #555555;
		font-size: 12px;
		text-decoration: none;
		line-height: 12px;
		border: 1px solid #dedede;
		display: inline-block;
	}
	
	.msg {
	padding: 7px 0px 7px 0px; 
	margin: 10px auto 10px auto;
	text-align: center;
	height: auto;
	line-height: 19px;
	border: 1px solid #e6db55;
	background-color: #fffbcc;
}