/*
Theme Name: Cubiq.org
Theme URI: http://cubiq.org/
Author: Matteo Spinelli
Author URI: http://cubiq.org/
Description: Cubiq.org default theme
Version: 4
License: Copyright (c) 2011 Matteo Spinelli
License URI:
Tags:
*/
html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; -moz-text-size-adjust:none; -o-text-size-adjust:none; text-size-adjust:none; }
html, body {
	height:100%;
}
body, div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, input, textarea, select, canvas, button { margin:0; padding:0; border:0; font-size:inherit; }
body {
	text-align:center;
	background:#dddcd6 url(images/bg.png);
	color:#2F2F2F;
	font-size:16px;
	line-height:1;
	text-rendering:optimizeLegibility;
}

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

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

ul, li { list-style:none; }

input, textarea, select {
	font-size:inherit;
	-webkit-appearance:none; -moz-appearance:none; -o-appearance:none;
}

input:focus, textarea:focus, select:focus { outline: none; }

a { color:#a32918; }
a:hover { color:#000}

code {
	font-size:0.9em;
	background:rgba(0,0,0,0.1);
	color:#000;
}

blockquote {
	font-style:italic;
}

.cf { zoom: 1; }
.cf:before,
.cf:after { content:""; display:table; }
.cf:after { clear:both; }

.alignleft { float:left !important; }
.alignright { float:right !important; }

.mobile, .ntbs { display:none !important; }

/**
 *
 * Font
 *
 */
@font-face {
	/* Usign a custom version of Miso Regular - License fonts/miso-license.txt */
	font-family:'MisoCubiq';
    src: url('fonts/miso-cubiq.eot');
    src: url('fonts/miso-cubiq.eot?#iefix') format('embedded-opentype'),
         url('fonts/miso-cubiq.woff') format('woff'),
         url('fonts/miso-cubiq.ttf') format('truetype'),
         url('fonts/miso-cubiq.svg#MisoCubiq') format('svg');
    font-weight:normal;
    font-style:normal;
}
body {
	font-family:helvetica, arial, sans-serif;
}

h1, h2, h3, h4, h5, h6,
#navigation,
#follow,
.entry .meta,
article .meta,
.comment-meta,
label,
.comment-reply-link,
#console,
.pagination,
input[type=submit] {
	font-family:'MisoCubiq', helvetica, arial, sans-serif;
	text-transform:uppercase;
}

code, pre {
	font-family:monaco, consolas, 'courier new', monospace;
}


/**
 *
 * Layout
 *
 */
#wrapper {
	position:relative;
	width:960px;
	margin:30px auto;
	text-align:left;
}

#header {
	float:left;
	width:200px;
}

#sidebar {
	float:left;
	width:200px;
	clear:both;
	overflow:hidden;
}

#main {
	position:absolute;
	top:0;
	right:0;
	width:720px;
}


/**
 *
 * Header
 *
 */
#header {
	text-align:center;
}

#cube {
}

#header hgroup {
	line-height:125%;
}

#header h1 {
	color:#6d6c67;
	white-space:nowrap;
}

#header h2 {
	font-size:1.85em;
	color:#a32918;
	text-shadow:0 1px 0 #fff;
}

#logo {
	background:url(images/laurel@2x.png) 50% 0 no-repeat;
	-webkit-background-size:102px 90px; background-size:102px 90px;
	padding-bottom:20px;
	border-bottom:1px solid #B8B6AF;
}

#navigation {
	text-align:left;
	overflow:hidden;
	border-bottom:1px solid #B8B6AF;
	border-top:1px solid rgba(255,255,255,0.6);
	padding:15px 0;
}

#navigation a {
	display:block;
	color:#02819F;
	text-decoration:none;
	height:22px; line-height:22px;
	padding-left:4px;
	overflow:hidden;
	background-color:transparent;
	background-image:url(images/nav-icons.png);
	background-repeat:no-repeat;
	-webkit-background-size:400px 132px; -moz-background-size:400px 132px; -o-background-size:400px 132px; background-size:400px 132px;

	-webkit-transition-property:background-color; -moz-transition-property:background-color, color; -o-transition-property:background-color, color; -transition-property:background-color, color;
	-webkit-transition-duration:1.5s; -moz-transition-duration:1.5s; -o-transition-duration:1.5s; transition-duration:1.5s;
	-webkit-transition-timing-funtion:linear; -moz-transition-timing-funtion:linear; -o-transition-timing-funtion:linear; transition-timing-funtion:linear;
}

#navigation a:hover {
	-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; transition-duration:0.5s;
	background-color:#02819F;
	color:#fff;
}

#navigation ul {
	font-size:1.1em;
	display:block;
	float:left;
	width:100%;
}

#navigation li {
	display:block;
	margin-bottom:1px;
}

#navigation li:last-child {
	margin:0;
}

#navHome a { background-position:0 0; }
#navHome a:hover { background-position:100% 0; }

#navPrj a { background-position:0 -22px; }
#navPrj a:hover { background-position:100% -22px; }

#navAbout a { background-position:0 -44px; }
#navAbout a:hover { background-position:100% -44px; }

#navContact a { background-position:0 -66px; }
#navContact a:hover { background-position:100% -66px; }

#navHire a { background-position:0 -88px; }
#navHire a:hover { background-position:100% -88px; }


/**
 *
 * Sidebar
 *
 */
#sidebar .block {
	margin-bottom:0;
	padding:15px 0;
	border-bottom:1px solid #B8B6AF;
	border-top:1px solid rgba(255,255,255,0.6);
}

#license {
	border-bottom:0 !important;
}

#sidebar h3 {
	font-size:1.4em;
	margin-bottom:4px;
	text-shadow:0 1px 0 #fff;
}

#sidebar h3 span {
	color:#02819F;
}

#sidebar .wp-tag-cloud,
#sidebar ol {
	padding-left:1.6em;
	font-size:0.8em;
	color:#7D7D78;
}

#sidebar ol li {
	list-style:decimal;
	padding:4px 0;
}

#sidebar .wp-tag-cloud li {
	list-style:square;
	padding:4px 0;
}

#sidebar ol li.more {
	list-style:square;
}

#sidebar a {
	text-decoration:none;
}

#sidebar p {
	font-size:0.8em;
	line-height:130%;
}

#twit span {
	color:#7D7D78;
}

#follow li {
	text-align:left;
	display:block;
	float:left;
	margin-bottom:1px;
	width:100%;
}

#follow a {
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
	display:block;
	height:22px; line-height:22px;
	color:#656562;
	background-color:transparent;
	background-image:url(images/follow-icons.png);
	background-repeat:no-repeat;
	background-size:800px 20px;
	overflow:hidden;
	padding-left:4px;
	
	-webkit-transition-property:background-color; -moz-transition-property:background-color; -o-transition-property:background-color; -transition-property:background-color;
	-webkit-transition-duration:1.5s; -moz-transition-duration:1.5s; -o-transition-duration:1.5s; transition-duration:1.5s;
	-webkit-transition-timing-funtion:linear; -moz-transition-timing-funtion:linear; -o-transition-timing-funtion:linear; transition-timing-funtion:linear;
}

#follow a:hover {
	-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; transition-duration:0.5s;
	background-color:#B8B6AF;
	color:#fff;
}

#followTwitter a { background-position:170px 50%; }
#followRSS a { background-position:-26px 50%; }
#followEmail a { background-position:-228px 50%; }
#followVimeo a { background-position:-429px 50%; }

#license img {
	margin:0 4px -2px 0;
}


/**
 *
 * Features
 *
 */
#features {
	border-bottom:1px solid #B8B6AF;
}

#features ul {
	display:block;
	float:left;
}

#features li {
	display:block;
	float:left;
	width:120px;
	margin-bottom:10px;
}

#features .img {
	display:block;
	margin-bottom:8px;
}

#features .img span {
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
	display:block;
	margin:0 auto;
	width:96px;
	height:96px;
	background-size:96px 96px;
	background-repeat:no-repeat;
	background-position:0 0;
	border:1px solid #51514E;
	-webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5), inset 0 1px 3px #fff, inset 0 -1px 1px rgba(0,0,0,0.5);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5), inset 0 1px 3px #fff, inset 0 -1px 1px rgba(0,0,0,0.5);
	-o-box-shadow:0 1px 3px rgba(0,0,0,0.5), inset 0 1px 3px #fff, inset 0 -1px 1px rgba(0,0,0,0.5);
	box-shadow:0 1px 3px rgba(0,0,0,0.5), inset 0 1px 3px #fff, inset 0 -1px 1px rgba(0,0,0,0.5);
	-webkit-background-clip:padding-box; -moz-background-clip:padding-box; -o-background-clip:padding-box; background-clip:padding-box;
}

#features .title {
	display:block;
	text-align:center;
	font-size:0.8em;
	text-decoration:none;
	text-shadow:0 1px 0 #fff;
	padding:0 8px;
	color:#2f2f2f;
}

#features .title:hover {
	color:#A32918;
}

#features h2 {
	font-size:1.4em;
	text-shadow:0 1px 0 #fff;
	margin-bottom:10px;
}

#features h2 span {
	color:#02819F;
}


/**
 *
 * Pagination
 *
 */
.pagination {
	clear:both;
	width:100%;
	font-size:1.2em;
	margin-bottom:20px;
}

.pagination div,
.pagination .page-numbers {
	display:block;
	float:left;
	margin-right:8px;
}

.pagination .navNext {
	float:right;
}


.pagination a,
.pagination span {
	display:block;
	text-decoration:none;
	padding:8px;
	border:1px solid #B8B6AF;

	-webkit-transition-property:background-color; -moz-transition-property:background-color, color; -o-transition-property:background-color, color; -transition-property:background-color, color;
	-webkit-transition-duration:1.5s; -moz-transition-duration:1.5s; -o-transition-duration:1.5s; transition-duration:1.5s;
	-webkit-transition-timing-funtion:linear; -moz-transition-timing-funtion:linear; -o-transition-timing-funtion:linear; transition-timing-funtion:linear;
}

.pagination a:hover {
	-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; transition-duration:0.5s;
	background-color:#B8B6AF;
	color:#fff;
}

.pagination span {
	border:0;
}


/**
 *
 * Contents
 *
 */
.home #contents {
	border-top:1px solid rgba(255,255,255,0.6);
	padding-top:10px;
}

.entry {
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
	float:left;
	width:360px;
	margin-bottom:30px;
}

.entry.odd {
	clear:left;
	padding-right:15px;
}

.entry.even {
	clear:right;
	padding-left:15px;
}

.entry.first {
	width:100%;
	padding:0 !important;
	font-size:1.1em;
}

.entry.first .meta li {
	float:left;
	margin-right:15px;
}

.postimg {
	float:left;
	margin:0 8px 0 0;
	border:1px solid #C7C7BF;
	padding:4px;
	background:#fff;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.15); -o-box-shadow:0 1px 2px rgba(0,0,0,0.15); -ms-box-shadow:0 1px 2px rgba(0,0,0,0.15); box-shadow:0 1px 2px rgba(0,0,0,0.15);
}

.postimg img {
	display:block;
	border:1px solid #2f2f2f;
}

.entry h2 {
	font-size:1.8em;
	margin-bottom:0.2em;
}

.entry h2 a {
	text-decoration:none;
}

.entry p {
	line-height:140%;
	font-size:0.9em;
	border-bottom:1px solid #B8B6AF;
	padding-bottom:10px;
}

.entry p .tag {
	color:#20201F;
	text-transform:uppercase;
	font-weight:bold;
}

.entry p.divider {
	font-size:1.3em;
	text-align:center;
}

.entry p.divider span {
	color:#A09F99;
}

.entry .meta {
	display:block;
	float:left;
	width:100%;
	color:#7E7E79;
	border-top:1px solid rgba(255,255,255,0.6);
	padding-top:10px;
	font-size:1.05em;
	line-height:120%;
}

.entry .meta a {
	text-decoration:none;
	color:#02819F;
}

.entry .meta a:hover {
	color:#2f2f2f;
}

.entry .meta li {
	display:block;
}

.entry .meta strong {
	font-weight:normal;
	color:#2f2f2f;
	white-space:nowrap;
}

#main header h1 {
	font-size:3em;
	text-shadow:0 1px 0 #fff;
	margin-bottom:20px;
	color:#7E7E79;
}

#main header h1 span {
	color:#02819F;
}

#main header h1 strong {
	color:#2F2F2F;
	font-weight:normal;
}


article h2,
article h3,
article h4 {
	text-shadow:0 1px 0 #fff;
	margin:4px 0;
	color:#02819F;
}

article h2 {
	margin:0;
	font-size:3em;
	border-top:1px solid rgba(255,255,255,0.6);
	padding-top:10px;
	clear:both;
	color:#2f2f2f;
}

.error404 article h2,
.page article h2 {
	border:0;
	margin-bottom:10px;
}

article h3 {
	font-size:2em;
}

article h4 {
	font-size:1.7em;
}

article h2 span {
	color:#02819F;
}

article p,
article ul,
article form {
	margin-bottom:20px;
	font-size:0.95em;
	line-height:130%;
}

article form img {
	border:0;
}

article blockquote {
	border-left:3px solid #B8B6AF;
	margin-left:2.2em;
	padding-left:0.8em;
	color:#555653;
}

article pre {
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
	width:100%;
	font-size:0.7em;
	margin-bottom:20px;
	line-height:110%;
	background:rgba(0,0,0,0.1);
	border-style:solid;
	border-width:1px;
	border-color:#9A9A96 #F8F9F2 #F8F9F2 #9A9A96;
	padding:10px;
	overflow:auto;
	color:#000;
}

article ul {
	margin-left:2em;
	line-height:140%;
}

article ul li {
	list-style:square;
}

article img {
	border:1px solid #2f2f2f;
}

article .wp-caption.alignleft,
article img.alignleft {
	margin:0 10px 5px 0;
}

article .wp-caption.alignright,
article img.alignright {
	margin:0 0 5px 10px;
}

article .wp-caption {
	border:1px solid #B8B6AF;
	padding:8px;
	background:#fff;
	text-align:center;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.15); -o-box-shadow:0 1px 2px rgba(0,0,0,0.15); -ms-box-shadow:0 1px 2px rgba(0,0,0,0.15); box-shadow:0 1px 2px rgba(0,0,0,0.15);
}

article .wp-caption p {
	margin:0;
	font-size:0.8em;
}

article .excerpt {
	margin:10px 0 30px 0;
	font-style:italic;
	text-shadow:0 1px 0 #fff;
	background:rgba(255,255,255,0.4);
	padding:20px;
}

article .excerpt p {
	font-size:1.1em;
	margin:0;
}

article .meta {
	font-size:1.3em;
	display:block;
	float:left;
	width:100%;
	color:#7E7E79;
	border-bottom:1px solid #B8B6AF;
	padding-bottom:10px;
	margin:0;
	line-height:100%;
}

article .meta li {
	display:block;
	float:left;
	margin-right:30px;
}

article .meta strong {
	font-weight:normal;
	color:#2f2f2f;
}

article .meta a {
	text-decoration:none;
	color:#02819F;
}

article .meta a:hover {
	color:#2f2f2f;
}


#console {
	display:block;
	float:left;
	margin-left:0;
	margin-bottom:15px;
	width:100%;
	font-size:1.4em;
}

#console li {
	list-style:none;
	display:block;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}

#console li a {
	display:block;
	text-decoration:none;
	padding:4px 8px 4px 34px;
	background-color:rgba(0,0,0,0);
	background-image:url(images/console-icons.png);
	background-repeat:no-repeat;
	background-size:1000px 30px;
	border:1px solid #B8B6AF;

	-webkit-transition-property:background-color; -moz-transition-property:background-color, color; -o-transition-property:background-color, color; -transition-property:background-color, color;
	-webkit-transition-duration:1.5s; -moz-transition-duration:1.5s; -o-transition-duration:1.5s; transition-duration:1.5s;
	-webkit-transition-timing-funtion:linear; -moz-transition-timing-funtion:linear; -o-transition-timing-funtion:linear; transition-timing-funtion:linear;
}

#console li a:hover {
	-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; transition-duration:0.5s;
	background-color:#B8B6AF;
	color:#fff;
}

#console .download { background-position:0 50%; }
#console .screencast { background-position:-404px 50%; padding-left:38px; }
#console .demo { background-position:-604px 50%; padding-left:40px; }
#console .repo { background-position:-800px 50%; padding-left:30px; }
#console .forum { background-position:-200px 50%; }


/**
 *
 * Share buttons
 *
 */
#share {
	clear:both;
}

#share h2 {
	font-size:2.6em;
	text-shadow:0 1px 0 #fff;
	margin:30px 0 0 0;
}

#share h2 span {
	color:#02819F;
}

#share ul {
	display:block;
	float:left;
	width:100%;
	margin-top:10px;
}

#share li {
	display:block;
	float:left;
	margin-right:20px;
}


/**
 *
 * Comments
 *
 */
#comments {
	clear:both;
}

#comments h2,
#comments h3 {
	font-size:2.6em;
	text-shadow:0 1px 0 #fff;
	margin:30px 0 10px 0;
}

#comments h2 span,
#comments h3 span {
	color:#02819F;
}

#comments h3 small {
	font-size:0.5em;
}

#comments h3 small a {
	text-decoration:none;
}

.comment-meta {
	font-size:1em;
	display:block;
	float:left;
	width:100%;
	color:#7E7E79;
	border-bottom:1px solid #B8B6AF;
	padding-bottom:5px;
}

.comment-meta li {
	display:block;
	float:left;
	margin-right:20px;
}

.comment-meta a {
	text-decoration:none;
}

.comment-meta strong {
	color:#2f2f2f;
	font-weight:normal;
}

#comments .text {
	clear:both;
	padding:5px 0 0 0;
	border-top:1px solid rgba(255,255,255,0.6);
	font-size:0.9em;
	line-height:130%;
}

#comments .comment-author-admin > div .text {
	color:#02819F;
}

#comments .pingback .text {
	border:0;
	padding:0;
}

#comments ul.children {
	padding-left:3em;
	margin-top:10px;
}

#respond form {
	background:rgba(255,255,255,0.4);
	padding:20px;
}

#respond {
	margin-bottom:30px;
}

#respond p {
	margin-bottom:20px;
	line-height:130%;
}

#commentform {
	font-size:0.9em;
}

#respond .form-submit {
	margin:0;
}

#commentlist .pingback,
#commentlist .comment {
	background:rgba(255,255,255,0.4);
	padding:10px;
	margin-bottom:20px;
}

#commentlist .children .comment {
	margin-bottom:0;
	background:transparent;
}

.comment-reply-link {
	display:inline-block;
	clear:both;
	margin-top:4px;
	margin-left:-2px;
	font-size:1.1em;
	padding:2px;
	text-decoration:none;
	text-transform:uppercase;
	color:#02819F;

	-webkit-transition-property:background-color; -moz-transition-property:background-color, color; -o-transition-property:background-color, color; -transition-property:background-color, color;
	-webkit-transition-duration:1.5s; -moz-transition-duration:1.5s; -o-transition-duration:1.5s; transition-duration:1.5s;
	-webkit-transition-timing-funtion:linear; -moz-transition-timing-funtion:linear; -o-transition-timing-funtion:linear; transition-timing-funtion:linear;
}

.comment-reply-link:hover {
	-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; transition-duration:0.5s;
	background-color:#02819F;
	color:#fff;
}

/**
 *
 * Forms
 *
 */
input[type=text], textarea {
	display:block;
	padding:6px;
	border:1px solid #B8B6AF !important;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
	color:#A32918;
	min-width:50%;
}

input[type=text]:focus, textarea:focus {
	border-color:#02819F !important;
}

label {
	font-size:1.4em;
}

label span {
	font-size:0.8em;
	color:#656562;
}


#q {
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
	padding:4px;
	width:200px;
}

input[type=submit] {
	display:block;
	font-size:1.4em;
	padding:2px 10px;
	-webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; border-radius:4px;
	background-color:#02819F;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#007F9B), color-stop(0.5, #0298BA), to(#0298BA));
	background-image:-moz-linear-gradient(top, #007F9B 0%, #0298BA 50%, #0298BA 100%);
	background-image:-o-linear-gradient(top, #007F9B 0%, #0298BA 50%, #0298BA 100%);
	background-image:linear-gradient(top, #007F9B 0%, #0298BA 50%, #0298BA 100%);
	color:#fff;
	border-bottom:1px solid rgba(255,255,255,0.28);
	text-shadow:0 -1px 0 rgba(0,0,0,0.4);
	-webkit-box-shadow:0 1px 0 #008FB0,
		0 2px 0 #0085A6,
		0 3px 0 #007D9E,
		0 4px 0 #007494,
		0 5px 0 #006E8D,
		0 6px 4px rgba(0,0,0,0.4);
	-moz-box-shadow:0 1px 0 #008FB0,
		0 2px 0 #0085A6,
		0 3px 0 #007D9E,
		0 4px 0 #007494,
		0 5px 0 #006E8D,
		0 6px 4px rgba(0,0,0,0.4);
	-o-box-shadow:0 1px 0 #008FB0,
		0 2px 0 #0085A6,
		0 3px 0 #007D9E,
		0 4px 0 #007494,
		0 5px 0 #006E8D,
		0 6px 4px rgba(0,0,0,0.4);
	box-shadow:0 1px 0 #008FB0,
		0 2px 0 #0085A6,
		0 3px 0 #007D9E,
		0 4px 0 #007494,
		0 5px 0 #006E8D,
		0 6px 4px rgba(0,0,0,0.4);
}

#cse input[type=submit] {
	background:none;
	text-shadow:none;
	-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border-radius:0;
	border:0;
	-webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none;
}

/**
 *
 * Mostly tablets
 *
 */
@media screen and (min-width:481px) and (max-width:800px) {
	#wrapper {
		width:748px;
	}

	#main {
		width:540px;
	}

	#header {
		width:180px;
	}

	#navHome a { background-position:-22px 0; }
	#navHome a:hover { background-position:100% 0; }

	#navPrj a { background-position:-22px -22px; }
	#navPrj a:hover { background-position:100% -22px; }

	#navAbout a { background-position:-22px -44px; }
	#navAbout a:hover { background-position:100% -44px; }

	#navContact a { background-position:-22px -66px; }
	#navContact a:hover { background-position:100% -66px; }

	#navHire a { background-position:-22px -88px; }
	#navHire a:hover { background-position:100% -88px; }

	#sidebar {
		width:180px;
	}

	#followTwitter a { background-position:150px 50%; }
	#followRSS a { background-position:-46px 50%; }
	#followEmail a { background-position:-248px 50%; }
	#followVimeo a { background-position:-449px 50%; }

	#features li {
		width:90px;
	}
	
	#features .img span {
		width:72px;
		height:72px;
		background-size:72px 72px;
	}

	#features .title {
		padding:0 6px;
		font-size:0.75em;
	}

	.entry {
		-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
		float:left;
		width:100%;
		margin-bottom:30px;
	}

	.entry.first {
		font-size:1em;
	}
	
	.entry.odd {
		clear:both;
		padding-right:0;
	}

	.entry.even {
		clear:both;
		padding-left:0;
	}

	.entry .meta li {
		float:left;
		margin-right:15px;
	}

	#console {
		font-size:1.2em;
	}
	
	#q {
		width:180px;
	}
}

/**
 *
 * Mostly smartphones
 *
 */
@media screen and (max-width:480px) {
	.mobile {
		display:block !important;
	}
	
	.nomobile {
		display:none !important;
	}

	#wrapper {
		width:100%;
		margin:8px 0 0 0;
	}
	
	#header {
		width:100%;
	}
	
	#logo {
		background-position:0 0;
	}
	
	#main {
		float:left;
		position:relative;
		width:100%;
		top:auto; right:auto;
		padding-bottom:0;
		margin-bottom:0;
	}
	
	#sidebar {
		width:100%;
		padding-top:0;
	}
	
	#sidebar .block {
		border:0;
		padding:8px;
		margin-bottom:1px;
	}
	
	#logo {
		width:240px;
		margin:0 auto;
		height:90px;
		padding-bottom:0;
		border:0;
	}

	#logo canvas {
		display:block;
		float:left;
	}
	
	#logo hgroup {
		float:left;
		margin-top:22px;
		margin-left:4px;
		width:126px;
		height:46px;
		overflow:hidden;
	}
	
	#navigation {
		border:0;
		margin:8px;
		padding:0;
	}
	
	#navigation li {
		-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
		width:50%;
		float:left;
		background:#02819F;
		margin:0;
		border-right:1px solid #DDDCD6;
		border-bottom:1px solid #DDDCD6;
	}
	
	#navigation span,
	#navigation a {
		height:22px; line-height:22px;
		display:block;
		margin:8px 0;
		padding-left:8px;
		color:#fff;
		text-shadow:0 -1px 0 rgba(0,0,0,0.4);
	}

	#navHome a { background-position:100% 0; }
	#navPrj a { background-position:100% -22px; }
	#navAbout a { background-position:100% -44px; }
	#navContact a { background-position:100% -66px; }
	#navHire a { background-position:100% -88px; }

	#navVoid { background:#B8B6AF !important; }
	
	#features {
		margin-top:10px;
		border:0;
	}

	#features ul {
		width:100%;
	}

	#features li {
		width:25%;
	}
	
	#features .img span {
		width:64px;
		height:64px;
		-webkit-background-size:64px 64px; background-size:64px 64px;
	}

	#features .title {
		padding:0 3px;
		font-size:0.75em;
	}
	
	#features h2 {
		padding-left:8px;
	}

	#contents {
		border:0 !important;
		padding-bottom:0;
		margin-bottom:0;
	}

	.entry.first,
	.entry {
		-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
		float:left;
		width:100%;
		margin-bottom:8px;
		padding:8px !important;
		border:0;
		background:rgba(255,255,255,0.5);
		font-size:1em;
	}

	.entry.odd {
		clear:both;
		padding:0 8px;
	}

	.entry.even {
		clear:both;
		padding:0 8px;
	}

	.entry .meta {
		border:0;
	}

	.entry .meta li {
		float:left;
		margin-right:8px;
		font-size:0.9em;
		font-family:helvetica,arial,sans-serif;
		text-transform:none;
	}
	
	.pagination {
		-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
		padding:0 8px;
		margin-bottom:8px;
		font-size:1.1em;
	}
	
	.pagination .navPrev {
		margin:0;
	}
	
	.pagination .navNext {
		margin:0;
	}
	
	.pagination a {

	}
	
	#follow li {
		-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
		width:50%;
		margin:0;
		border-bottom:1px solid #DDDCD6;
		border-right:1px solid #DDDCD6;
		background-color:#B8B6AF;
	}
	
	#follow a {
		color:#fff;
		margin:8px 0;
		padding-left:32px;
		max-width:200px;
	}
	
	#follow a:hover {
		background-color:transparent;
	}
	
	#followTwitter a { background-position:2px 50%; }
	#followRSS a { background-position:-196px 50%; }
	#followEmail a { background-position:-396px 50%; }
	#followVimeo a { background-position:-596px 50%; }
	
	#q {
		width:300px;
	}
	
	article {
		padding:8px;
	}
	
	article h2 {
		font-size:2.2em;
	}

	article h3 {
		font-size:1.8em;
	}
	
	article .meta li {
		width:100%;
		margin:4px 0;
	}
	
	article .wp-caption {
		max-width:110px;
		height:auto;
	}
	
	article img.alignleft,
	article img.alignright,
	article .alignleft img,
	article .alignright img {
		max-width:100px;
		height:auto;
	}

	article p,
	article ul,
	article form {
		font-size:0.9em;
	}

	#share {
		padding-left:8px;
	}
	
	#share h2 {
		font-size:2.2em;
	}
	
	#comments h2,
	#respond h3 {
		padding-left:8px;
		font-size:2.2em;
	}
	
	#respond textarea {
		-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
		width:100%;
	}
	
	#comments ul.children {
		padding-left:2em;
	}
}

#carbonads {
  padding: 15px;
  border: 2px solid #02819F;
  border-radius: 4px;
  background: rgba(255,255,255,0.5);
  font-family: Verdana, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
}

.carbon-text {
  margin: 5px 0 8px;
  text-align: left;
  line-height: 1.5;
  display: block;
}

.carbon-poweredby {
  display: block;
  text-align: left;
}

.carbon-img {
  display: inline-block;
  border-bottom: 4px;
}

.carbon-img img {
  border: 1px solid #222;
  box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.influads_block { display:inline-block; }
.influads_link_img { display:block; width:130px; height:100px; margin:0 auto 8px auto; border:1px solid #2F2F2F; box-shadow:0 1px 4px rgba(0,0,0,0.35); -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.35); -moz-box-shadow:0 1px 4px rgba(0,0,0,0.35); -ms-box-shadow:0 1px 4px rgba(0,0,0,0.35); -o-box-shadow:0 1px 4px rgba(0,0,0,0.35); }
.influads_text_a { display:block; font-size: 0.75em; color:#3c3d3a; text-decoration:none; margin-bottom:8px; }
.influads_powered_link { font-size: 0.7em; color:#656562; text-decoration:none; }

.one .bsa_it_ad { background: transparent!important; border: none; font-family: inherit; padding: 0 15px 0 10px; margin: 0; text-align: right; }
.one .bsa_it_ad:hover img { -moz-box-shadow: 0 0 3px #000; -webkit-box-shadow: 0 0 3px #000; box-shadow: 0 0 3px #000; }
.one .bsa_it_ad .bsa_it_i { display: block; padding: 0; float: none!important; margin: 0 0 5px; width: 100%; text-align:center; }
.one .bsa_it_ad .bsa_it_i img { padding: 0; border: none; display: inline-block; }
.one .bsa_it_ad .bsa_it_t { padding: 6px 0; display: block; }
body .one .bsa_it_ad .bsa_it_d { padding: 0; font-size: 12px; color: #333; }
body .one .bsa_it_p { display: none; }
body #bsap_aplink, body #bsap_aplink:hover { display: block; font-size: 10px; margin: 12px 15px 0; text-align: right; }

/**
 *
 * Print
 *
 */
@media print {
	* { background:transparent !important; text-shadow:none !important; }
	a, a:visited { color:#444 !important; text-decoration:underline; }
	a:after { content:" (" attr(href) ")"; }
	abbr:after { content:" (" attr(title) ")"; }
	a:after img { content:""; }
	pre, blockquote { border:1px solid #999; page-break-inside:avoid; }
	thead { display:table-header-group; }
	tr, img { page-break-inside:avoid; }
	@page { margin:0.5cm; }
	p, h2, h3 { orphans:3; widows:3; }
	h2, h3 { page-break-after:avoid; }
}