@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville|Raleway|Abril+Fatface);
		

.c1 {
	color: #0073b6;
	border-color: #0073b6;
}
.blog-circle.c1 {
	background: #0073b6;
}
.c2 {
	color: #e46425;
	border-color: #e46425;
}
.blog-circle.c2 {
	background: #e46425;
}
.c3 { 
	color: #319545;
	border-color: #319545;
}
.blog-circle.c3 {
	background: #319545;
}
.c4 { 
	color: #7b2980;
	border-color: #7b2980;
}
.blog-circle.c4 {
	background: #7b2980;
}
.c5 { 
	color: #00bbc6;
	border-color: #00bbc6;
}
.blog-circle.c5 {
	background: #00bbc6;
}
.black {
	color: #888;
	border-color: #888;
}
.blog-circle.otherpage {
	background: #aaa;
	width: 0.6em;
	height: 0.6em;
}
.blog-circle.currentpage {
	background: #444;
	width: 0.9em;
	height: 0.9em;
}
.blog-circle.otherpage:hover {
	background: #e46425;
}

.blog-container {
	margin:auto; 
	max-width: 870px; 
	font-family: 'Libre Baskerville';
}
.blog-container > h3 {
	font-family: "Raleway";
}

.blog-nav-container {
	text-align: right; 
	margin: 1em 0em;
}

.blog-entry {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.blog-side {
	width: 10.75%;
	min-width: 50px;
}

.blog-side.left {
  -webkit-box-ordinal-group: 0;  
  -moz-box-ordinal-group: 0;     
  -ms-flex-order: 0;     
  -webkit-order: 0;  
  order: 0;
  padding-right: 1em;
}
.blog-side.right {
  -webkit-box-ordinal-group: 2;  
  -moz-box-ordinal-group: 2;     
  -ms-flex-order: 2;     
  -webkit-order: 2;  
  order: 2;
  padding-left: 1em;
}
.blog-side.right.index {
  width: 15%;
  min-width: 100px;
  vertical-align: middle;
}
.blog-side > img {
	width: 100%;
}
.blog-center {
  -webkit-box-ordinal-group: 1;  
  -moz-box-ordinal-group: 1;     
  -ms-flex-order: 1;     
  -webkit-order: 1;  
  order: 1;
  flex: 1;
}
.blog-center.content {
  font-size:80%;
}
.blog-center.content > h3 {
  font-size: 1.3em;
  font-family: 'Raleway';
}
.blog-center.content > h3.sub {
	font-size: 1em;
	text-transform: uppercase;
}

.blog-center.title > a {
  text-decoration: none;
  color: inherit;
}
.blog-line {
  border-style: solid;
  border-width: 0px;
  border-bottom-width: 2px;
}
.blog-line.thin {
  border-bottom-width: 1px;
}
.blog-doubleline {
  border-top: double;
  border-width: 6px;
  margin:1em 0;
}
.blog-header {
  font-size: 5.5em;
  font-family:"Abril Fatface";
}
.blog-subheader {
	text-align:right; 
	margin-top: 1.9em; 
	font-size: 0.8em;
}
.blog-number {
	font-size:2.25em;
	font-family:"Courier";
	font-weight:bold;
	color:#888;
}
.blog-date {
	font-size:0.8em;
	font-family:"Raleway";
	font-weight:bold;
	color: #888;
	margin-top: 0.5em;
	margin-bottom: 0.8em;
}
.blog-date.index {
	margin-top: -0.25em;
	margin-bottom: 0;
}
.blog-title {
	font-size:2em;
	font-family:"Raleway";
	font-weight:bold;
	line-height:1em;
	margin-top:-0.2em;
}
.blog-subtitle {
	font-size:1em;
	font-family:"Raleway";
}
.blog-author {
	display:inline-block;
	font-style:italic;
	vertical-align: middle;
	margin-right: 1.5em;
	font-size: 80%;
}
.blog-author.index {
	font-size: 70%;
}
.blog-circle {
	display:inline-block;
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
	vertical-align:middle;
}
.blog-circle.index {
	width: 0.8em;
	height: 0.8em;
}
.blog-image-container {
	text-align: center;
}
.blog-button {
	display: inline-block;
	border: solid 1px #444;
	padding: 0.3em 0.8em;
	font-family: "Raleway";
	font-size: 0.75em;
	margin: 0em 0.5em;
}
.blog-button:hover {
	background: #ddd;
}

a.blog-nav {
	text-decoration: none;
	border: 0;
	color:inherit;
}

figure.blog {
	width:100%; max-width:600px;
	margin-bottom: 1.5em;
}
figure.blog > div {
	width: 100%;
}
figcaption.blog {
	line-height: 1.35em;
	text-align:left; 
	padding-left: 0;
}
figcaption > .game-title {
	font-style: normal;
	font-weight:bold;
	font-family:"Raleway";
	color: #777;
	letter-spacing: 2px;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 1em;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.contrib-block {
	display:inline-block; 
	width: 12%; 
	min-width: 60px;
	margin-right: 0.5em;
	cursor: pointer;
}

.contrib-block > img {
	width: 100%;
}

.contrib-block > img.off {
	opacity: 0.3;
}

.contrib-block > div {
	
}



/* @media (max-width: 680px) {
	.blog-header { font-size: 11vw; }
	.blog-subheader { font-size: 1.6vw; margin-top: 2.3vw;}
} */