@import url(http://fonts.googleapis.com/css?family=Donegal+One);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,900);
*{margin:0; padding:0; border: 0;}
html, body {height:100%}
body {
	font-family: "Open Sans", arial, sans-serif;
	font-weight:400;
	font-size:1em;
	word-wrap:break-word;
	background: #5F330C url(../furniture/page_background.jpg) fixed bottom;
	background-size:cover;
}
p {
	margin:10px 0;
}
a {
	text-decoration:none;
	color:#E3791C;
	font-weight:600;
}
a:hover {
	color:#5F330C;
}
li {
	margin:0 0 0 20px;
}
div.row {
	margin:10px 0;
}
#main_title {
	width:81%;
	margin:10px auto 5px;
}
#main_title #title {
	width:50%;
	float:left;
}
#main_title #author {
	width:50%;
	float:left;
}
#main_title #title h1 {
	font-family: "Donegal One", Times, serif;
	font-size:32px;
	line-height:1;
	text-transform: uppercase;
	color:#180D02;
}
#main_title #author h2 {
	font-size:20px;
	font-weight:300;
	line-height:1;
	color:#ffffff;
}
@media (max-width: 640px) {
	#main_title #title {
		width:100%;
		float:none;
	}
	#main_title #author {
		width:100%;
		float:none;
	}
}

#main_menu {
	clear:left;
	width:80%;
	max-width:750px;
	margin:0 auto;
	text-align:center;
}
#main_menu ul {
	list-style: none;
}

#main_menu ul li {
	display:inline-block;
	position:relative;
	margin:5px 10px 0 0;
	background-color:#201104;
	background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #201104), color-stop(1, #00050A));
	background-image: -ms-linear-gradient(top, #201104, #00050A);
	background-image: -o-linear-gradient(top, #201104, #00050A);
	background-image: -moz-linear-gradient(top, #201104, #00050A);
	background-image: -webkit-linear-gradient(top, #201104, #00050A);
	background-image: linear-gradient(to bottom, #201104, #00050A);
	border-radius:3px;
	opacity:0.80;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
#main_menu ul li a {
	display:block;
	color:#ffffff;
	text-decoration:none;
	font-weight:normal;
	font-size:0.9em;
	padding:2px 10px;
	text-transform: uppercase;
}
#content_background {
	clear:both;
	position: relative;
	width:80%;
	min-height:350px;
	margin:10px auto;
	background: #ffffff;
	border:5px solid #201104;
	box-shadow: 0px 1px 8px -1px #111111;
	opacity:0.90;
	filter:alpha(opacity=90); /* For IE8 and earlier */
}
#content_background_home {
	clear:both;
	position: relative;
	width:80%;
	min-height:350px;
	margin:10px auto;
	background: #78BACC url(../furniture/content_background.jpg) center bottom no-repeat;
	background-size:cover;
	border:5px solid #201104;
	box-shadow: 0px 1px 8px -1px #111111;
}
#content_background #content {
	margin:2%;
}
#content_background_home #content {
	margin:10px;
}

#content h2 {
	font-family: "Donegal One", Times, serif;
	text-transform: uppercase;
	font-size:1.5em;
	margin:0 0 10px 0;
}

#book_shelf {
	position:relative;
	display:inline-block;
	list-style: none;
	width:100%;
}
#book_shelf li {
	text-align:center;
	width:25%;
	float:left;
	margin:15px 0;
}
#book_shelf li a img {
	width:75%;
	box-shadow: 0px 1px 8px -1px #111111;
}
#book_shelf li a:hover img {
	-moz-transform: translate(-2px, -2px);
    -ms-transform: translate(-2px, -2px);
    -o-transform: translate(-2px, -2px);
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
	box-shadow: 5px 5px 8px -1px #111111;
}
#book_shelf li h4 {
	margin:5px 13%;
	font-size:0.8em;
}

@media screen and (orientation:portrait) {
	#book_shelf li {
		width:50%;
	}
	#book_shelf li a img {
		width:60%;
	}
}
#intro {
	margin:2% 3%;
	color:#ffffff;
	text-shadow: 2px 2px 3px #111111;
	text-align:right;
	min-height:200px;
}
#intro h2 {
	font-size:48px;
	font-weight:900;
	margin:0;
}
#intro h3 {
	font-size:36px;
}
@media (max-width: 640px) {
	#intro h2 {
		font-size:24px;
	}
	#intro h3 {
		font-size:18px;
	}
}
@media (max-width: 340px) {
	#intro h3 {
		font-size:14px;
	}
}
img.photo {
	border-radius:10px;
	box-shadow: 0px 1px 8px -1px #111111;
}
img.book_cover {
	box-shadow: 0px 1px 8px -1px #111111;
}

.character_profile {
	position:relative;
	padding:10px;
	border:1px solid #c0c0c0;
	/*font-family: "Courier New", Courier, monospace;*/
	font-size:0.9em;
}
.character_image {
	float:right;
	position:relative;
	margin:10px;
	width:25%;
	max-width:300px;
	/*box-shadow: 0px 1px 8px -1px #111111;*/
}

/*-- Responsive tabs --*/
/*--operation--*/
.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

.r-tabs .r-tabs-panel {
    padding: 15px;
    display: none;
}

.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}

/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
    .r-tabs .r-tabs-nav {
        display: none;
    }

    .r-tabs .r-tabs-accordion-title {
        display: block;
    }
}

/*--Responsive tabs config--*/
#horizontalTab ul {
	background-color:#aaaaaa;
}

.r-tabs {
	position: relative;
}

.r-tabs .r-tabs-nav {
}

.r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;
	margin:0 10px 0 0;
}

.r-tabs .r-tabs-nav .r-tabs-anchor {
	background: #aaaaaa;
	padding: 10px 12px;
	display: inline-block;
	text-decoration: none;
	color: #ffffff;
}

.r-tabs .r-tabs-nav .r-tabs-state-active {
	background-color: #ffffff;
}

.r-tabs .r-tabs-nav .r-tabs-state-disabled {
	opacity: 0.5;
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	color: #ffffff;
	font-weight:600;
	background-color: #170C03;
}

.r-tabs .r-tabs-panel {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 3px;
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display: block;
	padding: 10px;
	background-color: #c0c0c0;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 3px;
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
	opacity: 0.5;
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
	background-color: #fff;
	color: #201104;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 0;
}

.review {
	padding:15px 5px;
	border-top:1px dotted #c0c0c0;
	font-size:0.9em;
}

.faq_question {
	margin:10px 0 5px 0;
	font-weight:bold;
}
.faq_answer {
	margin:5px 0 15px 0;
	font-size:0.9em;
}

.recipe_info {
	position:relative;
	padding:10px;
	border:1px solid #c0c0c0;
	font-size:0.9em;
}


ul.page_errors li {
	color:#FF8A8A;
	font-size:0.9em;
	font-weight:bold;
	margin:5px 0 5px 20px;
}

input.maskError {
  border: 1px solid #cc0000;
  background: #f3d8d8;
  color: #2e2e2e;
}
div.maskError {
  border: 1px solid #cc0000;
}
div.maskError .jqte_editor{
  background: #f3d8d8;
  color: #2e2e2e;
}
label.maskError {
  color: red;
  font-size:11px;
  font-style:italic;
  display:block;
}

/*--Forms--*/
form div.row {
	margin:10px 0;
}
form div.row label {
	font-weight:bold;
	display:block;
}
form div.row input, form div.row textarea {
	display:block;
	border:1px solid #954D23;
	padding:5px;
	border-radius:3px;
	width:95%;
}
form div.row input[type="checkbox"] {
	display:inline-block;
	width:15px;
	border:none;
}

div.jqte {
	border:1px solid #954D23;
	width:96%;
}
.jqte_editor {
	font-size:0.9em;
}

.button {
	color:#ffffff;
	font-size:1em;
	padding:5px;
	background-color:#201104;
	background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #201104), color-stop(1, #00050A));
	background-image: -ms-linear-gradient(top, #201104, #00050A);
	background-image: -o-linear-gradient(top, #201104, #00050A);
	background-image: -moz-linear-gradient(top, #201104, #00050A);
	background-image: -webkit-linear-gradient(top, #201104, #00050A);
	background-image: linear-gradient(to bottom, #201104, #00050A);
	border-radius:3px;
	opacity:0.80;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

/*--Footer--*/
#footer {
	margin:10px;
	padding:10px;
	text-align:center;
	color:#ffffff;
	font-size:0.8em;
	font-weight:400;
}
#footer a {
	color:#ffffff;
	text-decoration:none;
	font-weight:600;
}

/*--Admin--*/
#admin_header {
	background-color:#1f1f1f;
	padding:10px;
	position:relative;
	display:block;
}
#admin_header h1 {
	font-size:18px;
	color:#ffffff;
}
#admin_header #logout a {
	font-size:14px;
	color:#ffffff;
	float:right;
}
#admin_footer {
	clear:both;
	background-color:#1f1f1f;
	padding:5px;
	position:relative;
	display:block;
}
#admin_menu {
	float:left;
	width:200px;
	position:relative;
	display:block;
	background-color:#3d3d3d;
	margin-right:-100%;
}
#admin_menu ul {
	list-style:none;
}
#admin_menu ul li {
	display:block;
	margin:0;
}
#admin_menu ul li a {
	font-size:14px;
	text-decoration:none;
	padding:10px 15px;
	position:relative;
	display:block;
	color:#d9d9d9;
	border-top:1px solid #4d4d4d;
}
#admin_content_wrapper {
	float:left;
	width:100%;
	background-color:#3d3d3d;
}
#admin_content {
	margin-left:200px;
	padding:20px;
	background-color:#ffffff;
	min-height:600px;
}
.edit_button, .delete_button {
	color:#ffffff;
	border-radius:5px;
	padding:0 5px;
	margin:0 0 0 5px;
	font-size:0.8em;
}
.edit_button {
	background-color:#19A429;
}
.edit_button:hover {
	color:#ffffff;
	background-color:#0E5D17;
}
.delete_button {
	background-color:#dd0000;
}
.delete_button:hover {
	color:#ffffff;
	background-color:#940000;
}
.table td, .table th {
	padding:2px 5px 2px 0;
	text-align:left;
}

.table thead th {
	font-size:0.9em;
	font-weight:bold;
}