html {
   color: #FFFFFF;
   background-color: #222222;
   font-family: 'Inconsolata', monospace;
   margin: 0px;
   padding: 0px;
}

body {
   width: 740px;
   margin: auto;
   padding: 20px;
   text-align: left;
   border-left: 4px solid white;
   border-right: 4px solid white;
}

section {
   border-top: 4px solid white;
   padding: 5px;
}

header {
   margin: 0px;
   padding: 5px;
   border-top: 4px solid white;
}

.subheading {
   text-align: center;
   padding: 5px;
}

h1 {
   text-align: center;
   margin: 0px;
   padding: 5px;
}

p,h2,h3 {
   margin: 0px;
   padding: 5px; 
}

ul {
   text-align: initial;
}

.current {
   width: 600px;
}

.currentFormat {
   margin: auto;
   padding: 1px;
}

.currentLeft {
   width: 300px;
   float: left;
}

.currentRight {
   margin-left: 300px;
}

.upcoming {
   width: 600px;
}

.changes {
   margin: auto;
   padding: 1px;
}

.upcomingIn {
   color: #00DD00;
   background-color: inherit;
   width: 300px;
   float: left;
}

.upcomingOut {
   color: #DD0000;
   background-color: inherit;
   margin-left: 300px;
}