/* ========= Armory Journal ========= */
.journal {
	text-align: left;
	padding: 35px;
	}
	.journal .subtitle {
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
		color: #9b8b75;
		font-family: Arial, sans-serif;
		font-size: 24px;
		font-weight: 400;
		margin: 0;
		padding: 0 0 18px 0;
		}
	.journal .description {
		font-size: 12px;
		margin-top: -14px;
		}
	.journal h4 {
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
		color: #9b8b75;
		font-family: Arial, sans-serif;
		font-size: 18px;
		font-weight: 400;
		margin: 0;
		padding: 35px 0 0 0;
		}
	.journal .items {
		}
	.journal .difficulty_menu {
		padding: 0 0 4px 0;
		}
		.journal .difficulty_menu .selected {
			color: #CB522C;
			border-bottom: 1px dotted;
			}
	.journal .results {
		background-color: rgba(55, 44, 37, 0.95);
		border: 1px solid #211a16;
		border-radius: 2px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), inset 0 0 0 1px rgba(98, 76, 65, 0.2);
		margin: 10px 0;
		padding: 15px 15px 1px 15px;
		}
		.journal .results ul {
			list-style: none;
			}
			.journal .results .no_results {
				text-align: center;
				padding: 15px 15px 29px 15px;
				}
			.journal .results .instance,
			.journal .results .encounter {
				display: block;
				text-align: left;
				color: #928982;
				background-color: #3d322b;
				border-radius: 1px;
				box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(135, 118, 97, 0.05);
				margin-bottom: 14px;
				padding: 10px 14px;
				}
				.journal .results .instance {
					padding: 16px 12px 10px 12px;
					float: left;
					margin-right: 12px;
					}
					.journal .results .instance:nth-child(4),
					.journal .results .instance:nth-child(8),
					.journal .results .instance:nth-child(12),
					.journal .results .instance:nth-child(16),
					.journal .results .instance:nth-child(20) {
						margin-right: 0;
						}
					.journal .results .instance .instance_frame {
						display: block;
						padding: 2px;
						}
						.journal .results .instance .instance_frame a {
							display: block;
							width: 166px;
							height: 88px;
							overflow: hidden;
							border-radius: 2px;
							border: 1px solid #a0a0a0;
							box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
							background: #29201b;
							background-repeat: no-repeat;
							background-position: bottom center;
							background-size: cover;
							margin: 0 auto;
							}
							.journal .results .instance .instance_frame a:before {
							content: " ";
							display: block;
							position: absolute;
							top: 0px;
							left: 0px;
							width: 166px;
							height: 88px;
							z-index: 2;
							box-shadow: inset 0 0 6px rgba(0,0,0,0.6);
							}
							.journal .results .instance .instance_frame a.heroic {
							border: 1px solid #cd9000;
							}
					.journal .results .instance .info {
						box-sizing: border-box;
						text-align: center;
						width: 186px;
						padding: 6px 0 0 0;
						font-size: 12px;
						}

				.journal .results .encounter {
					padding: 10px 12px;
					}
					.journal .results .encounter .boss_frame {
						float: left;
						padding: 2px;
						}
						.journal .results .encounter .boss_frame a {
							display: block;
							width: 58px;
							height: 58px;
							overflow: hidden;
							border-radius: 2px;
							border: 1px solid #a0a0a0;
							box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
							background: #29201b;
							background-repeat: no-repeat;
							background-position: bottom center;
							background-size: 160%;
							}
							.journal .results .encounter .boss_frame a:before {
							content: " ";
							display: block;
							position: absolute;
							top: 0px;
							left: 0px;
							width: 58px;
							height: 58px;
							z-index: 2;
							box-shadow: inset 0 0 6px rgba(0,0,0,0.6);
							}
							.journal .results .encounter .boss_frame a.heroic {
							border: 1px solid #cd9000;
							}
					.journal .results .encounter .info {
						float: left;
						width: 788px;
						box-sizing: border-box;
						padding-left: 12px;
						}
				
	.journal .spells {
		}
		.journal .spells .sections {
			padding: 22px 28px;
			}
			.journal .spells .sections .section {
				margin-bottom: 20px;
				}
				.journal .spells .sections .section > p {
					font-size: 14px;
					color: #6d5d54;
					}
				.journal .spells .subsections {
					padding-top: 20px;
					padding-left: 40px;
					}
					.journal .spells .subsections .section {
						list-style: disc;
						margin-bottom: 20px;
						}
			
.table {
	margin: 0;
	}
	.table-header {
		width: 100%;
		height: 34px;
		margin: 6px 0 6px 0;
		background-color: rgba(0,0,0,.15);
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.15);
		-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.15);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.15);
		text-align: left;
		}
		.table-header .column {
			float: left;
			height: 34px;
			font-size: 13px;
			color: #51443c;
			text-shadow: 1px 1px 1px rgba(0,0,0,.4);
			text-align: center;
			box-sizing: border-box;
			padding: 8px 0 0 0;
			}
	.table-body {
		}
		.table-row {
			width: 100%;
			height: 34px;
			background-color: rgba(79,64,55,.15);
			-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15), inset 0 1px rgba(179,158,124,.03);
			-moz-box-shadow: 0 1px 1px rgba(0,0,0,.15), inset 0 1px rgba(179,158,124,.03);
			box-shadow: 0 1px 1px rgba(0,0,0,.15), inset 0 1px rgba(179,158,124,.03);
			text-align: left;
			margin: 0 0 5px 0;
			}
			.table-row:nth-child(odd) {
				background-color: rgba(53, 44, 38, 0.15);
				}
			.table-row:hover {
				background-color: rgba(134, 110, 96, 0.15);
				}
			.table-row .column {
				float: left;
				height: 34px;
				font-size: 14px;
				color: #60534c;
				text-shadow: 1px 1px 1px rgba(0,0,0,.4);
				text-align: center;
				box-sizing: border-box;
				padding: 8px 0 0 0;
				}

.journal .icon-frame {
	margin-right: 4px;
    display: inline-block;
    vertical-align: middle;
	top: -1px;
	border-radius: 2px;
	}
	.journal .icon-frame img {
		vertical-align: top;
		margin-top: -1px;
		border: 1px solid #877661;
		box-shadow: 0 0 7px rgba(0, 0, 0, 0.45), 0 0 0 1px #554840;
		}
		.journal .icon-frame:before {
			content: " ";
        	display: block;
			position: absolute;
			top: 0px;
			left: 1px;
			width: 18px;
			height: 18px;
			box-shadow: inset 0 0 6px rgba(12, 7, 6, 0.85), inset 0 0 6px rgba(12, 7, 6, 0.85);
			z-index: 100;
			}
			
.journal .frame-14, 
.journal .frame-14 img, 
.journal .frame-14:before {
	width: 14px;
    height: 14px;
	}
	.journal .frame-14:before {
		box-shadow: inset 0 0 2px rgba(12, 7, 6, 0.85), inset 0 0 2px rgba(12, 7, 6, 0.85);
		}

.table-header .column:nth-child(1),
.table-row .column:nth-child(1) {
	width: 426px;
	text-align: left;
	padding-left: 12px;
	}
.table-header .column:nth-child(2),
.table-row .column:nth-child(2) {
	width: 140px;
	}
.table-header .column:nth-child(3),
.table-row .column:nth-child(3) {
	width: 140px;
	}
.table-header .column:nth-child(4),
.table-row .column:nth-child(4) {
	width: 200px;
	}