/*
Theme Name: Stunning Silence
Theme URI: http://brandonwang.org
Description: Clean theme that emits an air of stunning silence, but feel free to interrupt the quiet with options to tweak every small thing. This theme is for both serious customizers and people who want a it-just-works design. Be sure to visit the options page for some serious customizing without coding a single line.
Author: Brandon Wang
Author URI: http://brandonwang.org/
version: 1.1.2
Tags: white, blue, two-columns, fixed-width, theme-options, custom-colors
*/

/* ----- BASICS */

body {
	font-family: Arial, Helvetica, sans-serif;
	/* 1 em = 10px, 1.2 em = 12px, so on */
	font-size: 62.5%;
	padding: 0;
	margin: 0;
}

.container {
	width: 850px;
	margin: 0 auto;
}

#content {
	float: left;
	width: 600px;
	margin-top: 15px;
	margin-bottom: 30px;
}

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

/* ----- NAVIGATION */

#nav {
	width: 100%;
	height: 22px;
	font-size: 1.4em;
	background-color: #DDD;
	position: fixed;
	top: 0px;
	padding-top: 5px;
	text-transform: lowercase;
	color: #AAA;
	border-top: 10px solid #FFF;
	border-bottom: 1px solid #FFF;
}

#nav ul {
	list-style: none;
	display: inline;
	padding: 0;
	margin: 0;
}

#nav ul li {
	display: inline;
	margin-right: 10px;
}

#nav ul li a {
	color: #555;
	text-decoration: none;
}

/* ----- HEADER */

#header {
	width: 100%;
	height: 105px;
	margin-top: 50px;
	padding-top: 45px;
	background: #bfcfd7 url(images/headergrad.jpg) repeat-x bottom;
}

#header h1 {
	padding: 0;
	margin: 0;
	text-tranform: lowercase;
	font-weight: 100;
	font-size: 3em;
	display: inline;
}
	
#header h1 a {
	text-decoration: none;
	color: inherit;
}

#header h1 a:hover {
	color: #666;
}

#header h2 {
	color: #999;
	margin-left: 20px;
	font-size: 1.6em;
	font-weight: 100;
	display: inline;
	text-transform: lowercase;
}

#header #blogtitle {
	width: 525px;
	float: left;
	display: block;
}

#header #twitter {
	width: 250px;
	float: right;
	display: block;
	margin-top: 0px;
	padding-right: 22px;
	background: url(images/twitter.png) no-repeat top right;
	text-align: right;
}

#header #twitter #twitter_update_list {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: right;
}

#header #twitter a {
	text-decoration: none;
	color: #666;
}

/* ----- CONTENT */

.pagetitle {
	font-weight: 100;
	font-size: 2em;
	text-transform: lowercase;
	border-bottom: 1px solid #CCC;
	margin-bottom: 30px;
}

#sidebar #blurb {
	background: #9fb3bc;
	width: 190px;
	padding: 0 5px 5px 5px;
}

#searchform #s {
	width: 180px;
	border: 1px solid #FFF;
	padding: 4px;
	background: #C9D1D4;
}

.post {
	border-bottom: 1px solid #DDD;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.post:last-child {
	border-bottom: none;
	margin-bottom: 0px;
}

.post h2 {
	font-size: 2.5em;
	font-weight: 100;
	color: #666;
	padding: 0;
	margin: 0 0 5px 0;
}

.post h2 a {
	color: #666;
	text-decoration: none;
	border-bottom: 1px dashed #DDD;
}

.post h2 a:hover {
	color: #444;
	border-bottom: 1px solid #DDD;
}

.post p, .post ul, .post ol {
	font-size: 14px;
	color: #333;
}

.post a {
	color: #39F;
}

.post .beforemeta, .post .aftermeta {
	font-size: 1em;
	color: #AAA;
	padding: 0;
	margin: 0;
	text-transform: lowercase;
}

.post .aftermeta a {
	color: #888;
	text-decoration: none;
}

/* ----- COMMENTS */

#commentform {
	background:#fff;
	margin: 0;
	padding: 0;
	}
	
#commentform p{
	color: #000;
	}
	
#commentform a {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #465D71;
	line-height: 1.4em;
}
	
#commentform h3{
	margin:0;
	padding:0;
	}
	
#comment {
	width: 80%;
	font-size: 1.2em;
}

#author, #email, #url, #comment, #submit{
	background: #fff;
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 5px 5px 0 0;
	padding: 5px;
	border: 1px solid #C9D1D4;
	}

#comment {
	width: 590px;
}
	
#submit {
	margin:5px 5px 0 0;
	float: right;
}

#comments{margin:0; padding:0}
	
ol.commentlist {list-style-type: none; margin:0; padding:0;}

.avatar{float:left; margin:0 12px 0 0;}

ol.commentlist li {
	background: #fff;
	margin:10px 0;
	padding:5px 0 5px 10px;
	list-style-type:none;
	}

ol.commentlist li.alt {background: #eee;}
ol.commentlist li p {
	margin: 6px 0 6px 0;
	padding: 0 12px 0 0;
	font-size: 1.2em;
	line-height: 1.8em;
}

ol.commentlist a {color:#000;}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}

/* ----- SIDEBAR */

#sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#sidebar p {
	line-height: 1.8em;
	font-size: 1.2em;
}

#sidebar ul li {
	padding: 0;
	margin: 0 0 30px 0;
}

#sidebar ul ul li {
	padding: 0;
	font-size: 1.2em;
	line-height: 1.8em;
	margin: 0;
	padding-bottom: 2px;
	margin-bottom: 2px;
	border-bottom: 1px solid #EEE;
}

#sidebar ul ul ul li {
	padding: 0;
	margin: 0 0 0 10px;
	padding-bottom: 2px;
	margin-bottom: 2px;
	border-bottom: 1px solid #EEE;
	font-size: 0.8em;
	line-height: 1.4em;
}

#sidebar h2 {
	font-weight: 100;
	font-size: 1.8em;
	color: #555;
	text-transform: lowercase;
	border-bottom: 1px solid #DDD;
}

#sidebar a {
	color: #555;
}

/* ----- MISC */

.navigation {
	color: #888;
	font-size: 1.1em;
	text-transform: lowercase;
	padding: 5px 7px;
	background: #DDD;
	clear: both;
	height: 17px;
	margin: 5px 0;
}

.navigation a {
	color: #888;
	text-decoration: none;
}

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

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

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

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
	
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

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

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* ----- FOOTER */

#footer {
	background: #999;
	clear: both;
	width: 100%;
	color: #FFF;
	padding: 0;
	margin: 0;
	font-size: 1.2em;
}

#footer a {
	color: #FFF;
}

#footer .container {
	height: 50px;
	background: url(images/footerlogo.jpg) no-repeat right;
}

#footer .container #left {
	margin-top: 15px;
	float: left;
}

#footer .container #right {
	float: right;
	margin-right: 100px;
	margin-top: 15px;
}