/*
Theme Name: SimplePie
Theme URI: http://www.simplepie.org
Description: A simple, yet beautiful theme inspired by (but not stolen from) 37Signals' Backpack and Basecamp websites.
Version: 1.0
Author: Ryan Parman
Author URI: http://www.skyzyx.com
Updated: 6 April 2006
*/


/*********************************************
GENERAL STYLES
*********************************************/
body {
	font:12px/18px verdana, sans-serif;
	letter-spacing:0px;
	color:#333;
	background:#fff url(top_gradient.gif) repeat-x top left;
	margin:0;
	padding:0;
}

div#site {
	width:500px;
	margin:20px auto 0 auto;
}

a {
	color:#000;
	text-decoration:underline;
	padding:0 1px;
}

a:hover {
	color:#fff;
	background-color:#333;
	text-decoration:none;
	padding:0 1px;
}

div#punwrap a:hover {
	color:#fff !important;
	background-color:#333 !important;
	text-decoration:none !important;
}

h1#logo {
	margin:0;
	padding:0;
	text-align:center;
}

h1#logo a, 
h1#logo a:hover {
	background-color:transparent;
	text-decoration:none;
	padding:0;
}

h2.image {
	margin:0;
	padding:0;
	text-align:center;
}

h3 {
	margin:20px 0 0 0;
	padding:0;
	font-size:18px;
}

h4 {
	margin:20px 0 0 0;
	padding:0;
	font-size:14px;
}

p {
	margin:0;
	padding:5px 0;
}

ul, ol {
	margin:10px 0 10px 20px;
	padding:0 0 0 15px;
}

ul li, ol li {
	margin:0 0 7px 0;
	padding:0 0 0 3px;
}

form {
	margin:0;
	padding:0;
}

code {
	font-size:1.1em;
	background-color:#f3f3ff;
	color:#000;
}

pre {
	font-size:12px !important;
	font-family:monospace !important;
}

div#site pre {
	background-color:#f3f3ff;
	color:#000080;
	border:1px dotted #000080;
	overflow:auto;
	padding:3px 5px;
}

blockquote {
	font-size:11px;
	color:#666;
	border-left:4px solid #666;
	margin:10px 0 10px 30px;
	padding:0 5px 0 10px;
	background:#f3f3f3 url(background_blockquote.png) repeat top left;
}

input, select, textarea {
	font:11px/16px verdana, sans-serif;
	padding:2px;
}

input[type=text], select, textarea {
	background-color:#e9f5ff;
	border:1px solid #333;
}

input[type=text]:focus, select:focus, textarea:focus {
	background-color:#ffe;
}

table#chart {
	border-collapse:collapse;
}

table#chart th {
	background-color:#eee;
	padding:2px 3px;
	border:1px solid #fff;
}

table#chart td {
	text-align:center;
	padding:2px 3px;
	border:1px solid #eee;
}

table#chart td.left {
	text-align:left;
}


/*********************************************
NAVIGATION STYLES
*********************************************/
ul#menu {
	display:block;
	margin:20px 0 0 0;
	padding:0;
	color:#aaa;
	text-align:center;
	font-size:11px;
}

ul#menu li {
	display:inline;
	list-style:none;
	padding:0;
	margin:0;
}

ul#menu li a {
	padding:2px 4px;
	margin:0 2px;
	font-weight:bold;
}

body#bodydemo ul#menu li#demo a {
	color:#fff;
	background-color:#333;
	text-decoration:none;
}


/*********************************************
CONTENT STYLES
*********************************************/
div.chunk {
	margin:20px 0 0 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #ccc;
}

.footnote,
.footnote a {
	font:10px/12px verdana, sans-serif;
	color:#aaa;
}

.footnote em {
	background-color:transparent;
	font-style:italic;
}

p.subscribe {
	background-color:#f3f3f3;
	font-size:11px;
	text-align:center;
}

p.highlight {
	background-color:#ffc;
	font-size:11px;
	text-align:center;
}

p.sample_feeds {
	font:11px/14px verdana, sans-serif;
}

div.sp_errors {
	background-color:#eee;
	padding:5px;
	text-align:center;
	font-size:11px;
}


/*********************************************
DEMO STYLES
*********************************************/
div#sp_input {
	background-color:#ffc;
	border:2px solid #f90;
	padding:5px;
	text-align:center;
}

div#sp_input input.text {
	border:1px solid #999;
	background-color:#e9f5ff;
	width:65%;
	padding:2px;
}

form#sp_form {
	margin:15px 0;
}

div.focus {
	margin:0;
	padding:10px 20px;
	background-color:#efe;
}


/*********************************************
SIFR STYLES
*********************************************/
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced.  
The negative-letter spacing in this case is used to make the browser text metrics 
match up with the sIFR text metrics since the sIFR text in this example is so 
much narrower... your own settings may vary... any weird sizing issues you may 
run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h3.header {
	visibility: hidden;
	letter-spacing: -6px;
	font-size:45px;
	margin:0;
	padding:0;
	line-height:0;
	height:50px;
}