/*
Theme Name: Knee Deep In Code
Theme URI: http://kneedeepincode.com
Description: The official theme for Knee Deep In Code (http://kneedeepincode.com). It's a minimal, techy, white and red theme.
Version: 0.9
Author: Oscar Godson
Author URI: http://kneedeepincode.com
License: Creative Commons Attribution-Share Alike 3.0 (http://creativecommons.org/licenses/by-sa/3.0/)
*/

/*
	::Style Sheet Info::
		.:Index of Tags:.
		{header} - styles for <div id="header">
		{article && content} - styles for everything on the left main content area except comments
		{comments} - comment styles including form
		{footer} - styles for <div id="footer">
	
		.:Index of Colors:.
			.Main.
				black: #000;
				red: #f00;
			
			.Secondary.
				Dark Red: #600 (used in visited links)
				Light Grey: #999 (footer text)
				Dark Grey: #666 (used in <code> tags)
*/
@import 'reset.css';
@font-face {
    font-family: "silkscreen";
    src: url("http://kneedeepincode.com/wp-content/themes/kneedeepincode/slkscr.ttf");
}

/* the Silkscreen font. Change here for a global change in fonts and backup fonts */

#header form span,#header .main_category h2,#content h1,#sidebar ul h2,#commentform label,.comment_data a,#header form input{
	font-family:"silkscreen",courier,monospace;font-weight:normal;text-decoration:none;
}

#sidebar ins {left:44px;position:relative;}
#sidebar.single iframe {margin:20px 0 0 0;}

body {border-top:9px solid black;font-family:arial,helvetica,sans-serif;letter-spacing:-0.02em;background:#fff;}
pre {
	width:618px;
	display:block;
	background:#f6f6f6;
	border:1px solid #ccc;
	padding:10px;
	overflow:auto;
	margin-bottom:1em;
}

del {text-decoration:line-through;}

.genPlainText textarea{
	font-family:courier,monospace;
	font-size:0.75em;
	margin-bottom:1em;
}
.genPlainText a {font-size:0.8em;text-decoration:none;}
.alignleft {float:left;clear:both;padding:0 10px 10px 0;}
.alignright {float:right;clear:both;padding:0 0 10px 10px;}
code {font-size:1.2em;color:#666;}

blockquote{
	display:block;
	background:rgba(255,0,0,0.1);
	color:#333;
	border-left:2px dotted red;
	font-size:1.2em;
	font-family:georgia,times,serif;
	font-style:italic;
	padding:10px;
	letter-spacing:0.01em;
	word-spacing:0.2em;
	line-height:1.4em;
}
blockquote p {margin:0 !important;padding:0 0 0.9em 0 !important;}
blockquote+p,ol+p,ul+p{padding:1em 0 0 0;}
q{color:#333;font-style:italic;padding:0.2em;background:rgba(255,0,0,0.1);font-family:georgia,times,serif;font-size:1.1em;}
.quote_author{color:#666;font-style:italic;display:block;text-align:right;}

a[href*='.zip']{
	background:url(images/download.png) 0 0;
	display:block;
	width:242px;
	height:52px;
	overflow:hidden;
	position:relative;
}

a[href*='.zip'] img {position:absolute;top:-52px;}

.download_fade{
	background:url(images/download.png) 0 52px;
	width:242px;
	height:52px;
	overflow:hidden;
}
::selection{background:#f99;}
::-moz-selection{background:#f99;}
.clear{clear:both;}

	#wrapper {width:889px;margin:0 auto;}
	
	/* {header} */
		#header .top {
			margin:40px 0 0 0;
		}
			#header .logo {
				width:578px;
				height:46px;
				float:left;
				display:block;
				color:transparent;
				font-size:0px;
			}
			#header form {
				width:252px;
				float:right;
				min-height:37px;
				position:relative;
				margin:-3px 0 0 0;
			}
				#header form span {color:#f00;display:block;font-size:1.1em;}
				#header form input {
					color:#fff;
					background:#000;
					width:250px; /* subtract border */
					min-height:;
					font-size:0.8em;
					border:0;
					margin:0;
					position:absolute;
					bottom:0;
					padding:0.3em;
				}
				.safari #header form input {
					font-size:1em;
				}
			#nav {margin:25px 0 0 0;}
			#header .main_category{width:289px;float:left;}
				#header .main_category h2{font-size:1.1em;}
					#header .main_category h2 a{color:#f00;text-decoration:none;}
				.ie #header .main_category ul li{display:inline;}
				#header .main_category ul li a{
					display:block;
					float:left;
					color:#000;
					text-decoration:none;
					padding:0.2em 0.4em 0.3em 0.3em;
					font-size:0.8em;
				}
				#header .main_category ul li a:hover,.current-cat a{
					background:#000;
					color:#fff !important;
					-moz-border-radius:3px;
					-webkit-border-radius:3px;
				}
			#network_icons {width:252px;float:right;}
			.ie #network_icons li {display:inline;}
				#network_icons a {
					display:block;
					float:left;
					height:44px;
					color:transparent;
					font-size:0px;
					margin:0 9px 0 0;
				}
				#network_icons .twitter{
					width:41px;
					background:url(images/networkicons.png) no-repeat 0 -2px;
				}
				#network_icons .rss{
					width:43px;
					background:url(images/networkicons.png) no-repeat -55px -2px;
				}
				#network_icons .contact{
					width:44px;
					background:url(images/networkicons.png) no-repeat -112px -2px;
				}
				#network_icons .flickr{
					width:86px;
					background:url(images/networkicons.png) no-repeat -167px -2px;
				}
				/* {/header} */
		/* {article && content} */
		#article{margin:50px 0 0 0;}
			#content{width:640px;line-height:1.5em;float:left;}
				#content .title_wrapper {position:relative;}
				#content h1{
					width:630px;
					display:block;
					font-size:1.45em;
					position:absolute;
					padding:0.3em 0 0.1em 10px;
					margin:10px 0 0 0;
					background:url(images/blackalpha.png);
				}
				.firefox #content h1{font-size:1.3em;}
				h1 a {text-decoration:none;}
				#content p{font-size:0.8em;margin:0 0 1.5em 0;}
				#content a, abbr {color:#f00;}
				#content abbr {cursor:help;}
				.tt img {opacity:0.5;}
				.tt img:hover {opacity:1;}
				#content ul,#content ol {font-size:0.8em;padding-left:15px;}
				#content ul+h2,#content ol+h2 {margin:1.5em 0 0 0;}
				#content ul {list-style:square;}
				#content ol {list-style:decimal;}
					#next_prev_nav {font-size:0.8em;}
			/* {article && content} */
			/* {sidebar} */
			#sidebar{width:249px;float:left;}
			#article_data {background:#000;color:#fff;min-height:209px;}
				#article_data p{padding:10px 13px 0.2em 13px;font-size:0.85em;}
				#article_data a {color:#fff;}
			#sidebar ul {text-align:right;font-size:0.85em;padding:20px 0 0 10px;}
			#sidebar ul,#sidebar li a {color:#f00;}
				#sidebar ul h2 {font-size:1.4em;}
					#sidebar h2 a {text-decoration:none;}
					#sidebar h2 a:visited {color:#f00 !important;}
			#sidebar ul li ul,#sidebar ul p {margin:-0.5em 0 0 0;}
			#sidebar .sidebar_main {padding:1.5em 0 1.5em 0;}
			#sidebar.not_single .sidebar_main:first-child {padding:0;}
			#sidebar li{padding:0.5em 0;}
				#sidebar li p  {font-style:italic;line-height:1.3em;}
				.tweet p {font-style:italic;line-height:1.3em;font-size:1.16em;padding:0.2em 0;}
					#sidebar .twitter-item a{font-size:1em;}
					#sidebar li a {font-size:1.16em;}
					#sidebar li a:visited {color:#600;}
				/* {/sidebar} */
				/* {comments} */
				#commentform{padding:20px 0 20px 0;}
					#commentform label {font-size:1.5em;}
					.comment_wrapper{
						margin:0 0 15px 0;
					}
						#author,#url,#email{
							width:446px;
							height:20px;
							padding:2px 0 0 3px;
							font-size:1.1em;
						}
						#commentform p {margin:0 0 8px 0;}
						#commentform textarea,#author,#url,#email,.comment_wrapper {border:1px solid black;width:449px;}
						#commentform input[type=submit]{
							display:block;
							width:449px;
							height:25px;
							border:0;
							background:#000;
							color:#fff;
							background:url(images/submit.png) 5px 8px no-repeat #000;
						}
						.comment_data {background:#000;padding:2px 3px;}
							.comment_data a {display:block;float:left;}
							.comment_date {color:#fff;display:block;text-align:right;}
						.comment{padding:5px 5px 0 5px;}
				/* {/comments} */
				
				
		/* {footer} */
		#footer p{
			text-align:left;
			color:#999;
			font-size:0.7em;
			padding:1em 1em 1em 0;
		}
		/* {/footer} */