body{
    background-image: url(../img/background-color.jpg);
    margin: 0;
    padding: 0;
}

h1{
    font: bold 1.5em Helvetica, Arial, sans-serif;
    line-height: 1em;
    text-align: center;
    margin:0 0 1em 0;
    padding:0;
}

h3{
    font: bold 1.5em Helvetica, Arial, sans-serif;
    line-height: 1em;
    margin:1.75em 0 .25em 0;
    padding:0;
}

#preload{
    display:none;
}

.left{
float:left;
}

.right{
float:right;
}

.post{
	margin-bottom: 6em;
}

.storycontent img{
	border: 0;
}


#copy{
    text-align: center;
    font: 10px Times, "Times New Roman", serif;
    width: 300px;
    margin: 85px auto 0px auto;
}

#content{
    font: 12px Helvetica, Arial, sans-serif;
    color: black;
}

#content p, #content pre, #content blockquote, #content li, dl{
    margin-top: 0;
    margin-bottom: 1.5em;
    line-height: 1.5em;
}


#content .footnotes{
    font: 0.8333em Helvetica, Arial, sans-serif;
    line-height: 1.8em;
}


#content blockquote{
    font-style: italic;
}


#content em{
    font-style: italic;
}

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

#content a:hover{
    text-decoration: underline;
}

.revision{
    font: 0.8333em Helvetica, Arial, sans-serif;
    line-height: 1.8em;
}

dl.stats{
    font-size: 12px;
    margin: 0 0 12px 0;
    padding: 0;
}

.stats dt{
    text-align: right;
    float: left;
    width: 80px;
    font-weight: bold;
}

.stats dd{
    margin: 0 0 0 80px;
    padding: 0 0 0 6px;
}

#comic_script{
    width: 540px;
}

#comic_script, .comic_page, .comic_page_folio, .comic_panel_folio, .comic_panel, .comic_panel_content, .comic_dialog_character, .comic_dialog, .comic_dialog_parenthetical, .comic_dialog_content{
    font: 12px Courier, "Courier Final Draft", "Courier New", monospace;	
}

.comic_page_folio{
	display: block;
	font-weight: bold;
	margin: 28px 108px 14px 0px;
}

.comic_panel_folio{
	display: block;
	margin: 17px 108px 6px 0px;
}

.comic_panel_content{
	display:block;
	margin: 6px 108px 14px 0px;
}

.comic_dialog_character{
	display: block;
	margin: 14px 180px 0px 180px;
}

.comic_dialog_parenthetical{
	display:block;
	margin-right: 108px;
	float: right;
}

.comic_dialog_content{
	display: block;
	margin: 0px 180px 14px 108px;
}


.warning{
    margin-bottom: 12px;
    padding: 10px;
    border: 3px dashed black;
    background: #ffeaea;
}

.warning p{
    margin: 0;
}

#menu{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 322px;
    height: 440px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/menu.png');
}
#menu[id]{
    background: url(../img/menu.png) no-repeat;    
}


a#mcmxcix{
	position: absolute;
	top: 370px;
	left: 97px;
	width:101px;
	height:26px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/mcmxcix.png');
}
a#mcmxcix[id]{
    background: url(../img/mcmxcix.png) no-repeat;    
}
a#mcmxcix.current{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/mcmxcix-on.png');
}
a#mcmxcix.current[class]{
background: url(../img/mcmxcix-on.png) no-repeat;
}
a:hover#mcmxcix{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/mcmxcix-over.png');
}
a:hover#mcmxcix[id]{
    background: url(../img/mcmxcix-over.png) no-repeat;
}


a#verum{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/verum.png');
	position: absolute;
	top: 46px;
	left:97px;
	width:158px;
	height:32px;
}
a#verum[id]{
    background: url(../img/verum.png) no-repeat;
}
a#verum.current{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/verum-on.png');
}
a#verum.current[class]{
    background: url(../img/verum-on.png) no-repeat;    
}
a:hover#verum{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/verum-over.png');
}
a:hover#verum[id]{
    background: url(../img/verum-over.png) no-repeat;
}


a#fey{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/fey.png');
	position: absolute;
	top: 81px;
	left: 155px;
	width: 38px;
	height: 31px;
}
a#fey[id]{
    background: url(../img/fey.png) no-repeat;
}
a#fey.current{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/fey-on.png');
}
a#fey.current[class]{
    background: url(../img/fey-on.png) no-repeat;    
}
a:hover#fey{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/fey-over.png');
}
a:hover#fey[id]{
    background: url(../img/fey-over.png) no-repeat;
}


a#jim{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/jim.png');
	position: absolute;
	top: 108px;
	left: 103px;
	width:133px;
	height:28px;
}
a#jim[id]{
    background: url(../img/jim.png) no-repeat;
}
a#jim.current{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/jim-on.png');
}
a#jim.current[class]{
    background: url(../img/jim-on.png) no-repeat;
}
a:hover#jim{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/jim-over.png');
}
a:hover#jim[id]{
    background: url(../img/jim-over.png) no-repeat;
}

a#bamf{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/bamf.png');
	position: absolute;
	top:165px;
	left: 134px;
	width:61px;
	height:23px;
}
a#bamf[id]{
    background: url(../img/bamf.png) no-repeat;
}
a#bamf.current{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/bamf-on.png');
}
a#bamf.current[class]{
    background: url(../img/bamf-on.png) no-repeat;    
}
a:hover#bamf{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/bamf-over.png');
}
a:hover#bamf[id]{
    background: url(../img/bamf-over.png) no-repeat;
}

#outer{
    margin: 0;
    padding: 0;
}

#top{
    margin-top: 150px;
    height: 26px;
    width: 733px;
    background: url(../img/page-top.jpg) no-repeat;
}

#middle{
    width: 733px;
    background: url(../img/page-middle.jpg) repeat-y;
}

#bottom{
    height: 42px;
    width: 733px;
    background: url(../img/page-bottom.jpg) no-repeat;
}

#header{
    margin-left: 300px;
    width: 352px;
    height: 190px;
    padding:20px;
}


#mcmxcixsketch{
    width:294px;
    height:113px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/mcmxcixsketch.png');    
}
#mcmxcixsketch[id]{
    background: url(../img/mcmxcixsketch.png) no-repeat;
}


#verumsketch{
    width: 145px;
    height: 150px;
    float: left;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/verumsketch.png');
}
#verumsketch[id]{
    background: url(../img/verumsketch.png) no-repeat;
}


#feysketch{
    width:142px;
    height:150px;
    float:left;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/feysketch.png');    
}
#feysketch[id]{
    background: url(../img/feysketch.png) no-repeat;
}


#jimsketch{
    margin-top:40px;
    width:148px;
    height:89px;
    float:left;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/jimsketch.png');    
}
#jimsketch[id]{
    background: url(../img/jimsketch.png) no-repeat;
}



#news{
    float:left;
    display: block;
    margin-right:15px;
    width: 91px;
    height: 55px;
}
a#news{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/newsmenu.png');    
}
a#news[id]{
    background: url(../img/newsmenu.png) no-repeat;
}
a:hover#news, a#news.current{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/newsmenu-on.png');    
}
a:hover#news[id], a#news.current[id]{
    background: url(../img/newsmenu-on.png) no-repeat;    
}


#about{
    float: left;
    display: block;
    margin-right:30px;
    margin-top: 21px;
    width: 75px;
    height: 35px;
}
a#about{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/aboutmenu.png');    
}
a#about[id]{
    background: url(../img/aboutmenu.png) no-repeat;
}
a:hover#about, a#about.current{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/aboutmenu-on.png');    
}
a:hover#about[id], a#about.current[id]{
    background: url(../img/aboutmenu-on.png) no-repeat;    
}


#contact{
    float:left;
    display: block;
    margin-top:23px;
    width: 104px;
    height: 37px;
}
a#contact{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/contactmenu.png');    
}
a#contact[id]{
    background: url(../img/contactmenu.png) no-repeat;
}
a:hover#contact, a#contact.current{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/contactmenu-on.png');    
}
a:hover#contact[id], a#contact.current[id]{
    background: url(../img/contactmenu-on.png) no-repeat;    
}


#scripts{
    display: block;
    margin-top:25px;
    margin-left:193px;
    margin-bottom:4px;
    width: 98px;
    height: 34px;
}
a#scripts{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/scriptsmenu.png');
}
a#scripts[id]{
    background: url(../img/scriptsmenu.png) no-repeat;
}
a:hover#scripts, a#scripts.current{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/scriptsmenu-on.png');
}
a:hover#scripts[id], a#scripts.current[class]{
    background: url(../img/scriptsmenu-on.png) no-repeat;    
}


#pitch{
    display: block;
    margin-left: 183px;
    margin-bottom: 10px;
    width: 106px;
    height: 44px;
}
a#pitch{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/pitchmenu.png');
}
a#pitch[id]{
    background: url(../img/pitchmenu.png) no-repeat;
}
a:hover#pitch, a#pitch.current{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/pitchmenu-on.png');
}
a:hover#pitch[id], a#pitch.current[class]{
    background: url(../img/pitchmenu-on.png) no-repeat;    
}


#characters{
    display: block;
    margin-left: 182px;
    width: 121px;
    height: 37px;
}
a#characters{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/charactersmenu.png');
}
a#characters[id]{
    background: url(../img/charactersmenu.png) no-repeat;
}
a:hover#characters, a#characters.current{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/charactersmenu-on.png');
}
a:hover#characters[id], a#characters.current[class]{
    background: url(../img/charactersmenu-on.png) no-repeat;    
}



.headerimage{
    float:left;
}


.byline{
    font: 22px/23px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
    text-align: right;
    
}


.download{
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.download img{
    float:left;
    padding-right: 10px;
}


.download div{
    padding-top:30px;
    padding-bottom:30px;
}

#content{
  text-rendering: optimizeLegibility;
}

#content .download p{
    font: 12px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
    padding:0;
    margin:0;
}

#content{
    width: 468px;
    margin-left: 152px;
    padding-bottom:20px;
    margin-top: 72px;
}

#content h1{
  font-family: "skippy-sharp-1","skippy-sharp-2",cursive;
  font-size: 24pt;
  font-weight: bold;
}

#content p{
  font-family: "skippy-sharp-1","skippy-sharp-2",cursive;
  font-size: 16pt;
}

#content .notbold{
  font-weight: normal;
}