@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');

body {
    background-image: url('images/seatsbg.png');
    background-position: center;
    background-repeat: no-repeat; 
    background-size: cover; 
    background-attachment: fixed; 
    margin: 0;
    padding: 0;
    font-family: "Sorts Mill Goudy", serif;
    font-size: 0.8rem;
}

.sorts-mill-goudy-regular {
  font-family: "Sorts Mill Goudy", serif;
  font-weight: 400;
  font-style: normal;
}

.sorts-mill-goudy-regular-italic {
  font-family: "Sorts Mill Goudy", serif;
  font-weight: 400;
  font-style: italic;
}

img {
    max-width: 100%;
}

a {
    color: darkred;
}
	
.outer {
    width: 1000px;
    margin: auto;
    position: relative;
}
		
.white {
    background-color: antiquewhite;
    border: 1px solid black;
    border-radius: 0 5px 5px 5px;
    padding: 24px;
}
		
.nav-item {
    display: inline-block;
    border: 1px solid #000;
    border-radius: 5px 5px 0 0;
    position: relative;
    padding: 12px 24px;
    bottom: -1px;
    background-color: antiquewhite;
    cursor: pointer;
}

.nav-item.active {
    border-bottom: 1px solid #FFF;
    background-color: antiquewhite;
}

.nav a {
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.7rem;
    font-weight: bold;
}

.content {
    width: 680px;
    height: 500px;
    float: left;
}

.side {
    width: 250px;
    float: right;
}

.clear {
    clear: both;
}

.side-box {
    background-color: indianred;
    padding: 12px;
	border-radius: 5px;
}

.side-box a {
	color: antiquewhite
}

.side-box a:hover {
	color: darkgrey;
}

.side-box b {
	font-family: "Sorts Mill Goudy", serif;
	font-style: italic;
}

.side-box p {
	font-family: 'Times New Roman', serif;
	font-size: 12px;
}

.side-box img {
	width: 54px;
}

/* SOFTWARE */
		.thumbnail > div {
			height: 85px;
			width: 145px;
			border: 1px dashed #000;
			vertical-align: middle;
			background-size: 160%;
			background-position: top;
			float: left;
			margin-right: 14px;
		}
		.item {
			margin-bottom: 24px;
			min-height: 110px;
		}
		.item-small {
			margin-bottom: 24px;
		}
		h2 a {
			text-decoration: none;
			color: #000;
		}
		.post-info {
			font-style: italic;
			margin-bottom: 12px;
		}
		.nav-item.nav-top {
			border: none;
			background-color: antiquewhite;
		}
		.site-title {
			color: #FFF;
			margin-top: 40px;
			margin-left: 70px;
		}
		.site-title a {
			color: #FFF;
			text-decoration: none;
			font-family: 'Nanum Pen Script', cursive;
			font-size: 45px;
		}
		.update {
			display: inline;
			margin-right: 24px;
		}
		.updates {
			font-size: 0.7rem;
			margin-top: 10px;
			margin-bottom: 10px;
		}
		.updates img {
			height: 20px;
		}
		.yasu {
			position: absolute;
			width: 360px;
			right: 20px;
			top: 54px;
		}
		.post-content img {
			max-width: 90%;
		}
		.muted {
			opacity: 0.3;
		}
		.recent-image img {
			width: 50px;
			border: 1px solid;
		}
		iframe {
			height: 500px;
		}