/*
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 Beta
Author: Ryan Parman
Author URI: http://www.skyzyx.com
Updated: 5 Jan 2006
*/


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

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;
}

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;
}

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

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

em {
	font-style:normal;
	background-color:#ffc;
}

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-family:monospace;
	background-color:#f3f3ff;
	color:#000080;
	border:1px dotted #000080;
	overflow:auto;
	padding:3px 5px;
}


/*********************************************
NAVIGATION STYLES
*********************************************/
ul#menu {
	display:block;
	margin:0 0 20px 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#bodyabout ul#menu li#about a, 
body#bodydemo ul#menu li#demo a, 
body#bodydownloads ul#menu li#downloads a, 
body#bodydocs ul#menu li#docs a, 
body#bodyideas ul#menu li#ideas a, 
body#bodyblog ul#menu li#blog a, 
body#bodysupport ul#menu li#support 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;
}

a.download, 
a.download:hover {
	border:none;
	background-color:transparent;
}

p.download {
	text-align:center;
}

p.download a,
p.download a:hover {
	display:block;
	padding:45px 0 0 0;
	margin:0 auto;
	width:203px;
	heig\ht:45px;
	height:0;
	overflow:hidden;
	background:transparent url(/images/button_download.png) no-repeat 0 0;
}

p.download a {
	background:transparent url(/images/button_download.png) no-repeat 0 0;
}

p.download a:hover {
	background:transparent url(/images/button_download.png) no-repeat 0 -45px;
}

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


/*********************************************
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;
}


/*********************************************
BLOG STYLES
*********************************************/
div.prevNext {
	border-bottom:1px solid #ccc;
	background-color:#efe;
}

div.prevNext,
table td {
	font-size:11px;
}


/*********************************************
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;
}