/***************
 *  * thirty-six invisible
 *   ***************/
body {
    font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
	background-color:#ffffff;
    color: #888;
    font-size   : 16px;
    line-height : 24px;
}
h1,h2,h3,h4,h5,h6 {
	font-family: "Helvetica Neue", "Caecilia-Roman", Verdana, sans-serif;
	font-weight: 200;
	color:#555;
}
a {
    text-decoration: none;
    color: #444;
}
.story {
	width:86%;
	margin:26px auto;
	text-align:justify;
	padding:13px 0 0;
	/*border-bottom:1px solid #ddd;*/
	position:relative;
	opacity:.5;
}
#story-home h1 {
	font-size:155%;
	letter-spacing:1px;
	margin:0 0 9px 0;
	cursor:default;
	color:#111;
}
#story-home h1:hover {
	color:#000;
}
#story-home .tag {
	margin-top:6px;
	font-size:88%;
	line-height:88%;
	color:#888;
	margin-bottom:6px;
	text-align:left;
}
.splashwrap {
border:1px solid #888;padding:3px;
}
.splash {
background-repeat:no-repeat;
background-position:center center;
background-size:100% auto;
}
.splash img {
	width:100%;margin-bottom:-6px;
}
footer {
	clear:both;
	font-size:90%;
	color: #aaa;
	margin-top: 1em;
	padding-top: 0;
	line-height:1.1em;
}
footer a {
	color: #888;
}
footer a:hover {
	color: #800;
}

.hide { display:none; }
.hide_mob { display:none; }
.floatright { float:right; }

@media (min-width: 768px) {
	body {
	background-repeat:no-repeat; 
	background-size:100% auto;*/
	}
	.story { 
    	width: 75%;
		max-width:720px; 
		margin:76px auto;
/*
    	-moz-transform:rotate(-10deg);
	    -webkit-transform:rotate(-10deg);
*/
	}
	.splash img {
		opacity:.0;
	}
	.splash img:hover {
		/*opacity:1;*/
	}
	.hide_mob { display:inline-block; }
}