/*
Theme Name: Swipe Interactive
Theme URI: http://www.swipeinteractive.com/
Description: Swipe Interactive
Version: 1.0
Author: Swipe Interactive
Author URI: http://www.swipeinteractive.com/
Tags: awesome

	Swipe Interactive v1.0
	 http://www.swipeinteractive.com/kubrick/

	This theme was designed and built by Swipe Interactive,
	whose blog you will find at http://www.swipeinteractive.com/

*/

@charset "UTF-8";
/* CSS Document */

/*============================= RESET CSS FOR ALL BROWSERS ================================*/
html,body,
div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,
p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin: 0px; padding: 0px; border: 0; font-style: normal; font-size: 100%; line-height: 1.25em; font-family: inherit; text-align: left;}
body {background-color: #000; color: #FFF;}
em {font-style: italic; }
table { border-collapse: collapse; border-spacing: 0; }
ol,ul {	list-style: none;}
q:before,q:after,blockquote:before,blockquote:after {content: "";}
hr {display:none}

.hidden {
	display: none;
}

/*============================= PAGE LAYOUT ================================*/

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	color: #E6E6E6;
	background: #00192e url(images/backgrounds/top_strip.png) top repeat-x;
	margin: 0;
}

.swirl {
	position: absolute;
	top: 0;
	width: 100%;
	height: 190px;
	background: url(images/backgrounds/head_swirl.png) no-repeat top center;
}

#page {
	position: relative;
	width: 961px;
	margin: 0px auto;
	top: 0;
	overflow: hidden;
	zoom: 1;
}

#header {
	width: 961px;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 35px;
}

#footer {
	margin: auto;
	width: 100%;
	background: url(images/backgrounds/foot_swirl.jpg) no-repeat top center;
	height: 122px;
}

.mainbody {
	overflow: hidden;
	zoom: 1;
	padding-left: 11px;
	padding-right: 10px; 
}

#content {
	overflow: hidden;
	zoom: 1;
}

.narrowcolumn {
	float: left;
	width: 563px;
}

#sidebar {
	float: right;
	width: 341px;
}


/*============================= HEADER ================================*/

h1 {
	margin: 0;
	float: left;
}

h1 a{
	display: block;
	width: 212px;
	height: 85px;
	text-indent: -10000px;
	outline: none;
	border: 0;
	background: url(images/backgrounds/logo.png) no-repeat;
	margin-top: 36px;
	margin-left: 24px;
}

.top {
	overflow: hidden;
	zoom: 1;
}

#header form {
	float:  right;
	margin-top: 66px;
	margin-right: 18px;
}
	#header form div{
		overflow: hidden;
		zoom:1;
	}

	#header form input {
		width: 181px;
		height: 27px;
		line-height: 27px;
		background: url(images/backgrounds/textfield.gif) no-repeat;
		border: none;
		padding: 0px 10px;
		font-weight: bold;
		font-size: 1.4em;
		color: #3C3C3C;
		display: block;
		float: left;
	}
	
	#header form #searchsubmit {
		background: url(images/backgrounds/search_arrow.gif) no-repeat center right;
		color: #fff;
		width: 85px;
		text-transform: uppercase;
		padding-right: 30px;
		margin-left: 5px;
		margin-top: 0px;
		padding-top: 0px;
		height: 27px;
		line-height: 27px;
		display: block;
		float: left;
	}

.nav {
	overflow: hidden;
	zoom: 1;
	margin: 0;
	padding: 0 10px;
	margin-top: 38px;
	width: 941px;
	height: 70px;
	background: url(images/backgrounds/nav_bar.jpg) no-repeat;
	
}
	.nav li {
		display: block;
		float: left;
		height: 48px;
		padding: 0 15px;
		min-width: 73px;
	}
	.nav li a {
		display:  block;
		margin-top: 16px;
		font-weight: bold;
		font-size: 1.6em;
		text-transform: uppercase;
		margin-left: 6px;
		margin-right: 2px;
		padding-bottom: 9px;
		color: #fff;
		text-decoration: none;
		text-align: center;
		line-height: 18px;
	}
	
	.nav li.subscribe {
		float: right;
		margin-right: 0px;
		padding-right: 8px;
	}
		.nav li.subscribe a {
			margin-top: 14px;
			padding-top: 2px;
			background: url(images/backgrounds/rss.jpg) no-repeat top right;
			padding-right: 35px;
		}
	
	.nav li a:hover {
		border-bottom: 4px solid #002E54;
	}
	
	.nav .current_page_item {
		background: url(images/backgrounds/nav_current.jpg) no-repeat bottom center;
	}
		.nav .current_page_item a:hover {
			border-bottom: none;
		}
	


/*============================= FOOTER ================================*/

#footer .center {
	width: 940px;
	margin: auto;
	overflow: hidden;
	zoom: 1;
}

#footer .nav {
	float: left;
	overflow: hidden;
	zoom: 1;
	margin: auto;
	padding: 0;
	padding-top: 22px;
	width: 700px;
	height: 70px;
	background: none;
}

	#footer .nav .current_page_item {
		background: url(images/backgrounds/foot_nav_current.jpg) no-repeat bottom center;
	}

#footer h1 {
	margin: 0;
	float: right;
}

#footer h1 a{
	display: block;
	width: 162px;
	height: 60px;
	text-indent: -10000px;
	outline: none;
	border: 0;
	background: url(images/backgrounds/foot_logo.jpg) no-repeat;
	margin-top: 43px;
	margin-right: 20px;
}


/*============================= GENERIC BODY ================================*/

h2 {
	font-size: 2.0em;
	font-weight: bold;
	color: #fff;
	width: 450px;
	margin-bottom: 30px;
}
	h2 a {
		color: #fff;
		text-decoration: none;
	}
	
.archive h2 {
	font-size: 2em;
}
	
.archive h2.pagetitle {
	border-bottom: 5px solid #003653;
	width: 563px;
	padding-bottom: 4px;
	margin-bottom: 40px;
	font-size: 2.0em;
}

.search h2 {
	font-size: 2em;
}

.search h2.pagetitle {
	border-bottom: 5px solid #003653;
	width: 563px;
	padding-bottom: 4px;
	margin-bottom: 40px;
	font-size: 2.0em;
}

.narrowcolumn .post {
	background: url(images/backgrounds/heading_wide.jpg) no-repeat 0 30px;
	margin-bottom: 45px;
}	

.narrowcolumn .firstpost {
	background: url(images/backgrounds/heading_wide_first.jpg) no-repeat 0 30px;
	margin-bottom: 45px;
}


.narrowcolumn .post small.date {
	float: right;
	text-align: right;
	font-size: 1.9em;
	font-weight: bold;
	margin-top: -53px;
}

.narrowcolumn .post p {
	font-size: 1.3em;
	line-height: 1.4em;
	margin-top: 20px;
	padding: 0 4px;
}
.narrowcolumn .post a {
	color: #fff;
}

.narrowcolumn .post a.more-link {
	color: #fff;
	display:  block;
	margin-top: 15px;
}

.narrowcolumn .post p.postmetadata {
	background-color: #002039;
	border: 2px solid #003653;
	font-size: 1.5em;
	font-weight: bold;
	padding: 0px 10px;
	color: #003653;
	height: 36px;
	line-height: 36px;
}

.narrowcolumn .post p.postmetadata a {
	height: 20px;
	padding: 9px;
	color: #E6E6E6;
	text-decoration: none;
}
	.narrowcolumn .post p.postmetadata a:hover {
		text-decoration: underline;
	}

.narrowcolumn .post p.postmetadata .metacategory {
	height: 30px;
	padding: 5px;
	background: url(images/backgrounds/metacategory.jpg) no-repeat;
	padding-left: 24px;
	color: #E6E6E6;
}
.narrowcolumn .post p.postmetadata .metacategory a {
	padding-right: 3px;
	padding-left: 5px;
}

.narrowcolumn .post p.postmetadata .metacomments {
	height: 30px;
	padding: 5px;
	background: url(images/backgrounds/metacomments.jpg) 4px 4px no-repeat;
	padding-left: 39px;
	color: #E6E6E6;
}

.narrowcolumn .post .alt .metacomments {
	
}

code, pre {
	display: block;
	font-family: Monaco, Courier New, Courier, monospace;
	font-size: 1.5em;
	font-weight: normal;
	color: #B7DEE8;
	background: #000D16;
	border-top: 2px solid #001B34; 
	border-bottom: 2px solid #001B34;
	padding: 19px 23px;
	margin-top: 22px;
}

.image_shadow {
	margin: auto;
	background: url(images/backgrounds/image_bottom.jpg) no-repeat center bottom;
	padding-bottom: 39px;
	width: 540px;
}

.image_shadow img {
	display: block;
	margin: auto;
	width: 540px;
}


/*=========== COMMENTS ===========*/

.commentblock {
	background: url(images/backgrounds/heading_wide.jpg) no-repeat 0px 30px;
	margin-bottom: 45px;
}

ol.commentlist {
	margin: 0;
	padding: 0;
}

ol.commentlist li{
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	padding-top: 15px;
}

	ol.commentlist li img {
		display: block;
		float: left;
		border: 1px solid #8c9ba3;
	}
	
	ol.commentlist li cite.fn {
		margin-left: 10px;
		font-size: 1.6em;
		color: #fff;
		font-weight: bold;
		font-style: normal;
	}
	
	ol.commentlist li a.url {
		text-decoration: none;
		color: #fff;
	}
		ol.commentlist li a.url:hover {
			text-decoration: underline;
		}
	
	ol.commentlist li .commentmetadata {
		margin-left: 60px;
	}

		ol.commentlist li .commentmetadata a{
			font-size:  1.5em;
			color: #29A8DF;
			font-weight: bold;
			text-decoration: none;
		}
			ol.commentlist li .commentmetadata a:hover {
				text-decoration: underline;
			}
	
	ol.commentlist li p {
		clear: left;
		margin-left: 60px;
		font-size:  1.4em;
	}
	
div#respond h2 {
	margin-bottom: 15px;
}	

form#commentform {
	background-color: #00182D;
	border: 2px solid #003653;
	font-size: 1.2em;
	font-weight: bold;
	padding: 20px;
	color: #fff;
	overflow: hidden;
	zoom: 1;
}
	form#commentform label {
		font-size: 1.2em;
		color: #fff;
		padding-top: 5px;
		display: block;
		margin: 0;
		padding: 0;
	}
	form#commentform p {
		margin-top: 7px;
	}
	
	form#commentform p a {
		color: #fff;
	}

	form#commentform input#author, input#email, input#url {
		background: url(images/backgrounds/comment_textfield.gif) no-repeat;
		border: none;
		width: 334px;
		height: 27px;
		
		line-height: 24px;
		padding: 6px 10px 0 10px;
		font-weight: bold;
		font-size: 1em;
		color: #3C3C3C;
	}
	
	form#commentform textarea#comment {
		background: url(images/backgrounds/comment_textarea.gif) no-repeat;
		border: none;
		width: 496px;
		height: 128px;
		font-family: Helvetica, Arial, sans-serif;
		line-height: 27px;
		padding: 7px 10px;
		font-weight: bold;
		font-size: 1em;
		color: #3C3C3C;
	}
	
	form#commentform input#submit {
		background: url(images/backgrounds/search_arrow.gif) no-repeat center right;
		color: #fff;
		text-transform: uppercase;
		text-align: right;
		padding-right: 20px;
		font-size: 1em;
		font-weight: bold;
		border: 0;
		float: right;
	}
	
/*=========== SEARCH FORM ============*/

.search form#searchform input#s {
	background: url(images/backgrounds/comment_textfield.gif) no-repeat;
	border: none;
	width: 334px;
	height: 27px;
	line-height: 27px;
	padding: 0px 10px;
	font-weight: bold;
	font-size: 1.5em;
	float: left;
	color: #3C3C3C;
	margin-right: 10px;
}	
	.search form#searchform input#searchsubmit {
		background: url(images/backgrounds/search_arrow.gif) no-repeat center right;
		color: #fff;
		text-transform: uppercase;
		text-align: right;
		padding-right: 20px;
		margin-top: 3px;
		font-size: 1.5em;
		font-weight: bold;
		border: 0;
		float: left;
	}	


/*=========== SIDEBAR ===========*/

#sidebar ul {
	padding: 0;
}

#sidebar ul li {
	background: url(images/backgrounds/heading_narrow.jpg) no-repeat 0 30px;
	margin-bottom: 20px;
}
	#sidebar ul li ul{
		padding: 0;
		margin: 0;
	}
	
	#sidebar ul li ul li {
		background: none;
		margin-bottom: 0px;
	}

	#sidebar ul li a {
		display: block;
		padding: 0;
		margin: 0;
		width: 329px;
		padding: 0px 6px;
		height: 39px;
		line-height: 39px;
		font-size: 1.5em;
		font-weight: bold;
		color:  #E6E6E6;
		text-decoration: none;
		background: url(images/backgrounds/search_arrow.gif) 93% 50% no-repeat;
	}
	
	#sidebar ul li a:hover {
		background: #00203A url(images/backgrounds/search_arrow_light.gif) 93% 50% no-repeat;
	}
	
#sidebar ul li.widget_categories ul li, #sidebar ul li.widget_archive ul li{
	display: block;
	padding: 0;
	margin: 0;
	width: 341px;
	height: 39px;
	line-height: 39px;
	font-size: 1.3em;
	font-weight: normal;
	color:  #E6E6E6;
	text-decoration: none;
	background: url(images/backgrounds/search_arrow.gif) 93% 50% no-repeat;
}
	#sidebar ul li.widget_categories ul li:hover, #sidebar ul li.widget_archive ul li:hover{
		background: #00203A url(images/backgrounds/search_arrow_light.gif) 93% 50% no-repeat;
	}

	#sidebar ul li.widget_categories ul li a, #sidebar ul li.widget_archive ul li a{
		display: inline;
		background: none;
		font-size: 1.2em;
	}

#sidebar div.textwidget {
	font-size: 1.4em;
}

#sidebar .widget_recent_entries {
	background: url(images/backgrounds/heading_narrow_first.jpg) no-repeat 0px 30px;
}