/*
Theme Name: Steven Luscher's Blog Theme
Theme URI: http://steveluscher.com/
Description: My Blog Theme
Version: 1.0
Author: Steven Luscher
Author URI: http://steveluscher.com/
Tags: steven luscher

	Steven Luscher's Blog v1.0
	 http://steveluscher.com/

	This theme was designed and built by Steven Luscher,
	whose blog you will find at http://steveluscher.com/

	The CSS, XHTML is licensed under a Creative Commons Attribution 3.0 Unported License
	 http://creativecommons.org/licenses/by/3.0/
	
	The design is ©2008 Steven Luscher, All Rights Reserved.

*/



/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	line-height: 1em;
	background: #1A1A1A;
	color: #C9C9C9;
	text-align: center;
	}
	
body,
textarea,
input[type=text] {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	}

textarea {
	font-size: 1em;
	}
	
input[type=text],
h2, h3, h4, h5, h6,
p,
a,
dd, dt,
textarea,
li {
	letter-spacing: 0.090em; /* around 1px on 11 point type */
	}
	
#footer input[type=text],
#footer h2, #footer h3, #footer h4, #footer h5, #footer h6,
#footer p,
#footer a,
#footer dd, #footer dt,
#footer textarea {
	letter-spacing: 0.061em;
	}
	
select {
	letter-spacing: 0px;
}

#page {
	text-align: left;
	background: url(images/body_bg.png) 10px 0 no-repeat;
	}

#aggregator,
a,
h2.pagetitle span.keyword {
	color: #1ED822;
}

a {
	outline: none;
	text-decoration: none;
	}
	
a:hover {
	color: #5af25c;
	}

dl.postMeta dd.postTimeAndTopics,
#s,
p.postCommentPrompt,
.mytwitter_separator,
.mytwitter_tweet_time,
div.entry blockquote p .byline,
ol.commentList span.says,
ol.commentList .comment-meta,
ol.commentList .comment-meta a,
p.replyMarker,
h2.pagetitle,
h3 {
	color: #737373;
	}
ol.commentList .comment-meta a:hover {
	color: #666;
}

#aggregator {
	text-shadow: 0px 1px 1px #A8A8A8;
	}

dl.postMeta dd.postTimeAndTopics,
.twitter-timestamp,
div.entry blockquote p .byline,
ol.commentList .comment-meta,
div.entry em,
div.entry p.wp-caption-text {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-style: italic;
	}
	
div.entry p.wp-caption-text {
	font-size: 1em; /* 10 points */
	line-height: 1.5em; /* 15 points */
}
	
dl.postMeta dd.postDate,
dl.postMeta dd.postTimeAndTopics {
	font-size: 1.1em; /* 11 points */
	line-height: 1.364em; /* 15 points */
	}
	
.lifestream p {
	font-size: 1.2em; /* 12 points */
	line-height: 1.334; /* 16 points */
	}

.mytwitter_separator,
.mytwitter_tweet_time {
	font-size: 0.917em; /* 11 points */
	}

#footer p,
#searchform input {
	font-size: 1.1em; /* 11 points */
	line-height: 1.455em; /* 16 points */
	}
	
#footer textarea {
	font-size: 1.182em; /* 13 points */
	padding: 5px;
	width: 210px;
	}
	
#footer #recentComments a {
	font-size: 1.182em; /* 13 points */
	font-weight: bold;
}
	
#footer {
	color: #66615A;
	}

#footer a {
	color: #1A1A1A;
	font-weight: bold;
	}
	
#footer a:hover {
	background: #EBE1D1;
	}
	
/* End Typography & Colors */


/* Begin Structure */
body {
	margin: 0;
	padding: 0;
	}

#page {
	margin: 0 auto;
	padding: 0 0 120px 0;
	width: 960px;
	overflow: auto;
	}

#header {
	padding: 0 10px;
	position: relative;
	}
	
#primaryContent {
	float: left;
	width: 460px;
	margin-left: 130px;
	}
	
#secondaryContent {
	float: right;
	width: 160px;
	margin-right: 130px;
	}
	
#primaryContent,
#secondaryContent {
	position: relative;
	z-index: 20;
}
	
#footer {
	position: relative;
	z-index: 10;
	}
	
/* End Structure */



/*	Begin Headers */
h1 {
	display: none;
	}

/* End Headers */


/*	Begin Navigation */
#navigation {
	margin: 40px 40px; padding: 0;
	list-style: none;
	}

#navigation li {
	display: inline;
	}

#navigation li.homeLink a {
	text-indent: -9999px;
	display: block;
	height: 46px; width: 209px;
	background: url(images/logo-trans.png) no-repeat;
}

/* End Navigation */



/*	Begin Aggregator */
#aggregator {
	font-size: 4em; /* 40 points */
	line-height: 1.2em; /* 48 points */
	width: 700px;
	margin: 10px auto 40px auto;
	text-align: justify;
	}

#aggregator a:hover {
	border-bottom: 1px dashed #737373;
	}

/* End Aggregator */


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	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) */

div.entry img {
	border: 4px solid #000;
}

div.entry p.wp-caption-text {
	margin: 0;
	padding: 0 8px 4px 8px;
	background-color: #000;
}

div.wp-caption.centered,
img.centered {
	margin-bottom: 1em;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

div.wp-caption.alignright,
img.alignright {
	margin: 0 0 2px 1em;
	display: inline;
	}

div.wp-caption.alignleft,
img.alignleft {
	margin: 0 1em 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	overflow: auto;
	}

#header #searchform {
	position: absolute;
	top: 13px;
	right: 40px;
	}
	
#searchform input {
	border: none;
	line-height: 1em;
	margin: 0;
	outline: 0;
	}
	
#s {
	background: url(images/search/input_bg.png) no-repeat;
	width: 131px;
	height: 14px;
	padding: 7px 10px 0;
	display: block;
	float: left;
	}

#searchsubmit {
	background: url(images/search/submit.png) no-repeat;
	width: 29px;
	height: 21px;
	text-indent: -9999px; padding: 0;
	display: block;
	float: left;
	cursor: pointer;
	}

/* End Form Elements */



/* Begin Post */

#primaryContent.latestPosts div.post {
	margin-bottom: 60px;
	}

div.post {
	margin-bottom: 3em;
}

dl.postMeta,
dl.postMeta dt,
dl.postMeta dd {
	margin: 0; padding: 0;
	}

	
dl.postMeta {
	list-style: none;
	position: relative;
	overflow: hidden;
	}

div.post.primary dl.postMeta {
	margin-bottom: -1.5em;
}

dl.postMeta {
	margin-bottom: -2.3em;
}

dl.postMeta dt {
	display: none;
	}

dl.postMeta dd.postTitle h2,
h2.pagetitle {
	margin: 0;

	font-weight: normal;
	font-size: 1.8em; /* 18 points */
	line-height: 1.278; /* 23 points */
	
	margin-bottom: 6px;
	}

h2.pagetitle {
	margin-bottom: 1em;
}

h3 {
	font-size: 1.6em; /* 18 points */
	line-height: 1.278; /* 23 points */
	font-weight: normal;
}
	
div.post.primary dl.postMeta dd.postTitle h2 {
	margin-bottom: 0px;
	}

div.post.primary dl.postMeta dd.postTitle {
	padding-left: 80px;

	position: absolute;
	bottom: 3.2em; /* 32 points */
	width: 380px;
	max-height: 46px;
	}

dl.postMeta dd.postDate {
	float: left;
	overflow: hidden;
	
	height: 16px;
	width: 450px;
	
	padding-left: 10px;
	padding-top: 5px;
	
	background: url(images/post/date_pane_wide-trans.png) bottom left no-repeat;
	}
	
div.post.primary dl.postMeta dd.postDate {
	padding-top: 5px; padding-left: 4px;
	height: 56px; width: 57px;
	background: url(images/post/date_pane_square-trans.png) no-repeat;
	text-align: center;
	
	float: none;
	font-size: 1em; /* reset */
	}

div.post.primary dl.postMeta dd.postDate span {
	display: block;
	}

div.post.primary dl.postMeta dd.postDate span.month {
	text-transform: uppercase;
	font-size: 1.3em; /* 13 points */
	line-height: 1.385; /* 18 points */
	}

dl.postMeta dd.postDate span.day {
	font-weight: bold;
	}

div.post.primary dl.postMeta dd.postDate span.day {
	font-size: 2.3em; /* 23 points */
	line-height: 0.957; /* 22 points */
	font-weight: bold;
	}


div.post.primary dl.postMeta dd.postDate span.year {
	font-size: 1.1em; /* 11 points */
	line-height: 1.273; /* 14 points */
	}

dl.postMeta dd.postTimeAndTopics {
	float: right;
	padding-right: 10px;
	position: relative;
	top: -1.455em; /* 16 points */
	}

dl.postMeta dd.postTimeAndTopics a {
	text-transform: lowercase;
}
	
div.post.primary dl.postMeta dd.postTimeAndTopics {	
	padding-left: 80px;
	float: left;
	padding-right: 0;
	}

p.postThumbnail {
	margin-top: 1em;
	margin-bottom: -1.3em; /* 13 points */
	}
	
p.postThumbnail span.credit {
	display: block;
	text-align: right;
	line-height: 2.3em;
	margin-bottom: -2.3em;
}

div.post.primary p.postThumbnail {
	margin-top: 1.3em;
}

p.postThumbnail img {
	margin: 11px 0 4px 0;
	}
	
div.post.primary p.postThumbnail img {
	margin: 0;
	}

div.entry p {
	margin: 1.769em 0;
	font-size: 1.3em; /* 13 points */
	line-height: 1.769em; /* 23 points */
}

div.entry blockquote p {
	font-size: 1.2em; /* 12 points */
	line-height: 1.334; /* 16 points */
}

div.entry pre {
	width: 440px;
	font-size: 1.475em; /* 12 points */
}
div.entry .wp_syntax table pre {
	width: auto;
}
div.entry .wp_syntax div, div.entry .wp_syntax td {
	padding: 7px 9px;
}

div.entry code {
	font-size: 1.136em; /* 12 points */
}

div.entry ul,
div.entry ol {
	padding-left: 3em;
}

div.entry li {
	font-size: 1.2em; /* 12 points */
	line-height: 1.917em; /* 23 points */
}

div.entry a.more-link {
	font-size: 0.846em; /* 11 points */
	text-transform: uppercase;
}

p.postCommentPrompt {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-style: italic;
	font-size: 1.1em; /* 11 points */
	line-height: 2.091; /* 23 points */
}

.singlePost div.post.primary p.postCommentPrompt {
	margin-top: 4em;
	font-size: 1.3em; /* 13 points */
	line-height: 1.769em; /* 23 points */
}

div.post.primary p.postCommentPrompt {
	margin-top: -2.091em; /* 23 points */
	}

#secondaryContent.postComments p.postCommentPrompt {
	margin-top: 0;
}
/* End Post */


/* Begin Post Navigation */
ul.postNavigation {
	position: absolute;
	margin: 0; padding: 0;
	list-style: none;
	width: 700px;
}
ul.postNavigation li.previous,
ul.postNavigation li.next {
	width: 100px;
	position: absolute;
}
ul.postNavigation li.previous {
	text-align: right;
	left: -120px;
}
ul.postNavigation li.next {
	right: -120px;
}
/* End Post Navigation */


/* Begin Lifestream */

.lifestream p:first-child {
	margin-top: 0;
	}
	
.lifestream .more a {
	font-size: 0.846em; /* 11 points */
	text-transform: uppercase;
}

/* End Lifestream */


/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 1.769em 0 1.769em 0;
	padding-left: 19px;
	border-left: 4px solid #999;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

a img {
	border: none;
	}
	
.wp-tag-cloud {
	margin: 0; padding: 0;
	list-style: none;
	overflow: auto;
}
.wp-tag-cloud li {
	margin-top: 3px;
	float: left;
	height: 2em; /* 20 points */
	margin-right: 1em;
}

/* End Various Tags & Classes*/


/* Begin Footer */
#footer {
	position: relative;
	overflow: visible;
	width: 100%;
	text-align: left;
	background: url(images/footer/background.png);
}

#footer > * {
	margin: 0 auto;
	width: 940px;
}

#footer h2 {
	position: absolute;
	text-indent: -9999px;
	height: 113px; width: 100%;
	top: -110px;
	left: 0;
	margin: 0; padding: 0;
	background: url(images/footer/edge-trans.png) top center no-repeat;
}
#footer #modules {
	overflow: auto;
	position: relative;
	}

#footer #modules > * {
	float: left;
	
	width: 220px;
	padding-top: 20px;
	margin: 0 10px;
}
#footer #modules > *:first-child {
	margin-left: 0;
}
#footer #modules > *:last-child {
	margin-right: 0;
}

#footer #modules h3 {
	text-indent: -9999px;
	height: 30px;
	margin-top: 0;
	margin-bottom: 20px;
	}
	
#footer #contactForm h3 {
	background: url(images/footer/contact_form_header-trans.png) no-repeat;
	}
	
#footer #recentComments h3 {
	background: url(images/footer/recent_comments_header-trans.png) no-repeat;
	}
	
#footer #tagExplorer h3 {
	background: url(images/footer/tag_explorer_header-trans.png) no-repeat;
	}
	
#footer #flickrFeed h3 {
	background: url(images/footer/flickr_photos_header-trans.png) no-repeat;
	}
	
#footer #contactForm select {
	width: 100%;
	}
	
#footer #contactForm input[type=text] {
	width: 214px;
	}
	
#footer #contactForm textarea {
	width: 208px;
	}

#footer #contactForm input[type=text],
#footer #contactForm textarea,
#footer #contactForm select {
	margin-top: 0.5em;
}

#footer #contactForm .wpcf7-response-output {
	font-size: 1.1em; /* 11 points */
	line-height: 1.455em; /* 16 points */
}
#footer #contactForm .wpcf7-not-valid-tip {
	color: red;
	margin-top: 0.75em;
}

#footer #contactForm .wpcf7-validation-errors {
	color: red;
}

#footer #contactForm .wpcf7-mail-sent-ok {
	color: green;
}

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

#footer #recentComments li:first-child {
	border: none;
}

#footer #flickrFeed {
	overflow: hidden;
}
#footer #flickrFeed .flickr-gallery {
	width: 240px;
	overflow: hidden;
	position: relative;
	top: -10px;
	left: -10px;
}

#footer #flickrFeed .flickr-thumb {
	height: 75px; width: 75px;
	padding: 13px;
	background: url(images/footer/flickr_thumbnail-trans.png) no-repeat;
	float: left;
	position: relative;
	top: -1px; left: -1px;
	
	margin: 9px 10px 10px 9px;
}

#footer #finePrint {
	overflow: auto;
	padding: 1em 0;
}
#footer #finePrint p {
	margin-top: 0;
}

#footer #finePrint #engineAttribution,
#footer #finePrint #personalLinks {
	width: 460px;
	float: left;
}

#footer #finePrint #engineAttribution {
	margin-right: 20px;
	}

#footer #recentComments li,
#footer #finePrint {
	border-top: 1px solid #D0C7B6;
}

/* End Footer */

/* Begin Comments */

#commentform p {
	line-height: 2.091; /* 23 points */
	font-size: 1.1em; /* 11 points */
}
p.trackbackPrompt {
	line-height: 1.455em; /* 16 points */
	font-size: 1.1em; /* 11 points */
}

#commentform label {
	display: block;
}

#commentform input[type=text] {
	margin-top: 0.5em;
	width: 454px;
}

#commentform textarea {
	font-size: 1.182em; /* 13 points */
	padding: 5px;
	width: 448px;
	}

#commentform p.captchaPrompt {
	float: right;
	width: 125px;
	margin-top: 0;
	line-height: 1.455em; /* 16 points */
}

#recaptcha-submit-btn-area,
#commentform p.submitPrompt {
	float: right;
	position: relative;
	margin-top: -2em;
	width: 125px;
}

#commentform #submit {
	width: 100%;
}

#commentform .fieldCaption,
#commentform .formInstructions {
	font-style: italic;
	display: block;
	margin-top: 0.5em;
	line-height: 1.364em; /* 16 points */
}
#recaptcha_instructions_image {
	color: #FFF;
	font-size: 1.031em; /* 11 points */
	line-height: 1.455em; /* 16 points */
}

ol.commentList,
ol.commentList ul.children {
	margin: 0; padding: 0;
	list-style: none;
}

p.replyMarker {
	display: block;
	background: url(images/reply_arrow-trans.png) bottom right no-repeat;
	margin: 0;
	padding: 1em 28px 1em 0;
	text-transform: uppercase;
	font-size: 0.909em; /* 10 points */
	min-height: 8px;
}

ol.commentList ul.children {
	border-right: 4px solid #999;
	padding-right: 0.75em;
}

ol.commentList {
	font-size: 1.1em; /* 11 points */
	line-height: 1.455em; /* 16 points */
}
ol.commentList li {
	margin-bottom: 2em;
}

ol.commentList cite {
	font-style: normal;
}

ol.commentList span.gravatar {
	display: block;
	float: left;
	width: 32px; height: 32px;
	padding: 4px;
	margin: 3px 1em 0.455em 0;
}
ol.commentList span.gravatar,
ol.commentList ul.children span.gravatar {
	background: url(images/gravatar_bg-trans.png) no-repeat;
}
ol.commentList .comment-author-sluscher span.gravatar,
ol.commentList ul.children .comment-author-sluscher span.gravatar {
	background: url(images/gravatar_author_bg-trans.png) no-repeat;
}

ol.commentList span.commentText {
	font-size: 1.091em; /* 12 points */
}

ol.commentList span.replyPrompt {
	display: block;
	clear: left;
}

ol.commentList .wp_syntax {
	clear: left;
	margin-top: 1em;
}
ul.commentNavigation {
	list-style: none;
	margin: 0; padding: 0;
}

/* End Comments */

/* Begin Archives */

#secondaryContent.category.archives ul {
	margin: 0; padding: 0;
	list-style: none;
}
#secondaryContent.category.archives ul a {
	font-size: 1.3em; /* 13 points */
	line-height: 1.769em; /* 23 points */
}
/* End Archives */

/* Begin Pages */
#secondaryContent.pageIndex ul {
	margin: 0; padding: 0;
	list-style: none;
}
#secondaryContent.pageIndex ul a {
	font-size: 1.3em; /* 13 points */
	line-height: 1.769em; /* 23 points */
}

/* End Pages */