/*
Theme Name: Ackernaut
Theme URI: http://www.ackernaut.com/
Description: The Ackernaut theme using an HTML5 version of (Based on <a href="http://elliotjaystocks.com/starkers/">Starkers</a> by <a href="http://elliotjaystocks.com/">Elliot Jay Stocks</a> which is based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 1.0
Author: Terry Acker
Author URI: http://www.ackernaut.com/
Tags: starkers, html5, beginning, start, clean, basic
*/

/* 
html5doctor.com Reset Stylesheet
v1.4 
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}

article, aside, dialog, figure, footer, header, 
hgroup, nav, section { 
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;	
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;	
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}
/* Fonts */

@font-face {
 font-family: 'DroidSansRegular';
 src: url('style/fonts/droid-sans/DroidSans.eot');
 src: local('None'), local('None'), url('style/fonts/droid-sans/DroidSans.woff') format('woff'), url('style/fonts/droid-sans/DroidSans.ttf') format('truetype'), url('style/fonts/droid-sans/DroidSans.svg#DroidSans') format('svg');
}
 @font-face {
 font-family: 'DroidSansBold';
 src: url('style/fonts/droid-sans/DroidSans-Bold.eot');
 src: local('None'), local('None'), url('style/fonts/droid-sans/DroidSans-Bold.woff') format('woff'), url('style/fonts/droid-sans/DroidSans-Bold.ttf') format('truetype'), url('style/fonts/droid-sans/DroidSans-Bold.svg#DroidSans-Bold') format('svg');
}
/* Layout */

/* Generated by WordPress */
.aligncenter {
	display:block;
	margin:0 auto
}
.alignleft {
	float:left
}
.alignright {
	float:right
}
.wp-caption {
	border:1px solid #666;
	text-align:center;
	background:#ccc;
	padding:10px;
	margin:10px
}
/* Ackernaut */
html {
	font-size:100%;
	height:100%;
}
body {
	background:#cfe6e6;
	color:#555;
	font:1em/1.5 DroidSansRegular, "Trebuchet MS", Tahoma, Arial, sans-serif;
	height:100%;
}
/* Transitions */
a, input, span, button, textarea {
	-webkit-transition-property:background-color, border-color, color;
	-webkit-transition-duration:.6s;
	-webkit-transition-timing-function:ease-out;
	-moz-transition-property:background-color, border-color, color;
	-moz-transition-duration:.6s;
	-moz-transition-timing-function:ease-out;
}
:hover, :focus {
	-webkit-transition-property:background-color, border-color, color;
	-webkit-transition-duration:.15s;
	-webkit-transition-timing-function:ease-in;
	-moz-transition-property:background-color, border-color, color;
	-moz-transition-duration:.15s;
	-moz-transition-timing-function:ease-in;
}
/* General typography */
h1, h2, h3, h4, h5, h6, strong {
	font-family:DroidSansBold, "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-weight:normal:
}
h1, h2, h3, p, ul {
	margin:0 0 1em;
}
h1 {
	color:#47b3b3;
	font-size:2.25em;
	text-shadow:1px 1px 0 #001a1a;
}
.title-date {
	color:#AAA;
	font-size:1em;
}
article h2 {
	color:#8fb3b3;
	font-size:1.5em;
	padding:.75em 0 0;
	text-shadow:1px 1px 0 #293333;
}
.index article h2 {
	margin:0 0 .8em;
	padding:0;
}
h3 {
	color:#A1B3B3;
	font-size:1.5em;
	text-shadow:1px 1px 0 #526666;
}
.post h3 {
	font-size:2.25em;
}
a, a:link {
	color:#00b3b3;
	text-decoration:none;
}
a.easter-egg, a.easter-egg:link {
	color:#555;
}
a:visited {
	color:#7db3b3;
}
a:hover, a:focus, a:active {
	color:#ff734c;
	outline: none;
}
:focus {
	outline:none;
}
.index h2 a, .index h2 a:link {
	background:#6b9999;
	border:1px solid #6b9999;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:1px 1px #555;
	-webkit-box-shadow:1px 1px #555;
	display:block;
	color:#fff;
	line-height:38px;
	margin:0;
	padding:0 10px;
	vertical-align:middle;
	width:477px;
}
.index h2 a:visited {
	background:#8a9999;
	border:1px solid #8a9999;
	color:#eee;
}
.index h2 a:hover, .index h2 a:focus {
	background:#ff734c;
	border:1px solid #ff734c;
	color:#fff;
}
.index h2 a:active {
	position:relative;
	top:2px;
}
input, button {
	font-family:DroidSansRegular, "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size:100%;
}
ul.code {
	background:#333;
	color:#eee;
	font-size:.9em;
	list-style:none;
	margin:0 0 2em;
	padding:1em;
}
ul.code ul {
	list-style:none;
	margin:0 0 0 2em;
	padding:0;
}

::-moz-selection { background:#47b3b3; color:#fff }
::selection { background:#47b3b3; color:#fff }
a::-moz-selection { background: #ff734c }
a::selection { background: #ff734c }
a:hover::-moz-selection { background: #fff; color:#ff734c }
a:hover::selection { background: #fff; color:#ff734c }

/* Layout */
#wrap {
	background:#fff;
	height:auto !important;
	height:100%;
	min-height:100%;
	margin:0 auto -320px;
	width:960px;
}
header.global {
	background:#000;
	height:160px;
}
nav, #content {
	margin:0 auto;
	overflow:hidden;
	width:960px;
}
nav ul {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}
nav li {
	float:left;
	height:160px;
	line-height:160px;
	margin:0;
	overflow:hidden;
	padding:0;
	vertical-align:middle;
	width:160px;
}
header.global a, header.global a:link {
	border-bottom:none;
	color:#3d4c4c;
	display:block;
	font-size:30px;
	line-height:80px;
	height:80px;
	margin:40px 20px;
	text-align:center;
	text-decoration:none;
	text-shadow:1px 1px 0 #000;
	text-transform:lowercase;
	vertical-align:middle;
	width:120px;
}
header.global a:visited {
	border-bottom:none;
	color:#3d4c4c;
}
header.global:hover a, header.global:hover a:link {
	color:#408080;
}
header.global:hover a:hover {
	border-bottom:none;
	color:#ff734c;
}
header.global a:active {
	border-bottom:none;
	height:38px;
	padding-top:2px;
}
header.global a:focus {
	color:#ff734c;
	outline:none;
}
#home a, #home a:link {
	background:url(style/img/logo.png) #3d4c4c;
	height:0;
	margin:0;
	padding:160px 0 0;
	width:160px;
}
header.global:hover #home a, header.global:hover #home a:link {
	background:url(style/img/logo.png) #408080;
}
header.global:hover #home a:hover, header.global:hover #home a:focus, #home a:focus {
	background:url(style/img/logo.png) #ff734c;
}
header.global:hover #home a:active {
	height:158px;
	margin:2px 0 0;
}
header.global form {
	float:left;
	height:40px;
	margin:0;
	overflow:hidden;
	padding:60px 40px;
	width:240px;
}
header.global #search-wrap {
	float:left;
	height:40px;
	width:200px;
}
#search-wrap input {
	background:#293333;
	border:1px solid #293333;
	-moz-border-radius:10px 0 0 10px;
	-webkit-border-radius:10px 0 0 10px;
	border-radius:10px 0 0 10px;
	float:left;
	height:38px;
	padding:0 10px;
	width:178px;
}
header.global:hover #search-wrap input {
	background:#A1B3B3;
	border:1px solid #A1B3B3;
}

header.global:hover #search-wrap input:hover {
	background:#b8cccc;
	border:1px solid #b8cccc;
}

header.global:hover #search-wrap input:focus, header.global #search-wrap input:focus {
	background:#cfe6e6;
	border:1px solid #cfe6e6;
	outline:none;
}
header.global #searchsubmit-wrap {
	float:left;
	height:40px;
	overflow:hidden;
	width:40px;
}
header.global #searchsubmit {
	display:none;
}
header.global #searchsubmit-wrap a {
	background:#3d4c4c url(style/img/magnifying-glass.png) no-repeat 2px 2px;
	border:1px solid #3d4c4c;
	-moz-border-radius:0 10px 10px 0;
	-webkit-border-radius:0 10px 10px 0;
	border-radius:0 10px 10px 0;
	height:0;
	overflow:hidden;
	margin:0;
	padding:38px 0 0;
	width:38px;
}
header.global:hover #searchsubmit-wrap a {
	background:#408080 url(style/img/magnifying-glass.png) no-repeat 2px -48px;
	border:1px solid #408080;
}
header.global:hover #searchsubmit-wrap a:hover, header.global #searchsubmit-wrap a:focus {
	background:#ff734c url(style/img/magnifying-glass.png) no-repeat 2px -98px;
	border:1px solid #ff734c;
}
header.global:hover #searchsubmit-wrap a:active {
	background:#ff734c url(style/img/magnifying-glass.png) no-repeat 2px -96px;
	border:1px solid #ff734c;
}
header.global form label {
	display:none;
}
header.global form input {
	border:none;
	background:none;
	color:#293333;
	height:38px;
	margin:0;
	padding:0;
}
#content {
	margin:80px auto 0;
	overflow:hidden;
}
section {
	float:left;
	margin:0 80px 100px 40px;
	width:560px;
}
.index section {
	float:left;
	margin:0 0 100px 40px;
	width:920px;
}
#index {
	margin:0 80px 0;
	width:480px;
}
.index article {
	margin:0 0 50px;
}
.index article footer ul {
	list-style:none;
	margin:0 0 0 10px;
	padding:0;
}
.index article time {
	color:#bbb;
	margin:0 0 0 10px;
}
article footer span, article time span {
	color:#888;
	font-family:DroidSansBold, "Trebuchet MS", Tahoma, Arial, sans-serif;
}
#single-wrap {
	margin:0 0 80px 80px;
}
#page-wrap {
	margin:0 0 0 80px;
}
.transmission {
	color:#336666;
}
#commentform p {
	margin:0;
}
#commentform .admin {
	margin:0 0 20px;
}
#commentform input {
	background:#c3d9d9;
	border:1px solid #c3d9d9;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:1px 1px 0 #7a9999;
	-webkit-box-shadow:1px 1px 0 #7a9999;
	height:38px;
	margin:0 20px 20px 0;
	padding:0 10px;
	width:220px;
}
#commentform input:hover {
	background:#E6F2F2;
	border:1px solid #E6F2F2;
}
#commentform input:focus {
	background:#B8E5E5;
	border:1px solid #B8E5E5;
	outline:none;
}
textarea#comment {
	background:#c3d9d9;
	border:1px solid #c3d9d9;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:1px 1px 0 #7a9999;
	-webkit-box-shadow:1px 1px 0 #7a9999;
	line-height:1.5;
	margin:0 0 20px;
	padding:18px;
	width:519px;
}
textarea#comment:hover {
	background:#E6F2F2;
	border:1px solid #E6F2F2;
}
textarea#comment:focus {
	background:#B8E5E5;
	border:1px solid #B8E5E5;
	outline:none;
}
button#send {
	background:#4C9999;
	border:1px solid #4C9999;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:1px 1px 0 #293333;
	-webkit-box-shadow:1px 1px 0 #293333;
	color:#fff;
	height:38px;
	margin:0 20px 20px 0;
	padding:0 10px;
	text-shadow:1px 1px 0 #293333;
	width:160px;
}
button#send:hover, button#send:focus {
	background:#ff734c;
	border:1px solid #ff734c;
	outline:none;
}
.comment {
	margin:0 0 80px;
}
.comment-author {
	height:40px;
	margin:0;
	padding:0;
}
.comment img {
	background:#c3d9d9;
	border:1px solid #c3d9d9;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:1px 1px 0 #7a9999;
	-webkit-box-shadow:1px 1px 0 #7a9999;	
	float:left;
	padding:9px;
}
.comment .wp-smiley {
	background:none;
	border:none;
	float:none;
	margin:0 3px;
	padding:3px;
}
.comment-wrap {
	margin:0 0 0 140px;
}
.comment cite {
	font-style:normal;
}
.comment .fn .url {
	display:inline;
	font-size:1.5em;
	margin:0;
	padding:0;
}
aside {
	color:#bbb;
	float:left;
	margin:0 20px 200px 0;
	width:260px;
}
.post aside {
	font-size:.875em;
}
.index aside {
	float:right;
}
aside ul {
	list-style:none;
	margin:0 0 40px;
	padding:0;
}
aside ul .previous {
	margin:0 0 1em;
}
aside #feed {
	display:block;
	height:42px;
	margin:0 0 40px;
}
aside #feed a, aside #feed a:link, aside #feed a:visited {
	background:url(style/img/rss-icon.png) -18px -10px no-repeat #cfe5e5;
	color:#cfe5e5;
	display:block;
	font:1.1em/1 DroidSansBold, "Trebuchet MS", Tahoma, Arial, sans-serif;
	height:38px;
	padding:2px 0 0 47px;
}
aside #feed a span, aside #feed a:link span, aside #feed a:visited span {
	color:#cfe5e5;
	font-size:1.4em;
}
aside #feed a:hover, aside #feed a:focus {
	background:url(style/img/rss-icon.png) -18px -10px no-repeat #ff734c;
	color:#ff734c;
}
aside #feed a:hover span, aside #feed a:focus span {
	color:#ff734c;
}
aside #feed a:active {
	position:relative;
	top:2px;
}
aside .title {
	color:#47B3B3;
	font:1em/1.5 DroidSansBold, "Trebuchet MS", Tahoma, Arial, sans-serif;
}
aside span {
	color:#888;
	font-family:DroidSansBold, "Trebuchet MS", Tahoma, Arial, sans-serif;
}
#push {
	height:320px
}
footer#global {
	background:#526666;
	height:320px;
	margin:0 auto;
	width:960px;
}
#footer {
	margin:0 auto;
	padding:40px 0 0 40px;
	position:relative;
	width:920px;
}
#ackernaut {
	display:block;
	position:absolute;
	right:40px;
	top:-200px;
}
#footer h2 {
	color:#fff;
	font-size:2em;
	text-shadow:1px 1px 0 #000;
}
#footer p {
	color:#fff;
	font-size:.875em;
	text-shadow:1px 1px 0 #000;
}
#footer ul {
	font-size:1.125em;
	list-style:none;
	margin:0 0 27px;
	padding:0;
}
#footer li {
	color:#fff;
}
#footer a, #footer a:link, #footer a:visited {
	color:#8AE5E5;
	text-shadow:1px 1px 0 #000;
}
#footer a .desc, #footer a:link .desc {
	color:#fff;
}
#footer a:hover, #footer a:focus, #footer a:hover .desc, #footer a:focus .desc {
	color:#ff734c;
}
#footer-nav li {
	clear:left;
	overflow:hidden;
}
#footer-nav a {
	display:block;
	overflow:hidden;
	width:440px;
}
#footer-nav a span {
	display:block;
	float:left;
	height:27px;
	line-height:27px;
	vertical-align:middle;
	width:80px;
}
#footer-nav a .desc {
	width:360px;
}
#footer #social {
	position:absolute;
	right:40px;
	top:80px;
	width:240px;
}
#exploration {
	font-size:.888em;
	padding:40px 0 0;
	text-align:center;
	text-shadow:1px 1px 0 #000;	
}
ul#social-links {
	margin:0;
	padding:16px 0 0;
	overflow:hidden;
}
#social-links li {
	float:left;
	margin:0;
	padding:0;
	width:52px;
}
#social-links a {
	background:#CCC;
	display:block;
	height:0;
	margin:0;
	overflow:hidden;
	padding:36px 0 0;
	width:52px;
}
#social-links:hover a, #social-links a:focus {
	opacity:.6;
}
#social-links a:hover {
	opacity:1;
}
#social-links a:active {
	margin:2px 0 0;
	padding:32px 0 0;
}
#social-links .last {
	width:32px;
}

a#twitter	{ background:url(style/img/social-icons.png) no-repeat -2px -1px	}
a#dribbble	{ background:url(style/img/social-icons.png) no-repeat -2px -45px	}
a#delicious	{ background:url(style/img/social-icons.png) no-repeat -2px -89px	}
a#pandora	{ background:url(style/img/social-icons.png) no-repeat -2px -133px	}
a#linkedin	{ background:url(style/img/social-icons.png) no-repeat -2px -177px	}

#social #contact {
	background:#a1e6e6 url(style/img/bubble.png) -18px -21px no-repeat;
	border:1px solid #293333;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:1px 1px 0 #000;
	-webkit-box-shadow:1px 1px 0 #000;
	display:block;
	font-size:1.125em;
	height:38px;
	line-height:38px;
	padding:0 38px 0 0;
	text-align:center;
	text-shadow:1px 1px 0 #000;
	vertical-align:middle;
	width:200px;
}
#social #contact:hover, #social #contact:focus {
	background:#ff734c url(style/img/bubble.png) -18px -21px no-repeat;
}
#social #contact:active {
	position:relative;
	top:2px;
}
#site-info {
	background:url(style/img/pixel-ackernaut.png) no-repeat;
	height:41px;
	padding:0 0 0 37px;
}
/* Style code examples */
pre {
	background: url(/assets/img/bg-code-example.gif) left top;
	clear:left;
	color: #0a3333;
	font-size: 12px;
	line-height: 20px;
	margin: 0;
	overflow: auto;
	overflow-y: hidden;
	padding: 0;
	width: 480px;
}
pre code {
	display: block;
	margin: 0 0 0 20px;
	padding: 20px 0;
}
p code {
	background:#dae6e6;
}