/*
 Theme Name: Readable
 Theme URI: http://www.raggedclown.com
 Description: For when your readers are old and blind
 Version: 1.0
 Author: Ragged Clown
 Author URI: http://www.raggedclown.com
*/


/* cross-browser hacks */
.clear:after{
  content:'.';
  display:block;
  height:0;
  font-size:0;
  clear:both;
  visibility:hidden;
}

.clear{display:inline-block;}
 \
.clear{display:block;}



/* normal styles */
body {
  background: #F4F3DB;
	margin: 0;
	color: #222222;
	font-family: "Palatino Linotype","Book Antiqua",Palatino,serif;
	font-size: 24px;
}


h2, h3, h4, h5, h6 {
  color: #555;
}

h2 {
  border-bottom: 1px solid #333333;
  font-size: 1.2em;
}

h3 {
  margin: 0 0 .5em;
  font-size: 1em;
  text-align: right;
}

p {
	margin: 0 0 1em;
	text-align: justify;
}

p img {
	margin: 0;
}

.alignleft, .float-left {
	float: left;
  margin: 1em 1em 1em 0;
}
.alignright, .float-right {
	float: right;
  margin: 1em 0 1em 1em;
}

p a img {
  border: 1px solid transparent;
}

p a:hover img {
	border: 1px solid #841316;
}

img.float-left, img.alignleft {
	display: block;
	clear: left;
}

img.float-right, img.alignright {
	display: block;
	clear: right;
}

img.center, img.centered {
	display: block;
	clear: both;
	margin: auto;
}

a {
	color: #841316;
}

a:visited {
	color: inherit;
}

a:hover {
	color: #cc3d1f;
}

blockquote {
	color: #444;
	font-style: italic;
	margin: 0 22px;
	display: block;
}

div#wrapper {
	min-width: 400px;
	max-width: 860px;
	width: 860px;
	padding: 10px;
	margin: 0 auto;
}

div#content {
	padding: 0;
	margin: 0 auto;
}

div#header  {
	min-width: 400px;
	max-width: 860px;
	width: 860px;
  margin: 10px auto;
}

div#header img {
  border: 0;
  display: block;
  float: left;
  margin-bottom: 20px;
}



div.post {
	padding: 0;
	margin: 0;
}

div.post h2 a {
  text-decoration: none;
}

div.post h2, h3 {
	margin: 0;
  padding: 0;
}

div.post-title {
	margin: 0 0 .5em;
}

div.post-footer {
	padding: 0.5em .25em;
	margin: 1em 0 3em;
  border-top: 1px dotted #ccc;
}

div.post-footer div.tags {
  float: left;
  margin-right: 1em;
}

div.post-footer div.edit {
  float: left;
  margin-right: 1em;
}

div.post-footer div.comments {
  background: url(images/comments.png) no-repeat right;
  padding-right: 20px;
  float: right;
}

img.avatar {
  float:right;
  margin: 0 0 0 10px;
}


div.post-content ul, div.post-content ol {
	margin: 1em;
	list-style: disc;
}
div.post-content ol {
	list-style: decimal;
}


div.navigation {
  padding: 2em;
}



div#footer {
	clear: both;
	padding: 1em;
	display: block;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
	margin: 1em 0;
	text-align: center;
  font-size: 75%;
}

div#footer a {
	text-decoration: none;
}



cite {
	text-align: right;
	float: right;
	color: #aaa;
}

cite a {
	text-decoration: none;
}

cite a:hover {
	text-decoration: underline;
}
code {
}
code.block {
	display: block;
	padding: 10px;
}


div.comment-please {
  font-size: 0.8em;
  font-style: italic;
  border-bottom: 1px dotted #ccc;
  margin: 3em 0 1em;
  padding-bottom: 1em;
  clear: both;
}

div.comment-please p {
  margin-bottom: 0;
}

div#comments span.author {
  font-weight: bold;
}

div#comments ol {
  padding: 0;
}

li.comment {
	display: block;
	padding: 20px 20px 0;
	border-bottom: 1px dotted #ccc;
  font-size: 80%;
}

li.comment.alt {
	background: #DDD8BB;
}

textarea.comment {
  width: 100%;
}

.wp-caption p {
  text-align: center;
  font-size: 0.8em;
  font-weight: bold;
}


table#wp-calendar {
	margin: auto;
	text-align: center;
	font-size: 0.5em;
}

table#wp-calendar caption {
  text-align: center;
  font-weight: bold;
}

table#wp-calendar td {
	padding: 0 .25em;
	text-align: center;
}

table#wp-calendar th {
  padding: 0 .25em;
	text-align: center;
	font-weight: bold;
}

table#wp-calendar td a {
	font-weight: bold;
}

a abbr, a acronym {
	border: none;
}

div.bookmarks a {
  padding: 2px;
}

div.bookmarks a:hover {
  background: #FFF; 
}

img.icon {
  float: right;
}

blockquote.spoiler {
  color:  #222222;
  background-color:  #222222;
}

span.spoiler {
  color: black;
  background-color: black;
}


.scrollbox {
  float: left;
  width: 540px;
  height: 300px;
  overflow: hidden;
  background-color: #DDD8BB;
  margin-left: 20px;
}

.scrollbox ul {
  margin: 0;
  padding: 0;
}

.scrollbox-tabs li {
  float: left;
  list-style: none;
  width: 90px;
  background-position:-1000px -1000px;
  background-repeat: no-repeat;
}

.scrollbox-tabs li a {
  display: block;
  height: 87px;
  text-decoration: none;
  background: center center no-repeat;
}

.scrollbox-tabs li a:focus {
  outline :0;
}

.scrollbox-tabs li#search-tab a {
  background-image: url(images/search-icon.png);
}

.scrollbox-tabs li#search-tab a:hover {
  background-image: url(images/search-icon-hover.png);
}

.scrollbox-tabs li#recent-posts-tab a {
  background-image: url(images/recent-posts-icon.png);
}

.scrollbox-tabs li#recent-posts-tab a:hover {
  background-image: url(images/recent-posts-icon-hover.png);
}

.scrollbox-tabs li#recent-posts-tab {
  background-image: url(images/recent-posts-hover-icon.png);
}

.scrollbox-tabs li#recent-comments-tab a {
  background-image: url(images/recent-comments-icon.png);
}

.scrollbox-tabs li#recent-comments-tab a:hover {
  background-image: url(images/recent-comments-icon-hover.png);
}

.scrollbox-tabs li#recent-comments-tab {
  background-image: url(images/recent-comments-icon-hover.png);
}

.scrollbox-tabs li#highlights-tab a {
  background-image: url(images/highlights-icon.png);
}

.scrollbox-tabs li#highlights-tab a:hover {
  background-image: url(images/highlights-icon-hover.png);
}

.scrollbox-tabs li#highlights-tab {
  background-image: url(images/highlights-icon-hover.png);
}

.scrollbox-tabs li#tags-tab a {
  background-image: url(images/tags-icon.png);
}

.scrollbox-tabs li#tags-tab a:hover {
  background-image: url(images/tags-icon-hover.png);
}

.scrollbox-tabs li#tags-tab {
  background-image: url(images/tags-icon-hover.png);
}

.scrollbox-tabs li#calendar-tab a {
  background-image: url(images/calendar-icon.png);
}

.scrollbox-tabs li#calendar-tab a:hover {
  background-image: url(images/calendar-icon-hover.png);
}

.scrollbox-tabs li#calendar-tab {
  background-image: url(images/calendar-icon-hover.png);
}


.scrollbox-tabs li.inactive {
  background-color: #F4F3DB;
}

ul#sidebar {
  margin: 0px;
  background-color: #DDD8BB;
  height: 213px;
  width: 10000px;
  position: relative;
  top: 87px;
}

ul#sidebar h2 {
  border: none;
  text-align: center;
  font-size: 0.6em;
  margin: 0 auto;
}

ul#sidebar li {
  float: left;
  width: 530px;
  padding: 5px;
  overflow: hidden;
}

ul#sidebar li.active {
}

ul#sidebar ul {
  margin: 0;
  padding: 0;
}

ul#sidebar li li {
  float: none;
  font-size: 0.8em;
  margin: 0 30px;
}

#searchform li a {
  background: url(images/rss.png) no-repeat center left;  
  padding-left: 50px;
}

#searchform input {
  font-size: 1.2em;
  margin: 20px 10px 20px 0;
}

input#s {
  width: 300px;
}

input#searchsubmit {
}