
body {
   font-family: sans-serif;
   background-color: #000060;
   color: #000000;
}

h1 {
   font-family: serif;
}

h2 {
   font-family: serif;
}

a:link,a:visited {
   text-decoration: none;
}

a:hover {
   text-decoration: none;
   color: purple;
}

div.big-a {
   font-size: 6em;
   font-family: serif;
   font-weight: bolder;
   text-align: center;
   margin-top: 0.2em;
}

div.big-new {
   font-size: 4em;
   font-family: serif;
   font-weight: bolder;
   text-align: center;
}

div.big-world {
   font-size: 4em;
   font-family: serif;
   font-weight: bolder;
   text-align: center;
}

div.unordered {
   font-family: monospace;
   font-size: 3em;
   letter-spacing: .5em;
   text-align: center;
   padding-left: 0.5em;
   margin-top: 0.2em;
   margin-bottom: 1.2em;
}

span.symbol {
   padding-left: 2.3em;
   padding-right: 2.3em;
   vertical-align: middle;
}

span.symbol > img {
   width: 1.7em;
}

div.symbols {
   text-align: center;
   padding: 0.5em;
}

.north {
   border-bottom: solid black 1px;
}

.south {
   border-top: solid black 1px;
}

div.middle {
   display: table;
   position: relative;
}

div.front-page {
   background-color: #ddf;
   width: 48em;
   display: inline-block;
   border: solid 1px black;
   border-radius: 13px;
   margin-top: 8em;
   cursor: pointer;
   -webkit-box-shadow: 0px 0px 13px 7px rgba(0,170,170,1);
   -moz-box-shadow: 0px 0px 13px 7px rgba(0,170,170,1);
   box-shadow: 0px 0px 13px 7px rgba(0,170,170,1);
}

.content {
   background-color: #ddf;
   width: 50em;
   display: inline-block;
   border: solid 1px black;
   border-radius: 13px;
   margin-top: 3em;
   text-align: center;
   -webkit-box-shadow: 0px 0px 13px 7px rgba(0,170,170,1);
   -moz-box-shadow: 0px 0px 13px 7px rgba(0,170,170,1);
   box-shadow: 0px 0px 13px 7px rgba(0,170,170,1);
}

.auth-content {
   background-color: #ddf;
   display: inline-block;
   border: solid 1px black;
   border-radius: 13px;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   -webkit-box-shadow: 0px 0px 13px 7px rgba(0,170,170,1);
   -moz-box-shadow: 0px 0px 13px 7px rgba(0,170,170,1);
   box-shadow: 0px 0px 13px 7px rgba(0,170,170,1);
}

.ineedmyspace {
   margin-top: 5em;
}

.image-container {
   background-color: #000060;
   display: inline-block;
}

.rect {
   background-color: #00aaaa;
   -webkit-box-shadow: 0px 0px 13px 7px rgba(0,170,170,1);
   -moz-box-shadow: 0px 0px 13px 7px rgba(0,170,170,1);
   box-shadow: 0px 0px 13px 7px rgba(0,170,170,1);
}

.authority {
   margin-top: 1em;
   margin-bottom: 1em;
   margin-left: 1em;
   padding-right: 2em;
}

span.big-symbol {
   display: table-cell;
   vertical-align: middle;
}

span.big-symbol > img {
   width: 2em;
}

.quote-source {
   width: 64em;
   display: table-cell;
   vertical-align: top;
}

.quote {
   font-size: 1em;
   text-align: left;
   padding: 1em;
}

.source {
   font-size: 0.7em;
   text-align: right;
   padding-right: 1em;
}

.arrow {
   visibility: hidden;
   cursor: pointer;
}

.arrow > img {
   width: 3em;
}

.up {
   padding-bottom: 1em;
}

.down {
   padding-top: 1em;
}

.left {
   display: table-cell;
   height: 100%;
   vertical-align: middle;
   padding-right: 1em;
}

.right {
   display: table-cell;
   height: 100%;
   vertical-align: middle;
   padding-left: 1em;
}

.prose-block {
   margin: 1em;
   padding: 1em;
   display: inline-block;
   text-align: center;
}

.prose-line {
   margin: 0.2em;
   text-align: left;
}

div.blog-title {
   padding: 1em;
   font-size: 2em;
   font-family: serif;
   font-weight: bolder;
   text-align: center;
}

div.blog-block {
   margin: 2em;
   display: block;
}

div.sig-block {
   margin: 2em;
   margin-right: 4em;
   text-align: right;
}
