html {background:#ccc;width:100%}
body {
	margin:auto;
	background:#f7f7f7;
	width:960px;
	font-family:verdana,sans-serif;
	font-size:13px;
	line-height:20px;
	color:#444;
	font-weight:300;
}

.mob {display:none}
#top {background-image:url(pictures/sfe15ban.jpg);height:339px}

nav {
	width:960px;
	background:#fff;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:2px;
	position:absolute;top:300px;
	border-bottom:1px solid #333;
}
nav ul {padding-left:20px;margin:0;list-style-type:none;background:#fff}
nav li {float:left;padding:9px 20px}
nav a {color:#000;font-weight:400}
nav a::before {content:':: ';color:#fff}
nav a:hover::before, .t a::before {content:':: ';color:#a5790e}
.t a {color:#a5790e}
.subn {padding:20px 40px 0}

main {clear:both;padding:60px 100px;display:block}
article {width:600px;margin:auto}
article h1+h4{margin-top:-20px}
article h4+p {padding:40px 0 0}
.by {font-style:italic}

a {text-decoration:none;color:#012a42}
a,b,.t a{font-weight:600}
a:hover {color:#a5790e}
a img:hover {opacity:0.8;filter:alpha(opacity=80)}
hr {margin:40px auto;width:80%;background-color:#888;color:#888;border-color:#888}
article hr {width:100%}

nav,h1,h2,h3 {font-family:raleway}
h1,h2,h3,h4,.pfg a{font-weight:300}
h1,h2,footer,.by,.cen,.d{text-align:center}
.r {text-align:right}
main p {text-align:left}
h1,h3{text-transform:uppercase}
/*page headers*/
h1 {	
	font-size:32px;
	line-height:34px;
	margin:10px 0 40px
}
/*chapters*/
h2 { 
	font-size:24px;
	line-height:28px;
	margin:50px 0 40px
}
/*links to next chapter*/
h3 {
	font-size:18px;
	margin:40px 0 30px;
	color:#222;
	font-weight:400;
}
/*bylines*/
h4 {font-size:13px}
/*graphic design*/
.pfg h1 {margin:100px 0 40px}
.pfg h1:first-child {margin-top:20px}
.pfg .d {padding:20px 0 0}
.pfg a,.wd .d a {padding:3px}
.pfg a:hover,.wd .d a:hover {background:#999}
.pf,.f,.v {margin:auto;margin-top:40px}
.pf,.v {width:600px}
.pf {text-align:left;display:table}
.pf div {padding:10px}

/*fics*/
.f td {padding:15px;width:700px;background:#fff;border-left:1px solid #ddd;border-bottom:1px solid #ddd}
.f p {font-size:9pt;margin-top:5px}
.f span {color:#888}

/*vids*/
.v {border-spacing:0}
.v tr:first-child td{border-top:1px solid #888}
.v td {padding:25px 15px;border-bottom:1px solid #888}

.subn+main>h1,.subn+main>article>h1 {margin-top:0}
/*novel footnotes*/
.ft {font-size:8pt;line-height:15px;color:#555;margin-top:40px}
/*rw handwriting*/
.hand {font-family:'mv boli','tempus sans itc','trebuchet ms',sans-serif;font-size:14px;line-height:20px}

.cen img {margin:20px 0}
.wd {display:table;margin:auto}
.wd div {display:table-cell;padding:20px;vertical-align:top}

footer,.pfg a,.wd .d a {background:#555;color:#fff}
footer,.d {font-size:8pt}

@media screen and (max-width:430px){
	.mob,.wd,.wd div,.v td {display:block}
	.mob img {padding:15px 0 0}
	.mob h2 {margin:5px 0;color:#012a42}
	body,.f p {font-family:georgia;font-size:16px;line-height:26px}
	nav {display:none}
	#top {background-image:none;height:180px;background:#fff}
	main {padding:0 20px 40px}
	body,article,.pf,.v,.pf img {width:100%}
	blockquote {padding:0;margin:0 10px}
	img {max-width:100%}
	
	h1 {margin:40px 0}
	.pfg h1 {margin:80px 0 20px}
	.subn,.d{font-family:raleway}
	.subn {padding:10px 15px 25px}
	footer,.d {font-size:9pt;line-height:22px}
	.pf .d p, .pf img {text-align:center}
	.d {font-family:verdana}
	.pfg a,.wd .d a {padding:5px}
	
	.v td {border:0;padding:0 15px 20px}
	.v td:first-child {text-align:center;padding-top:40px}
	.v tr:first-child td {border:0}
	
	pre {white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word}
	
/* SLICKNAV */
#menu, #smenu {display:none}
.slicknav_menu {display:block}
.slicknav_btn,.slicknav_menu  .slicknav_menutxt, .slicknav_menu .slicknav_icon-bar, .slicknav_nav ul, .slicknav_nav li, .slicknav_nav a, .slicknav_nav .slicknav_item  {display:block}
.slicknav_btn {position:relative; float:left; padding:0.438em 0.625em 0.438em 0.625em; line-height:1.125em; cursor:pointer}
.slicknav_menu  .slicknav_menutxt {line-height:1.188em; float:left}
.slicknav_menu .slicknav_icon {float:left; margin:0.188em 0 0 0.438em}
.slicknav_menu .slicknav_no-text {margin:0}
.slicknav_menu .slicknav_icon-bar {width:1.125em;height:0.125em; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px;}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {margin-top:0.188em}
.slicknav_nav .slicknav_arrow {font-size:0.8em; margin:0 0 0 0.4em}
.slicknav_nav .slicknav_item {cursor:pointer}
.slicknav_nav .slicknav_item a {display:inline}
.slicknav_menu:before,
.slicknav_menu:after {content:" "; display:table}
.slicknav_nav, .slicknav_menu:after {clear:both}
/* IE6/7 support */
.slicknav_menu {*zoom:1;font-size:16px}
/* Button */
#log ul .slicknav_btn, .slicknav_btn {text-decoration:none;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
#log ul .slicknav_btn {margin:5px 5px 6px;background:#eee}
.slicknav_btn {margin:5px;background:#fff;border:1px solid #ccc}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {color:#fff;font-weight:bold;text-shadow:0 1px 3px #000}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {background:#ccc}
.slicknav_nav {font-size:0.875em}
.slicknav_nav ul {padding:0;margin:0 0 0 20px}
.slicknav_nav .slicknav_item {padding:5px 20px;margin:2px 0}
.slicknav_nav .slicknav_txtnode {margin-left:15px}
.slicknav_nav, .slicknav_nav .slicknav_item a {padding:0;margin:0}
.slicknav_menu {background:transparent;padding:0;margin-top:0;position:fixed;z-index:100;}
.slicknav_nav, .slicknav_nav ul {background:#eee;list-style:none;overflow:hidden}
.slicknav_nav a{padding:5px 20px 5px 10px;text-decoration:none;color:#333;font-family:raleway;text-transform:uppercase;font-weight:500}
.slicknav_nav .slicknav_item:hover, .slicknav_nav a:hover {-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#012a42;color:#fff}
}	
}