/*
Theme Name: tomphippen.com
Theme URI: http://www.tomphippen.com/
Description: The Theme for my website, by me.
Version: 1.5.1
Author: Tom Phippen
Author URI: http://www.tomphippen.com/
Tags: white, grid, vertical rhythm
*/

/* Using Tom's base CSS, with thanks to Eric Meyer, Shaun Inman, Mr J and others */

/* Contents 

html tags
basic classes
easy clearing
layout
header
search
nav
sidebar
footer
secondary nav
maincontent
	post header
	post
	meta data
	short post on homepage
	post page
	comments
	404
	post nav
*/

/* CSS reset */
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, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; text-align: left; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* html tags */
body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;;
	font-size: 76%;
	color: #3c3c3f;
	background: #fff;
/*	background-image: url(images/temp/bg.gif);*/
}
h1,h2,h3,h4,h5,h6 {
	margin: 0 0 20px 0;
	font-weight: bold;
	line-height: 20px;
}
h1 {
	font-size: 1.5em;
	color: #3c3c3f;
}
h2 {
	font-size: 1.4em;
	color: #3c3c3f;
}
h3 {
	font-size: 1.3em;
	color: #3c3c3f;
}
h4 {
	font-size: 1.2em;
	color: #3c3c3f;
}
h5 {
	font-size: 1.1em;
	color: #3c3c3f;
}
h6 {
	font-size: 1.0em;
	color: #3c3c3f;
}
p, pre {
	margin: 0 0 20px 0;
	color: #3c3c3f;
	line-height: 20px;
}
pre {
	font-family: "Courier New", Courier, monospace;
}
blockquote {
	margin: 0 20px 20px;
	padding: 19px 20px 1px;
	background: #fff;
}
a:link {
	color: #0088ff;
	text-decoration: none;
}
a:visited {
	color: #36a;
	text-decoration: none; 
}
a:hover { 
	color: #fbfbfd;
	background-color: #0088ff;
	text-decoration: none;
}
a:active {
	color: #06c;
	text-decoration: none;
}
ul, ol {
	margin: 0 0 20px 20px;
	padding: 0;
}
li {
	margin: 0;
	padding: 0 0 20px 0;
	line-height: 20px;
	color: #3c3c3f;
}
ul.nopadd li, ol.nopadd li { padding: 0; }
form { margin: 0; padding: 0; }
strong { font-weight: bold; }
img, a img { border: none; }
table, tr, th, td { margin: 0; padding: 0; border: none; font-size: 1em; }
table { border: 1px solid #ccc; }
th { font-size: 1.1em; }
th, td { padding: 0.2em; border: 1px solid #ccc; text-align: center; }
acronym, abbr { border-bottom: 1px dotted #333; }
sup { line-height: 0; } 
.ie6 sup { line-height: 0; vertical-align: top; }
/* basic classes */
.clear { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }
.left { float: left; }
.right { float: right; }
.imgleft {
	float: left;
	padding: 0 20px 20px 0;
}
.imgright {
	float: right;
	padding: 0 0 20px 20px;
}
.push0 { margin-bottom: 0; }
.push1 { margin-bottom: 20px; }
.push2 { margin-bottom: 40px; }
/* easy clearing */
/* float clearing for IE6 */
* html .clearfix, 
* html #content, 
* html #footer, 
* html #header
{
 height: 1%;
 overflow: visible;
}
/* float clearing for IE7 */
*+html .clearfix, 
*+html #content, 
*+html #footer, 
*+html #header
{
 min-height: 1%;
}
/* float clearing for everyone else */
.clearfix:after, 
#content:after, 
#footer:after, 
#header:after
{
 clear: both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
}
/* Float Clearing - End */

/* layout */
#container {
	width: 620px;
	margin: 0 auto;
	padding: 10px 0 20px;
	/* temp *
	background: transparent url(images/temp/bg.gif) repeat 0 0 scroll;
	padding-right: 1px; /* */
}
#header {
	/* easycleared */
	margin: 0 0 30px 0;
}
#heading {
	width: 120px;
	height: 40px;
	margin-right: 20px;
	float: left;
}
#nav {
	width: 200px;
	padding-top: 10px;
	height: 20px;
	margin-right: 40px;
	float: left;
}
#search {
	width: 240px;
	padding-top: 10px;
	height: 20px;
	float: left;
}
#secondarynav {
	/* easycleared */
	margin: 0 0 40px 0;	
}
#content {
	/* easycleared */
	padding-bottom: 20px;
}
#maincontent {
	width: 620px;
	margin-right: 40px;
	float: left;
}
#footer {
	/* easycleared */
}
/* header */
#heading h1 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 40px;
}
#heading h1 a:link, 
#heading h1 a:visited, 
#heading h1 a:active { color: #0088ff; }
#heading h1 a:hover { color: #fbfbfd; }
/* search */
label.hidden, .screen-reader-text {
	display: none;
}
#s {
	float: left;
	width: 158px;
	height: 18px;
	border: 1px solid #919295;
	margin: 0;
	padding: 0;
}
#searchsubmit {
	float: right;
	width: 60px;
	height: 20px;
	border: 1px solid #919295;
	background: #fff;
}
/* nav */
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav ul li {
	display: inline;
	padding: 0;
}
#nav ul li:after {
	content: ", ";
}
#nav ul li:last-child:after {
	content: "";
}
#nav ul li a {
}


/* footer */
#footer .col1, #footer .col2, #footer .col3 {
	float: left;
}
#footer .col1 {
	width: 200px;
	margin-right: 20px;
}
#footer .col2 {
	width: 200px;
	margin-right: 20px;
}
#footer .col3 {
	width: 180px;
}

/* maincontent */
#maincontent h3.title {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 1.2em;
}

/* 	post header */
#maincontent .postheader h2 {
	margin: 0;
	padding: 0;
	font-size: 2em;
	line-height: 40px;
	clear: both; /* just in case */
}
#maincontent .postheader p.posttime { font-style: italic; line-height: 1.667em; margin-bottom: 20px; }
#maincontent .posttime span.tags {
	font-style: normal;
	padding-left: 1ex;
}
/* 	post */
#maincontent div.post {
	margin-bottom: 40px;
}
#maincontent div.post div.img {
	margin: 0;
	padding: 0 0 20px 0;
}
#maincontent div.post div.img img {
	display: block;
	margin: 0;
	padding: 0;
}
/* 	entry */

/* meta data */
#maincontent p.postmetadata {
	clear: both;
	margin: 20px 0;
}
/* short post on homepage */
#maincontent div.category-short p.postmetadata { display: none; }
#maincontent div.category-short p.posttime { float: left; padding: 0 2ex 20px 0; }
#maincontent div.category-short p.posttime span.tags { display: block; width: 120px; padding-left: 0; }
	/* fixes for postpage */
	.postpage #maincontent div.category-short p.posttime { float: none; padding: 0; }
	.postpage #maincontent div.category-short p.posttime span.tags { display: inline; padding-left: 1ex; }

/* post page */
.postpage #maincontent p.postmetadata {
	display: block;
	clear: both;
	margin: 40px 20px 20px 20px;
}

/* 404 */
#e404search { width: 260px; }
#e404search #btn_search { float: left; }
#e404arch { width: 160px; float: left; }
#e404cat  { width: 300px; float: left; margin-left: 20px; }

/* post nav */
div.navigation { clear: both; }