[class*='table-'] {
 	border: solid 0px;
}

body {
	font-family: georgia, serif;
	font-size: 12px;
	background-color: #B6B193;
	color: #484330;
	margin: 0;
}

a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}

img {
	border-color: black;
}

section {
	padding: 0px 0px 0px 0px;
}

.control-label {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #755B3A;
}

.form-control {
	border-width: 1px;
	border-style: solid;
	border-color: #7B6D52;
	background: #F2F0E6;
}

.btn-primary {
	color: #755B3A;
	background: #F2F0E6;
	border-color: #7B6D52;
	font-weight: bold;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	color: #F2F0E6;
	background-color: #755B3A !important;
	border-color: #7B6D52 !important;
}

.container {
	max-width: 100%;
	padding: 0;
}

.full-width {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}

.table-layout {
	display: table;
	width: 100%;
}

.table-layout .table-cell {
	display: table-cell;
}	

#header {
	background-image: url(../images/background-header.jpg);
	background-repeat: no-repeat;
	height: 132px;
	padding: 110px 0px 0px 340px;
	
}

#header-mobile {
	background-image: url(../images/background-header-mobile.jpg);
	background-repeat: no-repeat;
	height: 30px;
	padding: 5px 20px 0px 90px;
}

.breadcrumbs-item {
	padding-left: 5px; 
}

.breadcrumbs-item-title {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #6C4B3A;
}

#menu {
 	vertical-align: top;
	width: 188px;
}

#menu-mobile  A {
	font-size: 18px;
	font-weight: bold;
	color: #6C4B3A;
}	

#mainbody {
	background-image: url(../images/background-body.jpg);
	background-repeat: no-repeat;
}

#section-navigator {
	padding: 15px 0px 5px 0px;
}

@media screen and (min-width: 768px) {
	#content {
		max-width: calc(1024px - 188px);
		position: relative;
		top: 20px;
		left: 80px;
		padding-bottom: 40px;
	}
}	

@media (max-width: 768px) {
	#content {
		max-width: 90%;
		position: relative;
		left: 20px;
		padding-bottom: 40px;
	}
}	

.book {
	padding: 10px 0px 15px 0px;
}

.book-title A {
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #755B3A;
}

.book-title A:hover {
	font-style: normal;
}

.book-subtitle {
	font-size: 14px;
	font-style: italic;
	color: #755B3A;
}

.book-appearance {
	font-size: 12px;
	font-style: italic;
	color: #484330;
}

.book-writings {
	padding: 10px 0px 3px 30px; 	
}

.book-writing, .book-writing A {
	font-size: 12px;
	font-style: italic;
	color: #755B3A;
}

.book-writing A:hover {
	font-weight: bold;
}

.journal-filter-year {
	padding: 10px 5% 10px 0px;
	display: inline-block;
}

.poem-filter-letter {
	padding: 10px 1px 20px 0px; 		
	display: inline-block;
}

.journal-filter-year A, .poem-filter-letter A {
	font-size: 14px;
	font-style: italic;
	color: #755B3A;
}

.journal-filter-year A:hover, .poem-filter-letter A:hover {
	font-weight: bold;
}

.journal-filter-year-active A, .poem-filter-letter-active A {
	color: #FFCC66;
}

.journal-title, .writing-author, .anthology-title, .poem-letter {
	padding: 15px 0px 10px 0px; 	
}

.journal-title A, .anthology-title A, .writing-author, .poem-letter A {
	font-size: 16px;
	font-style: italic;
	color: #A1793A;
}

.journal-title A:hover, .anthology-title A:hover, .poem-letter A:hover {
	font-weight: bold;
}

.journal-title-active A, .anthology-title-active A {
	color: #FFCC66;
}

.journal-poem-title, .anthology-poem-title, .poem-title, .writing-title {
	padding: 0px 0px 0px 30px; 	
}

.journal-poem-title A, .anthology-poem-title A, .poem-title A, .writing-title, .writing-title A {
	font-size: 12px;
	font-style: italic;
	color: #755B3A;
}

.journal-poem-title A:hover, .anthology-poem-title A:hover, .poem-title A:hover, .writing-title A:hover {
	font-weight: bold;
}

.journal-poem-appearance, .anthology-poem-appearance, .writing-appearance {
    font-size: 12px;
	font-style: italic;
	color: #484330;
}

.search-message {
	padding: 10px 0px 15px 10px; 
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #A1793A;
}

.search-result {
	border: 1px solid #484330;
	font-style: none;
}

.source-title, .search-form {
	padding: 5px 0px 5px 0px;
}

.search-form .form-group {
	padding-right: 0px;
}

.search-form select, .search-form input {
	width: 100% !important;
}

.source-title, .search-form {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: #755B3A;
}

.source-subtitle {
	font-size: 14px;
	font-style: italic;
	color: #755B3A;
}

.source-appearance {
	font-size: 12px;
	font-style: italic;
	color: #484330;
}

.navigator {
	padding: 15px 0px 0px 0px;
	border: 0;
}

.toc {
	padding: 5px 0px 5px 0px; 
}

.toc-title {
	padding: 10px 0px 5px 0px; 
}

.toc-title, .toc-title A {
	font-size: 18px;
	font-style: italic;
	color: #484330;
}

.toc-title A:hover {
	font-weight: bold;
}

.toc-group, .toc-section, .poem-version-title {
	padding: 5px 0px 5px 0px; 
    font-size: 13px;
	font-style: italic;
	color: #484330;
}

.toc-chapter {
    font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #755B3A;
}

.toc-item {
	padding: 0px 0px 2px 10px; 
}

.toc-item-hide {
	padding: 5px 0px 5px 0px; 
} 

.toc-item-active {
	font-weight: bold;
}

.appearance-item {
	padding: 3px 0px 0px 20px;
}

.toc-poem A, .toc-writing A, .toc-page, .appearance-source A, .appearance-page {
	font-size: 12px;
	font-style: italic;
	color: #484330;
}

.toc-poem A:hover, .toc-writing A:hover, .appearance-source A:hover {
	font-weight: bold;
	color: #755B3A;
}

/* poem content */

.poem-content {
	padding: 0px 0px 0px 20px; 	
}

.poem-header {
	padding: 15px 0px 5px 0px; 
	font-size: 17px;
	font-weight: bold;
	font-style: italic;
	color: #A1793A;
}

.poem-body {
	padding: 0px 0px 20px 0px; 	
}

.poem-body subtitle {
	display: block;
	padding: 0px 0px 5px 0px; 
    font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #A1793A;
}

.poem-body declaration {
	display: block;
	padding: 5px 10px 0px 0px; 
	text-align: right;
    font-size: 12px;
	font-style: italic;
	color: #755B3A;
}

.poem-body heading {
	display: block;
	padding: 10px 0px 0px 0px; 
    font-size: 14px;
	font-style: italic;
	color: #755B3A;
}

.poem-body p {
	display: block;
	padding: 10px 0px 0px 0px; 
    font-size: 14px;
	font-style: italic;
	color: #484330;
}

.poem-body year {
	display: block;
	padding: 10px 0px 0px 0px; 
	font-size: 12px;
	font-style: italic;
	color: #755B3A;
}

/* writing content */

.writing-content {
	padding: 10px 0px 0px 20px; 	
}

.writing-header {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: #A1793A;
}

.writing-body {
	padding: 7px 0px 0px 0px; 
}

.writing-body subtitle {
}

.writing-body year {
}

.writing-body p {
	padding: 10px 0px 0px 0px; 
	text-indent: 5%;
	border: 0;
    font-size: 14px;
	color: #484330;
	text-align: justify;
}

.writing-body quote {
	display: block;
	padding: 15px 0px 10px 10px;
    font-size: 14px;
	color: #484330;
}

.writing-body cite {
	padding: 0px 1px 0px 1px;
	font-style: italic;	
}

.writing-body q:before, .writing-body q:after {
	content: ""!important;	
}

.writing-body q {
}

.writing-body .writing-section {
	padding: 10px 0px 0px 0px; 
    font-size: 14px;
	color: #755B3A;
}

/* source content */

.source-content {
    font-size: 12px;
	color: #484330;	
}

.source-content quote heading {
	display: block;
	padding: 0px 0px 10px 0px; 
	font-style: italic;	
    font-size: 14px;
}
.source-content p {
	padding: 10px 0px 0px 0px; 
	text-indent: 3%;
	border: 0;
	text-align: justify;
}

.source-content quote {
	display: block;
	padding: 15px 0px 10px 10px;
	font-style: italic;	
}

.source-content cite {
	padding: 0px 1px 0px 1px;
	font-style: italic;	
}

.source-content q:before, .writing-body q:after {
	content: ""!important;	
}

.source-content q {
}

.source-content declaration {
	display: block;
	padding: 10px 0px 0px 0px; 
	text-align: right;
	font-style: italic;
}