body {
	font-family:'Lora',sans-serif;
	font-size:1.1em;
	line-height:1.5;
	background-color:#fff;
	color:#222;
	margin:0
}

a {
	text-decoration:none;
	color:#0808e0
}

p a:hover {border-bottom:3px solid blue;
}

p {
	margin:1em 10px
}

p.subhead {
	font-size:1.2em;
	max-width:728px;
	width:90%;
	margin:1em auto 3em;
	font-style:italic
}

p.byline {
	text-align:center;
	margin:2em;
	text-transform:uppercase;
	letter-spacing:.1em;
	font-size:15px
}

p.byline a {
	color:#000
}

h1.title {
	max-width:1000px;
	margin:.5em auto 0
}

b {
	text-shadow:1px 1px #aaa
}

article,.page {
	max-width:728px;
	position:relative;
	margin:3em auto
}

h1 {
	font-size:2.5em;
	margin:1em auto;
	line-height:1.1;
	font-weight:700;
	text-align:center
}

h2 {
	font-size:18px;
	margin:0 1em .5em 10px;
	font-style:normal;
	font-weight:400
}

h3 {
	font-size:22px;
	margin:2em 1em 2em 10px;
	letter-spacing:.25em;
	text-transform:uppercase;
	text-align:center
}

h4 {
	font-size:22px;
	margin:1em 1em 0 10px;
	font-weight:400
}

ul li,ol li {
	display:list-item
}

ul {
	list-style-type:disc
}

sup {
	font-size:.83em;
	vertical-align:super;
	line-height:0
}

div#endnotes p {
	font-size:16px;
	line-height:1.3
}

div.image {
	height:600px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	position:relative
}

#main-image {
	text-align:center;
	margin:0 auto;
	position:relative;
	width:100%
}

#comic {
	text-align:center;
	margin:0 auto;
	position:relative;
	width:90%
}

img#feature-image {
	width:100%
}

img#comic-image {
	width:90%;
	position:relative;
	margin:0 auto
}

.caption {
	text-align:right;
	margin:0 1em;
	font-size:10px;
	font-family:'helvetica neue',helvetica,sans-serif;
	color:#333
}

#comments-container {
	max-width:728px;
	position:relative;
	margin:10px auto 100px
}

#comments-title {
	font-size:25px;
	margin-top:20px
}

.commentlist {
	list-style-type:none;
	padding:0
}

.comment {
	margin-bottom:30px
}

.comment-author.vcard {
	border-top:1px solid #ddd;
	padding:10px 0 0;
	font-size:13px;
	height:40px
}

.comment-author.vcard img {
	border-radius:50%;
	float:left;
	height:40px!important;
	width:auto!important;
	margin-right:10px
}

.comment-content {
	margin-left:52px;
	margin-top:10px
}

.next-post-button {
	max-width:728px;
	position:relative;
	margin:10px auto 100px;
	display:block;
	clear:both;
	color:#fff;
	background:#c00;
	text-align:center;
	padding:20px 0;
	font-family:'Proxima Nova',serif;
	font-size:25px;
	font-weight:700;
	text-transform:uppercase
}

.center {
	max-width:728px;
	position:absolute;
	z-index:1;
	margin:0 auto;
	padding:10px 0 0 10px
}

#post img {
	max-width:100%;
	height:auto;
	margin:1em 0
}

.center-ad {
	overflow-y:none;
	width:970px;
	clear:both;
	padding:40px 0;
	margin-left:calc(-485px + 50%);
	text-align:center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

#share-this {
	position:absolute;
	top:-50px;
	right:2%;
	display:inline;
	z-index:9999
}

#share-this-hover {
	position:absolute;
	top:-50px;
	right:2%;
	display:inline;
	z-index:9999
}

#share-this-hover img {
	float:left;
	z-index:9999
}

#gpt-ad-middle_2 {
	text-align:center;
	border:1px solid silver;
	max-width:300px;
	margin:0 auto
}

#gpt-ad-bottom_right {
	border:1px solid silver;
	max-width:300px
}

blockquote {
	border-left:4px solid silver
}

#next-post-thumbnails {
	min-height:300px
}

#next-post-thumbnails h3 {
	margin:0 0 .5em 10px;
	font-size:20px;
	letter-spacing:0;
	text-align:left
}

iframe,object,embed {
	max-width:100%
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	height:0;
	margin-bottom:.5em
}

.video-container iframe,.video-container object,.video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%!important;
	height:100%!important
}

.video-container {
	background-size:cover;
	background-position:center center
}

.video-container img {
	width:100%;
	height:100%
}

p.caption,.wp-caption {
	margin:0 0 2em;
	font-size:13px;
	text-align:right;
	font-family:"helvetica neue",helvetica,arial,sans-serif;
	line-height:1.2;
	color:#666
}


.alignleft,.img[align=left] {
	float:left;
	max-width:40%!important;
	margin:0 2em 1em 0 !important
}

.alignright,img[align=right] {
	float:right;
	max-width:40%!important;
	margin:0 0 1em 2em !important
}

.alignnone,.aligncenter {
	max-width:100%!important;
	height:auto!important;
	width:100%!important
}

.wp-caption-text {
	font-family:helvetica,sans-serif;
	margin:-.5em 0 2em;
	font-size:.8em;
	text-align:right;
	color:#666
}

.bordered {
	border:3px solid #000;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

div#navbar {
	z-index:9;
	position:relative;
	margin:0;
	width:100%;
	padding:20px 20px 5px;
	background-color:#fff;
	color:#000;
	text-transform:uppercase;
	overflow:hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

a#submit {
	top:3px;
	position:relative;
	font-weight:700;
	right:100px
}

div#optionsdiv .categories {
	display:none
}

div#optionsdiv .categories.show {
	display:block
}

div#optionsdiv .searchbox {
	display:none
}

div#optionsdiv .searchbox.show {
	display:block
}

div#drop {
	position:relative;
	margin-top:10px;
	padding:10px 20px 10px 0;
	width:100%
}

div#drop a {
	display:block;
	height:2em;
	text-transform:uppercase;
	font-weight:700
}

#menu-icon {
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	top:20px;
	right:20px;
	background:url(sundries/menu-icon.png) no-repeat right center;
	background-size:contain;
	cursor:pointer;
	cursor:hand
}

#search-icon {
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	top:20px;
	right:70px;
	background:url(sundries/search.png) no-repeat right center;
	background-size:contain;
	cursor:pointer;
	cursor:hand
}

div#navbar a#logo {
	float:left;
	width:179px;
	height:30px;
	padding:0;
	margin-right:10px;
	background:url(sundries/boingboing.png) center left no-repeat;
	background-size:contain
}

div#optionsdiv {
	text-align:right;
	font-family:"Open Sans",sans-serif
}



#cse-search-box {
	position:relative;
	right:40px;
	display:none
}

#searchbox {
	width:100%;
	display:none;
	background-image:url(http://boingboing.net/wp-content/uploads/2013/07/searchback.png)
}

#searchInputField {
	width:150px;
	height:28px;
	background:#fff url(sundries/searchiconsmall.png) no-repeat left center;
	border:1px solid #828282;
	color:#000;
	padding:0 0 0 28px
}

#searchInputField:focus {
	border-color:#333
}

div#footer {
	background-color:#000;
	color:silver;
	width:100%;
	padding:2em;
	font-size:14px;
	box-sizing:border-box;
	min-height:350px;
	clear:both;
	font-family:'Open Sans',sans-serif
}

div#footer h6 {
	font-size:18px;
	margin:0
}

div#footer p {
margin:.5em 0 .5em 0;
}

div#footer a {
	text-decoration:none;
	color:#fff;
	font-weight:700
}

div#footer h6 a {
	color:red;
	text-transform:uppercase
}

@media screen and (max-width: 300px) {
	div#footer-left {
		position:relative;
		width:35%;
		display:inline-block
	}
	
	div#footer-middle {
		position:relative;
		width:30%;
		display:inline-block
	}
	
	div#footer-right {
		position:relative;
		width:20%;
		display:inline-block;
		float:right
	}
}

@media screen and (min-width: 600px) {
	div#footer-left {
		position:relative;
		width:35%;
		display:inline-block;
		float:left
	}
	
	div#footer-middle {
		position:relative;
		width:30%;
		display:inline-block
	}
	
	div#footer-right {
		position:relative;
		width:20%;
		display:inline-block;
		float:right;
		text-align:right
	}
}

#extras {
	height:0;
	overflow:hidden
}


#ad_leaderboard {
	display:none;
	position:relative;
	z-index:2;
	max-width:100%;
	text-align:center;
	padding:10px auto;
	margin:10px
}

@media screen and (min-width:728px) {
	#ad_leaderboard {
		display:block;
		min-height:90px
	}
}

@media screen and (max-width:728px) {
	#container {
		padding:0 10px
	}
	
	h1 {
		font-size:2em
	}
	
	p.subhead {
		font-size:.9em
	}
	
	div.image,#main-image img {
		width:100%
	}
	
	#share-this,#share-this-hover {
		display:none
	}
}

@media screen and (min-width:728px) and (max-width:1020px) {
	#ad_leaderboard {
		float:none;
		border:none
	}
	
	#searchInputField {
		margin-right:10px
	}
	
	div.image,#main-image img {
		width:100%
	}
	
	#share-this,#share-this-hover {
		display:none
	}
}

@media screen and (max-width:440px) {
	a#submit {
		display:none
	}
	
	#cse-search-box {
		right:0
	}
	
	#searchInputField {
		position:relative;
		margin:10px auto;
		width:90%;
		font-size:16px
	}
}

@media screen and (max-width:380px) {
	div#navbar a#logo {
		float:left;
		width:179px;
		height:20px;
		padding:0;
		margin-right:10px;
		background:url(sundries/boingboing.png) center left no-repeat;
		background-size:contain
	}
	
	#menu-icon {
		width:20px;
		height:20px
	}
	
	#search-icon {
		width:20px;
		height:20px;
		right:50px
	}
	
	body {
		overflow-x:hidden;
		background:#fff!important
	}
	

	* {
		max-width:320px
	}



	
	#metadataBox {
		overflow-x:hidden
	}

	
	div.image,#main-image img {
		width:100%
	}
	
	#share-this,#share-this-hover,#footer,.center-ad {
		display:none
	}
}