@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,700,900');
body,html{
	font-family: 'Work Sans',sans-serif;
	padding:0;
	margin:0;
}
body{
	background-image:url('images/bgtile.png');
}
#wrapper{
	width: 1100px;
	margin:0 auto;
	max-width:100%;
	box-sizing:border-box;
}
a{
	color:#063852;
	text-decoration:none;
}
img{
	max-width:100%;
}
header{
	width:100%;
	display:flex;
	align-items:center;
	justify-content:space-around;
	padding: 20px 0;
}
#logo{
	padding:0px 10px;
	float:left;
	display:block;
	flex-grow:1;
	text-align:center;
}
#topspace{
	float:right;
	width:728px;
	height:90px;
	background:#ccc;
	flex-shrink:0;
	margin: 0 10px;
}
@media screen and (max-width:1000px){
	
	header{
		flex-wrap:wrap;
	}
	#topspace{
		margin: 0 auto;
		margin-top:20px;
	}
	
}
@media screen and (max-width:750px){
	#topspace{
		display:none;
	}
}

#middle{
	display:flex;
	justify-content:space-around;
	padding-bottom:10px;
}
#middleleft{
	padding:0 5px 0 10px;
	max-width:800px;
	flex-grow:0;
	flex-shrink:1;
	width:100%;
	text-align:center;
}
#middleright{
	padding:0 10px 0 5px;
	width:160px;
	flex-grow:0;
	flex-shrink:0;
}
#menu{
	padding:15px 0;
}
#menuclick{
	display:none;
	text-decoration:underline;
	font-weight:900;
	font-size:1.3em;
	text-align:center;
	background:#f0810f;
	padding:15px;
	cursor:pointer;
}
#menu a{
	margin-right:20px;
	color:#fff;
	font-weight:700;
	text-transform:uppercase;
}
.cc-nav{
	max-width:700px;
	box-sizing:border-box;
	padding: 0 5px;
	margin:15px auto 15px auto;
}
.cc-nav a,.cc-nav div{
	display:inline-block;
	background-size:100%;
}
.cc-nav a:before, .cc-nav div:before{
	display:block;
	content:'';
}
.cc-first, .cc-first-dis{
	background:url('images/first.png');
	width:calc(100% * (393/1874));
}
.cc-first:before, .cc-first-dis:before{
	padding-top:calc(100% * (300/393));
}
.cc-prev,.cc-prev-dis{
	background:url('images/prev.png');
	width:calc(100% * (358/1874));
}
.cc-prev:before,.cc-prev-dis:before{
	padding-top:calc(100% * (300/358));
}
.cc-navaux{
	background:url('images/archive.png');
	width:calc(100% * (307/1874));
}
.cc-navaux:before{
	padding-top:calc(100% * (300/307));
}
.cc-next,.cc-next-dis{
	background:url('images/next.png');
	width:calc(100% * (362/1874));
}
.cc-next:before,.cc-next-dis:before{
	padding-top:calc(100% * (300/362));
}
.cc-last,.cc-last-dis{
	background:url('images/last.png');
	width:calc(100% * (454/1874));
}
.cc-last:before,.cc-last-dis:before{
	padding-top:calc(100% * (300/454));
}
.cc-nav div{
	opacity:.5;
}
#rightspace{
	width:160px;
	height:600px;
	background:#ccc;
	margin-bottom:15px;
}
#social{
	width:100%;
}
#social a{
	display:block;
	box-sizing:border-box;
	padding:5px;
	height:40px;
	color:#fff;
	text-transform:uppercase;
	font-size:.8em;
	margin-bottom:10px;
}
#social a div{
	float:right;
}
.socialimg{
	width:30px;
	height:30px;
	display:flex;
	align-items:center;
	justify-content:space-around;
}
.socialimg img{
	max-height:100%;
}
.socialtext{
	height:30px;
	display:flex;
	align-items:center; 
	margin-right:10px;
}
#patreon{
	background:#fd6a13;
}
#picarto{
	background:#3b4e63;
}
#tumblr{
	background:#34465d;
}
#facebook{
	background:#3765a3;
}
#twitter{
	background:#5ea9dd;
}
#hiveworks{
	background:#000;
}
@media screen and (max-width:870px){
	#storebutton{
		display:none;
	}
}
@media screen and (max-width:800px){
	#rightspace{
		display:none;
	}
	#middle{
		display:block;
	}
	#middleleft,#middleright{
		padding:0;
		width:100%;
	}
	#menuclick{
		display:block;
	}
	#menu{
		padding:0;
		display:none;
	}
	#menu a{
		display:block;
		text-align:center;
		margin: 20px 0;
	}
}

#bottom{
	width:100%;
	display:flex;
	margin-bottom:30px;
}
#ibar{
	padding:13px 8px;
	height:49px;
	background:#063852;
}
#bottomleft{
	width:300px;
	flex-grow:0;
	flex-shrink:0;
	margin:10px 10px 0 0;
}
#bottomright{
	background:#fff;
	margin-top:10px;
	width:100%;
}
#bottomspace{
	width:300px;
	height:250px;
	background:#ccc;
}
.cc-newsheader,.pagetitle{
	font-weight:900;
	background:#f0810f;
	text-transform:uppercase;
	font-size:1.3em;
}
.cc-newsheader{
	padding:15px 15px 0 15px;
}
.pagetitle{
	padding:15px;
	margin:0;
}
.cc-publishtime{
	font-weight:300;
	background:#f0810f;
	padding:0 15px 15px 15px;
	font-size:.9em;
}
.cc-newsbody,.cc-commentbody,.cc-commentheader,.cc-commentlink,.cc-tagline{
	padding:10px 20px;
}

@media screen and (max-width:800px){
	.pagetitle{
		margin-top:15px;
	}
	
}

@media screen and (max-width: 650px){
	#bottom{
		display:block;
	}
	#bottomleft,#bottomright{
		width:100%;
	}
	#bottomspace{
		margin: 0 auto;
	}
}

#textarea{
	background:#fff;
	padding:20px;
}
.cc-storyline-thumb img{
	max-height:200px;
}
#hw-privacy{
	padding-bottom:20px;
	text-align:center;
}
#hw-privacy a{
	color:#fff;
}