/* ----- RESET ----- */
@import url("reset.css");

/* ----- GLOBAL ----- */
html { overflow-y: scroll; }
body { background-color: #000000; margin: 0px; color: #fff; }

*, img, #sidebar, #subnavBG { behavior: url(iepngfix.htc); }

.clear { clear: both; }

hr { color: #FFF; background: #FFF; height: 1px; border: 0px; margin: 20px 0 20px 0; }
#top { font-size: 0px; line-height: 0px; height: 0px; }

/* ----- ARCHITECTURE ----- */
#container { width: 900px; background: url('../images/pj_sidebar_bg.gif') repeat-y; }

#header { line-height: 0px; width: 900px; height: 173px; overflow: hidden; font-size: 0px; }

#title { width: 190px; height: 55px; float: right; text-align: right; line-height: 0px; font-size: 0px; }

#sidebar-container { width: 206px; height: 503px; float: left; background: url('../images/pj_sidebar.gif') no-repeat; position: relative; }
#sidebar { display: none; width: 206px; height: 426px; margin-top: 0px; background: url('../images/pj_nav_hover.png') no-repeat; float: left; }
#navigation { float: right; position: absolute; top: 80px; left: 40px; }
#navigation ul { line-height: 0px; margin: 40px 15px 0 0; }
#navigation ul li { text-align: right; margin-top: -17px; }
#subnavBG { position: absolute; top: 100px; right: 0px; width: 200px; margin: 0 10px 0 0; height: 250px; background: url('../images/subnav_hover.png') no-repeat bottom; }
#navigation ul ul#subnav { position: relative; margin: 0 15px 20px 0; }
#navigation ul ul li { height: 20px; margin-top: 0px; }

#main-container { width: 694px; float: right; }
#subhead { width: 694px; height: 215px; }
#content { background: url('../images/pj_fog.gif') no-repeat top right; padding: 30px 30px 0 15px; }

#navigation ul ul li#short-stories-li { border-top: 1px solid #fff; padding: 5px 0 0 0; margin: 5px 0 0 0; width: 100%; }

#backtotop { margin: 20px; }
#footer { clear: both; text-align: center; margin-bottom: 20px; padding: 20px 0 0 0; width: 900px; height: 20px; background: url('../images/footer.gif') no-repeat; }