body,html { background:white; margin:0px;padding:0px;  width:100%; font-size: 17.5px; }

header#masthead.site-header { 
	padding-top:32px;
	padding-bottom:32px;
	color:white;
	background:black;
	text-align:center;
	max-width:100%;
	margin:0 auto;
}

*,h1,h2,h3,h4,h5,p,a,nav, header,footer, .site-footer { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
			
.main-navigation a:focus, .main-navigation a:link,.main-navigation a:visited,.main-navigation a:active, .main-navigation a:focus { color:lightblue; font-weight:normal;}

.main-navigation a:hover { text-decoration:underline;color:lightblue !important;}

.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {font-weight:normal}

header {
	text-align:center;
	max-width:100%;
	margin:0 auto;
}
#siteLogo { display:block;margin:0 auto; }
#site-navigation{display:block;text-align:center;}
.main-navigation a { padding:0px; display:inline; width:auto; }

  
#container {
	background:white;
	max-width:90%; 
	margin:0 auto;
	margin-bottom:4em;
	border-bottom:2px solid rgba(0,0,0,.5);
	padding:4px;
}

.gameImage {
	width:100%;
	height:240px;
}

#gameOrSoftware {
	margin-top:1em;
}

#siteLogo {
	max-width:95%;
		margin-bottom:1em;
}

.twitterButton {
	vertical-align:top;
	color:blue;
	width:20px;
	height:20px;
}
.padded {margin:4px;}
#projectTitle {
	font-size:1.1em;
}
footer.site-footer {
	z-index:5;
	position:fixed;
	bottom:0%; 
	width:100%;
	background:rgba(0,0,0,.5);
	color:white;  
	padding:0px;
	height:38px;
	font-size:16px;
	font-weight:normal;
	display:flex;
	align-items:center;
}
/*footer a:link, footer a:visited  { color:lightblue;margin:0px;}*/

#page.site { width:100%; margin:0px }
#masthead.site-header { padding:0px; }

.projectRow {
	width:100%;
	height: 320px; 
	display:inline-flex;
	margin-bottom:48px;
}
.titleDesc {
	width:50%;
	margin:24px
}
.projectTitle {
	font-weight:700;
	font-size:17.6px;
	
}
.photo {
	
	background:black;
	background-size:cover;
	background-position:center;
	width:45%;
	margin:24px;
	border-radius:3px;
	box-shadow:0px 0px 3px rgba(0,0,0,.25);
}
.projectLinks {
	margin-top:1.5em; 
	text-align:center; 
} 
#byBen { line-height:1em; }
.innerLink {
	display:block;
	width:100%;
	height:100%;
}

.skip-link{display:none;}

a:link { text-decoration:none;color:#337ab7 }
a:visited { color:#337ab7; }
a:hover { text-decoration:underline; }
.projectRow { max-width:1000px;margin:0 auto; align-self:center;justify-content:center;}
#content { justify-content:center; display:flex; flex-direction:column; }

code {
    font-family: courier new;
    font-size: 13px;
    white-space: pre-wrap;
    line-height: 1rem;
}
header.entry-header { background:white; 
text-align:center; color:black;} 
main.site-main,header+.entry-content,.entry-content+.entry-footer, #comments { max-width:720px; margin:0 auto; }
p.comment-form-comment{display:flex;flex-direction:column;}
.entry-content p{line-height:1.5em}
time.updated:before { content:" "; }
footer.site-footer {justify-content:space-between;}
footer span {padding:4px;margin:4px;}

.recipe li{margin-bottom:1rem;}
.recipe {border:1px dashed black; padding: 4px;margin-bottom:1rem;}
.recipeBlock { /*border-bottom:1px solid lightblue; */}
.recipe h3 {border-top:2px solid #337ab7; width:50%;padding-top:1rem;margin:0 auto;text-align:center;}
.recipe h1 { text-align:center;  }
.prepCookTotal {
	display:flex;
	flex-flow:row;
	justify-content:space-between;
	align-items:flex-start;
	box-shadow: 0px 0px 1px gray;
	padding:4px;
	margin-bottom:1rem
}
.prepCookTotal>div{
	flex:1;
	margin-bottom:1rem;
}
.prepCookTotal span {
	display:block;
	width:90%;
	margin-bottom:.5rem;
	border-bottom:1px solid lightgray;
}
.collapse { height:0px; transition:height 2s; } 
.comment-body {
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	align-items:center; 
}
.comment-body .photo {
	
	width:auto;height:auto;
	margin:0px;
	margin-right:1rem
	
} 
ol.comment-list,ol.comment-list ol {
	list-style:none;
	margin-top:1rem;
}
.comment-meta {display:flex; flex-flow:row wrap; justify-content:space-between;width:100%;
align-items:center;}
.reply { flex-basis:100% }
.comment-author {
	
	display:flex;
	align-items:center;
	
} 
.photo a { width:100%; height:100%; }
.photo img { width:100%;height:100%;object-fit:cover; }
.posts-navigation .nav-links {
    display: flex;
    justify-content: center;
}
.posts-navigation .nav-links div { padding:1rem; }


@media only screen and (max-width:600px) {
	.projectRow{ display:block; margin:0px;  margin-bottom:24px; height: auto; }
	.titleDesc { display:block; width:90%; overflow:auto;}
	.photo { width:90%;display:block;margin:0px; height:140px;margin:0 auto;margin-top:4px}
	.recipe {
		padding:0px;
		border:0px;
		border-top:1px dashed gray;
	}
}
h1,h2,h3,h4,h5{background:white;color:black;}

.text-center { text-align:center; }
 p { line-height: 1.75em; }

.gallery {

    display: flex;
    overflow-x: scroll;	
} 

@media only screen and (max-width:720px) {
	
	.entry-content,.navigation.post-navigation,.comments-area,#primary.content-area {padding:12px;}
	ul {padding-inline-start:35px;}
}