{block:IfSupertitle}

{text:Supertitle}

{/block:IfSupertitle}

{Title}

{block:IfSubtitle}

{text:Subtitle}

{/block:IfSubtitle}

{block:Pagination}

{/block:Pagination}

html {
background: -webkit-gradient(linear, center top, center bottom, from(#5e6a71), to(#262b2d));
background: -webkit-linear-gradient(to bottom, #5e6a71, #262b2d);
background: linear-gradient(to bottom, #5e6a71, #262b2d);
}
body {
position: relative;
background: #e7e9ea;
width: 80%;
max-width: 64rem;
padding: 0;
font-family: serif;
margin: 0 auto 5rem;
}
#wsu-logo {
height: 4rem;
position: absolute;
left: 0;
bottom: -5rem;
width: 100%;
}
#wsu-logo svg {
display: block;
height: 100%;
margin: auto;
}
h1, h2, h3 {
font-family: “Open Sans Condensed”, sans-serif;
font-weight: bold;
}
header > h1 {
font-size: 3em;
line-height: 1.1;
margin: 0;
}
p.supertitle, p.subtitle {
font-family: “Open Sans Condensed”, sans-serif;
line-height: 1;
font-size: 1.2em;
padding: .25em;
}
p {
margin: .3rem 0 0;
}
a {
color: #981e32;
}
a:hover {
color: #5e6a71;
}
figure {
margin: 0;
overflow-y: auto;
padding: .5rem;
}
figcaption {
font-size: .9em;
}
figure img, figure iframe, figure object, figure div {
width: 100%!important;
}
body > header {
display: block;
width: 100%;
background: -webkit-gradient(radial, center center, 0px, center center, 100%, from(#981e32), to(#7b1624));
background: -webkit-radial-gradient(#981e32, #7b1624);
background: radial-gradient(#981e32, #7b1624);
color: white;
}
body > nav {
font-family: “Open Sans Condensed”, sans-serif;
display: block;
width: 100%;
background: -webkit-gradient(linear, center left, center right, from(#b6bcbf), to(#e7e9ea));
background: -webkit-linear-gradient(to right, #b6bcbf, #e7e9ea);
background: linear-gradient(to right, #b6bcbf, #e7e9ea);
border-top: thin black solid;
border-bottom: thin black solid;
margin: auto;
}
nav a {
text-decoration: none;
}
body > nav *:not(:first-child)::before {
content: “ | ”;
white-space: nowrap;
color: black;
}
body > nav *:not(:last-child)::after {
content: “”;
}
article.post {
display: block;
position: relative;
width: 49.84%;
padding: 1em 2% 1em 20.16%;
border-bottom: thin black solid;
overflow-y: auto;
}
article.post:last-of-type {
border: none;
}
aside.post-data {
display: block;
position: absolute;
left: 2%;
top: 1rem;
width: 20%;
height: calc(100% – 4rem);
height: -webkit-calc(100% – 4rem);
height: fill-available;
overflow-y: auto;
border-right: medium black dotted;
text-align: right;
padding: 1rem 2%;
}
footer {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: #981e32;
color: white;
height: 2rem;
}
footer > nav a {
color: white;
}
footer > nav *:not(:first-child)::before {
content: “ | ”;
white-space: nowrap;
color: white;
font-weight: normal;
}
#content {
padding: 1rem 3%;
}
#sidebar {
display:block;
background: white;
border-top: thin #5e6a71 solid;
border-bottom: thin #5e6a71 solid;
border-left: medium #5e6a71 solid;
width: 20%;
float: right;
overflow-y: auto;
padding: 1em 2%;
margin: 1em 0;
border-radius: 1rem 0rem 0rem 1rem;
}
#sidebar > *:not(:last-child) {
margin-bottom: 1rem;
}
#sidebar img {
display: block;
margin: auto;
}
#topbar {
background: -webkit-gradient(radial, center center, 0px, center center, 100%, from(#5e6a71), to(#262b2d));
background: -webkit-radial-gradient(#5e6a71, #262b2d);
background: radial-gradient(#5e6a71, #262b2d);
color: white;
text-align: center;
width: 100%;
height: 24rem;
padding: 1rem 0;
}
#topYouTube {
display: block;
width: 26.67rem;
height: 15rem;
margin: 1rem auto;
}

{block:IfCenterStuff}

header {
text-align: center;
}
nav {
text-align: center;}

{/block:IfCenterStuff}