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,dialog,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,dialog,figure,footer,header,
hgroup,nav,section{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}
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 #000;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}

html{
	background:#444 url(http://handmadedetroit.com/live/images/gray-bg.jpg) repeat 0 0;
}
body{
	font:87.5%/1.333 Georgia, "Times New Roman", Times, serif;
	width:975px;
	margin:0.5em auto;
	color:#fff;
}
a:link, a:visited{
	text-decoration:none;
	color:#d14f15;
	text-shadow:1px 1px 1px rgba(0,0,0,0.1);
}
a:hover, a:active{
	background-color:rgba(209,79,21,0.2);
}
p, ul, ol, object, embed{
	margin:0 0 1.5em;
}
li{
	margin:0 0 0.5em;
}
body>header{
	background:url(http://handmadedetroit.com/live/images/header-bg.png) no-repeat 0 0;
	position:relative;
	height:145px;
	z-index:2;
	margin:0 0 -1.5em;
}
body>header h1 a{
	display:block;
	overflow:hidden;
	text-indent:-1000em;
	width:120px;
	height:120px;
	position:absolute;
	top:15px;
	left:10px;
}
body>header h1 a:hover, body>header h1 a:active{
	background-color:transparent;
}
body>header h2{
	text-align:right;
	font-size:1.2857em;
	padding:2.75em 3em 0 0;
	font-variant:small-caps;
}

.hfeed{
	width:620px;
	float:left;
	color:#444;
	margin-left:1em;
}
article{
	background:url(http://handmadedetroit.com/live/images/article-bg-yellow.png) repeat-y 50% 33%;
	margin:0 0 2em;
	padding:1em 60px;
	position:relative;
	zoom:1;
}
article h1{
	font-size:1.5em;
	margin:0 0 0.5em;
	line-height:1.1167em;
}
article h2{
	font-size:1.2857em;
	margin:0 0 0.5em;
	line-height:1.1167em;
}
article h3{
	font-size:1.1167em;
	margin:0 0 0.5em;
	line-height:1.1167em;
}
article footer{
	text-align:right;
	font-size:0.8571em;
	color:#f5a66b;
}
article footer a.meta:link, article footer a.meta:visited{
	display:block;
	width:91px;
	height:66px;
	padding-top:25px;
	text-align:center;
	position:absolute;
	bottom:-25px;
	left:-25px;
	background:url(http://handmadedetroit.com/live/images/pin.png) no-repeat 50% 0;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	color:#d14f15;
	-webkit-transform: rotate(-10deg); 
	-moz-transform: rotate(-10deg);	
}
article footer a.meta:hover, article footer a.meta:active{
	background-color:transparent;
	color:#444;
}

article.text{
	background-image:url(http://handmadedetroit.com/live/images/article-bg-green.png);
	padding:1em 40px;
}
article.text .content{
	background:url(http://handmadedetroit.com/live/images/text-bg.png) repeat-y 50% 25%;
	padding:1em 2em;
	margin:0 0 1em;
}
article.text a:link, article.text a:visited{
	color:#f43f7d;
}
article.text a:hover, article.text a:active{
	background-color:rgba(244,63,125,0.2);
}
article.text footer{
	color:#59a5be;
}

article.quote{
	background-image:url(http://handmadedetroit.com/live/images/article-bg-blue.png);
	padding:0 40px 1em;
}
article.quote .content{
	background:url(http://handmadedetroit.com/live/images/quote-bg.png) no-repeat 50% 0;
	padding:2em 2em 1px 4em;
	font-size:1.5em;
	margin:0 0 1em;
	color:#1ca7d5;
}
article.quote .content blockquote p{
	margin:0 0 0.3333em;
}
article.quote .content cite{
	font-size:0.6667em;
	margin:0 0 1em;
	display:block;
	text-align:right;
}
article.quote a:link, article.quote a:visited{
	color:#1ca7d5;
}
article.quote a:hover, article.quote a:active{
	background-color:rgba(28,167,213,0.2);
}
article.quote footer{
	color:#1ca7d5;
}
.convo{
	list-style:none;
}
.convo .even{
	color:#777;
}

body>aside{
	width:326px;
	float:right;
	color:#444;
	margin-right:1em;
}
body>aside>section{
	padding:1em 3.5em;
	margin:0 0 2em;
	font:0.8571em "Helvetica Neue", Arial, Helvetica, sans-serif;
}
body>aside>section ul{
	list-style:none;
}
aside section{
	zoom:1;
}
.instructions{
	margin:0 0 1em;
	font-weight:bold;
	font-style:oblique;
	padding:0.5em;
	background:rgba(0,0,0,0.2);
	border:1px dashed;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	text-align:center;
}
#twitter{
	background:url(http://handmadedetroit.com/live/images/sidebar-twitter-bg.png) no-repeat 50% 0;
	padding-top:5.5em;
}
#twitter li{
	padding-bottom:0.5em;
	border-bottom:1px dashed #1ca7d5;
}
#twitter ul a:link, #twitter ul a:visited{
	color:#1ca7d5;
}
#twitter ul a:hover, #twitter ul a:active{
	background-color:rgba(28,167,213,0.2);
}
#flickr{
	background:url(http://handmadedetroit.com/live/images/sidebar-flickr-bg.png) no-repeat 50% 100%;
	padding-bottom:4.5em;
	overflow:auto;
}
#flickr ul{
	float:left;
	margin-bottom:0.5em;
}
#flickr ul li{
	display:inline;
}
#flickr ul a{
	display:block;
	float:left;
	margin:0.2em;
}
#flickr img{
	display:block;
}
#flickr img:hover{
	opacity:0.7;
}
#yelp{
	background:url(http://handmadedetroit.com/live/images/sidebar-yelp-bg.png) no-repeat 50% 0;
	padding-top:9em;
}
#yelp li img{
	margin-bottom:-2px;
}
#foursquare{
	background:url(http://handmadedetroit.com/live/images/sidebar-foursquare-bg.png) no-repeat 50% 0;
	padding-top:10.5em;
}
#foursquare li{
	padding-bottom:0.5em;
	border-bottom:1px dashed #d14f15;
}

body>nav{
	clear:both;
	overflow:hidden;
	height:7em;
	width:620px;
	text-align:center;
	margin-bottom:-5px;
}
body>nav a:link, body>nav a:visited{
	color:#fff;
	font-size:10em;
	line-height:1em;
}
body>nav a:hover, body>nav a:active{
	background-color:transparent;
	color:#d14f15;
}

body>footer{
	background:url(http://handmadedetroit.com/live/images/heavy-stitch.png) repeat-x 50% 0;
	position:relative;
	padding:2em 1em 0;
	font-variant:small-caps;
}
body>footer a:link, body>footer a:visited{
	color:#fff;
	font-style:oblique;
}
.comments{
	margin:0.6667em 0;
	padding:0.5em;
	border-top:1px dashed rgba(0,0,0,0.25);
}
.comments h3{
	font-variant:small-caps;
}
.comments ul{
	list-style:none;
	font-size:0.8571em;
}
.comments li{
	padding-bottom:0.5em;
	border-bottom:1px dashed rgba(0,0,0,0.25);
}