/*
Theme Name: Pentadact 8
Theme URI: https://www.pentadact.com/
Description: The eighth design of Tom Francis' personal site.
Version: 8
Author: Tom Francis
Author URI: https://www.pentadact.com
*/

/* Whole page */

	html {
		font-family:Arial;
		font-size:100%;
		background:#374755;
		color:#a7bbcb;
		background-image:url('https://www.pentadact.com/Gradient.png');
		background-repeat:repeat-x;
	}

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
		margin:0px;
		padding:0px;
		line-height:1.2em;
	}

/* General elements */

	p,li,dd,center {
		font-weight:normal;
		line-height:1.4em;
		font-size:0.8em;
		padding:15px;
		padding-top:0px;
	}
	
	center {
		padding-bottom:0px;
	}
	
	li {
		padding-left:0px;
		margin-left:45px;
		padding-bottom:5px;
	}
	
	ul,ol {
		padding-bottom:15px;
	}
	
	a {
		text-decoration:none;
		color:#a7bbcb;
	}

	h2 {
		color:#ffffff;
		padding:10px;
		font-size:1em;
		font-weight:bold;
	}
	
	h2 a {
		color:#ffffff;
	}
	
	h4,h5 {
		color:#000000;
		padding:15px;
		padding-top:0px;
		font-size:1em;
		font-weight:bold;
	}
	
	h4 a {
		color:#000000;
	}
	
	h5 a {
		color:#000000;
	}
	
	h4 {
		text-align:center;
	}
	
	input,textarea {
		margin:0px auto;
		margin-bottom:15px;
		padding:5px;
		width:50%;
		border-style:solid;
		border-width:1px;
		border-color:#a7bbcb;
		background:#212b33;
		background-image:url('https://www.pentadact.com/Gradient.png');
		background-repeat:repeat-x;
		background-size:100% 100%;
		color:#ffffff;
		display:block;
		font-family:Arial;
		font-size:0.8em;
	}
	
	textarea {
		height:150px;
	}
	
	.Search input {
		margin:10px auto;
		padding:0px;
		background:#000000;
		background-image:none;
		margin-top:0px;	
		width:140px;
	}
	
	input.Submit {
		width:200px;
		background:#212b33;
		background-image:none;
		margin-bottom:30px;
		margin-top:20px;
	}

	div.Box {
		text-align:center;
	}
	
	.Box div {
		background:#000000;
		box-shadow:3px 3px 3px #222c34;
	}

/* Categories bar */

	div.Categories {
		background:#000000;
		position:relative;
		text-align:center;
		width:100%;
		padding:5px 0px;
	}

	.Categories h2 {
		display:inline;
		position:relative;
		font-size:0.8em;
		padding:0px 20px;
		line-height:1.5em;
		text-shadow: 2px 2px 2px #000000;
	}
	
	.Categories h2 a {
		font-weight:normal;
		color:#a7bbcb;
	}

/* Header */

	div.Page {
		width:80%;
		min-height:2600px;
		margin:0px auto;
	}

	div.ScreenshotPage {
		width:80%;
		min-height:2600px;
		margin:0px auto;
	}
	
	h1 {
		font-size:3em;
		font-weight:normal;
		margin:0px auto;
		padding:0px;
		padding-top:40px;
		color:#ccd8e4;
		display:block;
		text-align:center;
		text-shadow: 4px 4px 3px #000000;
	}
	
	h1 a {
		color:#ffffff;
		font-weight:bold;
	}
	
	div.Intro {
		text-align:center;
		max-width:920px;
		display:block;
		margin:0px auto;
		margin-bottom:30px;
		margin-top:10px;
	}
	
	.Intro img {
		width:100%;
	}
	
	.Intro p {
		font-size:1em;
		font-weight:normal;
		padding:0px 0px;
		margin:0px auto;
		text-shadow: 2px 2px 2px #000000;
	}
	
	.Intro p a {
		color:#ffffff;
		font-weight:bold;
	}
	
	span.Breaker {
		display:none;
	}
	
	span.SidebarReference {
		display:inline;
	}
	
/* Posts */

	div.Container {
		position:relative;
		margin-top:30px;
		text-align:center;
	}

	div.Post {
		background:#ccd8e4;
		color:#000000;
		position:relative;
		margin:30px 210px 0px 210px;	
		padding:0px;
		border-style:solid;
		border-width:1px;
		border-color:#000000;	
		text-align:left;
		box-shadow:3px 3px 3px #222c34;
	}

	div.ScreenshotPost {
		margin:30px 20px 0px 20px;
	}

	.Post p {
		line-height: 1.4em;
	}
	
	.Post p a {
		color:#000000;
		text-decoration:underline;
	}
	
	.Post li a {
		color:#000000;
		text-decoration:underline;
	}
	
	.Post center a {
		color:#000000;
		text-decoration:underline;
	}

	.Post h2 {
		text-align:center;
		padding:15px;
		color:#000000;
		font-size:1.4em;
	}
	
	.Post h2 a {
		color:#000000;
	}
	
	.Post img {
		max-width:100%;
		height:auto;
		border-style:solid;
		border-width:1px;
		border-color:#000000;	
		display:block;
		margin:0px auto;
	}
	
	img.attachment-post-thumbnail {
		max-width:none;
		width:100%;
		height:auto;
		border-style:none;
		border-width:0px;
		border-bottom-style:solid;
		border-bottom-width:1px;
		border-bottom-color:#000000;	
	}
	
	div.PostText {
		background-image:url('https://www.pentadact.com/GradientWhite.png');
		background-repeat:repeat-x;
	}

	div.Caption {
		background:#000;
		color:#fff;
		font-size:0.7em;
		max-width:100%;
		margin-bottom:10px;
	text-align:center;
	}	

	.Caption p {
		padding:5px 10px;
	}	

	.Caption p a {
		color:#fff;
		text-decoration:underline;
	}

.Caption p {
}

	.PostText img {
		left:-1px;
		margin-left:auto;
		margin-right:auto;
	}
	
	
/* Post excerpt footer */

	p.Tags {
		text-align:center;
	}

	p.Tags a {
		color:#000000;
	}

	div.Share {
		background:#000000;
		border:0px;
		margin-top:0px;
		margin-bottom:0px;
		padding:10px 15px;
	}

	.Share p {
		color:#ffffff;
		padding-left:0px;
		padding-right:0px;
		text-align:center;
	}

	p a.more-link {
		font-weight:bold;
		display:block;
		position:absolute;
		margin-top:26px;
		text-decoration:none;
		color:#ffffff;
		z-index:10;
	}
	
	p.CommentCount {
		font-weight:bold;
		display:inline;
		position:absolute;
		padding:0px;
		margin:0px;
		right:15px;
	}
	
	p.CommentCount a {
		text-decoration:none;
		color:#ffffff;	
	}
	
	p.FooterSpacer {
		margin:0px;
		padding:0px;
		display:inline;
	}
	
	.Center {
		text-align:center;
	}
	
	
/* Single post footer */
	
	p.CommentLink {
		position:absolute;
		box-shadow:none; 
		right:0px;
		padding:0px 15px 10px 0px;
	}
	
	p.CommentLink a {
		font-weight:bold;
		color:#ffffff;	
		text-decoration:none;
	}
	
	div.ShareButtons {
		padding-right:70px;
		box-shadow:none; 
		margin-bottom:-4px;
	}
	
	.twitter-share-button { 
		vertical-align:5%;
	}
	

/* Subscribe */

	div.MainBox {
		color:#ffffff;
		padding:10px;
		text-align:center;
		background:#000000;
	}
	
	.MainBox a {
		display:inline;
		color:#ffffff;
		text-decoration:none;
	}
	
	.MainBox h2 {
		color:#ffffff;
		padding: 0px;
		font-size: 1em;
	}
	
	.MainBox h2 a {
		color:#ffffff;
		font-size: 1em;
	}
	
	.Subscribe div {
		display:inline-block;
		white-space: no-wrap;
		margin-right:8px;
		padding-top:10px;
	}
	
	.Subscribe a {
		font-size:0.8em;	
	}
	
	.Subscribe img {
		display:inline;
		margin: 0px 5px 0px 7px;
		vertical-align: -15%;
		border:0px;
	}


/* Browse Box */
	
	div.Browse {
		margin:30px 210px 30px 210px;	
	}
	
	.Browse div {
		display:inline-block;
	}
	
	.Browse h2 {
		padding:5px 15px;
		font-weight:normal;
	}
	
	.Browse h2 b {
		font-weight:bold;
	}
	
	.Browse a h2 {
		padding:5px 15px;
		font-weight:normal;
	}

	
/* Comments */

	div.Comments {
		padding:15px;
		padding-bottom:0px;
		background:#1a232e;
		background-image:url('https://www.pentadact.com/Gradient.png');
		background-repeat:repeat-x;
		color:#ccd8e4;
	}	
	
	.Comments p {
		padding:0px;
		padding-bottom:15px;
	}
	
	.Comments p a {
		color:#ccd8e4;
	}

	div.WriteComment {
		color:#ffffff;
		padding:10px;
		padding-bottom:0px;
		text-align:center;
		background:#000000;
	}
	
	.WriteComment h2 {
		color:#ffffff;
		padding: 0px;
		padding-bottom: 3px;
		font-size: 1em;
		margin: 10px;
	}
	
	.WriteComment h2 a {
		color:#ffffff;
		padding: 0px;
		padding-bottom: 3px;
		font-size: 1em;
		margin: 10px;
	}
	
	div.Bottom {
		margin-bottom:30px;
	}
	
	p.PentadactComment {
		padding:15px;
		margin:0px -15px 15px -15px;
		background:#0f151d;
		background-image:url('https://www.pentadact.com/Gradient.png');
		background-repeat:repeat-x;
		background-size:100% 100%;
	}
	
	p.PentadactComment b a {
		text-decoration:none;
	}
	
	b.CommentAuthor {
		color:#ffffff;
	}
	
	b.CommentAuthor a {
		color:#ffffff;
	}

/* Sidebars */

	div.Side {
		position:absolute;
		top:0px;
		width:195px;
	}

	.Side div {
		margin-bottom:15px;
	}
	
	.Side p {
		padding-left:8px;
		padding-right:8px;
		padding-bottom:8px;
	}

	div.Left {
		left:0px;
	}

	div.Right {
		right:0px;
	}

	.Right h2 {
		padding:5px;
	}

	.Right img {
		width:100%;
		height:auto;
	}

	.Right div {
		border-style:solid;
		border-width:1px;
		border-color:#000000;	
	}
	
/* Sidebar Modules */
	
	div.Portrait {
		height:180px;
		background-image:url('https://www.pentadact.com/SquarePortraitF.jpg');
		background-repeat:no-repeat;
		border-style:solid;
		border-width:1px;
		border-color:#000000;
		background-position:0px 0px;
		margin-top:0px;
		margin-bottom:30px;
	}

	div.Contact {
		text-align:left;
		padding:20px;
		margin-top:0px;
	}
	
	.Contact img {
		width:auto;
		margin-left:23px;
		margin-right:5px;
		vertical-align:-7%;
	}
	
	.Contact h2 {
		display:inline;
		padding:10px 0px;
		line-height:1.8em;
		font-weight:normal;
	}
	
	.Contact p {
		margin:-15px;
		margin-top:4px;
text-align:center;
	}

	div.RecentComments {
		padding:10px 0px;
		margin-top:0px;
	}

	div.Tweets {
		padding-top:15px;
		padding-left:10px;
		padding-right:5px;
		padding-bottom:10px;
		margin-top:0px;
	}

	
	.RecentComments h2 {
		font-weight:bold;
		padding-top:10px;
		padding-bottom:0px;
	}
	
	div.Search {
		padding:10px;
	}
	
	
/* Archive */

	div.Archive {
		background:transparent;
		box-shadow:none;
		border:0px;
	}
	
/* Gunpoint */

	html.Gunpoint {
		background-color:#3d4545; 
	}

	h1.Gunpoint a {
		font-family:Georgia;
		letter-spacing:30px;
		font-weight:normal;
	}
	
	.GunBox div {
		background:#000000;
		box-shadow:3px 3px 3px #0f1111;
	}
		
	.GunBox img {
			width:100%;
			height:auto;
	}
	
	div.GunTrailer {
		padding:0px;
		padding-top:5px;
		padding-bottom:15px;
		text-align:center;
		background:#000000;
		box-shadow:3px 3px 3px #0f1111;
	}
	
	.GunTrailer p {
		text-align:left;
		padding-bottom:0px;
		color:#a7bbcb;
	}
	
	.GunTrailer p a {
		color:#a7bbcb;
		text-decoration:underline;
	}
	
	.GunTrailer h2 {
		font-size:1em;
		color:#ffffff;
	}
	
	.GunTrailer h3 {
		color:#ffffff;
		padding:15px;
		padding-bottom:5px;
		font-size:1em;
		font-weight:bold;
		text-align:left;
	}
	
	.GunTrailer ul {
		color:#a7bbcb;
		text-align:left;
		padding-bottom:0px;
	}
	
	div.GunInfo {
		padding-top:10px;
		padding-bottom:15px;
	}
	
	.GunInfo p {
		padding-bottom:5px;
		padding-top:0px;
	}
	
	.GunInfo p a {
		text-decoration:underline;
	}
	
	.GunInfo h3 {
		font-size:0.8em;
		color:#ffffff;
		padding-top:15px;
		padding-bottom:0px;
		margin-bottom:0px;
	}
	
	.GunInfo h2 {
		padding-bottom:0px;
		margin-bottom:0px;
	}
	
	.GunInfo h2 b {
		color:#ffffff;
	}
	
	div.GunSub {
		padding-top:15px;
		padding-bottom:15px;
	}
	
	.GunSub p {
		padding-bottom:10px;
	}

	.GunSub p a {
		color:#ffffff;
		font-weight:bold;
	}
	
	.GunSub img {
		width:auto;
		display:inline;
	}
	
	div.Press {
		padding:15px 10px;
	}
	
	.Press h2 {
		padding:0px;
		padding-top:5px;
	}
	
	.Press p {
		padding:0px;
	}
	
	h2.Inline {
		display:inline;
	}
	
	object.GunTrailerSmall {
		display:none;
	}

	.GunLeft div {
		border-style:solid;
		border-width:1px;
		border-color:#000000;	
	}

	h1.Conway a {
		letter-spacing:10px;
		font-size:0.6em;
	}
	

/* Responsive video */

	.VideoWrapper {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 15px;
		height: 0;
		text-align: center;
	}
	.VideoWrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}


/* Responsiveness - bigger fonts at high res */

	@media(min-width:1500px){

		h1 {
			font-size:3.5em;
		}

		.PostText h2 {
			font-size:1.8em;
		}
	
		h4,h5 {
			font-size:1.4em;		
		}

		.Post p,li,dd,center {
			font-size:1em;
		}	

		.Categories h2 {
			font-size:1em;
			padding:0px 30px;
		}

		div.Intro {
			max-width:1100px;
		}

		.Intro p {
			font-size:1em;
		}
	
	}
	

/* Responsiveness - bigger fonts at high res */

	@media(min-width:1800px){

		h1 {
			font-size:4.65em;
		}

		p {
			font-size:1em;
		}

		div.Intro {
			max-width:1400px;
		}

		.Intro p {
			font-size:1.4em;
		}

		div.Footer {
			font-size:1em;
		}

	}
	

/* Responsiveness - bigger fonts at mega res */

	@media(min-width:2000px){
	
		p {
			font-size:1em;
		}

		.PostText h2 {
			font-size:2em;
		}
	
		h4,h5 {
			font-size:1.75em;		
		}

		.Post p,li,dd,center {
			font-size:1.2em;
		}	

		.Categories h2 {
			font-size:1.2em;
			padding:0px 30px;
		}

	}
	
/* Responsiveness - fill the screen */

	@media(max-width:1250px){

		div.Page {
			width:95%;
		}

	}
	
/* Responsiveness - shrink the header */ 

	@media(max-width:1000px){

		h1 {
			font-size:2.5em;
		}
		
		object.GunTrailerBig {
			display:none;
		}
		
		object.GunTrailerSmall {
			display:inline;
		}		
	
	}
	
/* Responsiveness - lose sidebars completely */ 

	@media(max-width:900px){

		div.Side {
			display:none;		
		}
	
		span.SidebarReference {
			display:none;
		}

		div.Post {
			margin-left:0px;
			margin-right:0px;
		}
	
		input,textarea {
			width:100%;
		}

		input.Submit {
			width:100px;
		}

		h1.Gunpoint a {
			letter-spacing:10px;
			font-size:0.6em;
		}

	}
	
/* Responsiveness - shrink header again */ 

	@media(max-width:280px){

		h1 {
			font-size:1.6em;
		}

	}