/* @override 
	http://dev.blog.local/wp-content/themes/naked-josh-3/launch.css
	http://www.joshrussell.com/wp-content/themes/naked-josh-3/launch.css
*/

/* @group reset */

/* Reset.css
You can find the original in Eric's Blog following this link:
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* @end */

/* @group Elements */

body {
	background-color: #fff;
	padding: 2em;
	color: #000;
	font-size: 87.5%;		/* 14px */
	line-height: 1.4286;	/* 20px Baseline grid */
	/*font-family: Baskerville,Garamond,'Adobe Caslon Pro',Palatino,'Times New Roman',Georgia,serif;*/
	font-family: Arial, Verdana, Geneva, sans-serif;
	/*border-top: 0.7142em solid #33f;*/	/* 10px */
}
body * {
	font-size: 1em;
	line-height: inherit;
}

p {
	margin-top: 0.4286em;	/*  6px */
	margin-bottom: 1em;		/* 14px */ 
}

em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
code {
	font-family: Baskerville,Garamond,'Adobe Caslon Pro',Palatino,'Times New Roman',Georgia,serif;
}
pre {
	 white-space: pre-wrap;       /* css-3 */
	 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	 white-space: -pre-wrap;      /* Opera 4-6 */
	 white-space: -o-pre-wrap;    /* Opera 7 */
	 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
audio,
object {
	margin: 0.8571em 0;		/* 12px */
}
th,td {
	text-align: left;
	padding: 0.4285em;	/* 6px */
}
:target {
	background-color: #f9f9f6;
}
:target .header {
	background-color: #f6f3f0;
}
iframe {
	border-top: 0.0357em solid #979899;	/* 1px */
}
/* @group links */

a:link,
a:visited {
	color: #44d;
	/*text-shadow: 0em 0em .2em #ccc;*/
	text-decoration: none;
}
a:hover {
	/*background-color: #456789;*/
	/*color: #666;*/
	text-decoration: underline;
}
a:focus {
	background-color: #eee;
	/*color: #666;*/
	text-decoration: none;
}
a:active {
	/*background-color: #234567;*/
	color: #666;
	text-decoration: none;
}

/* @end links */

/* @group headings */

h1 {
	font-size: 3em;			/* 42px */
	line-height: 1.1905;	/* 50px */
}
h2 {
	font-size: 2em;			/* 28px */
}
h3 {
	font-size: 1.5em;		/* 21px */
}
h4 {
	font-size: 1.2857em;	/* 18px */
	line-height: 1.3889;	/* 25px */
}
h1 a,
h2 a,
h3 a,
h4 a {
	text-decoration: none;
}

/* @end headings */

/* @group forms */

label {
	display: none;
	cursor: pointer;
	font-family: Arial, Verdana, Geneva, sans-serif;
	/*font-variant: small-caps;*/
	text-transform: uppercase;
	letter-spacing: 0.1428em;	/* 2px */
}
input,
select,
textarea {
	font-family: Arial, Verdana, Geneva, sans-serif;
}
input:focus,
textarea:focus {
	background-color: #fffff0;
}
form {
	margin: 0;		/* 40px */
}
form li {
	list-style: none;
	margin: 1em 0;
}
form li label {
	display: block;
}
form li input,
form li select,
form li textarea {
	width: 61.8034%;
	padding: 0.2857em; /* 4px */
	border: 2px solid #999;
	box-shadow: inset 4px 4px 12px #ddd;
	-moz-box-shadow: inset 4px 4px 12px #ddd;
	-webkit-box-shadow: inset 4px 4px 12px #ddd;
}
form label em {
	color: #900;
}
button {
	font-family: Arial, Verdana, Geneva, sans-serif;
	/*text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.1428em;*/	/*  2px */
}
button:hover,
button:focus {
}

/* @end forms */

/* @group quotes */

blockquote {
	font-style: italic;
	font-size: 1.2857em;		/* 18px */
	line-height: 1.6667;		/* 30px */
	margin-top:  0.6667em;		/* 12px */
	margin-bottom: 0.6667em;	/* 12px */
	padding: 0 2.2222em 0.6667em;	/* 40px 12px */
	background-image: url(/images/quote.gif);
	background-position: 0.3333em top;
	background-repeat: no-repeat;
	margin-left: -2.2222em;		/* 40px */
}
blockquote p {
	margin-top: 0.3333em;		/*  6px */
	margin-bottom: 0.6667em;	/* 12px */
}
blockquote p:first-letter {
	font-size: 1.6667em;
	line-height: 1;
	font-style: normal;
}
blockquote p+p:first-letter {
	font-size: 1em;
	line-height: inherit;
	font-style: inherit;
}
blockquote p:last-child,
blockquote fieldset:last-child  {
	display: inline;
	background-image: url(/images/quote-close.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-right: 1.6667em;
}
form blockquote {
	font-style: normal;
}
form blockquote fieldset {
	margin-top: 0.1111em;		/*  2px */
	margin-bottom: 1.1111em;	/* 20px */
	color: #666;
}
form blockquote fieldset label {
	color: #000;
	display: inline;
	font-variant: normal;
	letter-spacing: normal;
}
form blockquote input {
	background-color: transparent;
	border: none;
	border-bottom: 0.0714em dashed #ccc;
	font-family: "Courier New",monospace;
	font-style: normal;
	font-weight: bold;
	margin: 0 0.5em;
}
form blockquote input:focus {
	border-bottom: 0.0714em solid #ccc;		/* 1px */
}
form blockquote .passwordtoggle {
	position: absolute;
	bottom: 0;
	right: 0;
}

/* @end quotes*/

/* @end  Elements */

/* @group Layout */

.nav,
.header,
.message,
.section,
.footer {
	display: block;
	margin: 0 auto;
	/*margin-left: 2.8571em;*/		/* 40px */
	/*margin-right: 2.8571em;*/		/* 40px */
	max-width: 68em;
	position: relative;
	overflow: hidden;
	zoom: 1; /* this causes me great pain */
}

/* @group nav */

.nav {
	padding: 0 0 0.25em 0;
	display: none;
}
.nav ul {
	display: inline;
	position: relative;
	float: right;
	margin-left: 2.8571em;		/* 40px */
}
.nav li {
	display: inline;
	margin-left: 0.5em;
	margin-right: 0.4em;
	float: right;
}
.nav li a {
	color: #333;
	text-decoration: none;
	/*font-weight:bold;*/
	border-bottom: 2px solid #ccc;
}
.nav li a:hover {
	border-bottom: 2px solid #999;
}
.nav .tab {
	background-color: #33f;
	padding: 0.5em;
	color: #fff;
	font-weight:bold;
	border-bottom: none;

	-webkit-border-bottom-right-radius: 0.5em;
	-webkit-border-bottom-left-radius: 0.5em;
	-moz-border-radius-bottomright: 0.5em;
	-moz-border-radius-bottomleft: 0.5em;
	border-bottom-right-radius: 0.5em;
	border-bottom-left-radius: 0.5em;

	box-shadow: 0 0px 6px #666;
	-webkit-box-shadow: 0 0px 6px #666;
	-moz-box-shadow: 0 0px 6px #666;
}
.nav .tab:hover{
	border-bottom: none;
	background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.5, #33f),
    color-stop(1, #66f)
	);
	background: -moz-linear-gradient(
    center top,
    #33f 50%,
    #66f 100%
	);
}
.nav form {
	float: left;
	margin-right: 0;
	margin-top: 0.8571em;	/* 12px */
}
.nav form label,
.nav form input,
.nav form button {
	vertical-align: middle;
}
.nav form label {
	display: none;
}
.nav button {
	font-size: 0.7142em;	/* 12px */
}
.nav button:hover,
.nav button:focus {
}

/* @end nav */

/* @group section */

.section {
	clear: both;
	padding-bottom: 2.8571em;	/* 40px */
}

/* @group section header */

.section .header {
	/*border-top: 0.0714em solid #646566;*/
	/*border-bottom: 0.1428em solid #979899;*/
	max-width: 65em;
	margin: 0 0 2.8571em;		/* 40px */
	padding-left: 2.8571em;		/* 40px */
}

.header h2 {
	border-bottom: 0.0357em solid #979899;	/* 1px */
	margin-bottom: 0.0357em;	/* 	1px */
	margin-left: -1.4286em;		/* 40px */
	padding-left: 1.4286em;		/* 40px */
}

.section .header .metadata {
	color: #666;
}
.section .header .button {
	float: right;
	margin-top: 0.2857em;		/* 4px */
	margin-left: 0.2857em;		/* 4px */
}
.section .header .vcard h1 {
	margin-left: -0.9524em;		/* 40px */
	padding-left: 0.9524em;		/* 40px */
	background-repeat: no-repeat;
	background-position: left;
}
.section .header.vcard .photo {
	float: right;
}
.section .header.vcard div {
	float: left;
}
.section .header.vcard div a {
	margin-right: 0.5714em;		/* 8px */
}
.section .header.vcard .tel dd, .section .header.vcard .tel dt {
	float: left;
	margin-right: 0.2857em;		/* 8px */
}
.section .header {
	overflow: visible;
}
.section .header .aside ul {
	overflow: hidden;
}
.section .header .aside li.vcard {
	list-style: none;
	/*width: 33%;
	min-width: 5em;*/
	float: left;
	font-variant: small-caps;
	letter-spacing: 0.0714em;	/* 1px*/
	text-align: center;
	overflow: hidden;
}
.section .header .aside li.vcard a {
	text-decoration: none;
}
.section .header .aside li.vcard img {
	/*display: block;*/
	width: 2.8571em;			/* 40px */
	/*margin-left: auto;
	margin-right: auto;*/
}
.section .header .aside .pagination {
	margin-bottom: 0;
}
/* @end section header */

/* @group section section */

.section .section {
	width: 61.8034%;
	min-width: 330px;
	float:  left;
	margin-left: 0;
	margin-right: 0;
	padding-bottom: 0;
}
.section .section form li input,
.section .section form li select,
.section .section form li textarea {
	width: 95%;
}
.section .section .hentry h3.vcard a.url img.photo {
	margin-left: -1.9048em; 	/* -40px */
}

/* @group section section hfeed */

.section .hfeed {
	padding-bottom: 2.1438em;		/* 30px */
}

.section .hentry {
	margin-left: 0;
	color: #999;
	padding-left: 2.8584em;		/* 30px */
}
.section .hentry:hover {
	color: #333;
	background-color: #f6f6f6;
}


/* @end */

/* @end section section  */

/* @group section nav */

.section .nav {
	margin: 0;
	padding: 0;
	min-width: 0;
}
.section .nav h2 {
	padding-left: 0.7143em;		/* 20px */
}
.section .nav .tags {
	padding-left: 1.4286em;		/* 20px */
	text-align: left;
}
.section .nav .tags a {
	display: block;
}

/* @end section nav */

/* @group about */

.about {
	clear: both;
	overflow: hidden;
}
.about h2 {
	border: none;
}
.about .prose {
	margin: 0 25%;
}
.about .illustration {
	width:25%;
	max-width: 300px;
	margin-bottom: 2.8571em;		/* 40px */
}
.about .before {
	float: left;
	margin-right: 2.8571em;		/* 40px */
}
.about .after {
	float: right;
	margin-left: 2.8571em;		/* 40px */
}

/* @end section about */

/* @end section */

/* @group aside */

.aside {
	width: 36%;
	float: right;
	position: relative;
	overflow: hidden;
}
.aside.pod {
	background-color: #ddd;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	width: 36%;
}
.aside.pod h2 {
	margin-left: 0;
	border-bottom: none;
}
.aside.pod .info{
	margin-left: 0em;
}
/*	This is the only concession I'm making to IE6. */
* html .aside {
	width: 33.3333%;
}
/*	A little part of me just died. */

.aside h2 {
	margin-left: 1.4286em;		/* 40px */
	padding-left: 1.0714em;		/* 30px */
}
.aside .info {
	clear: both;
	/*border-top: 0.1428em solid #979899;*/	/* 2px */
	padding-left: 2.1438em;		/* 30px */
}
.aside .info,
.aside .tags {
	margin-left: 2.8571em;		/* 40px */
	margin-bottom: 2.8571em;	/* 40px */
}
.aside .pagination {
	margin-top: -2.8571em;		/*-40px */
	margin-bottom: 2.8571em;		/* 40px */
}

.aside blockquote {
	margin-left: -1.6666em;		/* 30px */
	padding-left: 1.6666em;		/* 30px */
}
.aside a img {
	margin: 0.0714em 0.2856em 0.1428em 0;
}
.aside a:link img,
.aside a:visited img {
	border: 4px solid #eee;
	/*box-shadow: 0 2px 4px #cacbcc;
	-webkit-box-shadow: 0 2px 4px #cacbcc;
	-moz-box-shadow: 0 2px 4px #cacbcc;*/
}
.aside a:hover img,
.aside a:focus img {
	border-color: #33f;
	/*box-shadow: 0 2px 4px #979899;
	-webkit-box-shadow: 0 2px 4px #979899;
	-moz-box-shadow: 0 2px 4px #979899;*/
}
.aside h3 a img {
	float: right;
}

/* @group aside hfeed */

.aside .hfeed {
	padding-bottom: 2.1438em;		/* 30px */
}
.aside .hentry {
	margin-left: 0;
	padding-left: 2.1438em;		/* 30px */
}
.aside .hentry+.hentry {
	border-top: 0;
	margin-top: 0;
}
.aside .hentry h3.vcard a.url img.photo {
	margin-left: -1.4286em;		/* -35px */
}
.aside .hentry form li input,
.aside .hentry form li select,
.aside .hentry form li textarea {
	width: 90%;
}

/* @end aside hfeed */

/* @group aside share */

.aside .share li {
	list-style: none;
	overflow: hidden;
}
.aside .share label {
	width: 4em;
	float: left;
}
.aside .share input {
	width: 75%;
	float: right;
	font-family: "Courier New", monospace;
	font-size: 12px;
	line-height: 1;
}

/* @end aside share */

/* @group aside related */

.aside .related li {
	list-style: none;
	clear: both;
}
.aside .related a {
	text-decoration: none;
	font-variant: small-caps;
}
.aside .related a img {
	float: left;
	margin-right: 0.5em;
}

/* @end aside related */

/* @group aside photos */

.aside .photos {
	clear: both;
	overflow: hidden;
	padding-top: 2.8571em;	/* 40px */
}
.aside .photos img {
	float: left;
}

/* @end aside photos */

/* @end aside */

/* @end Layout */

/* @group ids */

.section .aside h4.entry-title a {
	padding-left: 1.4286em;
	margin-left: -1.4286em;
}
.section .section h4.entry-title a {
	padding-left: 1.9048em;
	margin-left: -1.9048em;
}
h4.entry-title #twitter {
	background: url(/wp-content/themes/naked-josh-3/images/twitter_16.png) center left no-repeat;	
}
h4.entry-title #posterous {
	background: url(/wp-content/themes/naked-josh-3/images/posterous_16.png) center left no-repeat;	
}
h4.entry-title #formspring {
	background: url(/wp-content/themes/naked-josh-3/images/formspring_16.png) center left no-repeat;	
}
h4.entry-title #linkedin {
	background: url(/wp-content/themes/naked-josh-3/images/linkedin_16.png) center left no-repeat;	
}
h4.entry-title #dopplr {
	background: url(/wp-content/themes/naked-josh-3/images/dopplr_16.png) center left no-repeat;	
}
h4.entry-title #flickr {
	background: url(/wp-content/themes/naked-josh-3/images/flickr_16.png) center left no-repeat;	
}
h4.entry-title #flavors {
	background: url(/wp-content/themes/naked-josh-3/images/flavors_16.png) center left no-repeat;	
}

h4.entry-title #clipstack {
	background: url(/wp-content/themes/naked-josh-3/images/clipstack_16.png) center left no-repeat;	
}
h4.entry-title #looseconnection {
	background: url(/wp-content/themes/naked-josh-3/images/looseconnection_16.png) center left no-repeat;	
}
h4.entry-title #sussexdigital {
	background: url(/wp-content/themes/naked-josh-3/images/sussexdigital_16.png) center left no-repeat;	
}
h4.entry-title #icanhaz {
	background: url(/wp-content/themes/naked-josh-3/images/icanhaz_16.png) center left no-repeat;	
}

h4.entry-title #brian {
	background: url(http://img.tweetimag.es/i/briansuda_m) center left no-repeat;	
	background-size: 16px 16px;
}

h4.entry-title #danny {
	background: url(http://img.tweetimag.es/i/yandle_m) center left no-repeat;	
	background-size: 16px 16px;
}

h4.entry-title #dave {
	background: url(http://img.tweetimag.es/i/davestone_m) center left no-repeat;	
	background-size: 16px 16px;
}

h4.entry-title #jay {
	background: url(http://img.tweetimag.es/i/jaygooby_m) center left no-repeat;	
	background-size: 16px 16px;
}

h4.entry-title #jon {
	background: url(http://img.tweetimag.es/i/jot_m) center left no-repeat;	
	background-size: 16px 16px;
}

h4.entry-title #pete {
	background: url(http://img.tweetimag.es/i/petebw_m) center left no-repeat;	
	background-size: 16px 16px;
}

h4.entry-title #remy {
	background: url(http://img.tweetimag.es/i/rem_m) center left no-repeat;	
	background-size: 16px 16px;
}

/* @end ids */

@media all and (max-width: 768px), (orientation: portrait) { /* ipad? */
	body{
	/*background-color: #999;*/
	font-size: 75%;		/* 14px */
}
.nav,
.header,
.message,
.section {
	overflow: visible;
	/*min-width: 20em;
	max-width: 50em;*/
	}
	.section .section,
	.section .header,
	.section .aside {
		width: 100%;
		float: none;
	}
	.section .section .hentry {
	color: #000;
	padding-left: 0em;		/* 30px */
	}
	.section .aside .hentry {
	color: #000;
	}
	.section .header {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
}