@import url(http://fonts.googleapis.com/css?family=Montserrat);

*{ margin: 0; padding: 0; outline: 0; border: 0 none;}
ol, ul { list-style: none; }

body {
	line-height: 1;
	background: #C1C8CB;
	
	font-size: 13px; font-family: 'Helvetica Neue', sans-serif;
}

#walkthrough_container {
	overflow: hidden;
	width: 100%; height: 100%;
	position: fixed; top: 0; left: 0;
}
#walkthrough {
	position: absolute;
	top: 20px; left: 20px; right: 20px; bottom: 50px; z-index: 1;
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
}

/* Editors */

.editor_pane {
	position: absolute;
	top: 0; left: 0; bottom: 0;
	width: 36%; max-height: 100%;
	z-index: 5;
	background: #fff;
	overflow: hidden;
	
	box-shadow: 8px 0 50px -5px rgba(0, 0, 0, 0.25);
	background: linear-gradient(left, #fff 80%, #eee 100% );
	border-radius: 5px 0 0 5px;
}

.editor_pane_full {
	right: 0;
}
.tabs {
	/*padding: 0px 10px 0px;*/
	background: #ccc; top: 10px; right: 10px; z-index: 1;
	
	/*background: linear-gradient(top, #ccc 0%, #999 100%);*/
	/*background: linear-gradient(top, #acda1e 0%, #8ab800 100%);*/
	position: absolute;
	
	border-radius: 4px;
	_display: none;
}
/* deprecated 10082013
.dockedout {
	height: 400px;
	
	z-index: 8;
	background: rgba(255, 255, 255, 0.75);
	
	border-radius: 5px 5px 0 0;
}
.dockedout .code{
	_box-shadow: 0 10 10px 3px rgba(0, 0, 0, 0.25);
}

.dockedout .tabs { border-radius: 4px 5px 0 0; }
.dockedout .tabs::after{ left: auto; right: -24px; top: 1px; border-radius: 5px 0 0 0; }
*/

.tabs_full { right: 0; }
#tabs div { float: left; display: none; }
#tabs ol { list-style: none; overflow: hidden; float: right; }
#tabs ol li { float: left; }
#tabs ol li a {
	text-decoration: none; color: #fff; display: block; 
	font-weight: bold; font-size: 10px; font-family: museo;
	padding: 0px 7px 0px; line-height: 24px;
}
#tabs ol li:first-child a {	border-radius: 4px 0 0 4px; }
#tabs ol li:last-child a { border-radius: 0 4px 4px 0; }
#tabs ol li a.active, #tabs ol li a.enabled {
	background: #aaa;
	/*background: linear-gradient(top, #8ab800 0%, hsl(80, 100%, 30%) 100%);*/
	color: #fff;
}

#tabs ol li a.focus { background: #666; }

#editor_pane_handle {cursor: pointer;}

.code {
	overflow: hidden; 
	box-sizing: border-box;
	/*padding: 0px 10px 0px 0;*/ overflow: hidden;
	
	position: absolute;
	top: 0; left: 0; bottom: 0; width: 100%;
	
	_border: 1px solid #CCC;
}
.code_full {
	right: 0;
}

.editor_label {
	height: 20px; padding: 0 6px; line-height: 20px; width: 30px;
	z-index: 11; position: absolute; top: 0; right: 20px;
	background: #eee; color: #666;
	
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Luxi Sans", Tahoma, sans-serif;
	
	text-align: center; font-size: 11px;
	border: solid 1px #ddd;
	border-top: 0 none;
	
	transition: 0.5s ease;
}
.code > div:hover .editor_label, #output:hover .editor_label {
	opacity: 0;
}

.code textarea {
	width: 100%; height: 100%; border: 1px solid #ccc;
	padding: 5px;
}

.output {
	position: absolute; z-index: 1;
	width: 64%; bottom: 0; top: 0; right: 0;
	box-sizing: border-box;
	background: white;
	
    border-radius: 0 5px 5px 0;
}
      
.output_full {
	left: 0; padding: 0;
}

#output #docCanvas, #output #docCanvas2 {
	width: 100%; height: 100%; 
	
	position: absolute;
	top: 0; left: 0;
	border-radius: 0 5px 5px 0;
}

#output #docCanvas2
{
	_border-color: white;
}

.CodeMirror, .CodeMirror-scroll {
	height: 100%; font-family: museo, monaco,"lucida console",monospace,sans-serif; line-height: 160%; font-size: 13px; 
}
.CodeMirror {}
.CodeMirror-scroll {}
.CodeMirror-lines {padding: 15px 0 15px 15px;}

div.ajax_loader{
	position: absolute; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px;
	padding: 10px; width: 30px; overflow: hidden; background: #000;
	border-radius: 10px;
	text-align:center; z-index: 2;
	display:none;
}

#full_shadow {
	width: 100%; height: 100%; z-index: 100;
	background: #000; position: absolute;
}


/*
Added by Puneet Pugalia
*/

#intro, #wt_info_modal {
	padding: 30px; 
	position: absolute; top: 0; left: 0; bottom: 0;
	width: 36%; box-sizing: border-box;
	z-index: 8; 
	background: #fff; line-height: 175%; color: #333;
	font-family: museo, 'normaltext', verdana, arial, sans-serif;
	font-size: 13px;

	_border-top: 5px solid #9bc90d;
	
	background: linear-gradient(#ebeff2 0%, #fff 100%);
	border-radius: 5px 0 0 5px;
	
	_box-shadow: 1px -1px 10px 1px rgba(0, 0, 0, 0.3);
	overflow: auto;
}
#intro h1, #intro h2, #wt_comments h1, #wt_comments h2, #intro h1 textarea {
	font-size: 28px; 
	font-family: Titillium, verdana, arial, sans-serif; 
	padding-bottom: 10px; 
	color: #444;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	line-height: 120%;
	font-weight: bold;
}

#intro h1 textarea {border: 1px solid transparent; background: none; display: block; width: 100%; padding: 4px 2px; resize: none; height: 30px; overflow: hidden; border-radius: 5px; outline: none;}
#intro h1 textarea:hover, #intro input[type="text"]:hover {border-color: #999; }
#intro h1 textarea:focus, #intro input[type="text"]:focus {box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);border-color: #999;}

#intro input[type="text"] {
	background: transparent;
	border: 1px solid transparent;
	border-radius: 5px; outline: none;
	color: #0090BB;
}

#intro input[type="text"], #intro #twitter_control #twitter {
	color: #555;
	font-weight: bold;
	font-style: italic;
	font-family: museo, arial, verdana, tahoma; 
	padding: 5px;
	font-size: 13px;
	height: 16px; line-height: 16px;
}

#intro #twitter_control input[type="text"]#twitter {
	width: 200px;
}

#intro #twitter_control
{
	position: relative;
	float: left;
	overflow: visible;
}

#intro #twitter_control #twitter_icon {
	position: absolute; top: 1px; left: 1px;
	line-height: 26px;
	width: 26px;
	background: #0090BB;
	z-index: 1;
	border-radius: 3px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin: 0;
}

#twitter_control {
	display: inline-block;
}

#intro #twitter_control #twitter {
	margin: 0;
	text-indent: 30px;
}

#twitter_avatar {
	border-radius: 4px;
	position: absolute;
	left: 1px; top: 1px;
	z-index: 2;
}

#intro h2, #wt_comments h2 {font-size: 18px; padding-bottom: 0;}
#intro h1 a, #intro h2 a, #wt_comments h1 a, #wt_comments h2 a {color: #9bc90d; text-decoration: none;}
#intro #wt_description { clear: both; }
#intro_controls {padding: 10px 0; margin-bottom: 10px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; overflow: hidden;}
#intro_controls a {float: left;}
#intro_controls span, #intro_controls button {margin-left: 10px; margin-right: 0; font-family: museo, arial, verdana, tahoma; font-size: 12px; float: right; line-height: 14px;}

/* Description Styling*/
#wt_description ol { list-style: decimal; padding-left: 25px;}
#wt_description p, #wt_description ul, #wt_description ol {margin-bottom: 10px;}

.social{ float: right; overflow: hidden; }

#player_controls .social{ max-width: 245px; margin-left: 10px; _padding-top: 5px;}
#player_controls .social a {margin-right: 5px;}

.social_box {float: left; margin-right: 5px; overflow: hidden; }
.facebook { width: 46px; }
.gplus {width: 32px;}
.twitter {width: 56px;}
.flattr {width: 93px; padding: 1px 0; margin: 0;}

#wt_comments {position: absolute; top: 0; left: 0; right: 64%; bottom: 0; background: rgba(255, 255, 255, 0.95); padding: 20px; bottom: 0; display: none; padding-top: 13px; z-index: 10;
	font-family: museo, verdana, arial, sans-serif;
	font-size: 13px;
	line-height: 150%;
	box-shadow: 1px -1px 10px 1px rgba(0, 0, 0, 0.3);
	border-radius: 5px 0 0 5px;
	background: linear-gradient(#ebeff2 0%, #fff 100%);
	
	overflow: auto;
}
#wt_comments h4 {font-family: 'Titillium', verdana, arial, sans-serif; color: #9bc90d;}
#wt_comments h4 a {color: #9bc90d; text-decoration: none;}
#wt_comments .comment_head {border-bottom: 1px solid #ccc;margin-bottom: 5px;padding: 9px 0 16px; }
#wt_comments .comment_head h2 {display: inline;}

#comments {height: 100%;}
#comments_list { overflow-y: auto; height: 90%; }
#comments {height: 100%; }
#comment_form {display: none; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 15px;}
#comment_form .submit {float: none;}
.close_comments {text-decoration: none; color: #666;}


.comment {overflow: hidden; padding: 5px 0; margin-bottom: 5px; border-bottom: 1px solid #ddd; position: relative;}
.comment_avatar {position: absolute; width: 32px; top: 5px; left: 0;}
.comment_body {float: left; width: 100%; padding-left: 42px; box-sizing: border-box;}
.comment_body p {margin-bottom: 10px; color: #333;}

.CodeMirror pre.gutter-marker {background: #333; color: #fff;}

@font-face
{
	font-family: Titillium;
	src: url('../fonts/TitilliumText22L005.otf');
}
@font-face
{
	font-family: museo;
	src: url('../fonts/MuseoSans_500.otf');
}


#author_description {padding-bottom: 10px; min-height: 50px; width: 200px; float: left; display: none;}
#author_description cite {font-weight: bold; font-style: italic;}
#author_description h2 {margin-bottom: 5px;}
.author_box {position: relative;}
.author_box .hidden_info {display: none; position: absolute; top: 0; left: 0; background: #fff; padding: 10px; font-size: 11px; line-height: 18px; width: 300px;
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
}
.author_box .hidden_info p {margin-top: 7px;}
.author_pic {margin: 0 15px 5px 0; float: left; cursor: pointer;}
.author_pic.shadow {
	box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
}

.play_walkthrough, .view_code, #intro_controls .show_comments, .add_comment, .submit {
	padding: 6px 12px;
	text-decoration: none;
	background: #999;
	color: #fff;
	margin-right: 10px;
	border: 0 none;
	font-weight: normal;
	cursor: pointer;
	display: inline-block;
	font-family: museo, arial, verdana, sans-serif;
	line-height: normal;
	text-shadow: 0px 0px 1px #fff;
	
	border-radius: 3px;
	box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.play_walkthrough, .add_comment, .submit { 
	_background: linear-gradient(hsl(80, 65%, 55%) 0%, hsl(80, 100%, 30%) 100%);
	background: linear-gradient(#999 0%, #777 100%);
}
#intro_controls .view_code, #intro_controls .show_comments { 
	_background: linear-gradient(#ead700 0%, #c9a500 100%);
	background: linear-gradient(#999 0%, #777 100%);
}

.play_walkthrough:hover, .add_comment:hover, .submit:hover, 
.play_walkthrough:focus, .add_comment:focus, .submit:focus {
	background: linear-gradient(hsl(80, 65%, 55%) 0%, hsl(80, 100%, 30%) 100%);
	outline: none;
}
#intro_controls .view_code:hover, #intro_controls .show_comments:hover { 
	background: linear-gradient(#ead700 0%, #c9a500 100%);
}

.add_comment {margin-top: 5px;}
.add_comment, .submit {float: right; padding: 5px 10px; font-size: 12px;}

.selected_text {background: #f60;}

.code_canvas { background: transparent; overflow: hidden; position: relative; }
.vertical .code_canvas { width: 100%; height: 33.33%; border-bottom: 1px solid #aaa; }
.code_canvas.focus { background: #E7FAE7; }
.horizontal {width: 100%; height: 30%;}
.horizontal .code_canvas { width: 33.33%; height: 100%; float: left; }


#player_controls {height: 33px; left: 0px; right: 0px; bottom: 0px; position: absolute; z-index: 0; color: #fff; 
	padding: 7px 20px 7px 20px; padding-top: 60px;
	
	background: linear-gradient(#555 0%, #444 100%);
	background: #444;
	_border-radius: 0 0 5px 5px;
	_box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.25);
	
	font-family: museo, arial;
}
#player_controls .container {overflow: hidden; width: 64%; float: right;}
#player_controls #control_buttons span{color: #fff; margin: 5px 0 5px 10px; float: left; text-decoration: none; font-size: 11px;}
#silder {width: 100%; }
.play~.speed_control {display: none;}

#player_controls #control_buttons .pause {
	float: left;
	background: linear-gradient(#EAD700 0%, #C9A500 100%);
	margin-top: 6px;
	width: 30px; height: 18px;
	border-radius: 3px;
	margin: 2px 0;
	display: block;
}

#player_controls #control_buttons .pause span {
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	width: 1px;
	height: 8px;
	margin: 5px 0 0 12px;
	display: block;
}

#player_controls #control_buttons .play {
	float: left;
	width: 30px; height: 18px;
	border-radius: 3px;
	margin: 2px 0;
	background: linear-gradient(hsl(80, 65%, 55%) 0%, hsl(80, 100%, 30%) 100%);
	display: block;
}

#player_controls #control_buttons .play span {
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 6px solid #fff;
	border-right: 0 none;
	width: 0; height: 0; line-height: 0;
	display: block; 
	margin: 5px 0 0 13px;
}

#slider {
	margin-bottom: 5px;
}

#player_controls p, #player_controls form {
	float: right;
	opacity: 1;
	padding-top: 5px;
	color: #fff; 
	margin-left: 0px; 
	box-shadow: 0 none;
	font-size: 11px;
}
#player_controls .text {
	padding: 11px 5px;
}
#player_controls .social {opacity: 1;}
#player_controls p a {color: #fff; text-decoration: none; background: none; padding: 0; margin: 0;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none; 
}
#player_controls .logo:hover {opacity: 1;}

p#control_buttons {	overflow: hidden; padding-top: 0; margin: 0 auto; float: left;}

/*#player_controls span.active { background: #000; background: linear-gradient(#666 0%, #222 100%); }*/
p#control_buttons .active {	text-shadow: 0 0 3px rgba(255, 255, 255, 1); background: transparent; }

#player_controls span {cursor: pointer; user-select: none;}

.gift-subscribe {float: right; height: 21px; position: relative; _width: 275px;}
.gift-subscribe.df {float: right; height: 21px; position: relative; width: auto; margin-left: 10px; display: none;}

#mc_embed_signup.sleek { transition: all 0.25s; position: absolute; left: 0; top: 0; opacity: 0; z-index: 1;}
#player_controls .sleek form {padding-top: 0; float: none;}
.gift {
	color: rgb(253, 255, 205); font: normal 11px/21px museo; _text-shadow: 0 0 1px rgb(253, 255, 205);
	background: linear-gradient(hsl(30, 100%, 50%) 0%, hsl(20, 100%, 40%) 100%);
	_background: linear-gradient(hsl(195, 100%, 50%) 0%, hsl(205, 100%, 40%) 100%);
	display: block; border-radius: 3px; padding: 0 10px;
	overflow: hidden; height: 21px; 
	text-decoration: none; 
	transition: all 0.25s;
	position: relative;
	padding-left: 54px;
}
.gift-subscribe.df .gift {
	padding: 0 10px;
	background: linear-gradient(hsl(195, 100%, 50%) 0%, hsl(205, 100%, 40%) 100%);
}
.gift i {font-size: 42px; margin-right: 10px; opacity: 0.5; position: absolute; top: 0; left: 9px;}

.gift-subscribe.active #mc_embed_signup, .gift-subscribe:hover #mc_embed_signup {opacity: 1;}

.toggle_description, .toggle_comments, .show_related_wts {
	padding: 4px 16px 4px 0; font-size: 11px; _background: #666; line-height: 10px;
	_background: linear-gradient(#333 0%, #555 100%);
}
.toggle_description.active, .toggle_comments.active, .show_related_wts.active {
	text-shadow: 0 0 3px rgba(255, 255, 255, 1);
}
#toggle_controls {float: left; margin-left: 16px; }
/* deprecated 04082014
#toggle_controls p:last-child span { border-radius: 3px 0 0 3px; }
#toggle_controls p:first-child span { border-radius: 0 3px 3px 0; }
*/
#player_controls .save_bulb {float: left; margin-left: 10px; background: yellow; color: red;}

.wt_info {float: left; width: 36%; line-height: 140%; display: table; height: 100%; padding-top: 2px;}

/* Jquery UI override to style player controls */
ui-slider-range {background: #000;}
.ui-slider-horizontal {height: 0.3em; background: #333; border: 1px solid #555;}
#player_controls .ui-slider .ui-slider-handle { height: 0.3em; top: -0.1em; padding: 0; margin: 0;}
.ui-widget-header {background: #222;}



form .input_control {padding:  0 0 10px 0; }
form label {display: block;  padding: 15px 0 0 0; font-weight: bold; color: #666; line-height: 10px; }
form input, form textarea {border: 2px solid #ccc; padding: 5px; width: 280px;}
form input[type='checkbox'], form input[type='radio'] {width: auto; padding: 5px;}
form input[type='submit'] {width: auto;}


#wt_name {
	text-decoration: none; color: #fff; font-family: museo; display: table-cell; vertical-align: middle; font-size: 13px; 
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
#tcp_name {font: italic bold 18px/28px 'Crete Round', serif; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); text-decoration: none; user-select: none; }
/* deprecated 10082013 
#tcp_name .superscript {font-size: 60%; vertical-align: super; padding: 0 5px; font-family: serif;}
#tcp_name span {overflow: hidden; display: inline-block;}
*/
/* deprecated 10082013 
#intro_handle {position: absolute; left: 100%; top: 35px; padding: 20px 1px 17px 1px; font-weight: bold; background: #eff2f4; line-height: 21px; font-size: 18px; cursor: pointer; z-index: 10; color: #79A70A;
clip:rect(-10px,25px,70px,0px);
	border-radius: 0 5px 5px 0;
	box-shadow: 1px -1px 10px 1px rgba(0, 0, 0, 0.3);
	
	display: none;
	
}
#intro #goback { text-decoration: none; position: absolute; bottom: 35px; left: 0; padding: 5px 10px 1px 10px; background: rgba(0, 0, 0, 0.4); color: #fff; font-weight: bold;}
*/
/* deprecated 10082013 
.logo {font-family: 'Crete Round', arial; font-size: 12px; font-style: italic; color: #fff; font-weight: normal;}
.logo a {color: #fff; text-decoration: none;}
*/
.related_wts {
	position: absolute; bottom: 50px; top: 20px; right: 20px; z-index: 1; 
	background: rgba(0, 0, 0, 0.5); 
	padding: 15px; 
	overflow-y: auto; overflow-x: visible; 
	border-radius: 0 5px 5px 0;
	display: none;
}
.related_listing li{ margin-bottom: 15px; position: relative;}
.related_listing li a { display: block; box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2); }
.related_listing li a:hover { display: block; box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.4); }
.related_listing li a img{ display: block; }

.related_listing li .related_wt_label {background: rgba(0, 0, 0, 0.50); color: #fff; position: absolute; top: 0px; left: 0; font-size: 11px; height: 100%; width: 100px; line-height: 150%; display: none; text-decoration: none;}
.related_wt_label .label_holder {padding: 3px 5px; display: block;}


#wt_description a, #related_wts_text a { color: #17AABE; text-decoration: none; }
#wt_description a:hover, #related_wts_text a:hover { color: #04888B; text-decoration: underline; }
.related_wt_label_text .label_holder { padding-top: 3px; display: block; }

#related_wts_text h3 {font-weight: bold;}

h3 {margin-bottom: 10px; margin-top: 15px;
	_font-family: Montserrat;
}

.experiments {overflow: hidden; margin-bottom: 10px; counter-reset: numbering; }
.experiments li {display: inline;}
.experiments li {font-weight: bold; line-height: 2; font-size: 12px; transition: all 0.25s; _margin-right: 5px;}
.experiments li a:before {
	content: counter(numbering); counter-increment: numbering;
	background: #333; color: white; margin-right: 5px; padding: 2px 5px; border-radius: 3px; 
}
.experiments li a {text-decoration: none;color: #333; padding: 2px 0; padding-right: 5px; border-radius: 4px; _background: rgba(0,0,0,0.05);}
.experiments li a:hover {color: white;}

.experiments li:nth-child(1) a:before {background: hsla(0, 60%, 30%, 0.75);}
.experiments li:nth-child(1) a:hover {color: hsla(0, 60%, 30%, 1);}
.experiments li:nth-child(2) a:before {background: hsla(40, 60%, 30%, 0.75);}
.experiments li:nth-child(2) a:hover {color: hsla(40, 60%, 30%, 1); }
.experiments li:nth-child(3) a:before {background: hsla(80, 60%, 30%, 0.75);}
.experiments li:nth-child(3) a:hover {color: hsla(80, 60%, 30%, 1); }
.experiments li:nth-child(4) a:before {background: hsla(120, 60%, 30%, 0.75);}
.experiments li:nth-child(4) a:hover {color: hsla(120, 60%, 30%, 1); }
.experiments li:nth-child(5) a:before {background: hsla(160, 60%, 30%, 0.75);}
.experiments li:nth-child(5) a:hover {color: hsla(160, 60%, 30%, 1); }
.experiments li:nth-child(6) a:before {background: hsla(200, 60%, 30%, 0.75);}
.experiments li:nth-child(6) a:hover {color: hsla(200, 60%, 30%, 1); }


.carbonad, .m { float: right; margin-left: 10px; background: rgba(255, 255, 255, 0.5) !important; border: 0 !important; width: 300px !important; background: transparent !important; height: auto !important; line-height: 1.2;}
.carbonad-text {height: auto !important;}
.carbonad-tag {margin-top: 10px !important; padding-top: 0 !important;}
.carbonad-text, .carbonad-tag {margin-left: 5px !important;}
.carbonad-img {float: none !important; margin: 0 !important;}
.carbonad-image a {display: block;}


.m {display: none;}
.mt {color: #545454; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: normal; margin-left: 5px; margin-top: 9px; width: 119px; margin-bottom: 2px;}
.mt a {font-weight: bold;}

.social-icons {display: none;}
.social-icons li {float: left; margin: 0; list-style-type: none;}
/*.social-icons li:first-child a {border-radius: 5px 0 0 5px;}
.social-icons li:last-child a {border-radius: 0 5px 5px 0;}*/

.social-icons a {color: white; text-decoration: none; line-height: 21px; display: block; text-align: center; width: 30px; margin: 0 !important; transition: all 0.5s; margin-left: 5px !important; border-radius: 5px;}
.social-icons a i {font-size: 13px; line-height: 21px; display: block; margin: 0 auto;}

.social-icons .rss {background: linear-gradient(hsl(45, 100%, 57%), hsl(45, 100%, 27%));}
.social-icons .rss:hover {background: linear-gradient(hsl(45, 100%, 52%), hsl(45, 100%, 22%));}

.social-icons .twitter {background: linear-gradient(hsl(197, 100%, 57%), hsl(197, 100%, 27%));}
.social-icons .twitter:hover {background: linear-gradient(hsl(197, 100%, 52%), hsl(197, 100%, 22%));}

.social-icons .facebook {background: linear-gradient(hsl(220, 44%, 51%), hsl(220, 44%, 21%));}
.social-icons .facebook:hover {background: linear-gradient(hsl(220, 44%, 46%), hsl(220, 44%, 16%));}

.social-icons .google-plus {background: linear-gradient(hsl(3, 67%, 67%), hsl(3, 67%, 37%));}
.social-icons .google-plus:hover {background: linear-gradient(hsl(3, 67%, 61%), hsl(3, 67%, 31%));}




@-moz-document url-prefix() {
	#intro h1, #intro h2, #wt_comments h1, #wt_comments h2, #intro h1 textarea { letter-spacing: -3px; }
	#tcp_name, .logo { letter-spacing: -2px; }
	#tcp_name span {line-height: 12px;}
	#intro input[type="text"], #intro #twitter_control #twitter { letter-spacing: -1px; }
}





.carbonad-text, .carbonad-tag { margin-left: 0 !important; }
.carbonad-text {width: 130px; margin-left: 0; }
.carbon-text {margin: 5px 0; display: block; font-size: 13px; line-height: 1.25;}
.carbon-poweredby {display: block; opacity: 0.5; font-weight: bold; font-size: 13px; line-height: 1.25;}