/**
 * HTML5 ✰ Boilerplate
 *
 * style.css contains a reset, font normalization and some base styles.
 *
 * Credit is left where credit is due.
 * Much inspiration was taken from these projects:
 * - yui.yahooapis.com/2.8.1/build/base/base.css
 * - camendesign.com/design/
 * - praegnanz.de/weblog/htmlcssjs-kickstart
 */


/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */

@media screen and (max-width: 1024px) {
	#homeContentLeft	{ width:520px !important; padding-left:10px; }
	#headerSearch		{ right:20px; }
	#footer1			{ background:none; padding-left:0 }
	.center				{ width:980px; }
	#header1buttons		{ display:none; }
}


html, 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, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

blockquote, q { quotes: none; }

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

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

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

table { border-collapse: collapse; border-spacing: 0; }

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

input, select { vertical-align: middle; }


/**
 * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
 */

body { font:13px/1.231 sans-serif; *font-size:small; text-rendering:optimizeLegibility; } /* Hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }

/* Normalize monospace sizing:
   en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: monospace, sans-serif; }


/**
 * Minimal base styles.
 */

/* Always force a scrollbar in non-IE */
html { overflow-y: scroll; }

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }

small { font-size: 85%; }
strong, th { font-weight: bold; }

td { vertical-align: top; }

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; white-space: pre-wrap; word-wrap: break-word;
  padding: 15px;
}

textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left: -7px; } 

/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
input[type="text"],input[type="password"]	{ border:3px; border:1px solid #ccc; }


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

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

/* Colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid {
   border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }


/* These selection declarations have to be separate
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink! */
::-moz-selection{ background: #b3d4ff; color:#fff; text-shadow: none; }
::selection { background:#b3d4ff; color:#fff; text-shadow: none; }

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

/* Make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }

/* Bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }

/**
 * You might tweak these..
 */

body, select, input, textarea {
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
  color: #444;
  /* Set your base font here, to apply evenly */
  /* font-family: Georgia, serif;  */
}

/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }

a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }


/**
 * Primary styles
 *
 * Author: 
 */


/* animations */
@-webkit-keyframes tweetAnimation {
	0% {
		opacity: 0.85;
	}
	100% {
		opacity: 1;
	}
}



/* structure */
body					{ font-family: Georgia, Times, serif; }
.center					{ width:1200px; margin:0 auto; position:relative; }

::-webkit-input-placeholder { font-style:italic; }
input:-moz-placeholder		{ font-style:italic; }

/* header */
#topLogo				{ width:100px; height:77px; display:block; text-indent:-3999px; background:url(img/sprite.png) -10px -10px no-repeat; position:absolute; margin:6px 0 0 10px; z-index:9000; overflow:hidden; }
#topName				{ position:absolute; color:#000; font-size:32px; text-decoration:none; top:6px; left:130px; color:#444; }
#topTagline				{ font-size:18px; color:#bbb; position:absolute; display:block; top:52px; left:130px; font-style:italic; }

#header1				{ min-height:46px; background:#f5f5f5; border-bottom:1px solid #ccc; position:relative; font-size:85%; min-width:1200px; }
	#header1buttons		{ position:absolute; top:7px; right:470px; font-family:tahoma, arial, sans-serif; }
	#header1buttons a, #submit	{ 
		color:#eee; 
		padding:1px; 
		text-decoration:none !important; 
		border-radius:4px; 
		display:inline-block; 
		margin-left:8px; 
		background-image:-webkit-gradient(linear,left bottom,left top, color-stop(0.32, #063053), color-stop(0.66, #395873), color-stop(0.83, #5c7c99));
		background-image:-moz-linear-gradient(top,  #063053,  #395873);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#063053', endColorstr='#395873');
		border:1px solid #063053; 
	}
	#submit				{ padding:10px; }
	.opera #header1buttons a	{ background:#063053; cursor:pointer; }
	#header1buttons a:hover { color:#fff; }
	#header1buttons a span	{ border-radius:4px; border-width:1px; border-style:dashed; border-color:#6f94b7; padding:5px 8px; display:inline-block; }
	
#headerSearch			{ display:block; position:absolute; padding:3px; width:200px; top:10px; right:50px; }
	#searchBox			{ width:240px; background:#fff; display:none; }
	.firefox #searchBox, .opera #searchBox, .ie #searchBox	{ padding:5px 5px 5px 20px; width:180px; border:1px solid #ccc; background:url(img/sprite.png) -184px -6px no-repeat #fff; }
	#searchSubmit		{ display:none; }
	
	.related-wrap		{ padding:0; margin:0; margin-left:10px; }
	
	em					{ font-style:italic; }


/* right content */
#rightAds					{ padding:0 0 10px 10px; background:#f5f5f5; margin:10px 0 20px 0; opacity:0; /* filter: alpha(opacity = 0); zoom:1; */ }
	#rightAds a				{ width:125px; height:125px; margin:10px 10px 0 0; display:block; float:left; border:1px solid #ccc; }
	#mtlink					{ text-decoration:none;display:block;width:234px;margin:10px auto;text-align:center; font-size:11px; color:#999;font-family:tahoma; opacity:0; /* filter: alpha(opacity = 0); zoom:1; */ }
	
/* tweets */
#tweetsContainer			{ opacity:0; /* filter: alpha(opacity = 0); zoom:1; */ }
#tweetsContainer ul		{ list-style-type:none; margin:0; padding:0; }
#tweetsContainer ul li { padding:10px; font-size:90%; line-height:140%; background:url(img/clouds.png) 0 bottom no-repeat; opacity:0.85; margin-top:3px; border-radius:5px; font-family:Tahoma,Arial,sans-serif; -webkit-transform:rotate(0.5deg); }
#tweetsContainer ul li:hover { -webkit-animation:tweetAnimation 1s 1; opacity:1; }
#tweetsContainer ul li:nth-child(2n)	{ -webkit-transform:rotate(-0.5deg); }

/* homepage */
#homeContentLeft			{ width:734px; padding:60px 20px 0 20px; float:left; }

#homepageAd					{ display:block; float:none; padding:0 0 40px 70px; }
	#homepageAd a			{ display:block; float:none; }
	
#singlesSponsors			{  }
	#singlesSponsors a		{ float:left; margin-right:10px; }

#homeContentMiddle			{ width:240px; float:left; margin-top:70px; padding:0 20px; border-left:1px solid #eee; }
	.middleContentBlock		{ padding-bottom:20px; }
	.tagLinks				{ margin-top:25px; }
	.tagLinks a				{ 
		color:#333 !important; 
		font-size:12px; 
		display:inline-block; 
		text-decoration:none; 
		border:1px solid #f2e598; 
		padding:2px 5px; 
		border-bottom-left-radius:6px; 
		border-top-right-radius:6px; 
		margin-top:5px; 
		background:#fff5bb;
		background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.32,#fff5bb),color-stop(0.66,#fdf2b1),color-stop(0.83, #fcee9b));
		background-image:-moz-linear-gradient(top,#fff5bb,#fcee9b);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5bb', endColorstr='#fcee9b');
	}
	.middleContentBlockTwitter ul	{ list-style-type:none; margin:0; padding:0; }
	.middleContentBlockTwitter ul li { padding:10px; font-size:90%; line-height:140%; background:url(img/clouds.png) 0 bottom no-repeat; opacity:0.85; margin-top:3px; border-radius:5px; font-family:Tahoma,Arial,sans-serif; -webkit-transform:rotate(0.5deg); }
	.middleContentBlockTwitter ul li:hover { -webkit-animation:tweetAnimation 1s 1; opacity:1; }
	.middleContentBlockTwitter ul li:nth-child(2n)	{ -webkit-transform:rotate(-0.5deg); }
	
#homeContentRight			{ width:421px; float:left; margin-top:20px; margin-top:70px; }
	.contentRightColumn		{ width:200px; display:inline-block; opacity:0; /* filter: alpha(opacity = 0); zoom:1; */ }
	.contentRightColumnRight{ padding-left:10px; }
	
/* social icons */
.socialIcon					{ 
	width:24px; height:24px; display:inline-block; text-indent:-30000px; margin:5px 5px 0 0; 
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	overflow:hidden;
}
	.socialIcon:hover		{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); }
	#socialIconTwitter		{ background:url(img/sprite.png) -10px -224px no-repeat; }
	#socialIconGmail		{ background:url(img/sprite.png) -10px -267px no-repeat; }
	#socialIconRss			{ background:url(img/sprite.png) -10px -180px no-repeat; }
	#socialIconSkype		{ background:url(img/sprite.png) -10px -311px no-repeat; }
	#socialIconFacebook		{ background:url(img/sprite.png) -10px -355px no-repeat; }
	#socialIconLinkedIn		{ background:url(img/sprite.png) -10px -399px no-repeat; }
	


/* homepage big show */
#postContent				{  }
	/*#postContent h1		{ font-weight:normal; font-size:300%; color:#222; } */
	h1		{ font-weight:normal; font-size:300%; color:#222; }
	#postContent h1 a	{ color:#063053; text-decoration:none !important; }
	#postContent p, #postContent > article > ul > li, #postContent > article > ol > li	{ font-size:120%; line-height:160%; padding-bottom:12px; }
	#postContent > article > ul, 
	#postContent > article > ol,
	#postContent > ul,
	#postContent > ol
	 { margin-top:0 !important; }
	
	
	#postContent ul		{ margin-top:-20px; }
	
	#promo				{ height:30px; overflow-y:hidden; margin:10px 0; opacity:0; /* filter: alpha(opacity = 0); zoom:1; */ }
	
	.ie8 #postContent ul {  }
	
	h2		{ font-size:2.3em; font-weight:normal; margin:0; padding:0; }
	h3		{ font-size:1.8em; font-weight:normal; }
	
	.message	{ border:1px solid #fc0; background:#fffea1; padding:5px 10px; margin:20px 0; }
	
	#githubProjectWrapper	{  }
	#githubProjectWrapper h1 { margin-top:25px; }
	#githubProjectWrapper ul, #githubProjectWrapper ol { margin-bottom:20px; }
	#githubProjectWrapper li	{ line-height:190%; }
	
	.actions			{ margin-bottom:20px; }
	code				{ background:#eee; padding:2px 4px; border-radius:2px; }
	
	#postMetaHolder			{ border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px; margin:20px 0; background:#f5f5f5; }
		#postMetaHolder a	{ color:#090; }
		#postMetaHolder h4	{ font-size:1.4em; font-weight:normal; margin-bottom:6px; /*color:#000;*/ }
	#postMetaHolderLeft		{ float:left; width:45%; margin-right:5%;}
		#postMetaHolderLeft ul	{ line-height:26px; margin-left:1em; }
	#postMetaHolderRight	{ float:left; width:45%; }
	
.sidebarHeader				{ background:#db5f54; color:#fff; display:inline-block; clear:both; font-family:Tahoma,Arial,sans-serif; border-radius:5px; padding:2px 5px; text-shadow:#b53a2d 2px 2px 2px; cursor:default; }

/* comments */
#comment-list 			{ list-style-type:none; margin:0; padding:0; margin-bottom:30px; }
#comment-list li		{ padding:10px; background:#f5f5f5; position:relative; margin-bottom:10px; border-bottom:1px solid #ddd; min-height:100px; }
	#comment-list li:hover	{ background:#f0f0f0; }
#comment-list li.dw		{ background:#d1eaf3; border-bottom:1px solid #acd7e7; }
	#comment-list li.dw:hover { background:#c8e6f1; }
	
	.commentAvatar		{ width:48px; height:48px; display:block; position:absolute; top:10px; right:14px; border:1px solid #ddd; }
	.commentThumbs		{ position:absolute; top:86px; right:10px; }
	.commentName		{ font-weight:bold; }
	.commentTime		{ font-weight:bold; font-size:80%; color:#777; }
	.commentContent		{ padding-right:80px; min-height:80px; }
	.commentContent p	{ padding-bottom:12px; line-height:180%; }
	a.commentReply		{ 
		display:inline-block; 
		width:48px; 
		text-align:center; 
		position:absolute; 
		right:14px; 
		top:63px; 
		color:#fff !important; 
		text-decoration:none; 
		font-size:10px; 
		padding:2px 0; 
		text-transform:lowercase; 
		font-family:tahoma; 
		background:#fff5bb;
		background-image:-webkit-gradient(linear,left bottom,left top, color-stop(0.32, #063053), color-stop(0.66, #395873), color-stop(0.83, #5c7c99));
		background-image:-moz-linear-gradient(top,  #063053,  #395873);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#063053', endColorstr='#395873');
		border:1px solid #063053;
	}
	/* a.commentReply:hover	{ background:#888; } */
	
	li.dw .commentAvatar { border:0 !important; }
	li.dw .commentReply	{ background:#002643; color:#fff; }
	li.dw .commentReply:hover	{ background:#014375; }
	
	#comment-list ul	{ list-style-type:none; margin-left:40px; }
	
	#comment-list ul li	{ background:#fff; }
		#comment-list ul li:hover	{ background:#f5f5f5; }
	
#commentForm			{  }
#commentForm input[type="email"], #commentForm input[type="text"], #commentForm input[type="url"], #comment {
	border-width:1px;
	border-style:solid;
	border-color:#ccc;
	padding:4px;
}
#commentForm table{ margin-top:20px; }
#commentForm td	{ padding:4px; vertical-align:baseline; }
#comment		{ width:80%; min-height:100px; }

.subscribe-to-comments	{ margin:20px 0; }

.popin, .commentFormMobileHolderHover	{ 
	border:1px solid #ccc;
	background:#f5f5f5;
	opacity:0.9;
	z-index:9000;
	padding:6px 15px;
	position:absolute; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.496094) 2px 2px 5px;
}

.commentFormMobileHolderHover	{ left:800px; top:0; width:350px; }
.commentResponseNode			{ font-style:italic; font-weight:bold; padding-top:5px; color:#000; display:none; }
.commentFormMobileHolderArrow {
	width:0px; 
	height:0px; 
	border-top:18px solid transparent;
	border-right:18px solid #f5f5f5;
	border-bottom:18px solid transparent;
	font-size:0px;
	line-height:0px;
	display:none;
	margin:-18px 0 0 1px;
}
.commentFormMobileHolderArrowOutline {
	width:0px; 
	height:0px; 
	border-top:18px solid transparent;
	border-right:18px solid #999;
	border-bottom:18px solid transparent;
	font-size:0px;
	line-height:0px;
	display:none;
	float:left;
	margin-left:-33px;
}

#commentDock {
	display:inline-block;
	float:right;
	text-transform:lowercase;
	font-family:Tahoma,Arial;
	margin-top:10px;
	font-size:11px;
	display:none;
}


.commentFormMobileHolderHover .commentResponseNode,
.commentFormMobileHolderHover .commentFormMobileHolderArrow,
.commentFormMobileHolderHover .commentFormMobileHolderArrowOutline,
.commentFormMobileHolderHover #commentDock {
	display:block;
}
.commentFormMobileHolderHover textarea {
	width:100% !important;
}

.formError		{ background:#fffea1; border-color:#fc0 !important; }


/* search stuff */
#searchHolder	{
	top:40px;
	right:0;
	width:400px;
	display:none;
}
#searchResults	{
	background:#fff;
	padding:10px;
	margin:10px 0;
}
.searchHolderArrow {
	width:0px; 
	height:0px; 
	border-left:18px solid transparent;
	border-bottom:18px solid #f5f5f5;
	border-right:18px solid transparent;
	font-size:0px;
	line-height:0px;
	margin:-22px 0 0 260px;
	z-index:9002;
	position:absolute;
}
.searchHolderArrowOutline {
	width:0px; 
	height:0px; 
	border-left:18px solid transparent;
	border-bottom:18px solid #ccc;
	border-right:18px solid transparent;
	font-size:0px;
	line-height:0px;
	margin:-24px 0 0 260px;
	float:left;
	z-index:9000;
}

#searchResultsClose {
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
	background: #fdf4c0;
	padding: 5px 10px;
	border: 1px solid #ffd200;
}

/* guest bloggers */
.guest-blogger-top, .guest-blogger-bio	{ background:#eceef5; padding:8px 14px; border:1px solid #cad4e9; border-radius:5px; margin:20px 0; }
.guest-blogger-top p, .guest-blogger-bio p	{ padding:0 !important; margin:0 !important; }
.guest-blogger-top		 {  }
	.guest-blogger-top p {  }
.guest-blogger-bio	{ font-size:90%; }
	.guest-blogger-bio h2	{ margin:8px 0; }
	.guest-blogger-bio img	{ margin-top:10px; border-radius:5px; }
	.guest-blogger-bio p	{  }
	
	
/* updates */
.update				{ border:1px solid #edaa46; border-radius:5px; margin:20px 0; padding:8px 14px; background:#fcce88; }
	.update p		{ padding:0 !important; margin:0; }
	.update a		{ background:#edaa46 !important; }
	.update code	{ background:#edaa46; color:#fff; }
	
/* all post previews */
.postPreviewWrap		{ position:relative; padding-bottom:40px; min-height:130px; }
	.postPreviewWrap p		{ padding-right:180px; font-size:110%; line-height:150%; }
	.postPreviewWrap ul		{ border-left:1px solid #eee; list-style-type:none; padding-left:20px; padding-bottom:12px; position:absolute; width:140px; top:30px; right:0; }
	.postPreviewWrap li		{ padding-top:8px; }
	.postPreviewWrap li a	{ color:#090; }
	.postPreviewWrapMeta	{ font-size:12px; font-family:arial,sans-serif; margin-top:10px; font-size:11px; font-style:italic; background:url(img/sprite.png) -125px -21px no-repeat; padding-left:38px; }
	.postPreviewWrap h2		{ font-size:200%; font-weight:normal; }
	.postPreviewWrap h2 a	{ text-decoration:none; }
	.postPreviewWrap h2 a:hover { color:#5c7c99; }
	
	.button, .demo, #pagination a, .current {
		display: inline-block;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		padding: .3em 1.2em .35em;
		text-shadow: 0 1px 1px rgba(0,0,0,.3);
		-webkit-border-radius: .5em; 
		-moz-border-radius: .5em;
		border-radius: .5em;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		box-shadow: 0 1px 2px rgba(0,0,0,.2);
		margin-top:12px;
	}
	.button:hover, .demo:hover, .button:visited, .demo:visited, , #pagination a:hover, , #pagination a:visited { text-decoration: none; color:#fff; }
	.button:active, .demo:active, #pagination a:active { position: relative; top: 1px; }
	
	
	.orange,.orange:visited, .demo, .demo:visited {
		color: #fef4e9;
		border: solid 1px #da7c0c;
		background: #f78d1d;
		background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
		background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
	}
	.orange:hover, .demo:hover {
		color: #fef4e9;
		background: #f47c20;
		background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
		background: -moz-linear-gradient(top,  #f88e11,  #f06015);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
	}
	.orange:active, .demo:active {
		color: #fcd3a5;
		background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
		background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
	}
	
	.green, .green:visited, #pagination a, #pagination a:visited {
		color: #e8f0de;
		border: solid 1px #538312;
		background: #64991e;
		background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
		background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
	}
	.green:hover, #pagination a:hover {
		background: #538018;
		color: #e8f0de;
		background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
		background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
	}
	.green:active, #pagination a:hover {
		color: #a9c08c;
		background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
		background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
	}
	
	#pagination				{ position:relative; width:600px; }
	#pagination a, .extend, .current  { margin-right:8px; }
	.wp-pagenavi			{ position:absolute; right:0; top:0; }
	
	.current {
		color: #e9e9e9;
		border: solid 1px #555;
		background: #6e6e6e;
		background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
		background: -moz-linear-gradient(top,  #888,  #575757);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
	}
	.current:hover {
		background: #616161;
		background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
		background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
		cursor:default;
	}
	.current:active {
		color: #afafaf;
		background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
		background: -moz-linear-gradient(top,  #575757,  #888);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
	}
	
	

a							{ color:#063053; }
a:visited					{ color:#5c7c99; }

footer						{ background:#efefef; border-top:1px solid #ccc; margin-top:40px; padding:10px 0 20px 0; min-width:1200px; }
	footer h5				{ font-size:190%; font-weight:normal; margin-bottom:4px; }
	footer p				{ line-height:160%; padding:0 !important; }
	footer > div > div		{ float:left; width:200px; margin-left:30px; }	
	#footer1				{ margin-top:-38px; padding-left:235px; padding-top:40px; background:url(img/sprite.png) -10px -454px no-repeat; }
	footer a				{ text-decoration:none; }
	footer a:hover			{ text-decoration:underline; }
	
	.footerLinks a			{ display:inline-block; margin-right:16px; }

.image			{ display:block; float:right; margin:0 0 30px 30px; }

blockquote					{ margin:10px 0; padding:10px 20px; font-style:italic; border-radius:5px; }



/**
 * Non-semantic helper classes: please define your styles before this section.
 */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }
.clear 		{ clear:both; };






/**
 * Media queries for responsive design.
 *
 * These follow after primary styles so they will successfully override.
 */

@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */

}

/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	#homeContentLeft  { width:auto !important; padding-left:20px; padding-right:20px; }
	#homeContentRight { display:none; }

  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
	
	#homeContentLeft	{ padding:0; width:90%; }
	#homeContentRight,footer,header,#postMetaHolder,#homepageAd,#bsap,#commentFormHolder, .noprint { display:none; }
	#comment-list,.page-break { page-break-before:always; }
	
}


/* syntax highlighter */
.standardLighter		{ margin-bottom:20px !important; border-radius:10px; }
.standardLighter:hover	{ background:#212121 !important; }
.standardLighter > li, .standardLighter > li > span	{  }
.codeCopy				{ color:lightblue; background:#414547; padding:1px 6px; border-radius:3px; font-size:90%; float:right; text-decoration:none; }
.codeCopy:hover			{ color:#fff; }

/* poll table */
table.poll-results		{ width:100%; margin:5px 0 20px 0; border:1px solid #f5f5f5; }
table.poll-results th				{ background:#999; color:#eee; }
table.poll-results th, table.poll-results td		{ padding:5px; text-align:left; font-family:Monaco, Courier, monospace; }
table.poll-results tr:nth-child(even)    { background-color:#eee; }

.post-edit-link			{ color:green !important; display:block; margin:20px 0; background:lightgreen; padding:5px 10px; }