@font-face {
font-family: Century;
src: url('century.ttf');
}

html {
background: #332B28 no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 20px;
overflow-y: scroll;
}

body {
font-family: Georgia, serif;
font-size: 11pt;
line-height:1.5em;
}

p {
margin-bottom: 2em;
}

pre {
font-size: 10pt;

}

h2 {
font-family: Century, "Times New Roman", serif;
text-transform: uppercase;
font-size: 1.35em;
font-weight: normal;
background: #342F28;
color: #fff;
text-align: right;
padding-right: 10px;
margin: 0px;
}

hr {
height: 7px;
border: 0px;
width: 95%;
}

a:link {
text-decoration:underline;
color: #A63A2A;
}

a:link:hover, a:visited:hover {
color: #f60;
}

a:visited {
color: #006;
}

object {
padding:0;
margin:0;
border:0;
}

.publication {
font-style: italic;
}

/* nav */

#nav {
color: #fff;
height: 100px;
}

#nav ul {
font-family: Tahoma, Arial, sans-serif;
font-size: 10pt;
text-transform: lowercase;
padding: 0;
margin: 0;
}

#nav li {
list-style-type: none;
float: left;
padding: 0 1em ;
}

#home, #about, #archives, #links {
border-right: 1px solid #fff;
}

#about, #archives, #links {
padding: 0 1em 0 1em;
}

#nav a {
display: block;
}

#nav a:link, #nav a:visited {
color: #fff;
text-decoration: none;
}

#nav a:hover, #nav a:visited:hover {
text-decoration: underline;
}


/* logo */

#logo {
clear: both;
padding-bottom: 10px;
color: #fff;
}

#logo a, #logo a:link, #logo a:link:active, #logo a:link:visited, #logo a:link:hover, #logo a:link:active:hover {
color: #fff;
text-decoration: none;
}

#logo #the_new {
font-family: Tahoma, Arial, sans-serif;
font-size: 36pt;
line-height: .8em;
}

#logo #river {
font-family: Tahoma, Arial, sans-serif;
font-size: 96pt;
line-height: .8em;
}

#logo #tag {
font-family: Tahoma, Arial, sans-serif;
font-size: 13pt;
}


/* article */

#article {
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, 0.8);
color: #000;	
clear: both;
max-width: 600px;
padding: 20px 20px 40px 20px;
}

h1.intro {
font-family: Century, "Times New Roman", serif;
text-transform: uppercase;
font-size: 1.5em;
margin: 5px 0 15px 0;
font-weight: normal;
}

.intro_words {
font-weight: bold;
}

.new_river_title {
font-style: italic;
}

/* works */

.author, .release_date {
text-align: right;
display: block;
font-size: 9pt;
font-style: italic;
margin: 0px;
clear: right;
}

.description, .bio {
max-width: 600px;
overflow:hidden;
}

.description p, .bio p {
margin-top: 0;
margin-bottom: 1em;
}

p.introduction:first-letter {
float: left;
font-family: Century, "Times New Roman", serif;
font-size: 48pt;
line-height: .8em;
padding: 0 5px 5px 0;
}
 
.work, .contributor {
clear: both;
margin: 0;
border: 0px;
display: block;
padding-top: 1em;
position: relative;
}

.work h2 {
margin-top: 0px;
}

.work h2 a {
display: block;
opacity:.95;
}

.work h2 a:link, .work h2 a:visited {
text-decoration: none;
color: #fff;
}

.work h2 a:hover, .work h2 a:visited:hover {
text-decoration: underline;
color: #ccc;
}

.work img {
float: left;
padding-right: 20px;
border:0;
}


/* footer */

#footer {
background: #342F28;
max-width: 600px;
color: #aaa;
padding: 20px;
}

#footer ul {
font-family: Century, "Times New Roman", serif;
text-transform: uppercase;
font-size: 9pt;
padding: 0;
margin: 5px;
}

#footer li {
display: inline;
list-style-type: none;
}

#footer li:after {
content: " | ";
}

#footer li:last-child:after {
content: "";
}

#footer a:link, #footer a:visited {
text-decoration: underline;
color: #aaa;
}

#footer a:hover, #footer a:visited:hover {
text-decoration: none;
color: #666;
}