/* @override http://reverttosaved.com/wp-content/themes/rts2013/style.css */

/* 
Theme Name: RTS 2013
Theme URI: n/a
Download URL: n/a
Description: RTS 2013+ theme.
Author: Craig Grannell
Author URI: craiggrannell.com

STYLE SHEET FOR Rever to Saved - 2013 remix
Created by Craig Grannell, craiggrannell.com
Blame Jeffrey Zeldman for this one (zeldman.com)
Happy sounds at Aaron Gustafson, http://easy-designs.net/, for the adaptive resize method
*/

/* ----- 1. defaults ----- */
* {
	margin: 0;
	padding: 0;
	border: 0;
	}

body {
x	color: red;
	font: 18px/32px "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* ----- 2. layout ----- */

#wrapper {
	margin: 0 auto;
	position: relative;
	}

#masthead {
	/*max-width: 800px;*/
	margin: 0 auto;
	height: 86px;
	background: #fdc84e;
	background: -o-linear-gradient(top, #ffb124 0%, #ffca44 5%, #ffca44 100%) fixed;
	background: -moz-linear-gradient(top, #ffb124 0%, #ffca44 5%, #ffca44 100%) fixed;
	background: -webkit-linear-gradient(top, #ffb124 0%, #ffca44 5%, #ffca44 100%) fixed;
	background: linear-gradient(top, #ffb124 0%, #ffca44 5%, #ffca44 100%) fixed;
	-webkit-text-size-adjust: none;
	border-bottom: 8px solid #111111;
}

#masthead-i {
	max-width: 800px;
	margin: 0 auto;
	position: relative;
}

#strap {
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	xmargin-top: /*6px*/ -4px;
	xpadding-left: 20%;
	}

#strap a {
	color: #000;
}

#content {
	max-width: 800px;
	margin: 0 auto;
	background: #ffffff;
	}
	.post-content {
		padding: 0 10%;
		}

#content {
	margin-top: -1px;
	}

#logo {
	position: relative;
	font: 44px/54px "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-left: 9.70%;
}
	#logo a {
		color: #000;
	}
	#logo .star {
		color: #c72015;
		font-size: 34px;
		position: absolute;
		margin-left: -44px;
	}

.post {
	border-top: 1px solid #000;
	border-bottom: 44px solid rgba(248,211,143,0.24)/*#fdc84e*/;
	padding-bottom: 21px;
	}

.meta {
	margin-top: 31px;
	border-top: 1px dashed #aaa;
	padding-top: 32px;
}

.meta, .meta a {
	color: #888;
	}

.social {
	max-width: 250px;
	margin-top: 32px;
	height: 22px;
	margin-bottom: 24px;
	}
.social div {
	float: left;
	}

#content img {
	max-width: 100%;
	}

#sidebar {
	/*max-width: 800px;*/
	margin: 0 auto;
	border-top: 8px solid #111;
	background: #f9d476;
	overflow: auto;
	padding-top: 24px;
	}

#sidebar-i {
	margin: 0 auto;
	max-width: 800px;
	}
	
#standing {
	clear: both;
	padding: 32px 0;
	}	
	
#top-reads {
	max-width: 45%;
	float: left;
	margin-right: 9%;
	}

#recently {
	max-width: 45%;
	float: left;
	}

/* ----- 3. typography ----- */

#content h2 {
	font: bold 40px/48px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;             
	margin-bottom: 46px;
	margin-top: 32px;
x	margin-left: 10%;
	margin-right: 10%;
x	text-align: center;
	border-left: 3px solid rgba(196,27,29, 0.5);
	border-radius: 30px;
	padding-left: 9.2%;
	
	}

#content h3 {
	font: bold 20px/32px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-top: 32px;
	}

p {
	/*margin-bottom: 24px;*/
	color: #000000;
	}
p+p {
	text-indent: 32px;
}
	p.noindent {
		text-indent: 0;
		margin-top: 24px;
		}
blockquote p {
	text-indent: 32px;
}
	#sidebar p {
		text-align: center;
		}
	#sidebar p+p {
		text-indent: 0;
	}
	h3+p {
	text-indent: 0;
	}

	
p+p img {
	margin: 32px 0 32px -32px;
}

p img {
x	background: red;
}

.caption {
	background: #eee;
	padding: 32px 16px 16px;
	margin: 32px auto;
	text-align: center;
}	
.caption img {
	display: block;
	margin: 0 auto 15px;
}
.caption p {
	font-style: italic;
	color: #333;
	font-size: 17px;
	}
	
.comments {
	text-align: right;
	margin-top: -48px;
	}

#content ul, #content ol {
	margin-top: 24px;
	margin-bottom: 24px;
	}

#content ul li, #content ol li {
	margin-bottom: 24px;
	}

#content ul.transcript {
	list-style: none;
}

#content ul.transcript li {
	margin-bottom: 12px;
	border-bottom: 1px dashed #aaa;
	padding-bottom: 11px;
}

#content ul.transcript li:last-of-type {
	border: none;
	padding-bottom: 12px;
}

#post-navigation {
	border-top: 1px dashed #aaa;
	height: 47px;
	line-height: 48px;
	font-size: 24px;
	overflow: hidden;
	}
	#next-link {
		float: right;
		}
	#previous-link {
		float: left;
		}

blockquote {
	border-left: 2px dashed; #000;
	font-style: italic;
	background: #fad576;
	margin: 30px;
	padding: 0 10px 0 30px;
	}

a {
	color: #bf171f;
	text-decoration: none;
	font-weight: bold;
	}
	.post a:not(a img) {
		border-bottom: 1px dashed #bf171f;
		}	
	.post h2 a {
		color: #111;
		border-bottom: none;
		}
	.post a+img {
		border-bottom: none;
		}
	#sidebar a {/*bdac63*/
		color: #333;
	}

#sidebar h2 {
	color: #333;
	font: 24px/24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 24px;
	}
	
#standing {
	color: #333;
	font: 16px/24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 24px;
	}

#sidebar ul {
	font: 18px/24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	list-style: none;
	}
	#sidebar li {
		padding-bottom: 11px;
		border-bottom: 1px dashed #333333;
		margin-bottom: 12px;
		}
		ul#subscriptions li {
			margin-bottom: 0;
			}
		ul#subscriptions {
			margin-bottom: 18px;
			}

#respond {
	padding: 24px 0;
	}

#respond, #comments, .commentlist {
	margin-left: 10%;
	margin-right: 10%;
}

#respond p+p {
	text-indent: 0;
	}

#respond input, #respond textarea {
	background: #eee;
	font: bold 18px/32px Arial, sans-serif;
	max-width: 98%;
	}

#respond label {
	font-weight: bold;
	}

#respond input {
	height: 32px;
	padding: 0 6px;
	margin-bottom: 16px;
	}

#respond textarea {
	padding: 0 5px;
	margin-bottom: 16px;
	}
	
#respond #submit {
	height: 32px;
	border: 0;
	font: bold 18px/24px Arial, sans-serif;
	background: #333333;
	color: #ffffff;
	padding: 0 24px;
	-webkit-appearance: none;
	border-radius: 16px;
	}

ol.commentlist {
	list-style: none;
	}
.commentlist cite {
	font-style: normal;
	font-weight: bold;
	}
.commentlist .says {
	display: none;
	}

img#wpstats{visibility:hidden; height:0px;}

hr {
height: 0;
border-bottom: 1px solid #ddd;
margin: 23px 0 24px;	
}

/* ---- 6. adaptive over-rides and background strip---- */


@media screen and (max-width:900px) {

   		#content h2 {
   			border: 0;
   			padding-left: 9.9%;
   		}

		}

/* single column */
@media screen  and (max-width:800px) {

.post, #sidebar {
	padding-left: 10%;
	padding-right: 10%;
		}
#post-navigation {
padding-left: 10%;
padding-right: 10%;
}
		
.post-content {
	padding-left: 0;
	padding-right: 0;
		}
#content h2 {
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}		    
       	}

/* smartphones */
@media 	screen and (max-device-width: 480px),
		screen and (max-width: 480px) {
		
		#wrapper {
			overflow: hidden;
			}
		
		#masthead {
			height: 54px;
			}
			
		#content h2 {
			font-size: 24px;
			line-height: 32px;
			margin: 16px 10% 23px 0;
			}
			
		#logo {
			text-rendering: optimizeLegibility;             
			font-size: 28px;
			line-height: 54px;
			}
			#logo .star {
			font-size: 24px;
			margin-top: 0;
			margin-left: -26px;
			}

		#strap {
			display: none;
			}
		
		blockquote {
			margin: 30px 0;
			}
			
		.social div {
			float: none;
			}	
		
		.twitter-button {
		margin-bottom: 24px;
		}
		
		#post-navigation {
		font-size: 22px;
		}
		
		#recently, #top-reads {
			float: none;
			margin: 0 0 28px;
			width: 100%;
			max-width: 100%;
			}
		
		#respond input {
		margin-bottom: 8px;
		}
		label {
			display: block;
			padding-bottom: 7px;
			border-bottom: 1px dotted #aaa;
			margin-bottom: 8px;
			}
		
		}