/* fonts */
@font-face {
  font-family: 'NewtSerif';
  src: url('fonts/NewtSerif.eot?#iefix') format('embedded-opentype'),  url('fonts/NewtSerif.otf')  format('opentype'),
	     url('fonts/NewtSerif.woff') format('woff'), url('fonts/NewtSerif.ttf')  format('truetype'), url('fonts/NewtSerif.svg#NewtSerif') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NewtSerif';
  src: url('fonts/NewtSerif-Italic.eot?#iefix') format('embedded-opentype'),  url('fonts/NewtSerif-Italic.otf')  format('opentype'),
	     url('fonts/NewtSerif-Italic.woff') format('woff'), url('fonts/NewtSerif-Italic.ttf')  format('truetype'), url('fonts/NewtSerif-Italic.svg#NewtSerif-Italic') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'NewtSerif';
  src: url('fonts/NewtSerifDemi.eot?#iefix') format('embedded-opentype'),  url('fonts/NewtSerifDemi.otf')  format('opentype'),
	     url('fonts/NewtSerifDemi.woff') format('woff'), url('fonts/NewtSerifDemi.ttf')  format('truetype'), url('fonts/NewtSerifDemi.svg#NewtSerifDemi') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'NewtSerif';
  src: url('fonts/NewtSerifDemi-Italic.eot?#iefix') format('embedded-opentype'),  url('fonts/NewtSerifDemi-Italic.otf')  format('opentype'),
	     url('fonts/NewtSerifDemi-Italic.woff') format('woff'), url('fonts/NewtSerifDemi-Italic.ttf')  format('truetype'), url('fonts/NewtSerifDemi-Italic.svg#NewtSerifDemi-Italic') format('svg');
  font-weight: bold;
  font-style: italic;
}


html,body{
	margin:0;
	padding:0;
	font-family: 'NewtSerif', serif;
	font-size: 1.2em;
	color:#4f4f47;
}
a{
	color:#4f4f47;
}
body{
	background:url('images/bg.jpg');
}
img{
	max-width:100%;
}
#wrapper{
	max-width:1200px;
	width:100%;
	margin:0 auto;
	-webkit-box-shadow: 3px 3px 20px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 3px 20px 0px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 20px 0px rgba(0,0,0,0.3);
	background: url('images/verticalbg.jpg') #f5f5eb repeat-y top right;
}
header{
	position:relative;
}
#headerflex{
	display:flex;
	justify-content:space-evenly;
	padding-top:30px;
	align-items:center;
}
.bottomborder{
	background-image:url('images/headerbottom.png');
	background-size:auto 50px;
	width:100%;
	height:50px;
}
#logo{
	max-width:150px;
	padding: 0 10px;
}
#headerright{
	width:800px;
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
	padding: 0 10px;
}
#topspace{
	width:728px;
	height:90px;
	background:#ccc;
	flex-shrink:0;
}
#menuarea{
	padding:20px 0;
	border: 1px solid #4f4f47;
	border-width: 1px 0 1px 0;
	margin: 30px 0;
	font-size:1.2em;
	width:100%;
	text-align:center;
}
#menuclick{
	display:none;
	cursor:pointer;
}
#menu{
	display:flex;
	justify-content:space-between;
}
#menu a{
	color: #4f4f47;
	text-decoration:none;
}
@media screen and (max-width:1000px){
	#headerright{
		width:728px;
	}
}
@media screen and (max-width:1000px){
	#headerflex{
		flex-wrap:wrap;
	}
	#logo{
		padding:0 20px 20px 20px;
	}
}
@media screen and (max-width:750px){
	#topspace{
		display:none;
	}
	#menuclick{
		font-weight:bold;
		display:block;
		padding:0 20px;
	}
	#menuarea{
		width:auto;
		padding: 10px 0;
		margin:10px 0;
	}
	#menu{
		display:none;
	}
	#menu a{
		padding:10px;
		display:block;
	}
}

/* middle area */
#middlewrap{
	background:#fff;
	width:100%;
}
#middle{
	padding:30px 15px 5px 15px;
	width:100%;
	box-sizing:border-box;
	max-width:1100px;
	margin: 0 auto;
}
#middleleft{
	float:left;
	width:160px;
}
#middleright{
	float:right;
	width: calc(100% - 200px);
}
#pagetext{
	padding:20px;
}
#leftspace{
	width:160px;
	height:600px;
	background:#ccc;
}
.social{
	padding:15px 0;
	border: 1px solid #4f4f47;
	border-width: 1px 0 1px 0;
	margin: 20px 0;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.social a{
	width:75px;
	height:85px;
}
.cc-nav{
	max-width:600px;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:space-between;
	border: 1px solid #4f4f47;
	border-width: 1px 0 1px 0;
	padding:15px 0;
	margin: 20px auto 20px auto;
	box-sizing:border-box;
}
.cc-nav a, .cc-nav div{
	width:16%;
	background-size:100%;
}
.cc-nav a:hover, .cc-nav div{
	opacity:.5;
}
.cc-nav a:before, .cc-nav div:before{
	content:"";
	display:block;
	padding-top:calc((317 / 300) * 100%);
}
.cc-first{
	background-image:url('images/first.png');
}
.cc-prev{
	background-image:url('images/prev.png');
}
.cc-navaux{
	background-image:url('images/compass.png');
}
.cc-next{
	background-image:url('images/next.png');
}
.cc-last{
	background-image:url('images/last.png');
}
#belowline{
	display:none;
}
@media screen and (max-width:900px){
	#middle{
		padding:20px 0 0 0;
	}
	#middleright{
		width:100%;
		float:none;
	}
	.cc-nav{
		border:none;
		margin:0 auto;
		padding: 0 10px;
	}
	#middleleft{
		display:none;
	}
	#belowline{
		display:flex;
	}
	.social{
		flex-wrap:nowrap;
		border:none;
		margin:0 auto;
		padding:5px;
		max-width:350px;
	}
	.social a{
		width:auto;
		height:auto;
		padding:5px;
	}
	.social a:hover{
		opacity:.5;
	}
	#bottomfull #bottomflex{
		flex-wrap:wrap;
	}
	#bottomclear{
		width:100%;
		height:10px;
	}
}
@media screen and (max-width:500px){
	.cc-navaux{
		display:none;
	}
	.cc-nav a, .cc-nav div{
		width:20%;
	}
}

/*bottom*/
.upperborder{
	background-image:url('images/middlebottom.png');
	background-size:auto 50px;
	width:100%;
	height:50px;
}
#bottom{
	width:100%;
	max-width:1100px;
	box-sizing:border-box;
	padding:20px 0;
	margin: auto;
}
#hw-jumpbar{
	width:100%;
}
#bottomleft{
	float:left;
	width:calc(100% - 340px);
}
#bottomright{
	float:right;
	width:300px;
}
#bottomleft,#bottomright{
	margin-top:30px;
}
.textarea{
	background:#fff;
	box-sizing:border-box;
	padding:30px;
	line-height:1.5em;
}
.cc-newsheader, .cc-newsheader a{
	text-decoration:none;
	font-size:2em;
	font-weight:bold;
	text-align:center;
}
.cc-publishtime{
	font-size:.9em;
	text-align:center;
	padding:20px 0;
}
#bottomspace{
	width:300px;
	height:250px;
	background:#ccc;
	margin-top:50px;
	margin:auto;
	flex-shrink:0;
}
#bottomright a,#bottomfull a{
	max-width:300px;
	box-sizing:border-box;
	padding:0 20px;
}
#bottomright #bottomspace a{
	padding:0;
}
#bottomright a{
	display:block;
}
#bottomfull a{
	display: inline-block;
	padding: 20px;
}
#bottomfull #bottomspace{
	display:inline-block;
}
#bottomfull #bottomflex{
	display:flex;
	align-items:center;
	margin-top:30px;
	justify-content:space-around;
}
.bottomdivider{
	width:50%;
	height:1px;
	background:#4f4f47;
	margin: 30px auto 30px auto;
}
#hiveworks{
	width:70%;
	margin:auto;
}
#bottomfull #hiveworks{
	max-width:200px;
}
@media screen and (max-width:750px){
	#bottomleft,#bottomright{
		width:100%;
		float:none;
	}
	.bottomdivider{
		display:none;
	}
	#bottomflex{
		display:flex;
		align-items:center;
		justify-content:space-around;
	}
	#hiveworks{
		width:auto;
	}
	#bottomright a{
		padding:20px 10px;
	}
	#bottomleft{
		margin-top:0;
	}
	#bottomright{
		margin-top:20px;
	}
}
@media screen and (max-width:500px){
	#bottomright a#hiveworks{
		display:none;
	}
	.textarea{
		font-size:.9em;
	}
}

#hw-privacy{
	padding-bottom:20px;
	text-align:center;
}