html {
	margin: 0;
	padding: 0;
	}
	
body {
	margin:0;
	padding:0;
	font-family:'OFL Sorts Mill Goudy TT', Verdana, Arial, Helvetica, sans-serif;
	font-size: 82%;
	color:#CCC;
	background:#333;
	/* background-image: url('/images/monster-mural3.png'); */
	}


/*** structure ***/

#wrapper {
	position: relative;
	width: 620px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	background: #000;
	-moz-border-radius: 0px 0px 8px 8px;
	border-radius: 0px 0px 8px 8px;
	}

#masthead {
	height: 60px;
	padding: 0;
	margin: 0;
	}
	
#topnav {
	/* padding: 8px 0; */
	background:#151515;
	text-align: center;
	}
	
#content {
	float: right;
	width: 450px;
	padding: 10px;
	background: #666;
	margin:0;
	display: inline;
	/* overflow: auto;
	min-height: 520px;
	height: auto !important;
	height: 520px; */
	}
	
#leftnav {
	float: left;
	width: 130px;
	padding: 10px;
	margin: 0;
	color: #999;
	background: #000;
	-moz-border-radius: 0px 0px 8px 8px;
	border-radius: 0px 0px 8px 8px;
	}
	
#leftnav p {
	font-size: .85em;
	line-height: 1.2em;
	margin: 1.3em 0em 1.3em 0em;
	}
	
#leftnav h4 {
	font-size: 1em;
	margin: 1.2em 0 0.5em 0;
	}
	
#footersocial {
	clear: both;
	float:right;
	margin: 0 0 0 130px;
	padding: 10px;
	width: 450px;
	background-color:#999;
	overflow:auto;
	}
	
#footer {
	clear: both;
	overflow:auto;
	width: 620px;
	/* text-align: center; */
	padding: 10px 0;
	color: #999;
	background: #151515;
	-moz-border-radius: 0px 0px 8px 8px;
	border-radius: 0px 0px 8px 8px;
	}
	
#footer p {
	font-size: .85em;
	line-height: 1.2em;
	letter-spacing:0.1em;
	font-family:'IM Fell English SC', Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 2px 0;
	}
	
#twitter_div ul {
    float:left;
    margin:0;
    padding:0;
    margin-left:0;
}

#twitter_div ul li {
    margin-left: 0;
	margin-bottom: 1em;
    list-style:none;
	line-height: 1.2em;
}

	
.floatleft { float: left; }
.floatright { float: right; }
.floatleftpad { float: left; margin: 0 8px 0 0;}
.floatrightpad { float: right; margin: 0 0 0 8px; }
	
.thumbnail {
	float: left;
	width: auto;
	border: 1px solid #333;
	margin: 0 15px 15px 0;
	padding: 5px;
	font-size: .9em;
	-moz-border-radius: 0 0 8px 0;
	border-radius: 0 0 8px 0;
	}

.clearboth { clear: both; }


/*** text ***/

p { font-size: .9em; line-height: 1.6em; margin: 0 0 1.3em 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin:0; font-family:'IM Fell English SC', 'Times New Roman', Times, serif; letter-spacing:0.1em;  }

h1 { font-size: 1.6em; margin:0; }
h2 { font-size: 1.4em; margin: 1.0em 0 0 0; }
h3 { font-size: 1.2em; margin: 1.0em 0 0 0; }
h4 { font-size: 1.0em; margin: 1.0em 0 0 0; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

img { border:0; }
strong, b { font-weight: bold; }

.storytitle { font-family:'IM Fell English SC', 'Times New Roman', Times, serif; letter-spacing:0.1em; font-size:1.5em; }
.storyintro { font-size: 1em; line-height: 1.6em; margin: 0; }
.storytext { font-size: 1em; line-height: 1.6em; text-indent: 2em; margin: 0; }
.dropcap { font: 78px 'IM Fell English SC', 'Times New Roman', Times, serif; float:left; line-height: 50px; width: auto; padding-top: 15px; padding-right: 5px; color:#333; }

.authornote { font-size: 0.85em; }
.copyright { font-size: 0.85em; color: #999; }
.byline { color: #999; }


/*** links ***/

a { text-decoration: none; }

a:link { color:#fff; }
a:active { color:#ccc;  }
a:visited { color: #fff; }
a:hover { color: #ccc; }

.smalltext { font-size: 0.85em; }

a.topnav, a.topnav:link, a.topnav:visited {
	font-family:'IM Fell English SC', Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
	text-decoration:none;
	padding:8px 0;
	background:#151515;
	width:124px;
	display:block;
	float:left;
	}

a.topnav:hover { background: #333; color:#fff; text-shadow:0.1em 0.1em 0.2em #000; }

a.sidenav, a.sidenav:link, a.sidenav:visited { display:block; background: #666; width:auto; border:1px solid #fff; -moz-border-radius:4px; border-radius:4px; margin-top:4px; text-align:left; text-decoration:none; padding:2px; overflow:hidden; font-size: .85em; letter-spacing:0.1em; font-family:'IM Fell English SC', Verdana, Arial, Helvetica, sans-serif; }

a.sidenav:hover { color:#fff; background:#333; border:1px solid #ccc; text-decoration:none; font-size: .85em; }


/*** forms ***/

form { position:relative; }
form.other { margin:0; padding:0; display:inline; } /* for forms that need unaligned class */
label { display:block; float: left; width: 10em; margin-right: .5em; text-align:right; }
label input { position:absolute; left:11em; }

fieldset { border: 1px solid #333; padding: 4px;}
legend { color: #999; background: #333; padding: 2px 6px; font-weight:bold; font-size: .9em; margin-top: 1em; }

input { font-size:.9em; }

input.button {
   color:#ccc;
   background-color:#333;
   -moz-border-radius:4px;
   border-radius:4px;
   -moz-box-shadow: inset -3px -3px 3px #666;
   -webkit-box-shadow: inset -3px -3px 3px #666;
   box-shadow: inset -3px -3px 3px #666;
   }
   
input.button:hover, input.button:focus {
   color:#333;
   background-color:#ccc;
   -moz-border-radius:4px;
   border-radius:4px;
   -moz-box-shadow: inset 3px 3px 3px #999;
   -webkit-box-shadow: inset 3px 3px 3px #999;
   box-shadow: inset 3px 3px 3px #999;
   }
   
input, text, textfield, textarea {
   color:#ccc;
   background-color: #333;
   border: 1px solid #ccc;
   }
 
input:focus, text:focus, textarea:focus, textfield:focus {
	color:#333;
	background-color:#ccc;
	border: 1px solid #fff;
	-moz-box-shadow: inset -3px -3px 3px #999;
   -webkit-box-shadow: inset -3px -3px 3px #999;
   box-shadow: inset -3px -3px 3px #999;
	}