/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	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

*/

* {
	margin: 0;
	padding: 0;
	outline: 0;
}

a img { border: 0; }

body {
	background: #fff url(images/background.gif) repeat-x top;
	font-family: "Lucida Grande", Arial, Tahoma;
	font-size: 13px;
	font-weight: normal;
	color: #555;
}

div#header {
	width: 100%;
	background: url(images/header-bg.gif) no-repeat top center;
}

	div#header div.wrapper {
		width: 961px;
		padding: 0 0 0 24px;
		margin: 0 auto;
	}

	div#header h1 a {
		width: 333px; height: 54px;
		background: url(images/logo.gif) no-repeat;
		text-indent: -10000px;
		margin: 41px 0 0 0;
		float: left;
	}

	div#header p.ad {
		width: 468px; height: 60px;
		margin: 35px 24px 32px 0;
		float: right;
	}

	div#header ul {
		width: 937px; height: 18px;
		padding: 9px 0;
		clear: both;
	}

		div#header ul li {
			list-style: none;
			border-left: 1px solid #c3c3c3;
			padding: 0 0 0 16px;
			float: left;
		}

			div#header ul li.first { border: 0; padding: 0; }

			div#header ul li a {
				font-size: 14px;
				font-weight: bold;
				color: #404040;
				text-decoration: none;
				margin: 0 16px 0 0;
			}

				div#header ul li a:hover {
					color: #5697f4;
					border-bottom: 1px solid #5697f4;
				}

div#subheader {
	width: 100%;
	background: #5f94ce url(images/subheader-bg.gif) repeat-x top;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
}

	div#subheader div.wrapper {
		width: 985px;
		background: #3a77bb url(images/subheader-content-bg.gif) repeat-x top;
		padding: 12px 0 17px 0;
		margin: 0 auto;
		overflow: hidden;
	}

	div#subheader div#popular-posts {
		width: 293px;
		margin: 0 35px 0 17px;
		float: left;
	}

	div#subheader div#newsletter {
		width: 293px;
		margin: 0 35px 0 0;
		float: left;
	}
	
		div#subheader div.newsletter {
			width: 295px; height: 114px;
			background: url(images/newsletter-background.gif) no-repeat;
			font-size: 16px;
			color: #555;
			padding: 14px 0 0 0;
		}
		
		div#subheader div.newsletter p.description {
			text-align: center;
			padding: 0 10px 14px 10px;
		}
		
		div#subheader form#newsletterform { padding: 0 0 14px 0; overflow: hidden; }

			div#subheader form#newsletterform p {
				float: left;
			}

			div#subheader form#newsletterform p label {
				width: 65px;
				padding: 0 5px 0 0;
				text-align: right;
				font-size: 12px;
				color: #999;
				clear: left;
				float: left;
			}

			div#subheader form#newsletterform p input {
				width: 148px; height: 16px;
				background: #fff;
				font-family: "Lucida Grande", Arial, Tahoma;
				font-size: 12px;
				border: 1px solid #cdcdcd;
				padding: 2px;
				margin: 0 0 6px 0;
			}

			div#subheader form#newsletterform p input#go {
				width: 44px; height: 38px;
				background: url(images/go-submit.gif) no-repeat;
				font-size: 0.1em;
				font-size: 0;
				color: #2994d0;
				text-align: left;
				border: 0;
				margin: 4px 22px 0 0;
				float: right;
				cursor: pointer;
			}

	div#subheader div#about {
		width: 293px;
		color: #b8cfe9;
		margin: 0 17px 0 0;
		float: right;
	}

		div#subheader h3 {
			font-family: Arial, Verdana, Sans-Serif;
			font-size: 13px;
			font-weight: bold;
			color: #fff;
			text-transform: uppercase;
			padding: 5px 0;
			margin: 0 0 8px 0;
			border-bottom: 1px solid #91b5dd;
		}

		div#subheader a {
			color: #b8cfe9;
			text-decoration: none;
			border-bottom: 1px solid #b8cfe9;
		}

			div#subheader div#about a {
				color: #fff;
				text-decoration: none;
				border-bottom: 1px solid #fff;
			}

			div#subheader a:hover { border: 0; }

		div#subheader ul li {
			list-style: none;
			padding: 0 0 8px 0;
		}

div#body {
	width: 100%;
	background: url(images/body-bg.gif) repeat-x top;
}

div#shadow {
	width: 100%;
	background: url(images/body-shadow.gif) repeat-x bottom;
}

	div#body div.wrapper {
		width: 1011px;
		background: url(images/body-content-bg.gif) repeat-y center;
		margin: 0 auto;
		overflow: hidden;
	}

	div#body div.lowershadow {
		width: 1011px;
		background: url(images/body-content-shadow.gif) no-repeat bottom;
		overflow: hidden;
	}

	div#body div#sidebar {
		width: 298px;
		background: url(images/sidebar-top.gif) no-repeat;
		line-height: 18px;
		padding: 14px 28px 14px 14px;
		float: right;
	}

		div#sidebar a.subscribe {
			width: 221px; height: 61px;
			background: url(images/rss-icon.gif) no-repeat left;
			color: #b3b3b3;
			text-decoration: none;
			padding: 3px 0 3px 77px;
			margin: 0 0 14px 0;
			display: block;
		}

			div#sidebar a.subscribe strong {
				font-size: 14px;
				font-weight: bold;
				color: #404040;
				margin: 0 0 5px 0;
				display: block;
			}

			div#sidebar a.subscribe:hover { text-decoration: none; }

		div#sidebar h4.newsletter {
			font-size: 14px;
			font-weight: bold;
			color: #404040;
			margin: 0 0 10px 0;
		}
		
		div#sidebar form#newsletterform { padding: 0 0 14px 0; overflow: hidden; }
		
			div#sidebar form#newsletterform p {
				float: left;
			}
			
			div#sidebar form#newsletterform p label {
				width: 65px;
				padding: 0 5px 0 0;
				text-align: right;
				font-size: 12px;
				color: #999;
				clear: left;
				float: left;
			}
			
			div#sidebar form#newsletterform p input {
				width: 148px; height: 16px;
				background: #fff;
				font-family: "Lucida Grande", Arial, Tahoma;
				font-size: 12px;
				border: 1px solid #cdcdcd;
				padding: 2px;
				margin: 0 0 6px 0;
			}
			
			div#sidebar form#newsletterform p input#go {
				width: 44px; height: 38px;
				background: url(images/go-submit.gif) no-repeat;
				font-size: 0.1em;
				font-size: 0;
				color: #2994d0;
				text-align: left;
				border: 0;
				margin: 4px 22px 0 0;
				float: right;
				cursor: pointer;
			}

		div#sidebar a {
			color: #3b3b3b;
			text-decoration: none;
		}

			div#sidebar a:hover { text-decoration: underline; }

		div#sidebar h3 {
			width: 239px;
			background: url(images/sidebar-header.gif) no-repeat top;
			line-height: 22px;
			font-size: 14px;
			font-weight: bold;
			color: #404040;
			padding: 9px 19px 9px 41px;
		}

		div#sidebar div.sidebar-box {
			width: 262px;
			background: url(images/sidebar-box.gif) repeat-y left;
			padding: 0 18px 9px 19px;
			overflow: hidden;
		}

			div#sidebar div.sidebar-box ul li {
				list-style: none;
				color: #000;
				padding: 0 0 8px 0;
			}
			
			div#sidebar div.sidebar-box p.ad a img {
				margin: 0 3px 6px 3px;
				float: left;
			}

		div#sidebar div.sidebar-bottom {
			width: 299px; height: 26px;
			background: url(images/sidebar-box-bottom.gif) no-repeat top;
		}

	div#body div#content {
		width: 621px;
		background: url(images/content-top.gif) no-repeat top left;
		padding: 19px 19px 19px 31px;
		float: left;
	}

		div#content div.twitter {
			width: 621px;
			background: url(images/twitter-content.gif) repeat-y left;
			line-height: 18px;
			margin: 0 0 19px 0;
		}

			div#content div.twitter div.twitter-content {
				width: 455px;
				background: url(images/twitter-bg.png) no-repeat top left;
				padding: 19px 147px 12px 19px;
			}

				div#content div.twitter div.twitter-content p { padding: 0; }

				div#content div.twitter div.twitter-content a {
					color: #b5b5b5;
					text-decoration: none;
					display: block;
				}

					div#content div.twitter div.twitter-content a:hover { text-decoration: none; }

			div#content div.twitter div.twitter-bottom {
				width: 493px; height: 7px;
				background: url(images/twitter-bottom.gif) no-repeat top;
			}

		div#content p {
			padding: 0 0 10px 0;
		}

		div#content a {
			color: #408def;
			text-decoration: underline;
		}

			div#content a:hover { text-decoration: none; }

		div#content div.post {
			padding: 0 0 19px 0;
		}

			div#content div.post p.date {
				width: 54px;
				background: #408def;
				font-family: Helvetica, Arial, Sans-Serif;
				font-size: 18px;
				font-weight: bold;
				color: #9fc8fa;
				text-transform: uppercase;
				text-align: center;
				padding: 3px 0;
				margin: 0 15px 0 0;
				float: left;
			}

			div#content h2, div#content h2 a {
				font-family: Helvetica, Arial, Sans-Serif;
				font-size: 30px;
				font-weight: bold;
				color: #404040;
				text-decoration: none;
			}

				div#content h2 a { text-decoration: underline; }

					div#content h2 a:hover { text-decoration: none; }
					
			div#content h2.pagetitle { font-size: 24px; padding: 0 0 20px 0; }
			
			div#content p.meta {
				font-size: 12px;
				color: #a7a7a7;
				padding: 10px 0;
				clear: both;
			}

				div#content p.meta a {
					color: #a7a7a7;
					text-decoration: none;
				}

					div#content p.meta a:hover { text-decoration: underline; }
					
		div#content h2#comments {
			line-height: 43px;
			background: url(images/comments-header.gif) no-repeat top left;
			padding: 0 0 20px 68px;
		}
		
		div#content h2#respond { font-size: 24px; padding: 0 0 20px 0; }
		
		div.comment {
			width: 621px;
			background: url(images/comment-background.gif) repeat-y right;
			margin: 0 0 14px 0;
			overflow: hidden;
		}
		
			div.comment div.meta {
				width: 129px;
				background: url(images/comment-meta.gif) no-repeat top right;
				text-align: right;
				padding: 8px 40px 5px 0;
				float: left;
			}
			
				div#content div.comment div.meta a {
					font-weight: bold;
					color: #000;
					text-decoration: none;
				}
				
					div#content div.comment div.meta a:hover { text-decoration: underline; }
					
				div.comment div.meta span { color: #969696; display: block; }
			
			div.comment div.content {
				width: 427px;
				background: url(images/comment-top.gif) no-repeat top right;
				padding: 15px 15px 0 10px;
				float: right;
			}
			
				div.comment div.content p { padding: 0; }
			
			div.comment div.comment-bottom {
				width: 461px; height: 7px;
				background: url(images/comment-bottom.gif) no-repeat top;
				clear: right;
				float: right;
			}
		
		div#content form#commentform label {
			width: 120px;
			font-size: 12px;
			font-weight: bold;
			color: #5d666d;
			text-align: right;
			padding: 0 10px 0 0;
			display: block;
			float: left;
			clear: both;
		}
		
		div#content form#commentform input#author,
		div#content form#commentform input#email,
		div#content form#commentform input#url {
			width: 394px; height: 15px;
			background: #fff;
			font-family: "Lucida Grande", Arial, Tahoma;
			font-size: 12px;
			font-weight: normal;
			color: #5d666d;
			padding: 3px;
			margin: 0 0 0 130px;
			border: 1px solid #cdcdcd;
			display: block;
		}
		
		div#content form#commentform textarea {
			width: 392px; height: 111px;
			background: #fff;
			font-family: "Lucida Grande", Arial, Tahoma;
			font-size: 12px;
			font-weight: normal;
			color: #5d666d;
			padding: 5px;
			margin: 0 0 0 130px;
			border: 1px solid #cdcdcd;
		}
		
		div#content form#commentform p.submit { text-align: center; }
		
		div#content form#commentform input#submit {
			width: 120px; height: 27px;
			background: url(images/add-comment.gif) no-repeat;
			font-size: 0.1em;
			font-size: 0;
			color: #eff2f5;
			text-align: left;
			margin: 0 auto;
			border: 0;
			overflow: hidden;
			cursor: pointer;
		}
		
		div.navigation {
			padding: 20px 0 0 0;
		}

			div.navigation div.alignright { float: right; }

			div.navigation div.alignleft { float: left; }

			div#content div.navigation a { font-weight: bold; color: #242424; }

div#subfooter {
	width: 100%;
	background: #3267a2 url(images/subfooter-bottom.gif) repeat-x bottom;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
}

	div#subfooter div.wrapper {
		width: 985px;
		background: #295484 url(images/subfooter-content.gif) repeat-x top;
		padding: 12px 0 17px 0;
		margin: 0 auto;
		overflow: hidden;
	}

	div#subfooter div#featured-sites {
		width: 293px;
		margin: 0 35px 0 17px;
		float: left;
	}

	div#subfooter div#commentators {
		width: 293px;
		color: #99bbe0;
		margin: 0 35px 0 0;
		float: left;
	}

	div#subfooter div#friends-blogs {
		width: 293px;
		margin: 0 17px 0 0;
		float: right;
	}

		div#subfooter h3 {
			font-family: Arial, Verdana, Sans-Serif;
			font-size: 13px;
			font-weight: bold;
			color: #fff;
			text-transform: uppercase;
			padding: 5px 0;
			margin: 0 0 8px 0;
			border-bottom: 1px solid #91b5dd;
		}

		div#subfooter a {
			color: #b8cfe9;
			text-decoration: none;
			border-bottom: 1px solid #b8cfe9;
		}

			div#subfooter div#commentators a {
				color: #e2ebf6;
				text-decoration: none;
				border: 0;
			}

				div#subfooter div#commentators a:hover { border-bottom: 1px solid #e2ebf6; }

			div#subfooter a:hover { border: 0; }

		div#subfooter ul li { list-style: none; }
		div#subfooter ul li,
		div#subfooter ol li {
			list-style-position: inside;
			padding: 0 0 8px 0;
		}

div#footer {
	width: 100%;
	background: url(images/footer-bg.gif) repeat-x top;
}

	div#footer div.wrapper {
		width: 985px;
		margin: 0 auto;
	}

	div#footer ul {
		height: 18px;
		padding: 9px 0;
		float: right;
		clear: both;
	}

		div#footer ul li {
			list-style: none;
			border-left: 1px solid #c3c3c3;
			padding: 0 0 0 16px;
			float: left;
		}

			div#footer ul li.first { border: 0; padding: 0; }

			div#footer ul li a {
				font-size: 14px;
				font-weight: bold;
				color: #404040;
				text-decoration: none;
				margin: 0 16px 0 0;
			}

				div#footer ul li a:hover {
					border-bottom: 1px solid #404040;
				}

	div#footer p {
		font-size: 14px;
		font-weight: bold;
		line-height: 36px;
		padding: 0 0 0 16px;
	}