/**************************************************************
Author:  TXP Builders
URL:	 http://txpbuilders.com/
Rev:     v2
Date:    15 August 2010
The design created by this stylesheet and associated images 
are copyright TXP Builders. All rights reserved. 
No portion of this website may be reproduced without  
explicit permission.
**************************************************************/

/* 
CSS Reset by Eric Meyer
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded
*/

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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, 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;
}

ol, ul {
list-style: none;
}

/* 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 5 stuff **********/

article, aside, footer, header, nav, section {
display: block;
}

/********* Structure **********/

body {
font-size: 14px;
line-height: 18px;
font-family: "Lucida Grande", Helvetica, sans-serif;
color: #444;
background: #fff;
}

#container {
width: 900px;
margin: 0 auto 0 auto;
padding: 50px 0;
}

header {
margin-bottom: 20px;
padding-bottom: 40px;
border-bottom:	1px solid rgba(51,51,51,0.25);
}

#navigation {
float: left;
clear: both;
width: 640px;
padding: 0 0 0 240px;
margin-bottom: 20px;
/*margin-left: 170px;*/
/*border-bottom: 1px solid #eee;*/
/*border-top: 1px solid rgba(51,51,51,0.25);
border-bottom: 1px solid rgba(51,51,51,0.25);*/
}

footer {
float: left;
clear: both;
width: 900px;
padding-top: 40px;
margin-top: 0;
border-top:	1px solid rgba(51,51,51,0.25);
}

/********* Article **********/

article {
padding: 30px 0 0 0;
}

/********* Tumblelog and Archive **********/

#tumblelog article {
}

#tumblelog article aside h3, #archive article aside h3 {
font-size: 14px;
font-weight: bold;
line-height: 28px;
}

#tumblelog article aside p {
margin: 0 0 10px 0;
}

#archive article.entry p.archive {
margin-bottom: 0;
}

.entry {
width: 900px;
float: left;
clear: both;
padding: 20px 0;
margin-bottom: 20px;
/*border-top:	1px solid rgba(51,51,51,0.25);*/
}

.col1 {
width: 220px;
padding: 0 20px 0 0;
float: left;
clear: none;
text-align: left;
}

.col2 {
width: 500px;
float: left;
clear: none;
padding: 0 0 0 20px;
border-left: 1px solid rgba(51,51,51,0.25);
}

#container header .col2, footer .col2 {
border-left: none;
padding-left: 0;
}

.entry .quote .quote {
width: 350px;
font-style: italic;
font-family: Georgia, serif;
}

.quotesource {
margin: 0;
font-size: 10px;
color: #ffa24c;
width: 350px;
}

/********* Typography **********/

h1, h2, h3 {	
font-weight: normal;
font-family: Helvetica, san-serif;
}

h1 {
font-size: 20px;
line-height: 1.5;
}

h2 {
font-size: 16px;
line-height: 1.5;
font-weight: bold;
margin-bottom: 20px;
}

h3 {
font-size: 13px;
line-height: 1.5;
margin-bottom: 10px;
}

header h1 {
font-size: 24px;
line-height: 1;
}

p {
margin-bottom: 20px;
}

footer p {
margin-bottom: 0;
font-size: 12px;
line-height: 1.5;
}

.nav-links {
width: 300px;
float: left;
}

h3#comment {
margin-bottom: 20px;
}

/********* Links **********/

a, a:visited {
color: #c60000;
text-decoration: none;
}

a:focus, a:hover, a:active {
text-decoration: underline;
/*color: #008055;*/
}

#container header h1 a {
font-weight: bold;
/*color: #333;*/
}

/*#container header h1 a:hover {
text-decoration: none;
color: #fff;
background: #c60000;
}*/

h1 a, h2 a, h1 a:visited, h2 a:visited {
color: #333;
}

h1 a:hover, h2 a:hover {
color: #c60000;
text-decoration: none;
}

.date, a.date, .subtle a {
/*color: #333;*/
}

/********* Lists **********/

ol {
list-style: decimal;
}

ol, ul {
margin: 2em 0 2em 2em;
}

ul {
list-style: disc;
}

blockquote {
margin: 1em 0 1em 1em;
padding-left: 1em;
font-style: italic;
}

/********* Social Media **********/

ul.social {
	list-style: none;
	margin: 0;
}

ul.social li {
	float: left;
	margin: 0 10px 0 0;
	height: 20px;
}

ul.social li a {
	display: block;
	padding: 0;
	border-bottom: 0;
}

ul.social li.twitter a {
	padding-left: 22px;
	background: url("/images/site/twitter.png") no-repeat 0 center;
	text-indent: -9999em;
}

ul.social li.rss a {
	padding-left: 22px;
	background: url("/images/site/feed.png") no-repeat 0 center;
	text-indent: -9999em;
}

ul.social li.facebook a {
	padding-left: 22px;
	background: url("/images/site/facebook.png") no-repeat 0 center;
	text-indent: -9999em;
}

ul.social li.flickr a {
	padding-left: 22px;
	background: url("/images/site/flickr.png") no-repeat 0 center;
	text-indent: -9999em;
}

ul.social li a.current,
ul.social li a:hover {
	text-decoration: underline;
}

/********* Images **********/

img {
border: 0;
}

/*.entry img { width: 480px; }*/
.entry img { width: 640px; margin-right: -140px; }
.entry img.wide { width: 640px; margin-right: -160px; }

.entry img.tall {
width: 480px;
margin-right: 0;
}

/********* Misc **********/

.bold, strong {
font-weight: bold;
}

em {
font-style: italic;
}

.clear:after { 
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden; 
}