/*
Theme Name: The HTML5 Reset Theme
Theme URI: http://html5reset.org
Description: A style-free theme to get you started on an HTML5-based Wordpress theme of your own.
Author: Monkey Do!
Author URI: http://monkeydo.biz
Version: 1
*/

/*
	HTML5 Reset Wordpress Theme :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
	Special thanks: The Wordpress theme owes its start to an empty theme authored 
		by Chris Coyier & Jeff Starr: http://digwp.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */

ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack 
body {font: 13px Helmet, Freesans, sans-serif;} */

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
select, input, textarea {color: #555;}

a, a:link, a:visited {
	color: #3381d6;
	-webkit-transition: color 0.4s ease;
	-moz-transition: color 0.4s linear;
	-o-transition: color 0.4s linear;
	-ms-transition: color 0.4s linear;
	transition: color 0.4s linear;
}

a:hover, a:active, a:focus {
	color: #e06c1f;
}

h2 a:link, h2 a:visited {
	text-decoration: none;
}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #e06c1f; color: #fff; text-shadow: none;}
::selection {background: #e06c1f; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

/* ins {background-color: #fcd700; color: #000; text-decoration: none;} */
ins { text-decoration: none; }
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2011 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Typodermic
 * License URL: http://www.fontspring.com/fflicense/typodermic
 *
 *
 */

@font-face {
    font-family: 'GnuolaneRegular';
    src: url('gnuolane_rg-webfont.eot');
    src: url('gnuolane_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('gnuolane_rg-webfont.woff') format('woff'),
         url('gnuolane_rg-webfont.ttf') format('truetype'),
         url('gnuolane_rg-webfont.svg#GnuolaneRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* And here begins the Wordpress fun.
-------------------------------------------------------------------------------*/

body {
	font-family: Helmet, Freesans, sans-serif;
	color: #555;
	font-size: 1em;
	line-height: 1.6em;
    -webkit-backface-visibility: hidden;
}

p {
	margin: 0 0 1.5em 0;
}

/* headings start here */

h1, h2 {
	font-family: "GnuolaneRegular", Arial, sans-serif;
	font-weight: normal;
	margin: 0 0 1em 0;
	font-size: 2.6em;
	line-height: 1.1;
	clear: left;
	letter-spacing: .024em;
	-webkit-transition: font-size .7s linear;
	-moz-transition: font-size .7s linear;
	-o-transition: font-size .7s linear;
	-ms-transition: font-size .7s linear;
	transition: font-size .7s linear;
}

h2 {
	font-size: 2.3em;
	font-weight: normal;
	margin-bottom: .4em;
	margin-top: 1.3em;
}

.secondary-title {
	font-family: "GnuolaneRegular", "Open Sans Condensed", sans-serif;
	font-size: 2.6em;
	margin-top: 0;
	font-weight: normal;
}

.title-link, .entry-title {
	margin-bottom: .25em;
}

.title-alt {
	font-family: "GnuolaneRegular", "Open Sans Condensed", sans-serif;
	margin-bottom: .4em;
	margin-top: 0;
	font-size: 2.3em;
	font-weight: normal;
}

.alt-lg {
	font-size: 2.8em;
}

.title-link:link, .title-link:visited {
	text-decoration: none;
	color: #555;
}

.title-link:hover, .title-link:active, .title-link:focus {
	color: #e06c1f;
}

.archive-title {
	font-style: italic;
	font-family: Georgia, serif;
	color: #ccc;
	font-size: 2.1em;
	font-weight: normal;
	margin-bottom: 1em;
	margin-top: 0;
}

.widget-title {
	margin-top: 20px;
	font-family: "Open Sans Condensed", sans-serif;
	font-size: 1.8em;
	line-height: 1;
	clear: left;
}

/* Headings end here */

.globalwidth {
	width: 1056px;
	padding-left: 26px;
	padding-right: 26px;
	margin: 0 auto;
}

.header {
	background: #343434;
	background: -webkit-linear-gradient(#343434, #454545, #343434);
	background: -moz-linear-gradient(#343434, #454545, #343434);
	background: -ms-linear-gradient(#343434, #454545, #343434);
	background: -o-linear-gradient(#343434, #454545, #343434);
	background: linear-gradient(#343434, #454545, #343434);
	height: 146px;
	min-width: 1100px;
	-webkit-box-shadow: rgba(0, 0, 0, .2) 0 3px 6px 2px;
	-moz-box-shadow: rgba(0, 0, 0, .2) 0 3px 6px 2px;
	box-shadow: rgba(0, 0, 0, .2) 0 3px 6px 2px;
}

	.header-inside {
		padding-top: 26px;
		position: relative;
		-webkit-transition: width .7s linear, padding .4s linear;
		-moz-transition: width .7s linear, padding .4s linear;
		-o-transition: width .7s linear, padding .4s linear;
		-ms-transition: width .7s linear, padding .4s linear;
		transition: width .7s linear, padding .4s linear;
	}
	
		.header-ad {
			position: absolute;
			right: 55px;
			top: 10px;
			-webkit-transition: all .4s linear;
			-moz-transition: all .4s linear;
			-o-transition: all .4s linear;
			-ms-transition: all .4s linear;
			transition: all .4s linear;
		}

		html > body div.bsap_1269214 a.adhere {
			background: #565656;
			color: #fff;
			-webkit-transition: all .4s linear;
			-moz-transition: all .4s linear;
			-o-transition: all .4s linear;
			-ms-transition: all .4s linear;
			transition: all .4s linear;
		}
		
		.bsap_adhere {
			display: none;
		}

		html > body div.bsap_1269214 a.adhere:hover {
			background: #777;
			color: #fff;
		}
		
		a.adhere {
			-webkit-transition: all .3s linear;
			-moz-transition: all .3s linear;
			-o-transition: all .3s linear;
			-ms-transition: all .3s linear;
			transition: all .3s linear;
		}
		
		.navbar {
			font-family: "Open Sans Condensed", sans-serif;
			font-size: 24px;
			padding: 16px 0 0 0;
			letter-spacing: 0.05em;
			clear: left;
			overflow: hidden;
		}

			.navbar li {
				display: inline-block;
				*display: inline;
				padding: 0 30px 0 0;
				-webkit-transition: font-size .7s linear, padding .7s linear;
				-moz-transition: font-size .7s linear, padding .7s linear;
				-o-transition: font-size .7s linear, padding .7s linear;
				-ms-transition: font-size .7s linear, padding .7s linear;
				transition: font-size .7s linear, padding .7s linear;
			}

			.navbar a, .navbar a:link, .navbar a:visited {
				line-height: 24px;
				color: white;
				text-decoration: none;
				padding: 10px 0 0 0;
			}

			.navbar a:hover {
				color: #e06c1f;
			}

		.logo, .home-heading {
			margin: 0 0 0 3px;
			float: left;
		}

		.home-heading {
			width: 326px;
			height: 66px;
			text-indent: -9999px;
		}
		
			.home-heading a:link, .home-heading a:visited {
				display: block;
				width: 326px;
				height: 66px;
				-webkit-transform: translate3d(0, 0, 0);
				background: transparent url(images/logo.png) no-repeat 0 0;
				-moz-transition: -moz-transform .6s linear;
				-webkit-transition: -webkit-transform .6s linear;
				-ms-transition: -ms-transform .6s linear;
				-o-transition: -o-transform .6s linear;
				transition: transform .6s linear;
			}
			
			.home-heading a:hover {
				-webkit-backface-visibility: hidden;
				-webkit-perspective: 1000;
				-moz-transform: rotate(-2deg) scale(1.02);
				-webkit-transform: rotate(-2deg) scale(1.02);
				-ms-transform: rotate(-2deg) scale(1.02);
				-o-transform: rotate(-2deg) scale(1.02);
				transform: rotate(-2deg) scale(1.02);
			}

			a.home-anchor:link, a.home-anchor:visited {
				-webkit-transform: translate3d(0, 0, 0);
				-moz-transition: -moz-transform .6s linear;
				-webkit-transition: -webkit-transform .6s linear;
				-ms-transition: -ms-transform .6s linear;
				-o-transition: -o-transform .6s linear;
				transition: transform .6s linear;
				display: block;
				width: 326px;
				height: 66px;
			}

			a.home-anchor:hover {
				-webkit-backface-visibility: hidden;
				-webkit-perspective: 1000;
				-moz-transform: rotate(-2deg) scale(1.02);
				-webkit-transform: rotate(-2deg) scale(1.02);
				-ms-transform: rotate(-2deg) scale(1.02);
				-o-transform: rotate(-2deg) scale(1.02);
				transform: rotate(-2deg) scale(1.02);
			}

	.content {
		padding-top: 40px;
		overflow: hidden;
	}

		.content-left {
			float: left;
			width: 676px;
			padding: 0 40px 0 0;
			border-right: solid 4px #eee;
			margin: 0 24px 0 0;
			min-height: 800px;
		}
		
		.sidebar {
			float: right;
			width: 308px;
			padding: 0; /*34px 50px 34px*/
			margin: 0 0 30px 0;
		}
			
			.adlink {
				margin: 15px 5px 0 0;
				text-align: center;
				font-size: 14px;
			}
			
				.adlink a:link, .adlink a:visited {
					color: #888;
				}
				
				.adlink a:hover {
					color: #e06c1f;
				}

			.subscribe-sb {
				overflow: hidden;
				padding: 0 0 24px 0;
				text-align: center;
			}

			.subscribe-sb li {
				display: inline-block;
				*display: inline;
				*float: left;
				padding: 0 14px 0 0;
				vertical-align: middle;
			}
			
				.subscribe-sb a:link, .subscribe-sb a:visited {
					display: block;
					text-indent: -9999em;
					overflow: hidden;
					-moz-transition: opacity .4s linear;
					-webkit-transition: opacity .4s linear;
					-ms-transition: opacity .4s linear;
					-o-transition: opacity .4s linear;
					transition: opacity .4s linear;
					opacity: .7;
				}
				
				.subscribe-sb a:hover {
					opacity: 1;
				}
				
				.twitter-sb a:link, .twitter-sb a:visited {
					width: 59px;
					height: 40px;
					background: transparent url(images/btn-twitter-side.jpg) no-repeat 0 0;
				}
				
				.googleplus-sb a:link, .googleplus-sb a:visited {
					width: 41px;
					height: 41px;
					background: transparent url(images/btn-googleplus-side.jpg) no-repeat 0 0;
				}
				
				li.email-sb {
					padding-right: 15px;
				}

				.email-sb a:link, .email-sb a:visited {
					width: 53px;
					height: 34px;
					background: transparent url(images/btn-email.jpg) no-repeat 0 0;
				}
				
				.rss-sb a:link, .rss-sb a:visited {
					width: 41px;
					height: 41px;
					background: transparent url(images/btn-rss.jpg) no-repeat 0 0;
				}
			
			/* transitions for mq */
			.sidebar div.bsap_1266150 a {
				-moz-transition: width .7s linear, height .7s linear;
				-webkit-transition: width 1s linear, height 1s linear;
				-ms-transition: width 1s linear, height 1s linear;
				-o-transition: width 1s linear, height 1s linear;
				transition: width 1s linear, height 1s linear;
			}

			.searchform {
				padding: 0 0 22px 0;
				overflow: hidden;
			}

			.screen-reader-text {
				display: none;
			}

			.searchtxt {
				float: left;
				width: 76%;
				padding-left: 6px;
				padding-top: 9px;
				padding-bottom: 10px;
				margin: 0 4px 0 0;
				background: #ebebeb;
				border: solid 1px #c7c7c7;
				font-size: 16px;
				color: #bbb;
				font-style: italic;
			}
			
			.sbselected {
				color: #555;
				font-style: normal;
			}
			
			.searchsubmit {
				float: left;
				font-size: 19px;
				font-style: italic;
				border: solid 1px #c7c7c7;
				color: #999;
				padding: 5px 10px 10px 10px; /* was width/height 50x40 */
				-webkit-border-radius: 0;
				-webkit-appearance: none;
				background: #ebebeb;
			}
			
			.ads {
				clear: left;
				overflow: hidden;
			}
			
			.top-sb-ad {
				padding: 15px 0 0 3px;
			/*	width: 250px;*/
			}

.post {
	margin-bottom: 40px;
	overflow: hidden;
}

	.meta {
		color: #b2b2b2;
		margin: 0 0 .3em 0;
	}

	.article_image {
		float: left;
		border: solid 1px #ddd;
		margin: 6px 20px 12px 0;
		background: #eee;
		padding: 5px;
	}
	
	.wide_image {
		background: #eaeaea;
		padding: 5px;
		border: solid 1px #d6d6d6;
		display: block;
	}
	
	.wi_new {
		width: 95%;
		height: auto;
	}
	
	.square_image {
		display: inline;
	}

	a .wide_image:hover {
		background: #e0e0e0;
	}
	
	.more {
		float: right;
		padding: 0 20px 0 0;
	}

	.more a, .more a:link, p.more a:visited {
		text-decoration: none;
	}
	
p code {
	color: #e06c1f;
	background: #eee;
	padding: 1px;
	word-wrap: break-word;
	font-family: "Courier New", Courier, monospace;
}

code {
	word-wrap: break-word;
	font-family: "Courier New", Courier, monospace;
}

h2 code {
	color: #aaa;
	font-family: "Courier New", courier, monospace;
	white-space: normal;
}

ol.commentlist li.comment pre {
	overflow: auto;
	background: #333;
	padding: 0 0 20px 20px;
	margin: 0 0 15px 0;
	border-radius: 10px;
	font-family: "Courier New", Courier, monospace;
	max-height: 450px;
	word-wrap: normal;
	white-space: pre;
	clear: both;
}

ol.commentlist li.comment pre {
	color: #fff;
}

ol.commentlist li.comment pre code {
	white-space: pre;
	word-wrap: normal;
	color: #fff;
	background: #333;
}

ol.commentlist li.comment code {
	background: #e2e2e2;
}

.post h3 code {
	font-size: inherit;
}

.cssbasics, .box-header {
	background: #e7e7e7;
	border: solid 1px #abadb3;
	padding: 16px 20px 16px 24px;
	margin: 0 0 20px 0;
}

.cssbasics p, .box-header p {
	margin: 0;
}

/* -------- COMMENTS ---------- */

.comment-author {
	width: 290px;
	padding: 0 0 15px 0;
}

.commentform {
	overflow: hidden;
	padding: 10px 0 60px 0;
	position: relative;
}

	.commentform p {
		padding: 0;
		margin: 0;
	}

	label {
		line-height: 22px;
		display: block;
		float: left;
		padding: 0 0 0 11px;
		font-size: 14px;
	}
	
	label.comment_label {
		float: none;
		padding: 0;
	}

	.form-txt {
		color: #878787;
		font-size: 14px;
		border: solid 1px #ccc;
		height: 24px;
		width: 260px;
		padding: 2px;
		float: left;
		clear: left;
		margin: 0 0 5px 0;
	}
	
	textarea {
		border: solid 1px #ccc;
		font-size: 13px;
		font-family: Arial, Helvetica, sans-serif;
		color: #5a5a5a;
		padding: 3px 0 0 2px;
		clear: left;
		width: 98%;
		min-height: 160px;
		line-height: 20px;
		clear: left;
		resize: vertical;
		-moz-resize: vertical;
	}
	
	.submit {
		width: 200px;
		height: 36px;
		margin-top: 5px;
		font-size: 1.5em;
		font-family: "GnuolaneRegular", sans-serif;
		letter-spacing: 0.03em;
		border: solid 1px #c7c7c7;
		color: #ddd;
		padding: 0 0 20px 0;
		background: #555;
		float: left;
		clear: left;
        line-height: 34px;
	}

	.commentmetadata {
		font-size: 12px;
	}
	
		.commentmetadata a, .commentmetadata a:link, .commentmetadata a:visited {
			color: #888;
		}
		
		.commentmetadata a:hover {
			color: #444;
		}
	
	ol.commentlist {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		list-style: none;
	}
		
		ol.commentlist li.comment {
			border: solid 1px #b5b5b5;
			margin: 0 0 15px 0;
			padding: 15px 15px 8px 15px;
			background: #eee;
			position: relative;
			word-wrap: break-word;
			border-radius: 10px;
		}
		
		html.ie6 ol.commentlist li.comment {
			zoom: 1;
		}
		
			ol.commentlist li.comment li {
				margin-left: 25px;
			}

			ol.commentlist li.bypostauthor {
				/* not sure what to put here */
			}
			
			ol.commentlist li.pingback, ol.commentlist li.trackback {
				border: dashed 1px #ccc;
				margin: 0 0 15px 0;
				padding: 15px 15px 8px 15px;
				background: #fff;
				position: relative;
			}
			
				ol.commentlist li.pingback, ol.commentlist li.trackback p {
					clear: left;
				}
			
				ol.commentlist li.pingback .says, ol.commentlist li.trackback .says {
					display: none;
				}					
			
				ol.commentlist li.pingback .comment-author {
					float: none;
					width: 330px;
				}
				
			ol.commentlist li.comment p {
				line-height: 23px;
				clear: both;
			}
			
			ol.commentlist cite {
				font-style: normal;
				font-weight: normal;
			}
			
			ol.commentlist p cite {
				font-style: italic;
			}
			
			ol.commentlist img {
				float: left;
				margin: 0 15px 15px 0;
				border-radius: 10px;
				overflow: hidden;				
			}
			
			.reply {
				padding: 0 10px 15px 0;
				text-align: right;
			}

		.comment-meta {
			position: absolute;
			right: 15px;
			top: 15px;
		}

/* comments end */

.dp-highlighter {
	margin-top: 0;
	white-space: nowrap;
}

.dp-highlighter li {
	font-size: 14px;
	padding: 3px 0;
}

.thumb-left {
	float: left;
	clear: left;
	margin: 0 15px 15px 0;
}

#commentPreview {
	clear: left;
	padding: 20px 0 0 0;
}

#commentPreview .commentmetadata, #commentPreview .reply {
	display: none;
}

div.cleared {
	clear: both;
	overflow: hidden;
}

.cl {
	clear: both;
}

.footer {
	background: #555;
	color: #fff;
	padding: 0 0 10px 0;
	min-width: 1100px;
}

	.footer ::-moz-selection {
		background: #e06c1f;
		color: #fff;
		text-shadow: none;
	}
	
	.footer ::selection {
		background: #e06c1f;
		color: #fff;
		text-shadow: none;
	} 
	
	.footer-inside {
		padding-top: 40px;
		padding-bottom: 0;
		overflow: hidden;
	}
	
	.foot-title {
		font-family: "Open Sans Condensed", sans-serif;
		font-size: 1.8em;
		min-height: 36px;
		margin: 0 0 40px 0;
		background: -moz-linear-gradient(#555 0%, #555 49%, #6d6d6d 50%, #6d6d6d 51%, #555 52%, #555 100%); /* FF 3.6+ */
		background: -ms-linear-gradient(#555 0%, #555 49%, #6d6d6d 50%, #6d6d6d 51%, #555 52%, #555 100%); /* IE10 */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555), color-stop(49%, #555), color-stop(50%, #6d6d6d), color-stop(51%, #6d6d6d), color-stop(52%, #555), color-stop(100%, #ffffff)); /* Safari 4+, Chrome 2+ */
		background: -webkit-linear-gradient(#555 0%, #555 49%, #6d6d6d 50%, #6d6d6d 51%, #555 52%, #555 100%); /* Safari 5.1+, Chrome 10+ */
		background: -o-linear-gradient(#555 0%, #555 49%, #6d6d6d 50%, #6d6d6d 51%, #555 52%, #555 100%); /* Opera 11.10 */
	}
	
	.footer h2 span {
		display: block;
		margin: auto;
		background: #555;
		width: 220px;
		text-align: center;
	}
	
	.footer ul {
		clear: both;
		overflow: hidden;
	}

	.building li {
		float: left;
		width: 230px;
		margin: 0 0 15px 0;
		padding: 10px 10px 10px 20px;
		min-height: 120px;
	}
	
	.building li a, .building li a:link, .building li a:visited {
		display: block;
		text-decoration: none;
		border-radius: 10px;
		padding: 12px 15px 14px 15px;
		-moz-transition: background .4s linear, color .4s linear;
		-webkit-transition: background .4s linear, color .4s linear;
		-ms-transition: background .4s linear, color .4s linear;
		-o-transition: background .4s linear, color .4s linear;
		transition: background .4s linear, color .4s linear;
	}
	
	.building li a:hover {
		color: #fff;
		background: #444;
	}
	
	.building li.alt {
		width: 480px
	}
	
	.social {
		letter-spacing: 80px;
		white-space: nowrap;
		text-align: center;
		padding: 0 0 60px 0;
	}
	
	.halfspace {
		letter-spacing: 50px;
	}
	
	.halfspace {
		*margin: 0;
	}

	.social li {
		overflow: hidden;
		display: inline-block;
		vertical-align: middle;
	}
	
	/* for IE6/7 */
	.social li {
		*display: inline;
		*margin: 0 60px 0 0;
	}
	
	.social li a, .social li a:link, .social li a:visited {
		display: block;
		text-indent: -9999em;
		color: white;
		text-decoration: none;
	}
	
	.twitter a, .twitter a:link, .twitter a:visited {
		width: 140px;
		height: 31px;
		background: transparent url(images/btn-twitter.jpg) no-repeat 0 -31px;
	}
	
	.github a, .github a:link, .github a:visited {
		width: 96px;
		height: 46px;
		background: transparent url(images/btn-github.jpg) no-repeat 0 -46px;
	}
	
	.youtube a, .youtube a:link, .youtube a:visited {
		width: 113px;
		height: 47px;
		background: transparent url(images/btn-youtube.jpg) no-repeat 0 -47px;
	}
	
	.googleplus a, .googleplus a:link, .googleplus a:visited {
		width: 125px;
		height: 43px;
		background: transparent url(images/btn-googleplus.jpg) no-repeat 0 -43px;
	}
	
	.social li a:hover, .social li a:focus {
		background-position: 0 0;
	}

		/*.social li.youtube a:hover:before {
			content: "coming soon";
			display: block;
			text-indent: 0;
			line-height: 50px;
			text-decoration: none;
			letter-spacing: 1px;
			color: #fff;
		}*/
		
	.bsa a, .bsa a:link, .bsa a:visited {
		width: 165px;
		height: 39px;
		background: transparent url(images/btn-bsa.jpg) no-repeat 0 -39px;
		clear: both;
	}
	
	body div.bsap_1243167 a.ad3 {
		clear: both; /* This was needed because one of the ads got unsubbed */
	}
	
	.wp a, .wp a:link, .wp a:visited {
		width: 179px;
		height: 45px;
		background: transparent url(images/btn-wp.jpg) no-repeat 0 -45px;
	}
	
	.mt a, .mt a:link, .mt a:visited {
		width: 108px;
		height: 45px;
		background: transparent url(images/btn-mt.jpg) no-repeat 0 -45px;
	}
	
	.smn a, .smn a:link, .smn a:visited {
		width: 146px;
		height: 56px;
		background: transparent url(images/btn-smn.jpg) no-repeat 0 -56px;
	}
	
	.camtasia a, .camtasia a:link, .camtasia a:visited {
		width: 178px;
		height: 30px;
		background: transparent url(images/btn-camtasia.jpg) no-repeat 0 -30px;
	}
	
	.subscribe {
		padding: 0 0 40px 0;
	}
	
	.subscribe li {
		text-align: center;
	}

	.footer h3 {
		font-family: "Open Sans Condensed", sans-serif;
		font-size: 1.7em;
		margin: 0 0 10px 0;
	}

	.footer p {
		font-family: Verdana, sans-serif;
		font-size: 0.8em;
		line-height: 1.4em;
		margin: 0;
	}

	.footer a, .footer a:link, .footer a:visited {
		color: #fff;
	}
	
	.footer a:hover {
		color: #fca56c;
	}

ul.body_list, body.single .post ul {
	padding: 0 0 15px 0;
	list-style-type: square;
	margin-left: 10px;
}

	ul.body_list li, body.single .post ul li {
		padding: 3px 0 10px 5px;
		margin-left: 10px;
		list-style-type: square;
	}
	
		body.single .post li ul {
			padding: 15px 0 0 0;
			margin-left: 10px;
			list-style-type: square;
		}

ul.blogroll {
	color: #888;
	padding: 10px 0 30px 0;
	width: 308px;
}

ul.lp {
	padding-bottom: 0;
}

	ul.blogroll li:hover {
		list-style-type: square;
	}

	ul.blogroll a, ul.blogroll a:link, ul.blogroll a:visited {
		text-decoration: none;
		display: block;
		color: #888;
	}

	ul.blogroll a:hover {
		color: #e06c1f;
	}

.post ol {
	list-style: decimal;
	padding: 0 0 25px 20px;
	margin: 0 0 0 23px;
}

	.post ol li {
		padding: 3px 0 3px 0;
	}

.navigation {
	padding: 0 0 30px 0;
	overflow: hidden;
}

	.next-posts {
		float: left;
	}
	
	.prev-posts {
		float: right;
	}

.navigation a, .navigation a:link, .navigation a:visited {
	text-decoration: none;
	overflow: hidden;
}

.centertext {
	text-align: center;
	padding: 0 0 20px 0;
}

/*-------------- Impressive Webs Legacy Stuff ------------- */

/* DEMO AND DOWNLOAD BUTTON STYLES */

.button_holder {
	overflow: hidden;
}

body.single .post ul.button {
	width: 180px;
	height: 35px;
	list-style: none;
	padding: 0;
	float: left;
	margin: 10px 30px 30px 0;
}
	
	div.button_holder ul.button {
		margin-left: 0;
	}
	
	body.single .post ul.button li {
		width: 180px;
		height: 35px;
		background: none;
		overflow: hidden;
		text-indent: -9999em;
		padding: 0;
		margin: 0;
	}
	
		ul.button li a, ul.button li a:link, ul.button li a:visited {
			display: block;
			height: 35px;
			background: transparent url(images/btn-demo.jpg) no-repeat 0 -35px;
		}

		ul.button_download li a, ul.button_download li a:link, ul.button_download li a:visited {
			background-image: url(images/btn-code.jpg);
		}
		
		ul.button_nc li a, ul.button_nc li a:link, ul.button_nc li a:visited {
			background-image: url(images/btn-nocomments.jpg);
		}

		ul.button li a:hover, ul.button li a:active {
			background-position: 0 0;
		}

/* DEMO AND DOWNLOAD BUTTON STYLES END */

.update-box {
    padding: 17px 20px 20px 20px;
    margin: 5px 0 12px 0;
	background: lavender;
}

h5.shadow {
	text-shadow: #777 2px 2px 1px;
	font-size: 25px;
}

.box-radius {
	width: 300px;
	height: 60px;
	background: #ddd;
	border-radius: 15px;
	border: solid 1px #bbb;
	padding: 15px;
}

.displaynone {
	display: none;
}

div.cleared {
	clear: both;
	overflow: hidden;
}

.cl {
	clear: both;
}

.twitter-share-button {
	float: right;
}

.social-bottom {
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: hidden;
}

.social-bottom .twitter-share-button {
	float: left;
}

	.fb-like {
		float: left;
		padding: 0 30px 0 20px;
	}
	
/* RELATED POSTS STYLES */

#related {
	background: #e7e7e7;
	padding: 3px 5px 20px 5px;
	clear: left;
	border: solid 1px #abadb3;
	margin: 0 0 20px 0;
}

	#related h4 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: normal;
		padding: 15px 15px 10px 15px;
	}

		.post #related ul.body_list {
			padding: 3px 20px 0 20px;
		}

			#related ul a, #related ul a:link, #related ul a:visited {
				text-decoration: none;
				color: #555;
			}

			#related ul a:hover, #related ul a:active {
				text-decoration: underline;
			}

/* RELATED POSTS STYLES END HERE */

blockquote {
	padding: 15px 20px 5px 50px;
	font-style: italic;
	border: dashed 1px #ccc;
	margin: 0 8px 15px 0;
	background: #fff url(http://cdn.impressivewebs.com/iw-theme/bg-blockquote.gif) no-repeat 15px 18px;
	clear: both;
}

blockquote p {
	margin: 0 0 15px 0;
}

table.post-table {
		border-collapse: collapse;
		border: solid 1px #ccc;
		margin: 0 0 20px 0;
	}
	
		table.post-table th {
			border-collapse: collapse;
			border: solid 1px #ccc;
			padding: 8px;
			font-weight: bold;
		}
		
		table.post-table td {
			border-collapse: collapse;
			border: solid 1px #ccc;
			padding: 8px;
			font-size: 13px;
		}

table.pt-other {
	width: 475px;
}

table.pt-other td, table.pt-other th {
	text-align: center;
}

.lavender, .lav {
	background-color: lavender;
}

/* Legacy ends */

/*
.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {}

#sidebar {}

.next-posts {}
.prev-posts {}

#searchform {}
#searchsubmt {}
	
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {} */


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

/* Oh, I'll get to it */

}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media (max-width: 1146px) {

	.globalwidth {
		width: 90%;
	}

	.header, .footer {
		min-width: 90%;
	}

		.header-ad {
			right: 75px;
		}
	
	.content-left {
		width: 59%;
	}

	.sidebar {
		float: left;
	}
	
		.searchtxt {
			width: 77%;
		}

	.building li {
		width: 170px;
		min-height: 164px;
	}
	
	.building li.alt {
		width: 350px;
	}
	
	.social li.smn {
		display: block;
		margin: 20px auto;
		width: 146px;
	}

}

@media (max-width: 1050px) {

	.header-ad {
		right: 90px;
	}

	.navbar li:nth-child(2), .navbar li:nth-child(6) {
		display: none;
	}
	
	.content-left {
		width: 54%;
	}

	.sidebar {
		width: 308px;
	}
	
		.subscribe-sb {
			line-height: 60px;
			padding-bottom: 15px;
		}
		
		li.email-sb {
			padding: 4px 15px 0 0;
		}

		.social li.youtube {
			display: block;
			margin: 20px auto;
			width: 113px;
		}
		
}

@media (max-width: 924px) {
	
	.navbar {
		font-family: Arial, sans-serif;
		font-size: 16px;
	}

		.navbar li {
			display: inline-block;
			*display: inline;
			padding: 0 14px 0 0;
		}
		
		.navbar li:nth-child(2), .navbar li:nth-child(6) {
			display: none;
		}

	.content {
		width: 90%;
		padding-right: 20px;
	}

	.content-left {
		border-right: none;
		width: 100%;
	}

	.sidebar {
		width: 100%;
	}

		.searchtxt {
			width: 30%;
		}
	
		.subscribe-sb {
			text-align: left;
		}
		
		.subscribe-sb li {
			padding-right: 8px;
		}
		
		li.email-sb {
			padding-right: 16px;
		}
	
		.ads {
			clear: none;
			float: left;
		}
	
		.sidebar div.bsap_1266150 a {
			width: 300px;
			height: 250px;
			float: right;
		}
		
		.sidebar div.bsap_1266150 img {
			width: auto;
		}
	
		.building li.alt {
			width: 239px
		}
		
		.social li.mt {
			display: block;
			margin: 20px auto;
			width: 108px;
		}

	.wide_image {
		height: auto;
	}
}

@media (max-width: 745px) {

	.header-ad {
		display: none;
	}

}

@media (max-width: 480px) {
	
	html, body {overflow-x: hidden;}

	.header, .footer {
		width: 100%;
	}
	
	.header {
		height: 134px;
	}
	
	h1, .secondary-title {
		font-size: 2.1em;
		line-height: 1.2;
	}
	
	h2 {
		font-size: 26px;
		line-height: 1.2;
	}
	
	.title-link:link, .title-link:link {
		font-size: 34px;
	}

	.globalwidth {
		padding-left: 10px;
	}
	
		.header-inside {
			padding-left: 14px;
		}
		
			.home-heading {
				width: 290px;
				height: 59px;
			}

			.home-heading a, .home-heading a:link, .home-heading a:visited {
				width: 290px;
				height: 59px;
				-webkit-background-size: 100%;
				-moz-background-size: 100%;
				background-size: 100%;
			}
			
			a.home-anchor:link, a.home-anchor:visited {
				width: 290px;
				height: 59px;
			}
	
	.navbar {
		width: 330px;
		font-size: 14px;
	}
	
	.content {
		padding-top: 20px;
	}
	
		.cats {
			display: none;
		}
	
	.post {
		margin-bottom: 20px;
	}

	.comment-meta {
		top: 40px;
	}

	.building {
		padding-bottom: 40px;
	}

	.building li {
		float: none;
		margin: 0 0 8px 0;
		padding: 10px;
		width: auto;
		min-height: 20px;
		margin: auto;
		text-align: center;
		font-size: .8em;
	}
	
	.building li a, .building li a:link, .building li a:visited {
		padding: 12px 15px 7px 15px;
	}

	.footer-inside h3+p {
		display: none;
	}
	
	.social {
		letter-spacing: normal;
	}
	
	.halfspace {
		letter-spacing: normal;
	}
	
	.social li {
		overflow: hidden;
		margin: auto;
		display: block;
		white-space: normal;
	}
	
	.social li a:link {
		text-indent: 0;
		text-align: center;
		background: none;
		text-decoration: underline;
		width: auto;
		display: inline;
		line-height: 2;
	}
	
	.social li a:hover {
		color: #e06c1f
	}
	
	/*.social li.youtube a:hover:before {
		content: "";
		line-height: 50px;
	}
	
	.social li.googleplus a:hover:before {
		content: "";
		line-height: 40px;
	}*/

	.footer h2 {
		background: transparent;
	}
	
	.article_image {
		display: none;
	}
	
	label {
		padding: 0 0 14px 11px;
	}

}

/* LINK STYLES POST */

.link-list { font-size: 20px; font-family: Georgia, san-serif; padding: 0 0 0 100px; line-height: 40px; color: #555; }

.link-list a:link, .link-list a:visited { color: darkblue; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

.link-list li:nth-of-type(2) a { text-decoration: none; }
.link-list li:nth-of-type(2) a:hover { text-decoration: underline; }

.link-list li:nth-of-type(3) a { }
.link-list li:nth-of-type(3) a:hover { text-decoration: none; }

.link-list li:nth-of-type(4) a { }
.link-list li:nth-of-type(4) a:hover { color: #E06C1F; text-decoration: none; }

.link-list li:nth-of-type(5) a {  }
.link-list li:nth-of-type(5) a:hover { color: #E06C1F; }

.link-list li:nth-of-type(6) a { border-bottom: dashed 1px; text-decoration: none; }
.link-list li:nth-of-type(6) a:hover { border-bottom: solid 1px; }

.link-list li:nth-of-type(7) a { border-bottom: solid 1px; text-decoration: none; }
.link-list li:nth-of-type(7) a:hover { border-bottom: dashed 1px; }

.link-list li:nth-of-type(8) a { text-decoration: none; }
.link-list li:nth-of-type(8) a:hover { color: #e06c1f; }

.link-list li:nth-of-type(9) a { text-decoration: none; padding: 1px 3px; }
.link-list li:nth-of-type(9) a:hover { background: #ccc; }

.link-list li:nth-of-type(10) a { border-bottom: solid 1px; text-decoration: none; }
.link-list li:nth-of-type(10) a:hover { border-bottom: dotted 1px; }

.link-list li:nth-of-type(10) a { border-bottom: dotted 1px; text-decoration: none; }
.link-list li:nth-of-type(10) a:hover { border-bottom: solid 1px; }

.link-list li:nth-of-type(11) a { text-decoration: none; }
.link-list li:nth-of-type(11) a:hover { 
	-webkit-background-clip: text;
	color: white;
	-webkit-text-fill-color: transparent;
  	background-image: -webkit-gradient(linear, left top, right top, from(#ea8711), to(#d96363));
	background-image: -webkit-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79); 
	background-image:    -moz-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
	background-image:     -ms-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79); 
	background-image:      -o-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
 }

.link-list li:nth-of-type(12) a { text-decoration: none; }
.link-list li:nth-of-type(12) a:hover { text-decoration: overline; }

.link-list li:nth-of-type(13) a { text-decoration: none; }
.link-list li:nth-of-type(13) a:hover { text-decoration: overline underline; }

.link-list li:nth-of-type(14) a { text-decoration: none; }
.link-list li:nth-of-type(14) a:hover { border-bottom: solid 1px; border-top: solid 1px; }

.link-list li:nth-of-type(15) a { text-decoration: none; border: solid 1px transparent; padding: 1px; }
.link-list li:nth-of-type(15) a:hover { border: solid 1px; }

.link-list li:nth-of-type(16) a { background: #ccc; text-decoration: none; padding: 1px 3px; }
.link-list li:nth-of-type(16) a:hover { background: #e06c1f; color: white; }

.link-list li:nth-of-type(17) a { -webkit-transition: color .4s linear; -moz-transition: color .4s linear; -ms-transition: color .4s linear; -o-transition: color .4s linear; transition: color .4s linear; }
.link-list li:nth-of-type(17) a:hover { color: #e06c1f; }

.link-list li:nth-of-type(18) a { text-decoration: none; }
.link-list li:nth-of-type(18) a:hover { font-weight: bold; }

.link-list li:nth-of-type(19) a { text-decoration: none; }
.link-list li:nth-of-type(19) a:hover { text-decoration: line-through; }

.link-list li:nth-of-type(20) a { text-decoration: none; }
.link-list li:nth-of-type(20) a:hover { font-style: italic; }

.link-list li:nth-of-type(21) a { text-decoration: none; }
.link-list li:nth-of-type(21) a:hover { font-variant: small-caps; }

.link-list li:nth-of-type(22) a { text-decoration: none; }
.link-list li:nth-of-type(22) a:hover { text-shadow: 2px 2px 2px #aaa; }

.link-list li:nth-of-type(23) a { text-decoration: none; border-radius: 10px; padding: 2px 5px 5px 5px; }
.link-list li:nth-of-type(23) a:hover { background: #ccc; }

.link-list li:nth-of-type(24) a { text-decoration: none; }
.link-list li:nth-of-type(24) a:hover:after { content: " (" attr(href) ") "; }

.link-list li:nth-of-type(25) a { background: #ccc; text-decoration: none; padding: 1px 3px; border-bottom: dashed 1px #777; }
.link-list li:nth-of-type(25) a:hover { background: #e06c1f; color: white; border-bottom: dashed 1px black; }

/* LINK STYLES POST ENDS */

/* Weird CSS Colors Post */

.color-name {
	padding: 20px;
	font-weight: bold;
	color: black;
}

.aliceblue { background: aliceblue; }
.blanchedalmond { background: blanchedalmond; }
.burlywood { background: burlywood; }
.cadetblue { background: cadetblue; }
.chartreuse { background: chartreuse; }
.darkgoldenrod { background: darkgoldenrod; }
.deepskyblue { background: deepskyblue; }
.firebrick { background: firebrick; }
.gainsboro { background: gainsboro; }
.honeydew { background: honeydew; }
.lavenderblush { background: lavenderblush; }
.lemonchiffon { background: lemonchiffon; }
.lightgoldenrodyellow { background: lightgoldenrodyellow; }
.mediumaquamarine { background: mediumaquamarine; }
.mintcream { background: mintcream; }
.navajowhite { background: navajowhite; }
.oldlace { background: oldlace; }
.olivedrab { background: olivedrab; }
.papayawhip { background: papayawhip; }
.peachpuff { background: peachpuff; }
.peru { background: peru; }
.saddlebrown { background: saddlebrown; }
.thistle { background: thistle; }
.whitesmoke { background: whitesmoke; }	

/* CSS Colors ends */

.toppad {
	padding-top: 20px;
	margin: 0;
}