/**** Reset Styles ****/
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, cite, a, abbr, acronym, address, em, strong, img, dl, dt, dd, ol, ul, li, form, fieldset, legend, label, table, caption, tbody, tfoot, thead, tr, th, td { padding: 0; border: 0; outline: 0; margin: 0; font-size: 1.0em; font-weight: inherit; font-family: inherit; font-style: inherit; vertical-align: baseline; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/**** Structure ***/
html, body { height: 100%; }
#container { min-height: 100%; }
* html #container { height: 100%; }

body { background: url("graphics/background.png") repeat 0 0; font: 1.0em Georgia, "Times New Roman", Times, serif; line-height: 18px; }
#container { width: 800px; padding-left: 10px; padding-right: 14px; margin: 0 auto; background: url("graphics/container.png") repeat-y 0 0; }
#header { position: relative; height: 106px; border-left: 1px solid #559563; border-right: 1px solid #559563; background: url("graphics/header.png") repeat 0 0; }
#content { padding: 13px 60px; }
/*#footer { padding: 3px 20px 0 20px; width: 764px; height: 37px; line-height: 37px; margin: -40px auto 0 auto; background: url("graphics/footer.png") no-repeat 0 0; color: #526F53; text-shadow: 0px 1px 1px #fff; }*/

* html #container { padding: 0; background-position: -10px 0; }
/** html #footer { background-position: 2px 0; }*/

/**** Header ****/
#header h1 { position: absolute; top: 15px; left: 19px; width: 318px; height: 51px; background: url("graphics/scifihifi.png") no-repeat 0 0; text-indent: -1000em; }
#header #tagline { position: absolute; top: 71px; left: 21px; width: 443px; height: 20px; background: url("graphics/tagline.png") no-repeat 0 0; text-indent: -1000em;}
#header #products { position: absolute; left: 417px; bottom: 0; width: 263px; height: 99px; background: url("graphics/products.png") no-repeat 0 0; }
#header #podworks a { display: block; position: absolute; top: 17px; left: 66px; width: 77px; height: 77px; background: url("graphics/podworks.png") no-repeat 0 0; text-indent: -1000em; }
#header #podworks a:hover { background-position: -77px 0; }
#header #cocoalicious a { display: block; position: absolute; top: 21px; left: 176px; width: 75px; height: 67px; background: url("graphics/cocoalicious.png") no-repeat 0 0; text-indent: -1000em; }
#header #cocoalicious a:hover { background-position: -75px 0; }

/**** Content ****/
.hentry .dateline { margin: 10px 0 14px 0; font-size: 0.85em; font-style: italic; text-align: center; }
.hentry .entry-title { color: #262626; font-size: 1.5em; margin-bottom: 10px; text-align: center; font-weight: bold; }
.hentry .entry-content { font-size: .85em; }
.hentry .entry-content p { margin-bottom: 1em; }

a, a:visited {
	color: #4b644b;
}

#content a:hover { text-decoration: underline; }

#copyright { color: #7c7c7c; text-align: center; margin-top: 15px; margin-bottom: 10px; }

/**** Product Page ****/
#product-name { font-size: 2.25em; text-align: center; margin-top: 10px; margin-bottom: 10px; }
#product-image { text-align: center; }
#product-quotes { font-size: 0.9em; }
#product-version-box, #product-support-box { padding: 15px; border-width: 1px; border-style: dotted; margin-bottom: 10px; }
#product-current-version { text-align: center; }
#product-current-version-changes ul { list-style: circle; padding-left: 15px; padding-bottom: 10px; font-size: .9em; }
#product-current-version-changes li { line-height: 1.5em; }
#product-current-version-changes h3 { text-align: center; font-weight: bold; margin-top: 20px; margin-bottom: 10px; }
#product-badges { text-align: center; margin-top: 10px; }
.product-quote { margin-bottom: 10px; position: relative; }
.attribution { text-align: right; margin-bottom: 15px; }
.attribution-author {font-weight: bold; }
.attribution-source { font-style: italic; }
#product-version-box strong { font-weight: bold; }
#product-version-box a { color: #005ebf; }
#product-support-box strong { font-weight: bold; }
#product-support-box .title { font-weight: bold; text-align: center; margin-bottom: 10px; }
#product-support-box a { color: #005ebf; }
#product-body-text {font-size: 0.9em; }
#product-body-text p { margin-top: 10px; margin-bottom: 10px; }
#product-body-text ul { list-style: circle; padding-left: 15px; }
#product-body-text li { padding-top: 10px; padding-bottom: 10px; }
#product-body-text em { font-style: italic; }
#product-body-text strong { font-weight: bold; }
#product-body-text h3 { font-weight: bold; font-size: 1.25em; padding-top: 10px; }
#product-body-text h4 { font-weight: bold; padding-top: 10px; }
#try-buy-box h3 { text-align: center; }
#try-buy-box a:link, a:visited, a:active { color: #005ebf; }
#screenshot-box { text-align: center; }
#screenshot-box td { padding: 10px; }

strong { font-weight: bold; }

/**** Tumblr ****/

div.post { 
	margin-bottom: 30px; 
	position: relative; 
	font-size: .9em;
}

div.post p { 
	margin-bottom: 10px;
}


div.post img.permalink { 
	border-width: 0px; 
	width: 23px; 
	height: 9px; 
	position: absolute; 
	top: 5px; 
	right: 5px; 
	display: none; 
}

div.post:hover img.permalink {
	display: block;
}

.date { 
	margin: 30px 0px 10px 0px; 
	font-size: 24px; 
	text-align: right; 
	letter-spacing: -1px; 
	border-bottom: dotted 1px;
	border-color: #383838;
	padding-bottom: 8px;
}

div.post ul { list-style: circle; padding-left: 15px; padding-bottom: 10px; }
div.post ol { list-style: decimal; padding-left: 15px; padding-bottom: 10px; padding-top: 10px; }
div.post ol li { padding-bottom: 10px; }

div.post a {
	color: #4b644b;
	text-decoration: underline;
}

div.post h2 a {
	text-decoration: none;
	/*color: #314131;*/
}

div.post div.title a {
	text-decoration: none;
	/*color: #314131;*/
}

div.post h3 a {
	text-decoration: none;
	/*color: #314131;*/
}

#comments-link a {
	text-decoration: none;
}

/* Regular Post */
div.regular h2 {
	font-size: 1.5em;
	margin-bottom: 10px;
	font-weight: bold;
}

div.regular blockquote {
	margin-top: 10px;
	font-size: .9em;
	font-size: 20px;
	color: #262626;
	padding: 0px 30px 20px 30px;
	line-height: 25px;
}

div.regular h3 {
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 1.2em;
	font-weight: bold;
}

div.regular div.photo img {
	border: solid 1px;
	border-color: #383838;
	padding: 1px;
}

div.regular div.photo div.caption {
	font-size: .7em;
}


div.regular div.source {
	margin-left: 30px;
	margin-bottom: 15px; 
	font-size: 16px;
}

div.regular p.quote {
	padding: 0px 30px 0px 30px;
		font-size: 20px;
		color: #262626;
	line-height: 25px;
}

div.regular p.quote big.quote {
	font: Bold 50px Georgia, serif;
	line-height: 1px;
	vertical-align: -23px;
	opacity: 0.4;
	-moz-opacity: 0.4;
	filter: alpha(opacity=40);
	text-decoration: none;
}

 /* Quote Post */
div.post div.quote {
	padding: 0px 0px 0px 0px;
	margin-bottom: 10px;
}

div.post div.quote span.quote {
	font-size: 20px;
	color: #262626;
	line-height: 25px;
}

div.post div.quote span.quote big.quote {
	font: Bold 50px Georgia, serif;
	line-height: 1px;
	vertical-align: -23px;
	opacity: 0.4;
	-moz-opacity: 0.4;
	filter: alpha(opacity=40);
}

div.post div.quote span.quote a {
	color: #262626;
}

div.post div.quote span.quote big.quote a {
	text-decoration: none;
}

div.post div.quote div.source {
	margin-top: 10px;
	font-size: 16px;
}

div.post div.quote div.quote-commentary {
	margin-top: 10px;
	font-size: .9em;
}

div.post div.quote div.link-attribution {
	margin-top: 10px;
}
	
/* Photo Post */	
div.post div.photo img {
	border: solid 1px;
	border-color: #383838;
	padding: 1px;
}

div.post div.photo div.caption {
	margin-top: 5px;
	text-align: left;
}

div.photo blockquote {
	padding: 0px 30px 10px 30px;
}
	
/* Link Post */
div.post div.link div.title {
	font-size: 1.2em;
	margin-bottom: 10px;
	font-weight: bold;
}

div.post div.link blockquote {
	font-size: 20px;
	color: #262626;
	padding: 0px 30px 20px 30px;
	line-height: 25px;
}

div.post div.link blockquote:first-letter {
			font: Bold 50px Georgia, serif;
			line-height: 1px;
			vertical-align: -23px;
			opacity: 0.4;
			-moz-opacity: 0.4;
			filter: alpha(opacity=40);
			padding-right: 5px;
}

#navigation {
	font-weight: bold;
	text-align: center;
}

#navigation a, a:visited {
	color: #4b644b;
	text-decoration: none;
}

#navigation a:hover {
	text-decoration: underline;
}

.clear{
	clear: both;
}

#author-portrait {
	margin-top: 10px;
	padding: 4px;
	border: 1px solid #a4a4a4;
}
	
#tumblr-footer {
	margin-top: 10px;
	font-size: .9em;
	
	font-weight: normal;
	border-top: 1px dotted;
	padding-top: 10px;
}

#tumblr-footer .inner {
	width: 625px;
	margin: 0px auto 1px auto;
}

#tumblr-footer .column {
	text-align: left;
	width: 190px;
	float: left;
	overflow: hidden;
	display: block;
	margin-bottom: 10px;
	margin-right: 20px;
}

#tumblr-footer div.links{
	margin: 0;
	border: 0;
	width: 203px;
}

#powered-by {
	clear: both;
	border-top: 1px dotted;
	padding-top: 10px;
	text-align: center;
}

#dopplr-logo {
	display: none;
}

#dopplr-blog-badge-for-buzz .dopplr-badge {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#dopplr-blog-badge-for-buzz .dopplr-badge p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	color: #000000
}

#dopplr-status {
	margin-bottom: 10px;
}

#twitter-status {
	margin-bottom: 10px;
}

#twitter_update_list a {
	font-size: 1em;
}

#last-fm-status {
	margin-bottom: 10px;
}

#last-fm-status #play-time {
	font-size: 85%;
}

.fdpoweredby {
	display: none;
}

#flickr-photos {
	margin: 0 auto;
	margin-bottom: 20px;
	display: block;
	width: 190px;
	height: 250px;
}

#flickr-photos a {
	display: block;
	float: left;
	margin: 5px;
	padding: 4px;
	border: 1px solid #a4a4a4;
	}

#flickr-photos a:hover {
	background: #d4d4d4;
}