@charset "UTF-8";

body {
  width:100%;
  background-color: #a1a49a;
  color: #FFFFFF;
  font-family: verdana;
  font-weight: bold;
  margin: auto;
}

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

a {
  color: #e0ce2e;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.inline {
  display: inline;
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.padded {
  padding: 20px;
}

.fullWidth {
  width: 100%;
}

.pushLeft {
  float: left;
}

.pushRight {
  float: right;
}

.clearBoth {
  clear: both;
}

.hidden {
  display: none;
}

#logo {
  text-align: left;
  height: 120px;
}

#logo h1 {
  height: 120px;
}

#logo a {
  color: #adafb2;
  font-size: 3em;
  font-weight: bold;
  text-decoration: none;
}

#logo a.pad {
  padding: 26px;
}

#logo a span {
  margin: 50px 0 0 400px;
}

#logo a img {
  margin: 0 90px 0 0;
}

embed {
  position: absolute;
}

.pixel {
  position: absolute;
}

.container {
  margin: 10px 0 0 0;
  background-color: #222222;
}

hgroup {
  vertical-align: middle;
}

header {
  margin: 20px 20px 0 20px;
}

article {
  padding: 10px;
  font-size: 0.8em;
  font-weight: normal;
}

article header time {
  color: #adafb2;
  font-weight: bold;
  
}

article header h1 {
  margin: 10px 0 0 0;
  font-size: 2em;
}

article header h1 a {
  text-decoration: none;
  color: #c4c792;
  font-weight: bold;
}

article header h1 a:hover {
  text-decoration: underline;
}

article h1 {
  font-weight: bold;
  margin: 10px 0 0 0;
}

article section h2 {
  font-size: 1.5em;
  font-weight: bold;
  padding: 10px 0;
}

article section h3 {
  font-size: 1.2em;
  font-weight: bold;
  padding: 10px 0;
}

article section h4 {
  font-size: .9em;
  font-weight: bold;
  font-style: italic;
  padding: 20px 0 0 0;
  text-align: center;
}

article ol {
  list-style: upper-roman;
  margin: 10px 0 0 40px;
}

article ul {
  list-style: square url('/media/images/Favorites_16.png');
  margin: 10px 0 0 40px;
}

.copyright {
  text-align: center;
}

.copyright:first-letter {
  font-size: 1em;
}

.bio {
  font-size: 0.6em;
  padding: 10px;
}

.article-pic {
  margin: 10px 10px 0 0;
  padding: 10px;
}

.bio-pic {
  /* margin: 10px 20px 10px 10px; */
  padding: 0 10px 10px 10px;
  margin: auto;
  width: 80%;
}

p {
  margin: 5px 0 0 0;
}

p:first-letter {
  font-size: 2em;
  font-weight: bold;
  margin: 5px 0 0 5px;
}

nav.left li {
  width: 100%;
}

nav.left li a {
  display: block;
  padding: 10px 20px;
  color: #cf7940;
  font-size: 1.2em;
  
}

.corners {
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
}

.shadow {
  -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.5);
}

.tilted {
  -moz-transform: rotate(7.5deg);  /* FF3.5+ */
  -o-transform: rotate(7.5deg);  /* Opera 10.5 */
  -webkit-transform: rotate(7.5deg);  /* Saf3.1+, Chrome */
  filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
}

.light-gradient {
  background-image: -moz-linear-gradient(top, #999999, #666666); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #999999),color-stop(1, #666666)); /* Saf4+, Chrome */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666')"; /* IE8 */
}

.dark-gradient {
  background-image: -moz-linear-gradient(top, #555555, #222222); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #555555),color-stop(1, #222222)); /* Saf4+, Chrome */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222')"; /* IE8 */
}