body {
width: 960px;
margin: auto;
}
h1 {
text-align: center;
font-size:300%;
}
h3,h4,h5 {
text-align: center;
font-size: 125%;
}
p {
text-align: center;
font-size: 125%;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #48192E;
}
ul li {
float: left;
}

ul li a {
display: block;
color: #D3CBC4;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
ul li a:hover {
background-color: #281822;
}
ul li a.active {
background-color: #7A4720;
}
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}

.current-me {
border: 2px solid black;
float: right;
width: 200px;
height: 600px;
}
.current-project {
width: 384px;
display: inline-block;
vertical-align: top;
border: 2px solid black;
padding-left: 3px;
padding-right: 3px;
}
.current-reading {
display: inline-block;
vertical-align: top;
border: 2px solid black;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 3px;
}
div.current-book {
display: inline-block;
width: 160px;
vertical-align: top;
border: 2px solid black;
padding-left: 3px;
padding-right: 3px;
}
img.current-book {
width: 98px;
height: 150px;
display: block;
margin-left: auto;
margin-right: auto;
}
.window {
display: inline-block;
vertical-align: top;
border: 2px solid black;
width: 400px;
height: 370px;
}
div.side-menu{
display: inline-block;
vertical-align: top;
width: 180px;
height: 370px;
border: 2px solid black;
padding-left: 3px;
padding-right: 3px;
}
h3.side-menu {
cursor: pointer;
}
.book-cover {
width: 130px;
height: 200px;
display: block;
margin-left: auto;
margin-right: auto;
}
iframe.upcoming {
border: 1px solid black;
margin-top: 5px;
height: 200px;
}
iframe.year-read-list{
border: none;
width: 100%;
height: 3200px;
}