@charset "utf-8";
/* CSS Document for Sam Koi's episode styles */

/*
===
	Imported Style Sheets
===
*/
@import url('global.css'); /* Pulls in global styles */
@import url('comments.css'); /* Pulls in Genearl Commenting styles */
@import url('contact-error.css'); /* Pulls in Contact Form Error styles */

/*
===
	Sticky Footer
	- by Ryan Fait http://ryanfait.com/
===
*/

* {
	margin: 0;
}

html, body {
	height: 100%;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -25px auto; /* the bottom margin is the negative value of the footer's height */
}

.footer-shell, .push {
	height: 25px; /* .push must be the same height as .footer */
}

/* General */

body {
	background-color: #fff;
	margin: 0;
	padding: 0;
}

a:hover {
	text-decoration: none;
}

h2 {
	font-size: 16px;
	font-weight: 900;
	margin: 0 0 9px 0;
	padding: 0;
}

/* Episode Header, includes navigation */

.header {
	background-color: #4059ab;
	margin: 0 0 18px 0;
	padding: 6px 8px;
	color: #fff;
}

.header a {
	color: #fff;
}

.header h1 {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 14px;
}

.header .navigation {
	float: right;
	margin: 0 0 0 auto;
	text-align: right;
	font-size: 14px;
}

/* Content Area */

.content {
	margin: 0 auto;
	text-align: center;
	color: #000;
}

.content a {
	color: #000;
}

.content .image {
	margin: 0;
	padding: 0 0 9px 0;
}

.content .content-footer {
	font-size: 14px;
	width: 730px;
	margin: 0 auto;
	padding: 0 0 18px 0;
	text-align: center;
}

.content .content-footer .link-previous {
	float: left;
	margin: 0;
	padding: 0;
}

.content .content-footer .link-next {
	float: right;
	text-align: right;
	margin: 0 0 0 auto;
	padding: 0;
}


/* Footer */

.footer {
	background-color: #4059ab;
	color: #fff;
	margin: 0;
	padding: 16px 0 18px 0;
}

.footer a {
	color: #fff;
}

.footer a:hover {
	text-decoration: none;
}

.footer .footer-inner {
	width: 730px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.footer-comments {
	float: left;
	width: 484px;
}

/* Comments Area */

.comments {
	margin: 0 auto;
	text-align: left;
}

.comments form {
	margin: 0;
	padding: 0;
}

.comments input#comment-author,
.comments input#comment-email,
.comments input#comment-url,
.comments input#comment-submit,
.comments textarea {
	display: block;
	margin: 0 0 9px 0;
	padding: 4px 6px;
}

.comments input#comment-author,
.comments input#comment-email,
.comments input#comment-url,
.comments textarea {
	border: 1px solid #fff;
}

.comments input#comment-author,
.comments input#comment-email,
.comments input#comment-url {
	width: 240px;
}

.comments textarea {
	width: 472px;
}

.comments input#comment-submit {
	font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 4px 2px;
}

.comments .comment {
	margin: 0 0 9px 0;
	padding: 0;
}

.comments .comment .comment-author {
	font-size: 14px;
	font-weight: 900;
	margin: 0;
	padding: 0 0 9px 0;
}

.comments .comment .comment-content {
	padding: 0 9px;
}

.comments .comment .comment-footer {
	text-align: right;
	font-style: italic;
}

.comments .comment.reply {
	padding: 9px;
	border: 1px solid #ffd800;
}

/* Sidebar */

.footer .footer-sidebar .share {
	background-color: #fff;
	margin: 0 auto 18px auto;
	padding: 9px 0 9px 12px;
	text-align: center;
}

.footer .footer-sidebar .share a {
	color: #000;
}

.footer .footer-sidebar {
	width: 227px;
	margin: 0 0 0 auto;
	float: right;
	text-align: left;
}

.footer .footer-sidebar .episodes .episode a {
	display: block;
	border: 1px solid #fff;
	text-decoration: none;
	margin: 0 0 9px 0;
	padding: 9px 0 0 9px;
	font-size: 14px;
	height: 76px;
	width: 216px;
	color: #fff;
	text-align: left;
}

.footer .footer-sidebar .episodes .episode a:hover {
	border: 1px solid #faa401;
	color: #faa401;
}


/* Site Footer */

.footer-shell {
	color: #fff;
	background-color: #4059ab;
	background-image: url('/parttimestories/samkoi/images/footer-samkoi.gif');
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	height: 25px;
}


/* Hacks and Other CSS Tricks */

.header:after,
.content-footer:after,
.footer-inner:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

* html .header,
* html .content-footer,
* html .footer-inner {
	height: 1%;
}

.header,
.content-footer,
.footer-inner {
	* height: 1%;
}