/*  
Theme Name: Zdot Gray
Theme URI: http://timshadel.com/
Description: Custom theme based on several other sites.
Version: 1.0
Author: Tim Shadel
Author URI: http://timshadel.com/
*/

/*-------------------------------------------------------------
  TABLE OF CONTENTS
    0. COLOR PALLETTE
	1. BODY
	2. HEADER
	3. WRAPPER BAND LAYOUT (no formatting)
	4. CONTENT FORMATTING
	5. SIDEBAR FORMATTING
	6. WIDGETS
	7. FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/*-------------------------------------------------------------
  0. COLOR PALLETTE

	#303030 -- Dark gray; header background, drop shadows
	#aa2626 -- Deep maroon-ish; highlights, links
	#fff    -- White; callout text on dark backgrounds
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

body {
	background-color: #fff;
	color: #555;
}

#header {
	background-color: #303030;
}

#helpfuls li a {
	color: #aaa;
}

#helpfuls li a:hover {
	color: #d8d8d8;
}

#pageheader h1 a {
	display: block;
	background: url(images/tim-shadel-logo.png) center left no-repeat;
	width: 301px;
	height: 88px;
	text-indent: -9999px;
	float: left;
	margin-left: 12px;
}

.nav li {
	list-style: none;
}

.nav li a {
	color: #999;
	text-shadow: #000 1px 1px 1px;
}
.nav li a:hover {
	color: #fff;
}

.nav li.current a {
	color: #fff;
	background-color: #aa1500;
	text-shadow: #303030 1px 1px 1px;
}

#search input.text {
	background-color: #5a5a5a;
	border: 1px solid #666;
	color: #aaa;
}

#search .button {
	border-color: #888;
	background-color: #666;
	color: #bbb;
}

/*----
 * Lighten up the search button when you hover over it
 */
#search input.button:hover {
	color: #fff;
	border-color: #aaa;
}

input.text {
	background: #f5f5f5;
	border: 1px solid #ccc;
	color: #666;
}

.button {
	border: 1px solid #a3a3a3;
	color: #246;
	background: #e5e5e5;
}


/*-------------------------------------------------------------
  1. BODY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

a { color: #2583ad; text-decoration: none; font-weight: bold; }
a:hover { color: #882626; }

body {
	font-family: Georgia, Verdana, "Lucida Grande", Helvetica, "Bitstream Vera Sans", Arial, sans-serif;
	line-height: 1.7;
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6, .nav {
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

textarea {
	max-width: 98%;
}

p {
	font-size: 110%;
}

.storycontent p {
	margin-bottom: 1.83em;
}

.storysummary {
	line-height: 1.0em;
}

.storysummary p {
	font-size: 83%;
	display: inline;
}

.storysummary br {
	display: none;
}

p code {
	font-size: 123.1%;
}

/*****
 * Round some stuff
 */
input.text, .nav li.current a, .button {
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

input.text {
	margin-right: 2px;
	padding: 3px;
	height: 14px;
	font-size: 77%;
	vertical-align: top;
}

.button {
	padding: 0 6px;
	height: 22px;
	font-size: 10px;
	cursor: pointer;
}


/*-------------------------------------------------------------
  2. HEADER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/*****
 * Setup basic header dimensions and scaling. Make it possible
 * to absolutely position sub-elements within this space.
 */
#header {
	height: 88px;
	position: relative;
	min-width: 810px;
}

/*****
 * Position Z* logo.
 */
#header h1 a {
	display: block;
	background: url(images/tim-shadel-logo.png) center left no-repeat;
	width: 301px;
	height: 88px;
	margin-left: 12px;
	float: left;
	text-indent: -9999px; /* Keep text around for screen readers, lose it for CSS-based browsers */
}

/*****
 * Position main (category) nav within header
 */
#categories {
	margin-right: 14px;
	position: absolute;
	bottom: 6px;
	right: 0;
	float: right;
	list-style: none;
	font-size: 85%;
}

/*****
 * Format main menu item size
 */
#categories li a {
	line-height: 1.86;
	padding: 0 10px;
}

/*****
 * Line up the last menu word with the search box
 */
#categories > li:last-child a {
	padding-right: 0;
}

/*****
 * Position secondary nav within header
 */
#helpfuls {
	margin-top: 7px;
	margin-right: 14px;
	float: right;
	list-style: none;
	font-size: 65%;
}

/*****
 * Format secondary menu size
 */
#helpfuls li a {
	line-height: 1.9;
	padding: 0 7px;
}

/*****
 * Make navs horizontal (2 stanzas)
 */
.nav li {
	float: left;
}
.nav li a {
	display: block;
	text-decoration: none;
	font-weight: normal;
}

/*****
 * Position the search area
 */
#search {
	float: right;
	margin-right: 14px;
	height: 48px;
	padding-top: 6px;
	font-size: 85%;
}

/*****
 * Position the search input
 */
#search input.text {
	margin-right: 6px;
	float: left;
}

/*****
 * Position the search button
 */
#search .button {
	float: left;
}

/*-------------------------------------------------------------
  3. WRAPPER BAND LAYOUT (no styling)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#wrapper {
	background: #fff url(images/divider.png) repeat-y right;
	min-width: 810px;
}

#container {
	width: 100%;
	/*background: #fff url(images/divider.png) repeat-y right;*/ /* For IE ?? */
	float: left;
	margin-right: -380px;
}

#content {
	background: #fff;
	margin-right: 390px;
	margin-left: 29px;
	overflow: hidden;
}

#content img {
	max-width: 100%;
}

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

h1 {
	margin-top: 0;
}

.last {
	margin-bottom: 0;
}

.clearing {
	height: 0;
	clear: both;
}


/*-------------------------------------------------------------
  4. CONTENT FORMATTING
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

h2.post-title {
	margin: 35px 0 20px 0;
	font-size: 300%;
	text-shadow: #666 2px 2px 2px;
}

h3.post-title {
	margin: 17px 0 0 0;
	font-size: 150%;
	text-shadow: #666 1px 1px 1px;
}

.post-title a {
	font-weight: normal;
	line-height: 1.0;
	color: #aa1500;
	text-decoration: none;
}

.post-meta {
	font-size: 65%;
	margin: -15px 0 20px 0;
}

#next-entries-nav-link, #prev-entries-nav-link {
	font-size: 77%;
}

#next-entries-nav-link {
	float: right;
}

/*-------------------------------------------------------------
  5. SIDEBAR FORMATTING
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#sidebar {
	margin-top: 35px;
}

#googlead {
	margin: 0 17px;
	float: right;
}

#googlead h2 {
	font-size: 75%;
	color: #ccc;
}

.sidebar {
	font-size: 77%;
}

.sidewide {
	width: 360px;
}

.sidenarrow {
	width: 180px;
	float: left;
}

.sidebar h2 {
	font-size: 131%;
	font-weight: bold;
}

.sidebar a {
	text-decoration: none;
}

.sidebar ul {
	margin-left: 16px;
}

.sidebar li {
	list-style: none;
}

.sidebar > ul > li {
	border-top: 5px solid #ccc;
	border-bottom: 5px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 15px;
}

.sidebar > ul > li > h2 {
	padding: 5px 10px;
	border-bottom: 1px solid #eee;
}

.sidebar > ul > li li {
	border-bottom: 1px solid #eee;
}

.sidebar > ul > li li a {
	font-weight: normal;
	font-family: Verdana, Helvetica, Arial, sanserif;
	font-size: 93%;
	font-color: #333;
}

.sidebar ul {
	list-style: none;
}

.sidebar ul ul {
	margin-left: 0;
	margin-bottom: 0;
}

.sidebar ul ul li {
	padding: 5px 10px;
	line-height: 1.3;
}

#tag_cloud {
	padding: 0 10px;
}

#tag_cloud h2 {
	margin: 0 -10px;
}

#adsensem-sidebar-tall {
	border: 0;
}


/*-------------------------------------------------------------
  6. WIDGETS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/*-------------------------------------------------------------
  7. FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#footer {
	height: 20px;
	border-top: 1px solid #ccc;
}