body {
  background-image: url(grafix/page-bg.gif);background-attachment: fixed;
  background-color: #fff;
  font-family: verdana,arial,tahoma;font-size: 8pt;
  color: #000;
    scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #C0C0C0;
    scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #C0C0C0;
    scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #000000; 
    margin: 0px; 
}

/* misc. classes */

.center { text-align: center; }
.left { float: left; }
.right { float: right; }

/* header and navigation menus */

#container { margin: 0; padding: 0; margin-top:14px; }
#header h1 { display:none; }
div#header { display:block; background:url(grafix/page_logo.png); width:755px; height:189px; }

#navmenu_hdr { width:156px; height:40px; border:none; margin:0; padding:0; background: url(grafix/navtop.gif); }
#navmenu_ftr { width:156px; height:16px; border:none; margin:0; padding:0; background-color:#fff; background-image: url(grafix/navbot.gif);background-repeat:no-repeat; }
#navmenu { margin: 0; padding: 0; font-size: 8pt; font-weight: bold; display:block; width:156px; padding-bottom: 0; float:left; background-color:#fff;
  width:156px;background-image: url(grafix/navabar.gif);background-position:131px 0px;background-repeat:repeat-y;
}

#navmenu h2 { margin: 0; padding: 0; font-size: 8pt; font-weight:bold; overflow:hidden; width:156px; height:28px; }
#navmenu ul { margin:0; padding:0; }

#navmenu ul li { list-style-type:none; padding:0; margin:0; line-height:19px; text-align:right; padding-right: 25px; }
#navmenu br.spacer { line-height:19px;display:inline; }
#navmenu h2 span { position:relative;display:block;width:156px; height:28px; }
#navmenu h2 span#coverup_nav { z-index:1; background: url(grafix/navbar.gif); }
#navmenu h2 span#coverup_series { z-index:1; background: url(grafix/navseries.gif); }

/* Coverup headers for the content */
/* Revised for multiple header use */
#content h2.coverup { overflow:hidden; font: bold 8pt verdana,arial,tahoma; width:572px; height:48px; margin-top: 10px; margin-left: 2px; }
#content h2.coverup span { display: block; position: relative; z-index: 1; width:572px; height:48px; }

#content h2#hdr_smj span { background-image:url(grafix/t_smj_tv.gif); }
#content h2#hdr_smja span { background-image:url(grafix/t_smj_ova.gif); }
#content h2#hdr_smjx span { background-image:url(grafix/t_smj_x.gif); }
#content h2#hdr_smjmg span { background-image:url(grafix/t_smj_mg.gif); }
#content h2#hdr_smjnv span { background-image:url(grafix/t_smj_nv.gif); }
#content h2#hdr_smjad span { background-image:url(grafix/t_smj_ad.gif); }
#content h2#hdr_smjbs span { background-image:url(grafix/t_smj_bs.gif); }
#content h2#hdr_smu span { background-image:url(grafix/t_smj_u.gif); }
#content h2#hdr_smro span { background-image:url(grafix/t_smr_ova.gif); }
#content h2#hdr_smrad span { background-image:url(grafix/t_smr_cdd.gif); }
#content h2#hdr_smz span { background-image:url(grafix/t_smz_mg.gif); }
#content h2#hdr_sm2 span { background-image:url(grafix/t_sm2.gif); }
#content h2#hdr_smi span { background-image:url(grafix/t_smi_mg.gif); }
#content h2#hdr_smgp span { background-image:url(project_pix/gp_top.gif); }


/* The following lines fix IE's overflow bug */
* html #navmenu { position:relative; z-index:0; }
* html #navmenu h2 {position:relative; z-index:1; }
* html #content h2 { position:relative; z-index: 1; }


a:link       { text-decoration: none; color: #369; }
a:visited    { text-decoration: none; color: #369; }
a:hover      { color: #0099CC; text-decoration: underline}
a:active 	 { color:#09C; }

#content { margin-left:167px;margin-top:14px; width: 580px; font: 8pt verdana,arial,tahoma;  }

/* Searchbox */
div.searchbox { width:576px; height: 52px; background-image: url(grafix/page_search.gif); }
.searchbox table { margin-top:7px;margin-left:32px; }
.searchbox table td { text-align:center; }
.searchbox form { display: block; margin: 0; padding: 0; }

/* Subsections */
div.subsections { overflow: hidden; width: 570px;height: 58px; margin: 0; padding: 0; margin-left: 3px; margin-top: 13px; }
div.subsections a, div.subsections .filler { display: block; overflow: hidden; margin: 0; padding: 0; position: relative; float: left; }
div.subsections a span, div.subsections .filler span, div.subsections .filler b { display: block; margin: 0; padding: 0; position: relative; float: left; }
div.subsections * span.coverup { z-index: 1; }
div.subsections a:hover span.coverup { cursor: pointer; }
div.subsections i { display: none; }

div.subsections #subsections { width:156px; height:36px; }
div.subsections #subsections span.coverup { width:156px; height:36px; background-image: url(grafix/subsmj_01.gif); }
div.subsections #link_smjmain { width:129px; height:36px; }
div.subsections #link_smjmain span.coverup { width:129px; height:36px; background-image: url(grafix/subsmj_02b.gif); }
div.subsections #link_smjamain { width:129px; height:36px; }
div.subsections #link_smjamain span.coverup { width:129px; height:36px; background-image: url(grafix/subsmj_02c.gif); }
div.subsections #link_smjxmain { width:129px; height:36px; }
div.subsections #link_smjxmain span.coverup { width:129px; height:36px; background-image: url(grafix/subsmj_02d.gif); }
div.subsections #link_episodes { width:129px; height:36px; }
div.subsections #link_episodes span.coverup { width:129px; height:36px; background-image: url(grafix/subsmj_02.gif); }
div.subsections #link_gallery { width:138px; height:36px; }
div.subsections #link_gallery span.coverup { width:138px; height:36px; background-image: url(grafix/subsmj_03.gif); }
div.subsections #link_characters { width:147px; height:36px; }
div.subsections #link_characters span.coverup { width:147px; height:36px; background-image: url(grafix/subsmj_04.gif); }
div.subsections #subsections_filler { width:98px; height:22px; }
div.subsections #subsections_filler span.coverup { width:98px; height:22px; background-image: url(grafix/subsmj_05.gif);  }
div.subsections #link_manga { width:135px; height:22px; }
div.subsections #link_manga span.coverup { width:135px; height:22px;  background-image: url(grafix/subsmj_06.gif); }
div.subsections #link_novel { width:136px; height:22px; }
div.subsections #link_novel span.coverup { width:136px; height:22px; background-image: url(grafix/subsmj_07.gif); }
div.subsections #link_radiodrama { width:137px; height:22px; }
div.subsections #link_radiodrama span.coverup { width:137px; height:22px; background-image: url(grafix/subsmj_08.gif); }
.inv { display: none; }


/* Subsections2 */
div.subsections2 { overflow: hidden; width: 570px;height: 35px; margin: 0; padding: 0; margin-left: 3px; margin-top: 13px; }
div.subsections2 a, div.subsections2 .filler { display: block; overflow: hidden; margin: 0; padding: 0; position: relative; float: left; }
div.subsections2 a span, div.subsections2 .filler span, div.subsections2 .filler b { display: block; margin: 0; padding: 0; position: relative; float: left; }
div.subsections2 * span.coverup { z-index: 1; }
div.subsections2 a:hover span.coverup { cursor: pointer; }
div.subsections2 i { display: none; }

div.subsections2 #subsections2 { width:160px; height:35px; }
div.subsections2 #subsections2 span.coverup { width:160px; height:35px; background-image: url(grafix/sub1.gif); }
div.subsections2 #link_smr01 { width:135px; height:35px; }
div.subsections2 #link_smr01 span.coverup { width:135px; height:35px; background-image: url(grafix/sub2a.gif); }
div.subsections2 #link_smz01 { width:135px; height:35px; }
div.subsections2 #link_smz01 span.coverup { width:135px; height:35px; background-image: url(grafix/sub2b.gif); }
div.subsections2 #link_episodes2 { width:135px; height:35px; }
div.subsections2 #link_episodes2 span.coverup { width:135px; height:35px; background-image: url(grafix/sub2.gif); }
div.subsections2 #link_gallery2 { width:133px; height:35px; }
div.subsections2 #link_gallery2 span.coverup { width:133px; height:35px; background-image: url(grafix/sub3.gif); }
div.subsections2 #link_characters2 { width:142px; height:35px; }
div.subsections2 #link_characters2 span.coverup { width:142px; height:35px; background-image: url(grafix/sub4.gif); }
div.subsections2 #link_page2 { width:135px; height:35px; }
div.subsections2 #link_page2 span.coverup { width:135px; height:35px; background-image: url(grafix/sub2c.gif); }
div.subsections2 #link_page3 { width:133px; height:35px; }
div.subsections2 #link_page3 span.coverup { width:133px; height:35px; background-image: url(grafix/sub3a.gif); }
div.subsections2 #link_smj01 { width:135px; height:35px; }
div.subsections2 #link_smj01 span.coverup { width:135px; height:35px; background-image: url(grafix/sub2d.gif); }
div.subsections2 #link_episodes3 { width:133px; height:35px; }
div.subsections2 #link_episodes3 span.coverup { width:142px; height:35px; background-image: url(grafix/sub4a.gif); }
.inv { display: none; }



/* Misc. headers */

h3,h4 { font: bold 8pt verdana,arial,tahoma; color: #369; }

#content h3.coverup { position: relative; display: block; overflow:hidden; font: bold 8pt verdana,arial,tahoma;
         width: 572px; height: 19px; margin-top: 29px; margin-bottom: 24px; margin-left: -2px; }
#content h3.coverup span { display: block; position: relative; z-index: 1; width: 572px; height: 18px; }

#content h3#section_posts span { background-image:url(grafix/s_posts.gif); }
#content h3#section_subsection span { background-image:url(grafix/s_subsection.gif); }
#content h3#section_intro span { background-image:url(grafix/s_intro.gif); }
#content h3#section_info span { background-image:url(grafix/s_info.gif); }
#content h3#section_seealso span { background-image:url(grafix/s_seealso.gif); }
#content h3#section_timetable span { background-image:url(grafix/s_timetable.gif); }
#content h3#section_extras span { background-image:url(grafix/s_extras.gif); }
#content h3#section_index span { background-image:url(grafix/s_index.gif); }
#content h3#section_audiod span { background-image:url(grafix/s_audiodrama.gif); }
#content h3#section_radios span { background-image:url(grafix/s_radioshow.gif); }
#content h3#section_chdata span { background-image:url(grafix/s_chdata.gif); }
#content h3#section_series span { background-image:url(grafix/s_series.gif); }
#content h3#section_lessons span { background-image:url(grafix/s_lessons.gif); }
#content h3#section_monthly span { background-image:url(grafix/s_monthlyd.gif); }  /* addition for the monthly doujin */
#content h3#section_featured span { background-image:url(grafix/s_featured.gif); }

/* Monthly doujin bottom gif */

h6 { font: bold 8pt verdana,arial,tahoma; color: #369; }

#content h6.coverup { position: relative; display: block; overflow:hidden; font: bold 8pt verdana,arial,tahoma;
         width: 572px; height: 12px; margin-top: 15px; margin-bottom: 24px; margin-left: -2px; }
#content h6.coverup span { display: block; position: relative; z-index: 1; width: 572px; height: 11px; }

#content h6#section_monthlyb span { background-image:url(grafix/s_monthlydb.gif); }


/* main */

#main_content { width: 572px; padding-left: 4px; }
#main_content p { margin-right: 10px; }

#footer { clear:both;border-top:1px solid #c0c0c0; width: 754px;font-size: 7pt; }