/* body layout */
body {
   max-width: 1024px;
   margin: auto;
   margin-top: 4em;
   padding: 0px 24px;
   font-family: Arial, Helvetica, sans-serif;
   color: white;
   background: #000000;
}

/* links */
a {
   color: #ff00aa;
   text-decoration: none;
}
a:hover {
   text-decoration: underline;
}

/* main widget */
#main {
   border: 4px solid #2c2c2c;
   padding: 4px;
}

/* container styles */
#header, #footer {
   text-shadow: 0px 0px 2px black, 0px 0px 2px black;	
   background-color: #2c2c2c;
   background-size: cover;
   padding: 12px 24px;
}

/* header styles */
#header {
   padding-top: 48px;
   background-image: url("/bg/longdrive.png");
   background-position: 0 70%;
}
#logo {
   font-weight: bold;
   font-size: 2em;
   color: inherit;
   text-decoration: none;
}
#links-of-interest a {
   margin-right: 8px;
}

/* footer styles */
#footer {
   text-align: right;
   font-size: small;
   background-image: url("/bg/whitelies.png");
   background-position: 0 80%;
}
#footer hr {
   margin: 4px 0px;
   border: none;
}

/* article styles */
#article {
   padding: 16px 24px;
}
#content-column *:first-child {
   margin-top: 0;
}
#content-column *:last-child {
   margin-bottom: 0;
}
#avatar-alignmotron {
   display: flex;
}
#avatar-column {
   margin-right: 24px;
}
#avatar-column img {
   border: 1px solid #7c7c7c;
   max-width: 72px;
}
#content-column {
   flex-grow: 1;
}