@charset "utf-8";
/* CSS resets: minus ol, ul, li, */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
b, strong {
	font-weight: 700;
}
div { vertical-align: top;}

/* Fonts */
@font-face {
	font-family: 'qlassik_mediumregular';
	src: url('/lib/fonts/qlassik_tb-webfont.eot');
	src: url('/lib/fonts/qlassik_tb-webfont.eot?#iefix') format('embedded-opentype'),
		url('/lib/fonts/qlassik_tb-webfont.woff2') format('woff2'),
		url('/lib/fonts/qlassik_tb-webfont.woff') format('woff'),
		url('/lib/fonts/qlassik_tb-webfont.ttf') format('truetype'),
		url('/lib/fonts/qlassik_tb-webfont.svg#qlassik_mediumregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'steelfishregular';
	src: url('/lib/fonts/steelfish_rg-webfont.eot');
	src: url('/lib/fonts/steelfish_rg-webfont.eot?#iefix') format('embedded-opentype'),
		url('/lib/fonts/steelfish_rg-webfont.woff2') format('woff2'),
		url('/lib/fonts/steelfish_rg-webfont.woff') format('woff'),
		url('/lib/fonts/steelfish_rg-webfont.ttf') format('truetype'),
		url('/lib/fonts/steelfish_rg-webfont.svg#steelfishregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
#nav a, #releases a, #page-title a, .paper a, #mobilenav a, #mobileshare a, #releases, #page-title, h5, .date, h7, .posted, #blog-nav a { 
	font-family: 'qlassik_mediumregular';
	font-weight: normal;
}
h1, h2, h3, h4, a.work-category, .box-tag, #cool-nav a, a.cool-link, .box-tag a {
	font-family: 'steelfishregular';
	font-weight: normal;
}
.punct-fix { font-size: 126%; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
/*
ol, ul {
	list-style: none;
}
*/
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
i, em {
	font-style: italic;
}
p {
	margin: 0 0 20px 0;
}
a {
	color: blue;
}

/***** General site styles *****/
body {
	background-color: #1d130f;
	text-align: center;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	min-width: 350px;
	line-height: 2.0em;
	word-wrap: break-word;
}
img {
	-ms-interpolation-mode: bicubic;
	vertical-align: bottom;
}
#outershell {
	width: 100%;
	max-width: 1400px;
	margin: 0px auto;
	box-shadow: 0px 0px 15px #000;
	position: relative;
}
.divider {
	background-image: url(http://www.neilgaiman.com/images/jagged-line-one.jpg);
	background-repeat: repeat-x;
	height: 5px;
	font-size: 0px;
}
#logo, #nav, #releases, #page-title, #sitemap, #col-a { margin-left: 8%; }
.emphasize { color: #88bd8b; }
h1 {
	font-size: 55px;
	line-height: 55px;
	color: #FFF;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
}
h1.mobile, h2.mobile { display: none; }
h2 {
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-size: 40px;
	line-height: 40px;
	margin-bottom: 10px;
}
h3 {
	float: left;
	font-size: 24px;
	color: #533f14;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin: -3px 10px 0 0;
}
h4 {
	color: #4a5d42;
	border-bottom: 1px solid #CCC;
	padding-bottom: 5px;
	margin: 30px 0 10px;
	text-transform: uppercase;
	font-size: 32px;
	letter-spacing: .05em;
}
h5 {
	text-transform: uppercase;
	color: #2f5a24;
	font-size: 14px;
	letter-spacing: .1em;
}
h7 {
	background-color: #231813;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	padding: 6px 20px 4px;
	color: #e0d1b2;
	letter-spacing: .1em;
	text-transform: uppercase;
	margin: 0 0 30px -40px;
	font-size: 14px;
	display: block;
	width: 250px;
}
.one-event h7 {
	margin: 15px 0 30px -10px;
	font-size: 21px;

}
.special-char { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }


/***** Header area *****/
#headshot {
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #FFF;
}
#headshot.home {
	background-image: url(http://www.neilgaiman.com/images/gaiman-photo-large.jpg); 
	height: 534px;
}
#headshot.inside { 
	background-image: url(http://www.neilgaiman.com/images/gaiman-photo-inside.jpg); 
	height: 240px;
}
#logo {
	background-image: url(http://www.neilgaiman.com/images/header-line.jpg);
	background-repeat: repeat-y;
	background-position: 72px 0px;
	float: left;
	height: 48px;
	padding-top: 65px;
}
#logo.inside {
	padding-top: 20px;
}
#neil-gaiman {
	background-image: url(http://www.neilgaiman.com/images/neil-gaiman.png);
	width: 191px;
	height: 46px;
}
#share {
	background-color: #f0e9da;
	width: 190px;
	position: absolute;
	top: 40px;
	right: 50px;
	height: 22px;
	padding: 8px;
}


/***** Navigation *****/
#nav {
	clear: both;
	float: left;
	text-align: left;
	width: 60%;
	max-width: 600px;
	padding: 23px 0 0 0;
	line-height: 1.8em;
}
#nav a {
	display: inline-block;
	float: left;
	margin: 0 20px 0 0;
	color: #441b09;
	font-size: 21px;
	text-decoration: none;
}
#nav a:hover { color: #407135; }

/***** New Releases *****/
#releases {
	position: absolute;
	top: 338px;
	left: 0px;
	text-align: left;
	background-image: url(http://www.neilgaiman.com/images/new-releases-line.png);
	background-position: 74px 0px;
	background-repeat: repeat-y;
	height: 196px;
}
#release-names {
	margin: 30px 0 0 86px;
	color: #FFF;
	line-height: 1.5em;
	font-size: 18px;
}
#releases a, #page-title a { color: #a7d4b2; text-decoration: none;}
#releases a:hover, #page-title a:hover { color: #C93; }

/***** Bottom of Home *****/
#bottom-area {
	background-color: #e0d1b2;
	padding: 30px 0;
	margin: 0px;
	text-align: left;
}
#bottom-area.inside {
	background: #e0d1b2 url(http://www.neilgaiman.com/images/inside-shadow.jpg) no-repeat center 22px;
	background-size: 89%;
}
#col-a {
	width: 345px;
	float: left;
	margin-right: 50px;
}
#col-a h2 { color: #644a13; }
#col-b {
	width: 391px;
	float: right;
	background-image: url(http://www.neilgaiman.com/images/journal-shadow.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right: 30px;
}
#col-b h2 { 
	color: #40643a; 
	float: left;
	margin-bottom: 10px;
}
.paper {
	background-color: #FFF;
	margin: 5px 15px;
	padding: 30px;
	line-height: 1.6em;
	min-height: 300px;
}
.paper a { color: #205db5; }
.paper a:hover { color: #630; }
.date { 
	text-align: right; 
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #2a2a2a;
	margin: 8px 0 30px;
}
#col-c {
	padding-left:  510px;
	max-width: 460px;
}
#col-c h2 { color: #194887; margin-bottom: 18px;}
#col-c div.updatePair {
	margin-bottom: 1.2em;
	line-height: 1.3em;
}
#col-c a {
	text-decoration: none;
	color: #222;
	line-height: 1.2em;
}
#col-c a:hover {
	text-decoration: underline;
	color: #644a13;
}
#col-c a.feed {
        line-height: 2.2em;
        color: #b34512;
        margin-right: 20px;
}
#coming-soon {
	background-position: center;
	width: 345px;
	height: 302px;
	border: 2px solid #000;
	color: #FFF;
	text-align: center;
}
#coming-soon-inner {
	position: absolute; 
	top: 2px; 
	left: 2px; 
	width: 343px; 
	height: 300px; 
	color: #FFF; 
	text-shadow: 0 0 0.8em #000, 0 0 0.8em #000, 0 0 0.8em #000; 
	text-align: center; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; font-weight: bold;
 	line-height: 1em;
}

/***** Inside Pages *****/
#page-title {
	position: absolute;
	top: 173px;
	left: 0px;
	text-align: left;
	height: 60px;
	overflow: hidden;
}
#breadcrumbs {
	text-align: left;
	color: #c49d79;
	padding: 5px 8%;
	letter-spacing: .03em;
}
#breadcrumbs .here { text-transform: uppercase; font-size: 12px;}
#breadcrumbs a { color: #e0d1b2; text-decoration: none;}
#breadcrumbs a:hover { color: #FFF; } 
div.documentDescription {
	display: none;
	font-style: italic;
	color: #333;
	padding-bottom: 10px;
}
#inside-content {
	background-color: #FFF;
	margin: 0 8%;
	padding: 10px 30px;
	font-size: 16px;
}
#inside-content .works {
	padding: 40px 60px 50px;
}
#inside-content .one-work {
	width: 150px;
	height: 200px;
	text-align: center;
	background-color: #eee8d5;
	border-radius: 4px;
	border: 1px solid #cbc5b7;
	color: #261913;
	float: left;
	margin: 0 20px 20px;
	padding: 10px;
	line-height: 1.2em;
}
.one-work-img {
	background-color: #fff9e6;
	height: 126px;
	width: 79px;
	padding: 10px;
	margin: 0 auto 5px;
	display: block;
}
.one-work-img img {
	position: relative;
  	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
  	transform: translateY(-50%);
	width: 79px;
 }
.one-work-img:hover {background-color: #FFF;}
.one-work a { 
	color: #261913;
	text-decoration: none;
}
.one-work a:hover { color: #000; text-decoration: underline;}
#inside-content .extras { text-align: center; }
.book-col {
	background-color: #eee8d5;
	border-radius: 4px;
	border: 1px solid #cbc5b7;
	color: #261913;
	float: left;
	text-align: center;
	width: 200px;
	padding: 30px;
	margin-right: 40px;
}
.book-col a.cover-img {
	padding: 0;
	border: 0;
}
.book-col img { width: 200px; height: auto; }
.details {
	font-size: 14px;
	color: #630;
	line-height: 1.4em;
	margin-top: 10px;
}
.book-col a {
	display: block;
	background-color: #960;
	color: #FFF;
	text-align: center;
	font-size: 16px;
	padding: 3px 0;
	border-radius: 6px;
	text-decoration: none;
}
.book-col a:hover {
	box-shadow: 0px 0px 10px #333300;
}
.available {
	margin: 20px 0 8px;
	color: #410;
	text-transform: uppercase;
	letter-spacing: .1em;
}
.book-col select {
	border-radius: 6px;
	padding: 5px;
	background-color: #fff9e6;
	border: 1px solid #960;
}
.right-col {
	text-align: left;
	margin-left: 300px;
}
.right-col h3 {text-align: left; font-size: 40px; display: block; float: none; margin-bottom: 20px;}
.right-col ul {
	list-style-type: disc;
	list-style-position: inside;
}
.features {
	margin: 20px 0 50px;
}
.features a {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 6px;
	text-align: center;
	background-color: #eee8d5;
	margin: 0 10px 10px 0;
	text-decoration: none;
	color: #300;
}
.features a:hover {
	box-shadow: 0px 0px 10px #999;
}

/***** Cool Stuff Page *****/
.cool {
	background-color: #e5d8bd;
	background-position: right top;
	background-repeat: no-repeat;
	display: table;
	margin: 30px 15px;
}
.box-tag {
	width:  130px;
	color: #fff;
	padding: 5px 15px;
	text-transform: uppercase;
	letter-spacing: .05em;
	display: table-cell;
	background-image: url(http://www.neilgaiman.com/images/coolstuff-divider.png);
	background-repeat: repeat-y;
	background-position: right top;
	font-size: 48px;
	vertical-align: bottom;
	line-height: 48px;
}
.box-tag a {
	display: block;
	font-size: 18px;
	color: #e5d8bd;
}
.box-tag a:hover {
	color: #FFF;
}
.story { background-color: #61756a; }
.interview, .video { background-color: #3e3842; }
.essay { background-color: #495878; }
.audio, .excerpt, .extra { background-color: #3c322f; }
.short-story-title {
	font-weight: bold;
	color: #415c4d;
	font-size: 30px;
	margin-bottom: 10px;
}
.essay-title {
	font-weight: bold;
	color: #495878;
	font-size: 30px;
	margin-bottom: 10px;
}
.box-content {
	color: #000;
	padding: 2%;
	display: table-cell;
	line-height: 1.5em;
	vertical-align: middle;
}
.box-content iframe { margin-right: 45px;}
p.interview-quote  {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #3e3842;
	text-align: center;
	font-size: 21px;
	line-height: 30px;
	position: relative;
	padding: 20px 30px 0;
}
.quote-mark {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 72px;
	color: #aaa08d;
	position: absolute;
	left: -5px;
	top: 30px;
}
.quote-mark-two {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 72px;
	color: #aaa08d;
	position: absolute;
	right: 5px;
	bottom: 35px;
}
.box-content p { margin: 0px;}
.one .box-content { padding-right: 300px; }
.four .box-content { line-height: 1.4em; }
.space {
	background-color: #FFF;
	width: 30px;
	display: table-cell;
}
#cool-buttons {
	padding: 20px 8%;
	height: 10px;
	background-color: #e0d1b2;
}
#cool-nav {
	float: left;
}
#cool-buttons.bottom {
	height: 40px;
	margin-top: -10px;
}
#cool-nav a {
	display: inline-block;
	padding: 2px 20px 0px;
	margin: 0 10px 0 0;
	border: 1px solid #341d13;
	color: #341d13;
	border-radius: 8px;
	text-decoration: none;
	font-size: 26px;
	letter-spacing: .08em;
	text-transform: uppercase;
	line-height: 28px;
}
#cool-nav a:hover {
	color: #000;
	border: 1px solid #000;
	box-shadow: 0px 0px 8px #963;
}
#cool-nav.blog a { font-size: 21px; }
.reload { 
	float: right; 
	width: 17%;
	line-height: 1.2em;
	background-image: url(http://www.neilgaiman.com/images/cool-nav-line.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	padding: 20px 0 12px 50px;
	margin-top: -20px;}

a.cool-link {
	display: inline-block;
	margin: 15px 35px 0 0;
	padding-left: 40px;
	color: #000;
	text-decoration: none;
	text-align: left;
	letter-spacing: .1em;
	background-position: left top;
	background-repeat: no-repeat;
	height: 28px;
	line-height: 32px;
	font-size: 21px;
}
a.cool-link:hover {
	background-position: left bottom;
}
a.readmore { background-image: url(http://www.neilgaiman.com/images/more-arrow.jpg); }
a.seeall { background-image: url(http://www.neilgaiman.com/images/more-stories.jpg); }
a.listen { background-image: url(http://www.neilgaiman.com/images/audio-button.jpg);}
.interview-quote a.listen {display: block; margin: 35px auto 0; width: 54px; }
a.book { background-image: url(http://www.neilgaiman.com/images/book-button.jpg); }

/***** Blog and Events *****/
.one-blog {
	border-bottom: 1px dashed #663300;
	padding-bottom: 40px;
	margin-bottom: 40px;
}
.one-blog h2 a, .one-event h2 a {
	color: #930;
	padding-top: 50px;
	display: block;
	text-decoration: none;
	margin: 0px 0 -10px;
	padding: 0px;
}
.one-blog h2 a:hover, .one-event h2 a:hover {
	color: #000;
}
.posted {
	color: #666;
	border-bottom: 1px solid #999;
	padding: 0px 20px 5px 0;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: .1em;
	margin-bottom: 25px;
}
p.posted {
	border-bottom: 0px;
}
.one-blog a, .sidebar a, .one-event a, .links-area a  {
	color: #930;
}
.one-blog a:hover, .sidebar a:hover, .one-event a:hover, .links-area a:hover {
	color: #333;
}
.mainbar {
	max-width: 70%;
	display: inline-block;
	vertical-align: top;
	margin-right: 40px;
	padding-top: 20px;
}
.sidebar {
	width: 150px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	margin: 20px 0 0 0;
	border: 1px solid #960;
	padding: 30px;
	border-radius: 6px;
	float: right;
}
.sidebar div.item, .sidebar div.other {
	margin: 0px auto 20px;
	text-align: center
}
.sidebar div.item img {
	width: 140px;
	height: auto;
	border: 1px solid #000;
}
.sidebar-p {
	line-height: 20px;
}
.smprint {
	font-size:xx-small;
} 
#blog-nav { text-align: center; }
#blog-nav a, a.boxed {
	background-color: #960;
	color: #FFF;
	display: inline-block;
	border-radius: 8px;
	margin: 5px 5px 30px;
	padding: 3px 15px;
	border: 1px solid #630;
	text-decoration: none;
}
#blog-nav a:hover, a.boxed:hover {
	box-shadow: 0px 0px 10px #666;
	color: #FFF;
}
a.boxed {
	margin-top: 0px;
	margin-left: 0px;
}
#blog-nav.events {
	background-color: #e0d1b2;
	margin-left: -30px;
	margin-right: -30px;
	margin-bottom: -10px;
}
#blog-nav.events a {
	margin: 15px 5px 7px;
	background-color: #FFF;
	color: #960;
}
.social-blog {
	float: right;
	text-align: right;
	width: 300px;
	padding-top: 10px;
}
.one-event .social-blog {
	margin-right: 40px;
}
.one-event {
	margin-left: -30px;
	margin-right: -30px;
	border-bottom: 16px solid #e0d1b2;
}
.one-event h2 {
	display: inline-block;
	width: 30%;
	margin-left: 20px;
	margin-right: 30px;
}
.one-event .information {
	display: inline-block;
	width: 55%;
	border-left: 2px solid #999;
	padding-left: 30px;
}
.one-event .event-details {
	min-height: 370px;
}
#events-table {
	display: table;
}
.events-row {
	display: table-row;
}
.events-cell {
	display: table-cell;
}
#events-table {
	width: 100%;
	margin-bottom: 15px;
}
.events-cell {
	padding: 1px;
}
.events-cell a {
	display: block;
	background-color: #f4edde;
	text-decoration: none;
	color: #600;
	padding: 8px 10px;
}
.events-cell a:hover {
	background-color: #e0d1b2;
}
.thedate {
	font-weight: bold; 
	padding-right: 20px;
	white-space: nowrap;
}
.break {
	margin-left: -30px;
	margin-right: -30px;
	border-bottom: 16px solid #e0d1b2;
}
.feed {
	display: block;
	float: right;
	border: 1px solid #C60;
	padding: 2px 10px 2px 35px;
	border-radius: 3px;
	color: #C60;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: .1em;
	margin-top: 8px;
	background-image: url(http://www.neilgaiman.com/images/feed-transparent.png);
	background-position: 10px 6px;
	background-repeat: no-repeat;
}
.feed:hover {
	box-shadow: 0px 0px 5px #999;
}
h2.upcoming {
	margin: 15px 0;
}

/***** Footer Area *****/
#footer {
	padding: 20px 0 30px;
	color: #d2cfb4;
	height: 50px;
}
#footer a {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover { color: #C90; }
#sitemap { float: left; }
#copyright { float: right; margin-right: 8%;}

/***** Rollover Sprites *****/
.roll a {
	overflow: hidden;
	display: block;
	background-position: left top;
	background-repeat:none;
	text-indent: -5000px;
	text-align: left;
}
.roll a:hover {
	background-position: left bottom;
}
#share a {
	float: left;
	height: 26px;
}
.twit a {
	background-image: url(http://www.neilgaiman.com/images/social/social-1.png);
	width: 27px;
}
.fb a {
	background-image: url(http://www.neilgaiman.com/images/social/social-2.png);
	width: 22px;
}
.tumb a {
	background-image: url(http://www.neilgaiman.com/images/social/social-3.png);
	width: 25px;
}
.pin a {
	background-image: url(http://www.neilgaiman.com/images/social/social-4.png);
	width: 25px;
}
.goog a {
	background-image: url(http://www.neilgaiman.com/images/social/social-5.png);
	width: 32px;
}
a.work-category {
	background-color: #eee8d5;
	background-position: left top;
	background-repeat: no-repeat;
	padding: 20px 10px 15px 130px;
	width: 150px;
	display: block;
	float: left;
	border-radius: 4px;
	border: 1px solid #cbc5b7;
	color: #261913;
	text-decoration: none;
	font-size: 36px;
	letter-spacing: .05em;
	margin: 0 20px 20px 0;
}
a.work-category:hover {
	box-shadow: 0px 0px 10px #000;
}
a.audio {
	background-image: url(http://www.neilgaiman.com/images/works/audio.jpg);
}
a.books {
	background-image: url(http://www.neilgaiman.com/images/works/books.jpg);
}
a.comics {
	background-image: url(http://www.neilgaiman.com/images/works/comics.jpg);
}
a.films {
	background-image: url(http://www.neilgaiman.com/images/works/films.jpg);
}
a.television {
	background-image: url(http://www.neilgaiman.com/images/works/television.jpg);
}
a.theater {
	background-image: url(http://www.neilgaiman.com/images/works/theater.jpg);
}

@media only screen and (max-width: 1245px) {
	#share { width: 80px; height: 90px;}
	h3 { float: none; text-align: center; margin: 0 0 10px 5px; }
	.twit a { margin-left: 6px; }
	.pin a { margin-left: 13px; }
	#nav { line-height: 1.8em; }
	#release-names { font-size: 19px;}
	.reload { 
		float: none; 
		width: 100%;
		line-height: 1.2em;
		background-image: none;
		padding: 20px 0 12px 50px;
		margin-top: -20px;
	}
}
@media only screen and (min-width: 1100px) and (max-width: 1145px) { 
	#col-c { float: none; padding: 3% 8%; clear: both; max-width: 100%; font-size: 16px;}
	#col-b {
		width: 53%;
		float: right;
		background-size: 100%;
		font-size: 16px;
	}
	#release-names { font-size: 21px;}
	#col-a {margin-right: 0px;}
	.paper {
		margin: 0px 15px;
		padding: 30px;
		line-height: 1.6em;
		min-height: 300px;
	}
	#share {top: 20px; right: 20px;}
	.mainbar {
		max-width: 70%;
		margin-right: 10px;
	}
	.sidebar {
		width: 150px;
	}
}
@media only screen and (min-width: 1100px) {
	#mobilenav, #mobileshare { display: none; }
}
@media only screen and (max-width: 1099px) {
	div.cool.two .box-content {
		display: block;
		text-align: center;
	}
	.details {
		font-size: 20px;
	}
	.book-col {
		float: none;
		text-align: center;
		width: 400px;
		padding: 30px;
		margin: 0 auto;
	}
	.book-col img {
		width: 310px;
		height: auto;
	}
	.book-col a, .book-col select { font-size: 29px;}
	.book-col a {
		padding: 13px 20px;
	}
	.right-col {
		text-align: left;
		margin-left: 0px;
		margin-top: 40px;
	}
	#inside-content .one-work {
		width: 41%;
		height: auto;
		margin: 0 2% 2%;
		padding: 2%;
	}
	.one-work-img {
		width: auto;
		height: auto;
	}
	.one-work-img img {
		width: 100%;
	 }
	.features {
		margin: 20px 0 50px;
	}
	.features a {
		display: block;
		padding: 28px 30px;
		font-size: 48px;
	}
	
	h1.normal { display: none; }
	h1.mobile, h2.mobile { display: block; }
	#page-title h1.mobile a {
		font-family: 'steelfishregular';
		font-weight: normal;
	}
	#breadcrumbs { 
		display: none;
	}
	#mobilenav, #mobileshare { display: block; }
	#nav {
		display: none;
	}
	#mobilenav, #mobileshare {  
		padding-left: 30px;
		background-image: url(http://www.neilgaiman.com/images/cross.jpg);
		background-repeat: no-repeat;
		background-position: left 11px;
	}
	#mobilenav.show, #mobileshare.show {
		background-image: url(http://www.neilgaiman.com/images/minus.jpg);
	}
	#mobilenav a, #mobileshare a { font-size: 41px; line-height: 41px; color: #481104; text-transform: uppercase; letter-spacing: .1em; text-decoration: none;}
	#mobilenav a:hover, #mobileshare a:hover {
		color: #600; 
		text-shadow: 0px 0px 5px #888;
	}
	#nav.show { 
		display: block; 
		position: absolute;
		text-align: left;
		max-width: 400px;
		left: 0px;
		top: 190px;
		line-height: 1.8em;
		z-index: 9999;
		padding-top: 0px;
	}
	#nav.inside.show { top: 160px; }
	#nav a {
		display: block;
		width: 400px;
		padding: 18px 16px;
		color: #999;
		font-size: 52px;
		text-decoration: none;
		background-color: #000;
		background: rgba(0, 0, 0, .9);
	}
	#nav a:hover { color: #fff; background-color: #1f2111;}
	#share { display: none; }
	.pin a {margin-left: 0px;}
	#share h3 {display: none;}
	#headshot.home { background-image: url(http://www.neilgaiman.com/images/gaiman-photo-sm.jpg); background-position: center 50px; height: 515px;}
	#releases {
		position: absolute;
		top: 278px;
		left: 0px;
		height: 196px;
		background-image: none;
	}
	#release-names { margin-left: 0px;	line-height: 1.2em; }
	#sitemap, #copyright { float: none ;text-align: center; margin: 0 auto; padding: 10px;}

	/*  FONT SIZES */
	#release-names {font-size: 40px;}
	#col-b, #col-c, #inside-content {font-size: 26px; line-height: 1.5em;}
	.date, h5, h4, h2 { line-height: normal; }
	.date { font-size: 35px; }
	h5 { font-size: 40px; margin-top: 40px;}
	h4 { font-size: 50px; }
	h2 { font-size: 72px;}
	#footer { font-size: 30px;  height: 100px;}
	.paper { padding: 80px; }
	/*  FONT SIZES */
	
	#col-a, #col-b, #col-c {float: none;}
	#col-b {width: 100%; background-image: none; position: relative;}
	#col-a {text-align: center; width: 85%; padding-top: 30px;}
	#col-c {text-align: left; max-width: 85%; padding: 8%;}
	#col-b h2 {margin-bottom: 0px;}
	#col-c h2 {text-align: center;}
	#coming-soon {
		background-position: right top;
		background-repeat: no-repeat;
		width: 100%;
		margin-top: 20px;
		background-color: #000;
	}
	#coming-soon-inner {
		width: 100%;
		font-size: 24px;
	}
	#coming-soon-inner #cs-spacer {
		padding-top: 2em;
	}
	.format {display: none;}
	#mobilenav {
		position: absolute;
		top: 140px;
		left: 8%;
	}
	#mobileshare {
		position: absolute;
		top: 140px;
		left: 8%;
		margin-left: 140px;
	}
	#mobilenav.inside, #mobileshare.inside {
		top: 110px;
	}
	#share.show {
		display: block;
		position: absolute;
		left: 8%;
		margin-left: 140px;
		top: 190px;
		width: 400px;
		height: 60px;
	}
	#share.inside.show { top: 160px; }
	/*h1 { width: 400px;}*/
	#releases { top: 260px;}
	#logo {
		background-position: 110px 0px;
		height: 71px;
		padding-top: 37px;
	}
	#neil-gaiman {
		background-image: url(http://www.neilgaiman.com/images/neil-gaiman-m.png);
		width: 294px;
		height: 71px;
	}
	#share a {
		float: left;
		height: 60px;
		margin-right: 18px;
	}
	.twit a {
		background-image: url(http://www.neilgaiman.com/images/social/social-1-m.png);
		width: 62px;
	}
	.fb a {
		background-image: url(http://www.neilgaiman.com/images/social/social-2-m.png);
		width: 52px;
	}
	.tumb a {
		background-image: url(http://www.neilgaiman.com/images/social/social-3-m.png);
		width: 58px;
	}
	.pin a {
		background-image: url(http://www.neilgaiman.com/images/social/social-4-m.png);
		width: 58px;
	}
	.goog a {
		background-image: url(http://www.neilgaiman.com/images/social/social-5-m.png);
		width: 74px;
	}
	a.work-category {
		background-position: 14px 12px;
		padding: 42px 10px 42px 150px;
		width: 75%;
		font-size: 70px;
	}
	.one-event h2 {
		line-height: 72px;
	}
	.mainbar {
		max-width: 90%;
		display: block;
		margin-right: 40px;
		padding-top: 20px;
	}
	.sidebar {
		width: auto;
		text-align: center;
		display: block;
		margin: 30px 0 0 0;
		border: 1px solid #960;
		padding: 30px;
		border-radius: 6px;
		float: none;
	}
	.mainbar h2 {
		margin: 20px 0;
		padding-top: 20px;
		line-height: 70px;
	}
	#cool-buttons {
		padding: 20px 8% 0;
		height: auto;
	}
	#cool-buttons.bottom {
		height: auto;
		margin-top: -10px;
		padding-bottom: 30px;
	}
	#cool-nav.blog {
		float: none;
		padding-bottom: 0px;
	}
	.sidebar-p, .sidebar p {
		line-height: 32px;
	}
	h7, .one-event h7 {
		font-size: 30px;
		width: 50%;
	}
	.smprint {
		font-size: 19px;
	}
	h2.upcoming {
		margin: 30px 0;
		line-height: 60px;
	}
	.feed {
		line-height: 2.3em;
	}
	#events-table, .events-row, .events-cell {
		display: none;
	}
	.one-event h2 {
		display: block;
		float: none;
		width: auto;
		padding-left: 10px;
	} 
	.one-event .information {
		display: block;
		width: auto;
		border-left: 0px solid #999;
		padding: 0 30px;
	}
	.cool, .box-tag, box-content {
		display: block;
	}
	.cool {
		background-position: right 110px;
	}
	.box-tag {
		width:  auto;
		padding: 15px 15px 5px;
		background-image: none;
		font-size: 60px;
		vertical-align: bottom;
		line-height: 60px;
	}
	.space {
		width: 100%;
		height: 30px;
		display: block;
	}
	a.see-all {
		font-size: 26px;
	}
	a.cool-link {
		font-size: 32px;
		margin-top: 30px;
	}
	.reload { 
		float: none; 
		width: 100%;
		line-height: 1.2em;
		background-image: none;
		padding: 20px 20px 0 20px;
		margin-top: 10px;
		display: block;
		clear: both;
		text-align: center;
		font-size: 21px;
	}
	#cool-nav a, #cool-nav.blog a {
		font-size: 34px;
		line-height: 34px;
		margin-bottom: 10px;
		padding: 3px 13px 4px;
	}
	
}
@media only screen and (max-width: 750px) {
	.social-blog {
		float: none;
		text-align: left;
		width: 300px;
		padding-top: 0px;
		padding-bottom: 10px;
		margin-top: -20px;
	}
	.one-event .social-blog {
		padding: 10px 0 0 20px;
		margin-top: 0px;
	}
	.cool {
		background-size: 0%;
	}
	.one .box-content { padding-right: 0px; }
}