/* set defaults, kill margins, underlines, etc */
* {	margin: 0px; padding: 0px; }
h2 {margin: 0px; padding: 0px;}
body { outline: none; }
fieldset { border: none;}
a img,:link img,:visited img { border:none }
:link,:visited { text-decoration:none }
a:hover { text-decoration: underline;}
.clear { clear: both; height: 1em;}

/* Begin Images */
p img {

	max-width: 100%;
	}
.post .content p.subtitled { font-size: 80%; text-align: center; line-height: .8em;}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
p .wp-smiley {
	margin: 0px; padding: 0px;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.post a img { padding: 3px; background:#C5D8DF;}

img.alignright {
	margin: 0 0 10px 10px;
	display: inline;
	}
img.alignleft {
	margin: 0 7px 10px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
img.nobg { background: transparent;}
/* End Images */

body { background: #291b06 }
code { font-size: 80%; padding: 0px 3px;}
pre { overflow: auto;}
.container {
	position: relative;
	text-align: left;
	margin: 0 50px;
	width: 900px;
}

blockquote { border-top: 1px solid #948d7a; border-bottom: 1px solid #948d7a; background: url(images/blockquote.gif) no-repeat left 5px; 
	padding: 16px 24px; margin: 10px 42px; color: #4c422f; 
	font-style: italic;
	text-align: justify; }

#head { margin-top: 10px; margin-bottom: 10px;}
#logo { height: 68px; width: 152px; overflow: hidden; line-height: 300px; background: url(images/logo.png) no-repeat left top; display: block;}
 
/* Single, full post */
.posts { width: 679px; }
.post {background: url(images/pale_repeater.gif) repeat-y; margin: 10px 0;}
.post .cap { background: transparent url(images/pale_top.png) no-repeat; height: 156px; margin-bottom: -156px;}
.post a { text-decoration: underline;}
.post h1 a, .post div.download a { text-decoration: none;}
.post .content { padding: 10px 34px;}
.post .content p { margin: 15px 0px;}
.post .foot { background: transparent url(images/pale_bottom.png) no-repeat; height: 33px; margin-top: -32px;}
.post .tags { text-align: right; margin: 5px 12px 12px 5px;}
.post .date { margin-left: 130px; margin-top: -5px;}
.post .content blockquote p { margin: 0px; }
.post .content li { margin: 10px 0;}
.post .content em { font-style: normal; background: #fff;}
.post h3 { margin: 20px 0px 15px 0px;}
.post a.download { background: #f0efe4 url(images/download_arrow.png) no-repeat 3px 50%; padding: 4px 4px 4px 20px; border: 1px solid #828e90; }
.post a.download:hover { border: 1px solid #19344b;}
.post div.download { background: url(images/download_box.gif) no-repeat; width: 258px; height: 83px; display: block; border: 1px solid #e6e4d2; }
.post div.download a { margin: 22px 8px 0px 68px; display: block; }
.post div.download a span { color: #291b06; font-size: 80%; }
.post div.download a:hover { color: #c5d8df;}
.post h2 { margin: 35px 0 -10px 0;}
.post div.update { font-size: 90%; background: #f0efe4; padding: 0 15px; border: 1px solid #f0efe4;}

/* list of post summaries */
.post_list { margin-top: -20px;}
.post_list li { margin: 20px 0px;}
.post_list li .cap { height: 44px; background: url(images/post_list_cap.png) no-repeat; margin-bottom: -44px;}
.post_list li .foot { height: 20px; background: url(images/post_list_foot.gif) no-repeat; margin-top: -20px; }
.post_list li {  background: url(images/post_list_repeat.gif) repeat-y;}
.post_list li .content { padding: 10px 20px;}
.post_list li h3.title { float: left;}
.post_list li .date { float: right; }
.post_list li .tags { text-align: right;}


/* single post nav */
.navigation { text-align: right; }
.navigation a { color: #a8a290;}
.navigation a:hover { text-decoration: underline; color: #e6e4d2;}
.navigation span { padding-right: 20px; }


/* general layout */
.column { float: left; display: inline;}
.column.first, .column.last { margin-left: 0px; }
.column.first { clear: both; }
.column.last { float: right; }
.clear_insides:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear_insides { _zoom: 1;}

/* sidebar accordion */
.sidebar { margin-left: 30px; margin-top: 40px; width: 180px; }
.sidebar h4 { cursor: pointer; }
.sidebar h4.hover { color: white;}
.sidebar ul li { margin-bottom: 20px;}
.sidebar ul li ul { margin-left: 5px; line-height: 1.5em; }
.sidebar ul li ul li{ margin: 0px;}
.sidebar ul, .sidebar ul li { list-style: none;}

/* tabs */
.tabs { text-align: right; height: 30px; line-height: 30px; margin-top: -20px;}
.tabs span { padding: 0px 10px;}



body { font-family: Helvetica, Arial, Verdana, sans-serif; color: #cac8b9; font-size: 14px;}
h1, h2, h3, h4 { font-family: "Lucida Gradne", Helvetica, Arial, Verdana, Sans-serif; color: #c5d8df;}
h1.subtitle, h2.subtitle, h3.subtitle, h4.subtitle { color: #6c624f;}
h1, h2 { font-size: 26px; }
h3 { font-size: 14px;}
a {color: #19344b;}

.post, .post_list { color: #291b06; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-size: small;}
.post h1, h2, h3, h4 { color: #19344b; }
.post p { line-height: 1.4em;}
.post .tags a { color: #19344b; font-size: 85%; }
.post_list .tags a { color: #19344b; font-size: 75%;}
.post h2 { font-size: 22px; }
.post h3 { font-size: 18px; color: #291b06;}

.post_list li h3 { font-size: 20px;}
.post_list li h4 { font-size: 14px;}
.post_list li p { font-size: 80%;}

.sidebar h4 { font-family: "Georgia", sans-serif; font-size: 18px; color: #c5d8df; font-weight: normal; margin-bottom: 4px;}
.sidebar ul { color: #a8a290;}
.sidebar a { color: #a8a290;}
.sidebar a:hover { text-decoration: underline; color: #e6e4d2;}
.twitter { font-size: 80%; }
.twitter ul { margin-top: 3px;}
.twitter a { color: #C5D8DF;}
.sidebar .twitter li { margin-bottom: 10px;}
.tabs { font-size: 18px;}
.tabs a { color: #6c624f;}
.tabs a.active { color: #e6e4d2;}

/* comments */
#secondary_comments h2 { color: #C5D8DF; font-size: 1.4em; margin-left: 10px; font-weight: normal; margin-bottom: 10px;}
.comment_container { position: relative; }
.comment_container .avatar { position: absolute; bottom: 0px; margin: 0 0 10px 10px;}
.comment_container .comment { width: 602px; background: url(images/comment_repeater.gif) repeat-y;}
.comment_container .comment .cap { height: 37px; margin-bottom: -37px; background: url(images/comment_cap.gif) no-repeat;}
.comment_container .comment .content { margin: 10px 10px 10px 45px; color: #19344b; font-size: 1.2em; _height: 65px; min-height: 65px;}
.comment_container .comment .content a { color: #291B06; }
.comment_container .comment .content a:hover { color: #CAC8B9; }
.comment_container .comment .content textarea { width: 495px; height: 130px; background: #C5D8DF; border: 1px solid #19344B; color: #19344B; font-size: 1.2em; font-family: "Myriad Pro", "Trebuchet MS", verdana, sans-serif; padding: 10px;}
.comment_container .comment .foot { height: 56px; margin-top: -38px; background: url(images/comment_foot.gif) no-repeat;}
.comment_container .comment .content { font-size: 1em; line-height: 1.5em;}
.comment_container .meta { margin: -10px 15px 10px; text-align: right; font-size: 1.2em;}
.comment_container .meta a { color: #C5D8DF;}
.comment_container .meta a:hover { color: white; }
.comment_container label { font-size: 1.2em; color: #C5D8DF; width: 280px; height: 2em; line-height: 2em; margin-right: 15px; text-align: right; display: block; float: left; clear: both;}
.comment_container input { float: left; font-size: 1.1em; color: #19344B; padding: 1px; width: 200px;}
#secondary_comments .comment_container h2 { margin-left: 100px; margin-top: 20px; font-size: 1.2em; color: #a19a88;}
.comment_container p { margin: 15px 0px;}
.postcomment .submit { display: block; margin-left: 390px; margin-top:10px;}
.small img { background: none; padding: 0px; margin-left: 3px;}
.small { display: block; clear: both; color: white;}
.small a { color: #C5D8DF;}
.small a:hover { color: white; }
.small.gravatar { margin: 4px 0px 4px 327px;}