/*  
Theme Name: SkyMallWTF
Theme URI: http://www.skymallwtf.com/
Description: Theme for the blog, SkyMall WTF.
Version: .9
Author: Brandon Hunt & Joe Wagner
Author URI: http://www.brandondhunt.com/

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */

body,h1,h2,h3,h4,h5,h6,p,block,img,div{ margin: 0; padding: 0; }

body { font-family: Arial, Helvetica, sans-serif; background-color: #eeeeee;}

img { border: none; }

/* Images */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #A61C20;
	padding-top: 4px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

p {
	color:#333333;
	font-size:12px;
	line-height: 16px;
	}

a { color: #CC0000; text-decoration: none; }

a:hover { color: #FF0000;text-decoration: underline; }

.backgroundcontainer {
	display: block;
	width: 1022px;
	margin-left: auto;
	margin-right: auto;
	}

.bckgrndcontainerfloater {
	display: block;
	background-color: #FFFFFF;
	width: 1024;
	float: left;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-right-width: 1px;
	}

.centerizer {
	display: block;
	width: 960px;
	margin-left: 32px;
	margin-right: 32px;
	float: left;
	}
			
.header {
	width: 960px;
	display: block;
	margin-top: 30px;
	margin-bottom: 15px;
	float: left;
	}
	
.illustration { float: right; }

.logo { margin-top: 27px; }
	
.slogan {
	display: block;
	margin-top: 30px;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	color: #333333;
	}

.whilebrowsing {
	display: block;
	float: left;
	width: 950px;
	background-color:#000000;
	color:#FFFFFF;
	font-size: 11px;
	text-align: right;
	padding: 5px;
	text-transform:uppercase;
	}
	
.maincontent { float: left; }

.navigation {
	display: block;
	width: 635px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 25px;
	font-size: 14px;
	}
	
.navigation .alignleft {
	float: left;
	}
	
.navigation .alignright {
	float: right;
	}

/*#########################################*/
/*#########################################*/
/* Left Side Bar */
/*#########################################*/
/*#########################################*/

.left_sidebar {
	display: block;
	float: left;
	width: 298px;
	background-color:#efefef;
	border-left-color:#b0b0b0;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color:#b0b0b0;
	border-right-style: solid;
	border-right-width: 1px;
	font-size: 10px;
	color: #666666;
	}
	
.searchbox h1 {
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	padding-top: 0 px;
	}
	
.left_sidebar a h1, .left_sidebar h2 {
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	padding-top: 13px;
	}
	
.left_sidebar div, .left_sidebar a {
	margin: 0;
	display: block;
	float: left;
	width: 268px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
	border-bottom-color:#b0b0b0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color:#FFFFFF;
	border-top-style: solid;
	border-top-width: 1px;
	text-decoration: none;
	color: #666666;
	}
	
.left_sidebar a:hover { color:#CC0000; }

.left_sidebar a:hover h1 { color:#CC0000; }

.left_sidebar img { float: left; margin-right: 5px; }

.searchbox form { margin-top: 5px; }

.searchbox input {
	border-color:#999999;
	border-style: solid;
	border-width: 1px;
	margin: 0;
	padding: 3px;
	font-size: 10px;
	}
	
#searchboxtext { color:#666666; float: left;}

#searchboxbutton { color: #CC0000; float: right; padding-left: 5px; padding-right: 5px; }

#ads { 
	background-color:#CCCCCC;
	padding-top: 15px;
	padding-bottom: 0px;
	}
#ads img {	
	float: left;
	margin: 0px;
	margin-bottom: 15px;
	}
#ads a {
	width: auto;
	float: left;
	maring: 0px;
	maring-bottom: 15px;
	display: inline;
	padding: 0;
	border: none;
	}
	
.left_sidebar ul {
	display: block;
	margin: 0px;
	padding: 0px;
	}

.left_sidebar li {
	margin: 0;
	display: block;
	float: left;
	width: 268px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
	border-bottom-color:#b0b0b0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color:#FFFFFF;
	border-top-style: solid;
	border-top-width: 1px;
	text-decoration: none;
	color: #666666;
	list-style: none;
	background-image: url(http://www.skymallwtf.com/images/info_icons.jpg);
	background-repeat: no-repeat;
	background-position: 15px 30px;
	}
	
.left_sidebar ul li h2 {
	padding-left: 54px;
	width: 200px;
	}
	
.left_sidebar ul ul {
	display: block;
	margin-left: 20px;
	margin-top: 30px;
	padding: 0;
	width: 250px;
	border: none;
	list-style: none;
	}
	
.left_sidebar ul ul li {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	}
	
.left_sidebar li a {
	width: 200px;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	border:none;
	text-decoration: none;
	color: #666666;
	list-style: none;
	font-size: 12px;
	}
	
/*#########################################*/
/*#########################################*/

.livespace {
	display: block;
	float: right;
	width: 660px;
	}
	
.blogpost {
	width: 635px;
	margin-top: 30px;
	margin-left: 25px;
	margin-bottom: 35px;
	padding-bottom: 20px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 5px;
	}
	
.blogpost img {
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	float: left;
	}
	
.blogpost h1 {
	margin-left: 190px;
	color: #000000;
	font-weight: normal;
	font-size: 28px;
	margin-bottom: 16px;
	}
	
.blogpost p { 
	margin-bottom: 18px; 
	margin-left: 190px;
	}
	
.email {
	display: block;
	float: right;
	background-image: url(images/email_icon.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width: 38px;
	}
	
.comments_amount {
	font-size: 13px;
	color: #FFFFFF;
	background-image: url(images/comments_icon.jpg);
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 28px;
	width: 32px;
	margin-right: 5px;
	padding-top: 4px;
	text-align: center;
	font-weight: bold;
}

.comments_amount a { color: #FFFFFF; }

/*#########################################*/
/*#########################################*/
/* Single Page */
/*#########################################*/
/*#########################################*/

.singlepage {
	display: block;
	width: 600px;
	margin-top: 30px;
	margin-left: 25px;
	margin-bottom: 35px;
	padding-bottom: 20px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 5px;
	}
	
.singlepage h1 {
	color: #000000;
	font-weight: normal;
	font-size: 28px;
	margin-bottom: 16px;
	}
	
.singlepage p { 
	margin-bottom: 18px; 
	}
		
.postpic {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	}

	
/*#########################################*/
/*#########################################*/
/* Comments */
/*#########################################*/
/*#########################################*/
	
.comments {
	clear: both;
	width: 600px;
	float: left;
	margin-top: 30px;
	margin-left: 25px;
	}

ol.commentlist {
	list-style: none;
	display: block;
	float: left;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 50px;
	}
	
ol.commentlist li {
	display: block;
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	}
	
ol.commentlist .gravatar {
	display: block;
	float: left;
	width: 90px;
	}
	
ol.commentlist .comment_details {
	display: block;
	float: left;
	width: 350px;
	}
	
h3#respond {
	clear: both;
	}