/* =============================================================================
   HTML5 element display
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/* =============================================================================
   Base
   ========================================================================== */

html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #4c4c4c; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #d5391a; }
a:focus { outline: 0; }
a:hover { color: #000000; }

a:hover, a:active { outline: 0; }

/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

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

small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }

/* =============================================================================
   Embedded content
   ========================================================================== */

img { border: 0; -ms-interpolation-mode: bicubic;}
svg:not(:root) {
    overflow: hidden;
}

/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }

/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

/* =============================================================================
   Tables
   ========================================================================== */

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


/* ==|== primary styles =====================================================
	Author: Style Hatch
	Theme - 1.0.0
	Premium Tumblr Theme
	http://themename.tumblr.com
	Theme by: Style Hatch - http://stylehatch.co
	Support: theme@stylehatch.co | @stylehatch | http://tumblr.com/theme/00000
	   _____ __        __        __  __      __       __  
	  / ___// /___  __/ /__     / / / /___ _/ /______/ /_ 
	  \__ \/ __/ / / / / _ \   / /_/ / __ `/ __/ ___/ __ \
	 ___/ / /_/ /_/ / /  __/  / __  / /_/ / /_/ /__/ / / /
	/____/\__/\__, /_/\___/  /_/ /_/\__,_/\__/\___/_/ /_/ 
	         /____/                                    
   ========================================================================== */

body{
	font-size: 100%;
	font-family: 'Arvo', Cambria, Times, "Times New Roman", serif;
	color: #4c4c4c;
	line-height: 1.2em;
	background: #e1e2e4;
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5{
	font-family:'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans serif;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Util bar
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#util {
	background: #272727;
	width: 100%;
	color: #b4b3b3;
	font-size: 11px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans serif;
	text-shadow: 1px 1px 0px rgba(0,0,0,1);
	-webkit-font-smoothing: subpixel-antialiased;
	position: fixed;
	top: 0;
	z-index:100;
}
#util a{
	color: #b4b3b3;
	text-decoration: none;
}
#util a:hover {
	color: #d5391a;
}
#util .wrap {
	margin: 0 auto;
	width: 740px;
	padding: 8px 40px 8px 320px;
	position: relative;
}
#util ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#util ul.about{
	width:240px;
	text-align:right;
	display: block;
	float: left;
	margin-left: -320px;
	height: 23px;
}

#util ul.tumblr-links{
	margin-top: 2px;
	display: block;
	width: 740px;
	float: left;
}
#util ul.tumblr-links li{
	display:inline-block;
	zoom:1;
	*display:inline;
	margin:0 10px 0 0px;
}

#util ul.tumblr-links li:after{
	content: "\2219";
	margin-left: 10px;
}
#util ul.tumblr-links li:last-child:after{
	content: "";
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Header
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#site{
	width: 100%;
	text-shadow: 1px 1px 0px rgba(255,255,255,.5);
	-webkit-font-smoothing: subpixel-antialiased;
}
#site .wrap {
	margin: 56px auto 20px;
	width: 740px;
	padding-top: 60px;
	padding-left: 320px;
	padding-right: 40px;
	position: relative;
}
#site h1 {
	margin: 0 0 40px 0;
	padding: 0;
	width:240px;
	text-align:right;
	display: block;
	float: left;
	margin-left: -320px;
	line-height: 1.2;
	font-size: 2em;
}
#site h1 a {
	color: #4c4c4c;
	text-decoration: none;
}
#site h1 a:hover{
	color: #d5391a;
}
#site h1 img {
	max-width: 240px;
}
.single-column #site h1 img {
	max-width: 100%;
}
#site nav ul{
	color:#747474;
	text-align: left;
	font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans serif;
	font-weight: 600;
	font-size: 16px;
	text-transform: uppercase;
	display: block;
	width: 740px;
	padding-top: 10px;
}
#site nav ul li{
	display:inline-block;
	zoom:1;
	*display:inline;
	margin: 0;
	vertical-align: bottom;
}
#site nav ul li:after{
	content: "\2219";
	margin-left: 10px;
	margin-right: 8px;
}
#site nav ul li:last-child:after{
	content: "";
	margin: 0px;
}
#site nav ul li a{
	text-decoration: none;
	color: #4c4c4c;
}
#site nav ul li a:hover{
	color: #d5391a;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Post/Article Structure
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#main{
	width: 100%;
	text-shadow: 1px 1px 0px rgba(255,255,255,.5);
	-webkit-font-smoothing: subpixel-antialiased;
}
article {
	margin: 40px auto;
	width: 740px;
	padding-left: 320px;
	padding-right: 40px;
}
article:before, article:after { content: ""; display: table; }
article:after { clear: both; }
article { zoom: 1; }
.page:before, .page:after { content: ""; display: table; }
.page:after { clear: both; }
.page { zoom: 1; }
aside {
	margin: 0;
	padding: 0;
	width:240px;
	display: block;
	float: left;
	margin-left: -320px;
}
article .page, article .pageless {
	width: 740px;
	float: left;
}
article.results {
	font-size: 11px;
	font-weight: bold;
	line-height:15px;
	text-align:left;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans serif;
	text-shadow: 1px 1px 0px rgba(255,255,255,.5);
	color:#747474;
	margin-top: 0;
	margin-bottom: -30px;
}
article.results a{
	color: #4c4c4c;
	text-decoration: none;
}
article.results a:hover{
	color: #747474;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Meta
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
aside{
	font-size: 11px;
	font-weight: bold;
	line-height:15px;
	text-align:right;
	padding: 40px 0 0;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans serif;
	text-shadow: 1px 1px 0px rgba(255,255,255,.5);
	color:#747474;
}
aside a{
	color:#747474;
	text-decoration: none;
}
aside a:hover{
	color:#4c4c4c;
}
aside ul{
	list-style:none;
}
aside ul.credit{
	margin-top:0px;
}
aside ul.credit li.author{
	display:inline-block;
	float:right;
	margin-left: 6px;
	background-color: #fff;
	padding:3px;
	line-height: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
/* TODO - hover box */
aside ul.credit li.author_wrapper{
	display:none;
}
aside ul.credit li.time .date{
	display: block;
}
aside ul.credit li.time a	{
	color: #4c4c4c;
}
aside ul.credit .time a:hover{
	color: #747474;
}
aside ul.tags li{
	display: inline;
}
aside ul.tags li:after{
	content:",";
}
aside ul.tags li:last-child:after{
	content:"";
}
.share-btns {
	margin: 0;
	float: right;
}
.read-later, .share, .permalink{
	display: block;
	position: relative;
	float:right;
	margin: 10px 0px 0px 5px;
}
.share_links_wrapper, .permalink_wrapper, .read-later_wrapper{
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	text-shadow: none !important;
}
.share-btns .share_links_wrapper, .share-btns .permalink_wrapper, .share-btns .read-later_wrapper{
	top: 6px;
}
.share_links {
	position: absolute;
	z-index: 100;
}
.share_links_wrapper .share_links{
	height: 103px;
	width: 196px;
	background:transparent url('http://static.tumblr.com/fftf9xi/bu9lwd6l7/like-bg.png') 0 0 no-repeat;
	top:23px;
	left: -150px;
}
.permalink_wrapper .share_links{
	height: 76px;
	width: 181px;
	background:transparent url('http://static.tumblr.com/fftf9xi/eYwlwd6lm/share-bg.png') 0 0 no-repeat;
	top:20px;
	left: -171px;
}
.share_links input {
	margin: 20px 10px;
	width: 160px;
	padding: 4px;
	font-size: 12px;
	position: absolute;
	top:-3px;
	left:-6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.share_links a {
	background-color: transparent !important;
}
.share_links .share-twitter {
	position: absolute;
	left: 21px;
	top:20px;
}
.share_links .share-facebook {
	position: absolute;
	left: 106px;
	top:20px;
}
.share_links .share-gplus {
	position: absolute;
	left: 21px;
	top:55px;
}
.share_links .share-pinterest {
	position: absolute;
	left: 106px;
	top:55px;
}

article footer .read-later_wrapper p {
	margin: 8px auto 0px auto;
}
.read-later_wrapper .share_links {
	height: 76px;
	width: 181px;
	background:transparent url('http://static.tumblr.com/fftf9xi/RLwlwd6lz/rl-bg.png') 0 0 no-repeat;
	top:20px;
	left: -90px;
	color:#747474;
}
.read-later_wrapper .share_links div {
	text-align:center;
	position: absolute;
	top:5px;
	left:15px;
}
.read-later_wrapper .share_links ul{
	margin:-10px auto;
	padding:0;
	list-style:none;
}
.read-later_wrapper .share_links ul li{
	float:left;
}
.read-later_wrapper .share_links ul li:first-child:after{
	content: "\2219";
/*	font-size:15px;*/
	margin: 0 10px 0 10px;
}
.read-later_wrapper .share_links ul li a{
	color:#d5391a;
	font-weight:bold;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	General Post Styles
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
article .page {
	width: 740px;
	margin: 0px 0px 40px -40px;
	padding: 20px;
	background-color: transparent;
	border-width: 20px 20px 20px 20px;
	-webkit-border-image: url('http://static.tumblr.com/fftf9xi/hhGlwgmww/post-bg.png') 20 20 20 20;
	-moz-border-image: url('http://static.tumblr.com/fftf9xi/hhGlwgmww/post-bg.png') 20 20 20 20;
	border-image: url('http://static.tumblr.com/fftf9xi/hhGlwgmww/post-bg.png') 20 20 20 20 fill;
}
.ie7 article .page, .ie8 article .page, .ie9 article .page {
	background-color: #ffffff;
}
article .pageless {
	padding-top: 40px;
	padding-bottom: 40px;
}
article .pageless header h2, article .pageless header p {
	margin-top: -10px;
}
article.text .pageless header h2 {
	padding-bottom: 20px;
}
article.text .pageless section {
	margin-top: -20px;
}
article.link .pageless header h2 {
	margin-top: 0;
}
article.ask .pageless blockquote {
	padding-top: 30px;
}
article h2{
	font-size: 2.4em;
	line-height: 1.4em;
	letter-spacing: 2px;
	margin:0;
	text-transform: uppercase;
}
article h2 a{
	text-decoration: none;
}
article h2 a:hover{
	color: #4c4c4c;
}
article h3{
	font-size: 1.6em;
	line-height: 1.4em;
	letter-spacing: 1px;
	color: #747474;
}
article h4{
	font-size: 1.1em;
	line-height: 1.4em;
	text-transform: uppercase;
	margin: 0 0 20px 0;
	letter-spacing: 1px;
}
article img {
	max-width: 100%;
}
article {
	line-height: 1.625em;
}
article header {
	margin: 0 auto 20px auto;
	font-family: 'Arvo', Cambria, Times, 'Times New Roman', serif;
}
article section img[align="left"]{
	float: left;
	padding: 0 20px 20px 0;
}
article section img[align="right"]{
	float: right;
	padding: 0 0 20px 20px;
}
article section blockquote{
	border-left: 5px solid #c7c7c7;
	padding-left: 15px;
	margin-left: 15px;
}
article section blockquote.pull{
	width: 50%;
	float: left;
	margin: 5px 20px 10px -20px;
	border: 2px #c7c7c7;
	border-style: dotted none dotted none;
	padding: 20px;
	font-style:italic;
}
article footer {
	color: #b4b3b3;
	font-size: 11px;
	font-weight: bold;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans serif;
	padding: 20px 0 0 0;
	clear: both;
}
article footer a{
	color:#747474;
	text-decoration: none;
}
article footer a:hover{
	color:#4c4c4c;
}
article footer .credit {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: #f1f1f1;
	color:#747474;
	border-radius:5px;
	display: none;
	padding: 5px 15px;
}
article footer .credit.not-empty {
	display:inline-block;
	zoom:1;
	*display:inline;
}
article footer .credit li {
	display:inline-block;
	zoom:1;
	*display:inline;
	margin-left: 10px;
}
article footer .credit li:first-child {
	margin-left: 0;
}
article footer .source img {
	vertical-align: text-top;
	margin-left: 4px;
}

/* Only display on mobile */
article footer .meta, article footer .tags, article footer .share-btns {
	display: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
article footer .meta {
	margin-top: 40px;
	padding-top: 20px;
	border-top: dashed 1px #e4e0db;
}
article footer li.author img{
	display:inline-block;
	float:left;
	margin-right: 6px;
	margin-left: -5px;
	background-color: #fff;
	padding:3px;
	line-height: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	vertical-align: middle;
	height: 20px;
	width: 20px;
}
article footer .meta li {
	float: left;
	margin-top: 8px;
	margin-right: 10px;
}
article footer .meta li:after {
	content: "\2219";
	margin-left: 10px;
}
article footer .meta li:last-child:after {
	content: "";
	margin-left: 0;
}
article footer li.notes {
	margin-right: 10px;
}
article footer .tags {
	padding-top: 4px;
	clear: both;
}
article footer .tags li {
	float: left;
	margin-right: 10px;
}
article footer .tags li a {
	font-style: italic;
}
article footer .tags li a:before {
	content:'#';
	font-style: italic;
}

/* ~~~~~~ Text ~~~~~~ */
article.text h2 a {
	color: #4c4c4c;
}
article.text p.read-more {
	margin-top: 20px;
}

/* ~~~~~~ Photo ~~~~~~ */
article.photo header img{
	width: 100%;
	height: auto;
}
article.photo header .button{
	float: right;
}

/* ~~~~~~ Photoset ~~~~~~ */
article.photoset {}

/* ~~~~~~ Video ~~~~~~ */
article.video {}

/* ~~~~~~ Quote ~~~~~~ */
article.quote header {
	float: left;
	width: 50%;
	margin: 0 20px 10px 0;
}
article.quote header p {
	font-size: 1.4em;
	line-height: 1.625em;
	margin:0;
	padding: 10px 20px 10px 10px;
	border: 2px #c7c7c7;
	border-style: dotted none dotted none;
	font-style: italic;
}
article.quote section {
	padding: 5px 0 0 0;
}

/* ~~~~~~ Link ~~~~~~ */
article.link header h2{
	font-size: 1.6em;
	text-transform: inherit;
	letter-spacing: 1px;
}
article.link header h2 a{
	text-decoration: underline;
}

/* ~~~~~~ Chat ~~~~~~ */
article.chat p {
	margin:16px 0;
	width:100%;
	position:relative;
}
article.chat p:first-child{
	margin: 0 0 16px 0;
}
article.chat p:last-child{
	margin: 16px 0 0 0;
}
article.chat .odd{
	float:left;
	text-align: left;
}
article.chat .even{
	float:right;
	text-align: right;
	width: 100%;
}
article.chat strong{
	width: 130px;
	background: #f1f1f1;
	color:#747474;
	border-radius:5px;
	text-align:center;
	font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans serif;
}
article.chat section span{
	display:block;
	max-width: 40%;
	padding:10px 20px;
	font-family: 'Arvo', Cambria, Times, 'Times New Roman', serif;
	border:1px solid #d6d7d9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 4px rgba(88,112,118,0.3);
	-moz-box-shadow: 0px 1px 4px rgba(88,112,118,0.3);
	box-shadow: 0px 1px 4px rgba(88,112,118,0.3);
	background:-webkit-gradient(linear, 0% 50%, 0% 100%, from(#ffffff), to(#f9f9f9));
	background:-moz-linear-gradient(19% 75% 90deg,#ffffff, #f9f9f9);
	background:linear-gradient(top, #ffffff, #f9f9f9);
}
article.chat .pageless span {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border:	none;
}
article.chat .odd strong{
	float:left;
	margin:0;
}
article.chat .odd span{
	float:left;
	margin: -10px 0 0 40px;
}
article.chat .even strong{
	float:right;
	margin: 0px;
}
article.chat .even span{
	float:right;
	margin:-10px 40px 0 0 ;
}
article.chat .odd span:before {
	content:"";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	top:5px;
	left:153px;
	background:transparent url('http://static.tumblr.com/fftf9xi/UyLlwgmyj/tail.png') top right no-repeat;
	width:18px;
	height:18px;
}
article.chat .even span:before {
	content:"";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	top:5px;
	right:153px;
	background:transparent url('http://static.tumblr.com/fftf9xi/xIhlwgmyv/tail-right.png') top right no-repeat;
	width:18px;
	height:18px;
}

/* ~~~~~~ Audio ~~~~~~ */
article.audio header{
	display:block;
	float:left;
	width: 266px;
	padding:20px;
	background: #ffffff;
	margin: 0 20px 10px 0;
	-webkit-box-shadow: 0px 1px 4px rgba(88,112,118,0.3);
	-moz-box-shadow: 0px 1px 4px rgba(88,112,118,0.3);
	box-shadow: 0px 1px 4px rgba(88,112,118,0.3);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:	1px solid #d6d7d9;
}
article.audio .content_wrap_embed {
	margin-left: 9px;
	margin-bottom: -5px;
}
article.audio .content_wrap_embed iframe[src*="spotify"] {
	width: 100% !important;
}
article.audio .content_wrap_embed iframe[src*="soundcloud"] {
	width: 100% !important;
}
article.audio .pageless header {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border:	none;
}
article.audio header img{
	width: 100%;
	height:auto;
}
article.audio header .player{
	background-color: #fff;
	padding:6px 3px 0px 3px;
	-webkit-box-shadow: 0px 1px 4px rgba(88,112,118,0.3);
	-moz-box-shadow: 0px 1px 4px rgba(88,112,118,0.3);
	box-shadow: 0px 1px 4px rgba(88,112,118,0.3);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:	1px solid #d6d7d9;
	text-align: center;
}
article.audio section h2{
	font-size: 2.375em;
	color:#4c4c4c;
}
article.audio section ul{
	list-style:none;
	margin:0;
	padding:0;
	font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans serif;
	color: #747474;
	font-size: 1.6em;
	line-height:1.4em;
}
article.audio section.album-details ul li{
	display:inline-block;
	margin: 0;
}
article.audio section ul.album-details li:after{
	content: "\2219";
	margin-left: 5px;
}
article.audio section ul.album-details li:last-child:after{
	content: "";
	margin-left: 0;
}
article.audio section .plays{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans serif;
	color: #aaaaaa;
	font-size: 12px;
	text-transform: uppercase;
	font-weight:bold;
}
article.audio section .plays .download{
	margin-right:10px;
}
/* ~~~~~~ Chat ~~~~~~ */
article.ask header {
	margin:16px 0;
	width:100%;
	position:relative;
}
article.ask header {
	width: 100%;
	margin: 0 0 20px 0;
	float: left;
}
article.ask p.asker{
	margin: 0;
	background: #f1f1f1;
	display:inline-block;
	zoom:1;
	*display:inline;
	padding: 5px 15px;
	width: auto;
	color:#747474;
	border-radius:5px;
	text-align:center;
	font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans serif;
}
article.ask blockquote{
	margin: 0 20px 20px 0;
	padding:10px 20px;
	font-family: 'Arvo', Cambria, Times, 'Times New Roman', serif;
	border:1px solid #d6d7d9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 4px rgba(88,112,118,0.3);
	-moz-box-shadow: 0px 1px 4px rgba(88,112,118,0.3);
	box-shadow: 0px 1px 4px rgba(88,112,118,0.3);
	background:-webkit-gradient(linear, 0% 50%, 0% 100%, from(#ffffff), to(#f9f9f9));
	background:-moz-linear-gradient(19% 75% 90deg,#ffffff, #f9f9f9);
	background:linear-gradient(top, #ffffff, #f9f9f9);
}
article.ask .pageless blockquote{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border:	none;
}
article.ask blockquote:after {
	content:"";
	display:block;
	position:absolute;
	bottom:44px;
	left:20px;
	background:transparent url('http://static.tumblr.com/fftf9xi/iollwgmxn/tail-bottom.png') bottom right no-repeat;
	width:15px;
	height:14px;
}
article.ask section {
	padding-top: 10px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Notes
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.notes{
	margin-top: 40px;
	padding-top: 20px;
	border-top: dashed 1px #e4e0db;
}
ol.notes {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ol.notes li {
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: dashed 1px #e4e0db;
	font-size: 0.8em;
}
ol.notes li:last-child {
	margin-bottom: 0;
}
ol.notes li img {
	margin: -4px 4px 0 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	vertical-align: middle;
}
ol.notes .action a {
	text-decoration: none;
	font-style: italic;
	text-transform: capitalize;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Disqus
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.disqus{
	margin-top: 40px;
	padding-top: 20px;
	border-top: dashed 1px #e4e0db;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Pagination
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#pagination {
	margin: 40px auto;
	width: 740px;
	padding-left: 320px;
	padding-right: 40px;
	text-align: center;
}
.single-column #pagination {
	margin: 40px auto;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Site Footer
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer{
	width: 100%;
	background: #1d1d1d;
	padding: 50px auto 0;
	color: #b4b3b3;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans serif;
	text-shadow: 1px 1px 0px rgba(0,0,0,1);
}
#footer .wrap {
	margin: 40px auto 0;
	width: 740px;
	padding: 40px 40px 40px 320px;
}
#footer .wrap:before, #footer .wrap:after { content: ""; display: table; }
#footer .wrap:after { clear: both; }
#footer .wrap { zoom: 1; }
#footer .secondary {
	margin: 0;
	padding: 0;
	width:240px;
	display: block;
	float: left;
	margin-left: -320px;
	text-align: right;
}
#footer .main {
	width: 740px;
	float: left;
}
#footer .tumblr {
	float: left;
	width: 66%;
}
#footer .tumblr section {
	margin-right: 20px;
}
#footer .external {
	float: left;
	width: 33%;
	overflow: hidden;
}
#footer h2{
	font-size: 1.6em;
	color: #7a7a7a;
}
#footer h4{
	font-size: 1.1em;
	color: #7a7a7a;
}
#footer a{
	color:#7a7a7a;
}
#footer blockquote{
	border-left-color: #7a7a7a;
}

#footer .secondary .authors a{
	font-size:11px;
	text-decoration:none;
	color:#b4b3b3;
}
#footer .secondary .authors ul{
	list-style:none;
}
#footer .secondary .authors ul li{
	margin: 10px 0;
}
#footer .secondary .authors img{
	margin: 0 0 0 10px;
	vertical-align: middle;
}

#footer .tumblr .details p{
	font-size: 1em;
	line-height: 1.4em;
	font-family: 'Arvo', Cambria, Times, 'Times New Roman', serif;
}
#footer .tumblr .details a{
	color: #d5391a;
}
#footer .tumblr .details .icon {
	float: left;
	margin: 4px 8px 0 0;
}
#footer .external p{
	font-size: 11px;
}

#footer .bottom {
	font-size: 11px;
	margin-top: 20px;
}
#footer .bottom ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	color:#7a7a7a;
}
#footer .bottom .copyright {
	margin-bottom: 8px;
	font-weight: bold;
}
#footer .bottom .credit, #footer .bottom .tumblr {
	font-style: italic;
}


/* ~~~~~~ FOLLOWS ~~~~~~ */
#footer .follows ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 40px;
}
#footer .follows li {
	line-height: 0;
	margin: 0 5px 6px 0;
	padding: 0;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}

/* ~~~~~~ FLICKR ~~~~~~ */
.flickr-feed ul.flickrfeed {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.flickr-feed ul.flickrfeed li {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	margin-right: 10px;
	margin-bottom: 10px;
}
.flickr-feed ul.flickrfeed li img {
	width: 70px;
	height: auto;
}

/* ~~~~~~ Social Icons ~~~~~~ */
ul.social {
	margin: 0;
	padding: 0 0 0 40px;
	list-style-type: none;
}
ul.social li {
	float: right;
	margin: 0 0px 6px 6px;
}
ul.social li a {
	display: block;
	height: 20px;
	width: 20px;
	background-color: transparent;
	background-image: url('http://static.tumblr.com/fftf9xi/6AHmb2za6/social_icons-dark.png');
}
ul.social li a:hover {}
ul.social:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
ul.social li.social_behance a { background-position: 0 0; }
ul.social li.social_cargo a { background-position: -20px 0; }
ul.social li.social_delicious a { background-position: -40px 0; }
ul.social li.social_digg a { background-position: -60px 0; }
ul.social li.social_dribbble a { background-position: -80px 0; }
ul.social li.social_ember a { background-position: -100px 0; }
ul.social li.social_etsy a { background-position: -120px 0; }
ul.social li.social_facebook a { background-position: -140px 0; }
ul.social li.social_ffffound a { background-position: -160px 0; }
ul.social li.social_flickr a { background-position: -180px 0; }
ul.social li.social_gowalla a { background-position: -200px 0; }
ul.social li.social_lastfm a { background-position: -220px 0; }
ul.social li.social_linkedin a { background-position: -240px 0; }
ul.social li.social_skype a { background-position: -260px 0; }
ul.social li.social_slideshare a { background-position: -280px 0; }
ul.social li.social_stumbledupon a { background-position: -300px 0; }
ul.social li.social_twitter a { background-position: -320px 0; }
ul.social li.social_vimeo a { background-position: -340px 0; }
ul.social li.social_youtube a { background-position: -360px 0; }
ul.social li.social_email a { background-position: -380px 0; }
ul.social li.social_forrst a { background-position: -400px 0; }
ul.social li.social_soundcloud a { background-position: -420px 0; }
ul.social li.social_formspring a { background-position: -440px 0; }
ul.social li.social_foursquare a { background-position: -460px 0; }
ul.social li.social_deviantart a { background-position: -480px 0; }
ul.social li.social_website a { background-position: -500px 0; }
ul.social li.social_rdio a { background-position: -520px 0; }
ul.social li.social_myspace a { background-position: -540px 0; }
ul.social li.social_google a { background-position: -560px 0; }
ul.social li.social_spotify a { background-position: -580px 0; }
ul.social li.social_pinterest a { background-position: -600px 0; }

ul.social li.social_github a { background-position: -620px 0; }
ul.social li.social_quora a { background-position: -640px 0; }
ul.social li.social_instagram a { background-position: -660px 0; }
#footer .footer-contain .left .theme-credit {
	float: right;
	margin: 14px 0 0 0;
	color: #cccccc;
}


/*	--------------------------------------------------
	likes
	-------------------------------------------------- */	
#likes {
	margin: 0;
	padding: 10px 0 0 0;
	list-style-type: none;
	font-size:11px;
	display: block;
}
#likes:before, #likes:after { content: ""; display: table; }
#likes:after { clear: both; }
#likes { zoom: 1; }
#likes li {
	margin:0;
	padding-bottom: 15px;
	width:48%;
	display:block;
	float:left;
}
#likes li:first-child {
	margin-right: 4%;
}
#likes li > div {
	padding: 0 20px 0 0;
}
.liked-posts img {
   max-width: 100%;
	padding: 0 20px 0 0;
}
.like_video object, .like_video embed, .like_photoset object, .like_photoset embed, .like_text object, .like_text embed {
   width: 100%;
}
.like_post_body {
	margin: 0;
}
.liked-posts p.like_temp {
	margin-bottom: 10px;
}
.like_quote {
	font-size: 15px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
	font-style: italic;
	font-weight: 700;
	letter-spacing: .1em;
}
.like_link, .like_title {
	font-size: 15px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
	font-style: normal;
	font-weight: 700;
}
.liked-posts blockquote {
	margin: 8px 0 8px 8px;
	padding-left: 8px;
	border-left: 4px solid #e4e0db;
}
.post_info_bottom {
	display: block !important;
	margin-top: 4px;
}
.post_info_bottom .via {
	font-style: normal;
	text-transform: inherit;
	font-style: italic;
}
.post_info_bottom a, .post_info_bottom a:active, .post_info_bottom a:visited {
	text-transform: inherit;
	text-decoration: none;
	font-style: italic;
}

#tumblr_controls {
	position: fixed !important;
	top: 6px !important;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Single Columns
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.single-column #util .wrap {
	width: 940px;
	padding: 8px 40px;
}
.single-column #util ul.about {
	width:auto;
	text-align:left;
	display: inline;
	margin-left: 0;
}
.single-column #util ul.tumblr-links {
	width: auto;
	margin-left: 20px;
}
.single-column #site .wrap {
	width: 940px;
	padding: 60px 40px 20px 40px;
}
.single-column #site h1 {
	width: auto;
	margin-left: 0;
	float: none;
	text-align: center;
}
.single-column #site nav ul {
	text-align: center;
	width: auto;
	float: none;
}
.single-column article {
	width: 940px;
	padding-left: 40px;
	padding-right: 40px;
	margin-bottom: 80px;
}
.single-column aside {
	display: none;
}
.single-column article .page, .single-column article .pageless {
	width: 940px;
	float: none;
}
.single-column article footer .meta, .single-column article footer .tags, .single-column article footer .share-btns {
	display: block;
}
.single-column #footer .wrap {
	width: 940px;
	padding: 40px;
}
.single-column #footer .secondary{
	width: 20%;
	margin-left: 0;
}
.single-column #footer .main {
	width: 80%;
}
.single-column #footer .tumblr {
	width: 75%;
}
.single-column #footer .tumblr section {
	margin: 0 20px;
}
.single-column #footer .external {
	width: 25%;
}

/*	--------------------------------------------------
	columns class
	-------------------------------------------------- */
.col2 h2, .col2 ul, .col3 h2, .col3 ul{
	-webkit-column-span: all;
}

.col2{
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari and Chrome */
	column-count:2;
	-moz-column-gap:20px; /* Firefox */
	-webkit-column-gap:20px; /* Safari and Chrome */
	column-gap:20px;
}

.col3{
	-moz-column-count:3; /* Firefox */
	-webkit-column-count:3; /* Safari and Chrome */
	column-count:3;
	-moz-column-gap:10px; /* Firefox */
	-webkit-column-gap:10px; /* Safari and Chrome */
	column-gap:10px;
}



/*	--------------------------------------------------
	Buttons
	-------------------------------------------------- */

	.button {
		background: #00a6fc;
		display:inline-block;
	zoom:1;
	*display:inline;
		text-align: center;
		padding: 9px 34px 11px;
		color: #fff;
		text-decoration: none;
		line-height: 1;
		position: relative;
		cursor: pointer;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans serif;
	}
	
	.button.nice { 
		background: #00a6fc url('http://static.tumblr.com/fftf9xi/goAlwgn1a/button-gloss.png') repeat-x 0 -34px;
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
		text-shadow: 0 -1px 1px rgba(0,0,0,0.28);
		background: #00a6fc url('http://static.tumblr.com/fftf9xi/goAlwgn1a/button-gloss.png') repeat-x 0 -34px, -moz-linear-gradient(top, rgba(255,255,255,.4) 0%, transparent 100%);
		background: #00a6fc url('http://static.tumblr.com/fftf9xi/goAlwgn1a/button-gloss.png') repeat-x 0 -34px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.4)), color-stop(100%,transparent));
		border: 1px solid #0593dc;
		-webkit-transition: background .15s ease-in-out;
		-moz-transition: background .15s ease-in-out;
		-o-transition: background .15s ease-in-out; 
	}

	.button.radius { 
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}
	.button.round { 
		-moz-border-radius: 1000px;
		-webkit-border-radius: 1000px;
		border-radius: 1000px;
	}
	
	.button.full-width { 
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; 
	}
	
	.button.left-align { 
		text-align: left; 
		text-indent: 12px;
	}
	
	.button:active {}
		
	
	/* Sizes ---------- */
	.download.button		{text-transform: uppercase;}
	.small.button 			{ font-size: 11px; padding: 5px 15px 5px 15px; }
	aside .small.button 			{ font-size: 11px; padding: 3px 8px 3px 8px; text-transform: capitalize;}
	.medium.button 			{ font-size: 13px; padding: 8px 20px;  }
	.large.button 			{ 
		font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans serif;
		font-size: 22px;
		padding: 15px 100px 13px;
	}
	#pagination .medium.button { font-size: 15px; padding: 12px 14px; }
	
	/* Nice Sizes ---------- */
	.nice.small.button 		{ background-position: 0 -36px; }
	.nice.large.button 		{ background-position: 0 -30px; }
	 
	/* Colors ---------- */
	.blue.button			{ background-color: #00a6fc;  }
	.red.button				{ background-color: #e91c21; }
	.white.button			{ background-color: #e9e9e9; color: #717171; font-weight:bold;  text-shadow: 1px 1px 0px rgba(255,255,255,1); }
	.black.button		{ background-color: #141414; color:#ddd; text-shadow: 0px 1px 0px rgba(0,0,0,1); }
	
	/* Nice Colors ---------- */
	.nice.blue.button		{ border: 1px solid #0593dc;  }
	.nice.red.button		{ border: 1px solid #b90b0b;  }
	.nice.white.button		{ 
		border: 1px solid #cacaca; 
		color: #717171 !important; 
		font-weight:bold; 
		background:-webkit-gradient(linear, 0% 50%, 0% 100%, from(#F9F9F9), to(#EAEAEA));
		background:-moz-linear-gradient(19% 75% 90deg,#F9F9F9, #EAEAEA);
		background:linear-gradient(top, #F9F9F9, #EAEAEA);
		-moz-box-shadow: 0 1px 0 rgba(255,255,255,.9);
		-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.9);
		
	}
	.nice.black.button	{
		color: #c9c9c9 !important; 
		border: 1px solid #141414; 
		background:-webkit-gradient(linear, 0% 50%, 0% 100%, from(#343434), to(#242424));
		background:-moz-linear-gradient(19% 75% 90deg,#343434, #242424);
		background:linear-gradient(top, #343434, #242424);
	}
	
	/* Hovers ---------- */
	.button:hover 			{ background-color: #0192dd; color: #fff; }
	.blue.button:hover		{ background-color: #0192dd; 	}
	.red.button:hover 		{ background-color: #d01217; 	}
	.white.button:hover		{ 
		background: #fefefe; 
		text-shadow: none !important;
		color: #505050 !important; 
		background:-webkit-gradient(linear, 0% 50%, 0% 100%, from(#fefefe), to(#fafafa));
		background:-moz-linear-gradient(19% 75% 90deg,#fefefe, #fafafa);
	}
	.black.button:hover	{ 
		background-color: #141414; 
		color:#b4b3b3 !important;
		background:-webkit-gradient(linear, 0% 50%, 0% 100%, from(#242424), to(#141414));
		background:-moz-linear-gradient(19% 75% 90deg,#242424, #141414);
		}

	/* Active ---------- */
	.button:active 			{ background-color: #0192dd; color: #fff; }
	.blue.button:active		{ background-color: #0192dd; 	}
	.red.button:active 		{ background-color: #d01217; 	}
	.white.button:active		{ 
		background: #666666; 
		text-shadow: none !important;
		color: #f2f2f2 !important; 
		-moz-box-shadow: inset 0 0 3px black;
		-webkit-box-shadow: inset 0 1px 5px black;
	}
	.black.button:active { 
		background: #dddddd;
		text-shadow: none !important;
		color:#505050 !important;
		-moz-box-shadow: inset 0 0 3px black;
		-webkit-box-shadow: inset 0 1px 5px black;
	}
	.white.button.current { 
		background: #666666; 
		text-shadow: none !important;
		color: #f2f2f2 !important; 
		-moz-box-shadow: inset 0 0 3px black;
		-webkit-box-shadow: inset 0 1px 5px black;
	}
	.black.button.current { 
		background: #dddddd;
		text-shadow: none !important;
		color:#505050 !important;
		-moz-box-shadow: inset 0 0 3px black;
		-webkit-box-shadow: inset 0 1px 5px black;
	}

/* =============================================================================
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
    ========================================================================== */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* =============================================================================
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
    ========================================================================== */
#cboxOverlay{background:#000000;}
#colorbox{}
#cboxContent{margin-top:32px; overflow:visible;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#000000; padding:1px;}
#cboxLoadingGraphic{background:url(http://static.tumblr.com/fftf9xi/rkklqu1ni/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#000000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#ffffff;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(http://static.tumblr.com/fftf9xi/1dslqu1o1/controls.png) no-repeat 0 0;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious.hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext.hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose.hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}


/* =============================================================================
   Non-semantic helper classes
   ========================================================================== */

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

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

/* =============================================================================
   Media
   ========================================================================== */
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

}
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

}

/* =============================================================================
   Print styles.
   ========================================================================== */
@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; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

/* =============================================================================
    Style Hatch Modal - Customimze Menu
    ========================================================================== */

.customize-embed:before {
	content: "Flash Disabled in Customize Mode";
	height: 24px;
	width: 100%;
	display: block;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: 0;
	font-weight: normal;
	font-size: 11px;
	color: #AAAAAA;
	font-family: "Helvetica Neue", sans-serif !important;
	text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.4);
	letter-spacing: 1px;
}
.customize-embed {
	-moz-box-shadow: inset 0 1px 0px rgba(100, 100, 100, 1);
	-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.7);
	background: rgb(51,51,51);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(51,51,51,1) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(51,51,51,1)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(51,51,51,1) 0%,rgba(0,0,0,1) 100%);
	background: -o-radial-gradient(center, ellipse cover,  rgba(51,51,51,1) 0%,rgba(0,0,0,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover,  rgba(51,51,51,1) 0%,rgba(0,0,0,1) 100%);
	background: radial-gradient(center, ellipse cover,  rgba(51,51,51,1) 0%,rgba(0,0,0,1) 100%);
}
.customize-embed iframe, .customize-embed embed, .customize-embed object {
	display: none;
}
.customize-audio {
	display: block;
	height: 27px;
	width: 207px;
	background-image: url(http://static.tumblr.com/fftf9xi/r0blwhruz/audio-players.png);
}
.customize-audio.white {
	background-position: 0px 0px;
}
.customize-audio.grey {
	background-position: 0px -27px;
}
.customize-audio.black {
	background-position: 0px -54px;
}
.customize-audio embed {
	display: none;
}