/********************************************************************
 * Site
 ********************************************************************/
/*
	.test{border-style:dotted;}.span1{border-style:solid;border-width:thin;}.span2{border-style:solid;border-width:thin;}.span3{border-style:solid;border-width:thin;}.span4{border-style:solid;border-width:thin;}.span5{border-style:solid;border-width:thin;}.span6{border-style:solid;border-width:thin;}.span7{border-style:solid;border-width:thin;}.span8{border-style:solid;border-width:thin;}.span9{border-style:solid;border-width:thin;}.span10{border-style:solid;border-width:thin;}.span11{border-style:solid;border-width:thin;}.span12{border-style:solid;border-width:thin;}
 */

body {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	background-color: #b9a98d;
	font-size: 13px;
	line-height: 18px;
}

a {
	color: #000000;
}

a:hover {
	color: #333333;
}

hr {
	margin: 0;
	border: 0;
	height: 1px;
	color: #000000;
	background-color: #000000;
	/*
	margin: 18px 0;
	border: 0;
	border-top: 1px solid #878073;
	border-bottom: 1px solid #a79e8c;
	*/
}

img.banner {
	max-width: 100%;
	border: none;
	padding-bottom: 1em;
}

.well {
	background-color: #a79e8c;
	border: none;
		-webkit-border-radius: none;
			-moz-border-radius: none;
				border-radius: none;
		-webkit-box-shadow: none;
			-moz-box-shadow: none;
				box-shadow: none;
}

.search-query {
	width: 8em;
}

div.copyright {
	padding-right: 1em;
	text-align: right;
}

div.credits {
	white-space: pre-line;
	padding-left: 1em;
	text-align: left;
}

.rating_mature {
	color: #89cff0;
}

.rating_gore {
	color: #ffd700;
}

.rating_explicit {
	color: #ff0000;
}

.row-fluid-slim [class*="span"] {
	min-height: 0;
}

.row_even {
	background-color: #a79e8c;
}

.row_odd {
	background-color: #b9a98d;
}

.row-fluid_chapters [class*="span"] {
	margin-left: 1.127659574%;
	*margin-left: 1.0744680846382977%;
}

@media (max-width: 480px) {
	div.copyright {
		text-align: left;
	}
}

/********************************************************************
 * Forms
 ********************************************************************/

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	background-color: #b9a98d;
	border: 2px solid #5d5030;
	color: #000000;
	-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
			border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
		-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
		-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
		-o-transition: border linear 0.2s, box-shadow linear 0.2s;
			transition: border linear 0.2s, box-shadow linear 0.2s;
}

button,
input,
select,
textarea {
	margin: inherit;
	font-size: inherit;
	vertical-align: inherit;
	width: 100%;
	margin-left: 0;
}

input, textarea, select {
	border: 2px solid #5d5030;
	color: #000000;
	background-color: #b9a98d;
}

input[type="checkbox"] {
	width: auto;
}

textarea {
	resize: both;
}

:-moz-placeholder {
	color: #666666;
}

::-webkit-input-placeholder {
	color: #666666;
}

label {
	display: inline;
	margin-bottom: inherit;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	text-align: inherit;
	vertical-align: inherit;
	font-weight: inherit;
	white-space: inherit;
}

div.form_label {
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	padding-bottom: 2px;
}

span.form_label {
	font-weight: bold;
}

div.form_input {
	vertical-align:top;
	padding-bottom: 2px;
}

@media (max-width: 480px) {
	div.form_label {
		text-align: left;
		vertical-align: baseline;
	}
}

input.form_transparent,
input.form_transparent:focus {
	color: #000000;
	cursor: default;
	background-color: transparent;
	border: none;
	-webkit-border-radius: 0;
		-moz-border-radius: 0;
			border-radius: 0;
	-webkit-box-shadow: none;
		-moz-box-shadow: none;
			box-shadow: none;
}

/********************************************************************
 * Tabs
 ********************************************************************/

.nav-tabs {
	border-bottom: 1px solid #000000;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
	color: #000000;
	background-color: #a79e8c;
	border: 1px solid #000000;
	border-bottom-color: transparent;
	cursor: default;
}

.nav-tabs > li > a {
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 18px;
	border: 1px solid transparent;
	border: 1px solid #000000;
	border-bottom: 0px;
	-webkit-border-radius: 4px 4px 0 0;
		-moz-border-radius: 4px 4px 0 0;
			border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
	border-color: #eeeeee #eeeeee #dddddd;
}

.tab-content {
	overflow: visible;
	border: 1px solid #000000;
	border-top-color: transparent;
}

/********************************************************************
 * Buttons
 ********************************************************************/

.foe_btn {
	background-color: #a79e8c;
	background-image: none;
	color: #333333;
	text-shadow: none;
}

.foe_btn.active,
.foe_btn:active {
	background-color: #a79e8c;
	background-image: none;
}

/********************************************************************
 * Navigation
 ********************************************************************/

.nav > li > a {
	color: #000000;
}

.nav .nav-header {
	color: #555555;
	text-shadow: none;
	font-size: larger;
}

.nav > li > a:hover {
	text-decoration: none;
	background-color: #b9a98d;
}

.nav-list > li > a,
.nav-list .nav-header {
	text-shadow: none;
	font-size: normal;
}

.nav-list > li > a:hover {
	xfont-size: larger;
	font-weight: bold;
}

.nav-list > .active > a,
.nav-list > .active > a:hover {
	color: #000000;
	text-shadow: none;
	background-color: #b9a98d;
}

/********************************************************************
 * Tables
 ********************************************************************/

td {
	padding: 1;
}

td.form_label {
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	white-space: nowrap;
	padding-right: 1em;
}

td.form_input {
	vertical-align:top;
	width: 100%;
}

.table th,
.table td {
	padding: 2px;
	border-top: none;
}

.table tbody tr:hover td,
.table tbody tr:hover th {
	background-color: inherit;
}

/********************************************************************
 * Icons
 ********************************************************************/

[class^="icon-"],
[class*=" icon-"] {
	color: #333333;
}

.icon-white {
	color: #dddddd;
}

.icon-black {
	color: #000000;
}

.icon-red {
	color: #dd0000;
}

.icon-green {
	color: #00dd00;
}

.icon-blue {
	color: #0000dd;
}

/********************************************************************
 * Breadcrumbs
 ********************************************************************/

.foe_breadcrumb {
	padding-left: 1em;
	background-color: #a79e8c;
	border: 1px solid #eee;
	border: 1px solid rgba(0, 0, 0, 0.05);
	-webkit-border-radius: 34px;
		-moz-border-radius: 34px;
			border-radius: 34px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

ul.foe_breadcrumb {
	padding: 0.25em 1em;
	margin: 0 0 9px 0;
}

.foe_breadcrumb li {
	display: inline-block;
	*display: inline;
	/* IE7 inline-block hack */
	*zoom: 1;
}

.foe_breadcrumb .divider {
	padding: 0 5px;
	color: #000000;
}

.foe_breadcrumb .active {
	font-weight: bold;
	font-size: large;
	color: #333333;
}

/********************************************************************
 * Pagination
 ********************************************************************/

.pagination {
	height: 20px;
	margin: 0 0;
}

.pagination ul {
	display: inline;
}

.pagination a {
	border: 1px solid #000000;
	padding: 0 7px;
	line-height: 20px;
}

.pagination a:hover,
.pagination .active a {
	background-color: #a79e8c;
	color: #000000;
}

.pagination .active a {
	font-weight: bold;
}

/********************************************************************
 * Sidebars
 ********************************************************************/

div.sidebar_header {
	text-align: center;
	font-weight: bold;
	font-size: large;
}

div.sidebar_block {
	padding-left: 2em;
}

div.sidebar_posted {
	font-style: italic;
}

div.sidebar_body {
	white-space: pre-wrap;
}

/********************************************************************
 * Media
 ********************************************************************/

.carousel-control {
	top: 30px;
	width: 20px;
	height: 20px;
	font-size: 30px;
	font-weight: 100;
	line-height: 15px;
	opacity: 0.3;
	filter: alpha(opacity=30);
}

img.carousel {
	max-height: 150px;
	-webkit-border-radius: 34px;
	-moz-border-radius: 34px;
	border-radius: 34px;
}

img.slideshow {
	max-height: 150px;
	max-width: 150px;
	-webkit-border-radius: 34px;
	-moz-border-radius: 34px;
	border-radius: 34px;
}

img.gallery_link {
	max-height: 200px;
	padding-bottom: 1en;
}

div.foethumb {
	position: relative;
	width: 200px;
	height: 200px;
	margin: 0.5em;
	display: inline-block;
	text-align: left;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
	background-origin: border-box;
	background-size: cover;
	background-color: #a79e8c;
	border: 1px solid #eee;
	border: 1px solid rgba(0, 0, 0, 0.05);
	-webkit-border-radius: 34px;
	-moz-border-radius: 34px;
	border-radius: 34px;
	-webkit-box-shadow:  5px 5px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:  5px 5px rgba(0, 0, 0, 0.05);
	box-shadow:  5px 5px rgba(0, 0, 0, 0.1);
}

h2.foethumb {
	position: absolute;
	text-align: left;
	font-size: small;
	line-height: normal;
	top: 1em;
	left: 1em;
	right: 1em;
	background: rgb(0, 0, 3); /* fallback color */
	background: rgba(0, 0, 3, 0.7);
	border-radius: 8px;
	padding: 4px 0px;
}

div.media_block_title {
	padding-left: 16px;
	text-indent: -16px;
}

h2.foethumbnsfw {
	position: absolute;
	text-align: center;
	xfont-size: small;
	font-weight:bold;
	line-height: normal;
	top: 75px;
	left: 1em;
	width: 70%;
	margin: 8px;
	background: rgb(0, 0, 3); /* fallback color */
	background: rgba(0, 0, 3, 0.7);
	border-radius: 8px;
	padding: 4px 0px;
}

h2.foethumbnsfwmini {
	font-size: small;
	top: 25%;
	left: auto;
}

h2.foethumbicon {
	position: absolute;
	font-size: small;
	line-height: normal;
	bottom: 1em;
	left: 1em;
	right: 1em;
	padding: 0 4px;
	background: rgb(0, 0, 3); /* fallback color */
	background: rgba(0, 0, 3, 0.7);
	border-radius: 8px;
}

.thumbnails [class*="span"] {
	width: 200px;
	height: 200px;
}

@media (max-width: 767px) {
	.thumbnails [class*="span"] {
		height: auto;
	}
}

@media (max-width: 480px) {
	.thumbnails [class*="span"] {
		width: auto;
		height: auto;
	}
}

li.xfoethumb {
	padding-bottom: 1em;
}

a.gallery_link {
	color: #ffffff;
	font-size: small;
	padding: 0 4px;
}

a.gallery_link:hover {
	color: #cccccc;
	text-decoration: none;
}

a.gallery_link_icon {
}

a.gallery_link_icon:hover {
	color: #cccccc;
	text-decoration: none;
}

li.keyword {
	font-size: smaller;
}

li.keyword_group_label {
	list-style-type: none;
	font-weight: bold;
	text-align: center;
}

/********************************************************************
 * Story
 ********************************************************************/

.storylist_box {
	padding: 1em;
	margin-bottom: 1em;
	background-color: #a79e8c;
	-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
			border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

table.story_chapters {
	width: 80%;
}

td.story_chapters_number {
	border-left: thin solid;
	font-weight: bold;
	text-align: right;
}

td.story_chapters_mirrors {
	white-space: nowrap;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

td.story_chapters_title {
	width: 100%;
	text-decoration: none;
	vertical-align: top;
}

td.story_chapters_posted {
	border-right: thin solid;
	font-style: italic;
	white-space: nowrap;
}

.story_description {
	background-color: #a79e8c;
	white-space: pre-wrap;
	padding: 1em;
	-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
			border-radius: 12px;
}

@media (max-width: 1200px) {
	td.story_description {
		white-space: pre-wrap;
		padding-right: 0;
	}
}

img.story_chapters_mirrors {
	margin: 0px;
}

img.story_thumb {
	width: auto;
	height: auto;
}

div.story_thumb {
	width: 100px;
	height: 100px;
}

div.story_section_header {
	text-align: center;
	font-weight: bold;
	font-size: large;
	margin-bottom: 1em;
}

div.chapter_rating {
	padding-left: 1em;
	display: inline-block;
	font-weight: bold;
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
}

/********************************************************************
 * PnP
 ********************************************************************/

select.pnp {
	width: 100%;
}

textarea.pnp {
	width: 100%;
	margin-bottom: 1em;
}

@media (max-width: 480px) {
	textarea.pnp {
		height: 200px;
	}
}

select.pnp_success,
textarea.pnp_success {
	border-color: #468847;
}

div.pnp_grouplist_title {
	text-align: center;
	font-weight: bold;
	font-size: larger;
}

div.pnp_short_description {
	width: 100%;
	height: 4.1em;
	white-space: pre-line;
	overflow: hidden;
	text-align: justify;
	word-break: hyphenate;
}

div.pnp_description {
	white-space: pre-line;
	text-align: justify;
	word-break: hyphenate;
}

div.pnp_rule_title {
	font-weight: bold;
	xwhite-space: nowrap;
}

div.pnp_rule_type {
	text-align: right;
	font-style: italic;
	xwhite-space: nowrap;
}

div.pnp_rule_house {
	background-color: #a79e8c;
	padding: 1em 2em 1em;
	text-align: justify;
	white-space: pre-line;
	word-break: hyphenate;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

@media (max-width: 480px) {
	div.pnp_rule_house {
		padding-left: 2em;
	}
}

img.feed_img {
	max-width: 25%;
}

/********************************************************************
 * Comic
 ********************************************************************/

img.comic {
	width: 150px;
}

img.comic_full {
	width: 400px;
	max-height: 600px;
}

img.expanded {
	width: auto;
	max-width: none;
	max-height: none;
}

div.comic_full {
	width: 400px;
}

div.comic_max {
	width: 100%;
}

.carousel-control-full {
	margin-top: 0px;
	top: 0px;
	left: 0px;
	right: 0px;
	width: 25%;
	height: 100%;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: transparent;
	color: transparent;
	opacity: 0;
}

.carousel-control-full.right {
	left: auto;
	right: 0px;
}

.carousel-control-full:hover {
	background: transparent;
	opacity: 0;
	filter: alpha(opacity=0);
}

/********************************************************************
 * Header
 ********************************************************************/

div.foe_credits {
	white-space: pre-line;
	text-align: left;
	padding: 0 4em;
}

div.header_thumb {
	position: relative;
	margin: 0.5em;
	display: inline-block;
	text-align: left;
	cursor: pointer;
	border: none;
}
