/*
THEME NAME: Recoil Press
THEME URI: http://thecoredump.org/
DESCRIPTION: Custom theme for Recoilpress.com, based on Sandbox
VERSION: 1.0
AUTHOR: Niclas Lindh
AUTHOR URI: http://thecoredump.org
Template: sandbox

Requires Sandbox to be installed (plaintxt.org/themes/sandbox)
*/

@import url('reset.css');

html {
	/*Necessary due to the CSS reset*/
	background: #eee; /*#EFEFCC; original Amazon beige background*/
}

body {
	font-size: 100%; 
	line-height: 180%;
	font-family: "American Typewriter", Cambria, Monospace;
	text-align: center;
	margin: 20px 0 20px 0;
	padding: 0;
	background: #eee;
}

a {
    color: rgb(180, 188, 13);
    text-decoration: none;
}

a:hover {
    color: rgb(180, 188, 13);
    background: rgb(134, 45, 45);
}

p {
	padding-top: 1em;
}

#wrapper {
	text-align: left;
	margin: 20px auto;
	margin-top: 0;
	padding: 0;
	width: 800px;
	background: #eee;
}

#header {
	border: 1px solid #eee; /*Ugly (like there's any other kind) IE hack */
	padding-top: 250px;
    background: #eee url('images/masthead.png') no-repeat top;
}

#header #blog-title {
    display: none;
}

#header #blog-description {
    font-size: 140%;
    font-weight: normal;
    text-align: center;
    color: rgb(134, 45, 45);
}

#menu {
    text-transform: uppercase;
    /*padding-left: 20px;*/
    padding-top: 20px;
    padding-bottom: 20px;
}

#menu li {
    display: inline;
    list-style-type: none;
    padding-top: 5px;
	padding-right: 5px;
}

#menu a, #menu a:visited {
    color: rgb(180, 188, 13);
    text-decoration: none;
    padding: 5px;
    background: rgb(134, 45, 45);
	/* How freaking cool are these? */
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
}

#menu a:hover {
    color: rgb(180, 188, 13);
    background: black;
    text-decoration: none;
}

#menu .current_page_item a, #menu .current_page_item a:hover {
	color: rgb(180, 188, 13);
    background: black;
    text-decoration: none;
}

.indentme {
	/* Kind of ugly way to work around the indentation in the Amazon store.
	use <div class="indentme"> around Pages that aren't the store */
    padding-left: 25px;	
}

#access .skip-link {
	display: none;
}

.page .entry-title {
    display: none;
}

#content {
}

#content h2.page-title {
    padding-left: 30px;
    padding-bottom: 10px;
    font-size: 160%;
    color: #666;
}

#primary {
	clear: both;
}

#secondary {
	text-indent: 15px;
}

.sidebar {
	display: none; /*Hide both sidebars*/
	float: left;
	overflow: hidden;
	padding: 20px 1.0%; /*1.9% in original*/
	width: 360px;
	margin-left: 20px;
	color: rgb(134, 45, 45);
    /*border: 1px solid black;*/
}

.hentry {
    padding-bottom: 20px;
}

.post .entry-content {
    padding-bottom: 20px;
    padding-left: 30px; 
}

.entry-title {
    font-size: 200%;
    padding-left: 30px;
}

.entry-date {
    padding-left: 30px;
}

#nav-below {
    display: none;
}

#nav-above {
    font-size: 130%;
    padding-left: 30px;
}

#comments-list.comments {
    padding-left: 30px;
}

.comment {
    padding-bottom: 10px;
}

.comment.alt {
    background: white;
}

#respond {
    padding-left: 30px;
}

.entry-meta {
    padding-left: 30px;
}

#footer {
	display: none;
    padding: 20px;
    text-align: center;
    background: url('images/footer.png') no-repeat;
    height: 50px;
    clear: left;
    width: 100%;
    color: rgb(180, 188, 13);
}

#footer a {
    color: black;
    text-decoration: none;
    font-size: 100%;
}

#footer a:hover {
    background: rgb(134, 45, 45);
    font-size: 100%;
    text-decoration: none;
}

h2.entry-title {
    color: rgb(134, 45, 45);
    line-height: 200%;
}

#respond {
    padding-top: 20px;
}

.fn {
    color: rgb(180, 188, 13);
}