/*
Site Name: Critical Zero
Version: 1.0
Author: Andy Pearson
Author URI: http://criticalzero.co.uk
Date: 16/01/10
Time: 14:35:45
*/

@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('fonts/League_Gothic.eot');
	src: local('League Gothic Regular'), local('LeagueGothic'), url('fonts/League_Gothic.ttf') format('truetype');
}

body, html { height:100%; }
body {
	color:rgba(255,255,255,0.8);
	background:#024e70 url(../images/bg.gif) no-repeat 50% 0;
	font:15px/24px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1,
article header h2 {
	color:#fff;
	line-height:48px;
	font-size:48px;
	text-transform:uppercase;
	font-family:LeagueGothicRegular, Impact, "Arial Narrow", Arial, sans-serif;
}
h2 {
	color:#fff;
	margin-top:24px;
	font-size:24px;
	line-height:48px;
}
h3 {
	font-size:18px;
	line-height:24px;
	padding-top:24px;
}
h5 {
	color:#fff;
	padding:12px 0;
	font-weight:bold;
}
h6 {
	font-size:20px;
	text-transform:uppercase;
	font-family:LeagueGothicRegular, Impact, "Arial Narrow", Arial, sans-serif;
}

a {
	color:#fff;
	text-decoration:none;
	border-bottom:2px solid rgba(255, 255, 255, 0.2);
}
a:hover {
	color:#f6ff00;
	border-bottom-color:#f6ff00;
}
a:active {
	top:1px;
	position:relative;
}

p + p {
	text-indent:96px;
}

strong.intro {
	font-size:16px;
	line-height:23px;
}
em {
	font-family:Georgia, serif;
	font-size:16px;
}

blockquote {
	margin:12px 0;
	padding:11px 0 11px 96px;
	font-family:Georgia, serif;
	width:384px;
	font-style:italic;
	border-top:1px solid rgba(255, 255, 255, 0.2);
	border-bottom:1px solid rgba(255, 255, 255, 0.2);
}
blockquote p {
	width:auto !important;
	font-size:16px;
}

ul,
ol {
	padding:12px 0 12px 0;
	list-style:disc;
	color:rgba(255,255,255,0.6);
}
li span {
	color:#fff;
}
ol {
	list-style:decimal;
}
sup {
	margin-left:2px;
	font-size:12px;
}

code {
	padding:2px 6px;
	font-size:14px;
	color:#fff;
	background-color:rgba(0, 0, 0, 0.1);
}

pre code {
	display:block;
	margin:12px -192px 12px 0;
	padding:11px 18px;
	border:1px solid rgba(255, 255, 255, 0.3);
}

/*
---- Structure
*/

header,
article,
.container {
	margin:0 auto;
	width:984px;
}

#content {
	margin:0 12px;
	padding:72px 0 0;
}


/*
---- Header
*/

#brand {
	margin:0;
	float:left;
	padding:6px 18px 6px 6px;
}
#brand a,
#brand a:hover {
	text-indent:-99999px;
	padding:0;
	display:block;
	width:372px;
	height:84px;
	color:#fff;
	background:transparent url(../images/criticalzero.png) no-repeat top left;
	border:none;
}
#brand a:hover { background-position:bottom left; }

header {
	padding:24px 0 96px;
}
	header p {
		float:left;
		padding:24px 0;
		margin:0;
	}
	header a {
		border:none;
	}
	header nav {
		padding:6px 0 60px 300px;
	}
		header nav ul {
			width:668px;
			float:left;
			list-style:none;
			font-size:20px;
			line-height:27px;
			font-weight:bold;
			border-top:3px solid rgba(255, 255, 255, 0.4);
			border-bottom:1px solid rgba(255, 255, 255, 0.4);
			padding:0 2px;
		}
		header nav li {
			float:left;
			padding:11px 20px 12px 0;
			background:transparent url(../images/nav.png) no-repeat center right;
		}
		header nav li:last-child {
			background-image:none;
		}
		header nav a,
		header nav a:hover {
			color:#fff;
			padding:0;
			background:none;
		}
		header nav a:hover { color:rgba(255, 255, 255, 0.6); }
		header nav a.current { color:#f6ff00; }

/*
---- Article
*/
article {
	padding-bottom:72px;
}
article header {
	border:none;
	float:left;
	width:240px;
	margin:0;
	padding:0 0 0 12px;
}
article header p {
	float:none;
	text-indent:0;
	padding:0;
	width:auto;
}

article header h1,
article header h2 {
	margin:0;
	padding-bottom:0;
}
article h6 a {
	color:#f6ff00;
}
article h6 a:hover {
	color:rgba(246, 255, 0, 0.6);
}

article p,
article ul,
article ol { 
	width:480px;
}

article .permalink {
	line-height:23px;
	font-size:24px;
	width:100%;
	float:left;
}
article .permalink a {
	background:transparent;
	padding:0;
	color:rgba(255, 255, 255, 0.6);
}

article .permalink a { float:left; margin-right:8px; line-height:20px; padding-bottom:4px; }
article .permalink a.shorturl { color:rgba(255, 255, 255, 0); font-size:11px; line-height:22px; padding:1px 0; }
article .permalink a:hover { color:#fff; }
article .permalink:hover a { color:rgba(255, 255, 255, 0.6); }
article .permalink:hover a:hover { color:#fff; }

article .content {
	float:left;
	padding:0 48px;
	width:480px;
}

article .published_at {
	margin-top:59px;
	background:transparent url(../images/marker.png) no-repeat top left;
	padding-top:13px; 
	clear:both;
	color:rgba(255, 255, 255, 0.6);
	font-size:20px;
	font-family:LeagueGothicRegular, Impact, "Arial Narrow", Arial, sans-serif;
	text-transform:uppercase;
}
article .published_at .value { display:none; }

article p.readmore {
	padding-top:24px;
	font-size:16px;
	font-weight:bold;
	text-indent:0;
	background:transparent url(../images/marker.png) no-repeat 0 18px;
}
article p.readmore a {
	border:none;
}

article .relative {
	background-image:none;
	padding:12px 0;
	margin:0;
}

article footer {
	clear:none;
	float:right;
	background:none;
	width:144px;
	margin:0;
	padding:0 12px 0 0;
}
article footer ul {
	width:auto;
}

article .footnotes { border-top:2px solid rgba(255, 255, 255, 0.2); padding:10px 0 12px; margin:48px 0 0 0; clear:both; }
article .footnotes hr { display:none; }
article .footnotes ol { padding:0; font-size:12px; line-height:24px; }

section.articles { padding:0; }
section.articles div.clearfix { padding:48px 0 47px; border-bottom:1px solid rgba(255, 255, 255, 0.2); }
section.articles div.clearfix:first-child { padding-top:0; }
section.articles div.clearfix:last-child { border-bottom:none; padding-bottom:48px; }

/*
---- Footer
*/
footer {
	padding:144px 12px 12px;
	clear:both;
}
footer .footer-wrap {
	background-color:#fff;
}
footer .container {
	padding:12px 0;
}
footer #stats {
	background:transparent url(../images/cz.png) no-repeat top left;
	float:left;
	padding:0 0 0 108px;
	list-style:none;
	text-transform:uppercase;
	line-height:48px;
	font-size:24px;
	font-family:LeagueGothicRegular, Impact, "Arial Narrow", Arial, sans-serif;
	color:#a0d9e5;
}
footer #stats li {
	padding-right:22px;
	float:left;
	background:transparent url(../images/footer.gif) no-repeat top right;
}
footer #stats li:last-child {
	background-image:none;
}
footer #stats strong {
	color:#09a1c1;
	font-weight:normal;
}
footer p {
	padding:0 12px;
	float:right;
	color:#09a1c1;
	font-size:13px;
	line-height:48px;
}
footer p a {
	color:#09a1c1;
	border-color:#c6e9f1;
	padding:0;
}
footer p a:hover,
footer p a:hover {
	color:#000;
	border-color:#000;
}


/*
---- Comments
*/
#comments { border-top:2px solid rgba(255,255,255,0.3); padding-top:22px; }

#comments ol { padding:0 0 24px; list-style:none; }
#comments li { padding:36px 0 35px; border-bottom:1px solid rgba(255,255,255,0.2); }
#comments h5 { padding:0; font-size:16px; }
#comments header { padding:0 0 0 12px; float:left; width:240px; }
#comments header div { float:left; padding-left:12px; }
#comments header p { padding:0; font-size:13px; }
#comments .content { float:right; width:480px; padding-right:204px; color:#e0f1f5; color:rgba(255,255,255,0.8); }

#comments header .avatar { float:left; padding:0; }
#comments header .avatar a { float:left; display:block; }
#comments header .avatar span { width:48px; height:48px; display:block; }
#comments header .avatar img { display:none; }

#comment-form {
	margin:0 auto;
	padding:24px 192px 48px;
	width:576px;
}
form div,
form span.wpcf7-not-valid-tip-no-ajax { float:left; width:576px; padding:8px 0 8px 0; }
form div.error-message,
form span.wpcf7-not-valid-tip-no-ajax { font-size:13px; font-weight:bold; color:#f6ff00; line-height:18px; padding:6px 0 0 96px; display:block; }
form label { float:left; width:84px; padding:4px 12px 4px 0; font-size:12px; font-weight:bold; text-align:right; color:#addce9; }
form div.text input,
form textarea,
form div.submit p input {
	float:left;
	color:#fff;
	border:1px solid rgba(255,255,255,0.4);
	background-color:rgba(255,255,255,0.2);
	font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:15px;
	line-height:24px;
	padding:3px 8px;
	margin:0;
	height:24px;
	width:366px;
	outline:none;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
}
form textarea {
	height:216px;
	width:462px;
}
form div.submit {
	padding-left:96px;
	padding-top:18px;
	padding-bottom:14px;
}
form div.submit p input {
	padding:20px 9px;
	font-size:15px;
	font-weight:bold;
	border:none;
	background-color:#fff;
	color:#069AB9;
	width:174px;
	cursor:pointer;
}
form div.submit p input:hover {
	background-color:#f6ff00;
}
form div.submit p input:active {
	top:1px;
	position:relative;
}

form div.text input:focus,
form textarea:focus {
	border-color:rgba(255,255,255,0.6);
	background-color:rgba(255,255,255,0.4);
}

/*
---- Background
*/

#page-wrap { width:100%; margin:0 auto; position:relative; z-index:2; }
#background { min-width:100%; height:1200px; margin:0 auto; position:fixed; top:0; z-index:1; max-width:100%; min-height:100%; overflow:hidden; }
#background canvas { width:2000px; height:1200px; position:absolute; top:0; left:50%; margin-left:-1000px; opacity:0.3; }


/*
---- Pages
*/
#page header {
	padding:0 0 0 12px;
	width:240px;
	float:left;
}
#page h1 {
	font-size:96px;
	line-height:96px;
	padding-bottom:24px;
	color:#f6ff00;
}
#page nav { padding:24px 0 0 0; }
#page nav ol ol { width:192px; }
#page nav li { padding-bottom:48px; }
#page nav li li { padding:0; }


#posts,
#page .content { width:672px; float:right; padding:0 12px 72px 0; list-style:none; }
#posts li { float:left; width:100%; padding:12px 0 0; }
#posts li:first-child { padding-top:0; }
#posts li:last-child h2 { padding-bottom:0; border:none; }
#posts p { float:left; font-size:12px; padding:12px 12px 0 0; width:84px; font-weight:bold; text-align:right; }
#posts h2 { float:left; margin:0; padding-bottom:11px; border-bottom:1px solid rgba(255,255,255,0.2); width:576px; }
#posts h2 a { border:none; }

#vault-header {
	margin-bottom:48px;
	padding:0 0 22px;
	border-bottom:2px solid rgba(255,255,255,0.3);
}
#vault-header ul {
	float:left;
	padding:0 0 0 12px;
	list-style:none;
	font-size:20px;
	line-height:36px;
}
#vault-header li {
	padding:6px 20px 6px 0;
	float:left;
	background:transparent url(../images/nav.png) no-repeat scroll right center;
}
#vault-header li:last-child a {
	color:#f6ff00;
}
#vault-header a {
	border:none;
}

.vault-list {
	border-top:2px solid rgba(255,255,255,0.3); margin-top:-2px;
}
.vault-list h2 {
	padding:6px 0 0 12px; 
	font-family:LeagueGothicRegular,Impact,"Arial Narrow",Arial,sans-serif;
	font-size:48px;
	line-height:48px;
	text-transform:uppercase;
	float:left;
	width:240px;
}
.vault-list ul {
	width:720px !important;
	padding:24px 0 48px 0;
	float:left;
	list-style:none;
}
.vault-list li {
	float:left;
	width:144px !important;
}


/*
---- Meta Lists
*/
.meta,
.meta ul,
.meta ol {
	list-style:none;
	padding:0;
}
.meta h6 {
	padding-top:6px;
	width:48px;
	float:left;
}
.meta li {
	float:left;
	margin-top:-2px;
	padding:0 0 48px 0;
	background-image:none;
	border-top:2px solid rgba(255,255,255,0.3);
}
	.meta li li,
	.vault-list li {
		width:96px;
		border:none;
		padding:0;
		margin:0;
	}
	.meta ul,
	.meta ol,
	.vault-list ul {
		line-height:12px;
		font-size:12px;
		width:96px;
		float:left;
	}
.meta li li a,
.meta li li span,
.vault-list a {
	font-weight:bold;
	display:block;
	padding:11px 2px 12px;
	border-bottom:1px solid rgba(255,255,255,0.2);
}
.meta li li a span,
.meta li li span span,
.vault-list a span {
	font-weight:normal;
	color:rgba(255,255,255,0.5);
	display:inline;
	font-weight:normal;
	border:none;
	padding:0;
}	
.meta a:hover,
.meta a:hover span,
.vault-list a:hover,
.vault-list a:hover span {
	color:#f6ff00;
	border-bottom-color:rgba(255,255,255,0.5);
}
.meta span:hover,
.meta span:hover span {
	color:#fff;
	border-bottom-color:rgba(255,255,255,0.5);
}


/* Miscellaneous */
.alignleft { float:left; }
.alignright { float:right; margin-right:-192px; position:relative; }

#project52 { list-style:none; float:left; width:480px; margin:24px 0 0; padding:11px 0 12px; border-top:1px solid rgba(255, 255, 255, 0.2); }
#project52 li { float:left; width:480px; }
#project52 strong { float:left; padding-right:12px; width:84px; text-align:right; font-size:12px; line-height:48px; }
#project52 h2 { float:left; padding:0; margin:0; font-size:20px; }

div.wpcf7-response-output { display:none !important; }

#page.about p { width:480px; }

#elsewhere h6 { width:96px; }
#elsewhere ol { width:144px; }
#elsewhere li li a { width:140px; }

#page.contact p {
	padding-bottom:24px;
	margin-right:96px;
	border-bottom:1px solid rgba(255, 255, 255, 0.2);
	margin-bottom:23px;
}
#page.contact .submit p { border:none; }

.instructions { border-top:2px solid rgba(255,255,255,0.2); border-bottom:2px solid rgba(255,255,255,0.2); padding:10px 0; margin:24px 0; background-color:rgba(0,0,0,0.1); }
.instructions p { padding:6px 18px; text-indent:0; }


/* Clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */