/* Companion Custom CSS over-rides for [ Making Graphic Novels ]: ComicPress - 2.8 */

/* Added by Rand 1-12-2010 to eliminate background image */
body {
      background-image: none;
}
/* Menubar modifications */
        #menubar {
            position: relative;
            text-align: left;
            vertical-align: baseline;
            width: 980px;
            height: 44px;
            float: left;
            border: 0;
            
            /* Set the actual background image for this div. */
            background:#ffffff url('/wp-content/themes/comicpress/images/bg.jpg') no-repeat top left;
        }
        
        /* Menu (ul) modifications */
        #menu {
            
            list-style-type: none;
            margin: 0;
        }
    
        /* Menu list items modifications */
        #menu li {
            display: -moz-inline-box;
            display: block;
            text-decoration: none; 
        }
        
        /* Menu elements general modifications */
        #menubar #menunav, #menu li .rss { display: none; }
        
        /* Specific generated-class modifications */
        #menu .page_item a, #menu .page_item {
            display: inline-block;
            padding: 0;
            margin: 0;
            text-decoration: none;
            color: transparent;
            border: 0;
        }
        #menu .page_item a{
            /* Get rid of the link text from the generated text */
            text-indent: -99999px;
        }
        
        #menu li a:hover, #menu li.sfhover {
            background-color: Transparent;
            border: 0;
        }
        
        /* Blog (Home) Button */
        #menu .page-item-home {
            padding-left: 5px;
            background: url('/wp-content/themes/comicpress/images/blog_rollover.png') no-repeat top left;
        }
        #menu .page-item-home, #menu .page-item-home a {
            position: absolute;
            z-index: 20;
            bottom: 0;
            border: 0;
        }
        #menu .page-item-home a{
            height: 34px;
            width: 93px;
            background: url('/wp-content/themes/comicpress/images/blog.png') no-repeat top left;
        }
        
        /* About button */
        #menu .page-item-2 {
            padding-left: 88px;
        }
        #menu .page-item-2, #menu .page-item-2 a {
            position: absolute;
            z-index: 19;
            bottom: 0;
            border: 0;
        }
        #menu .page-item-2 a{
            height: 36px;
            width: 95px;
            background: url('/wp-content/themes/comicpress/images/about.png') no-repeat top left;
        }
        
        /* hide links submenu for now */
        #menu .page-item-91 ul {display: none;}
        
        /* Links button */
        #menu .page-item-91 {
            padding-left: 240px;
        }
        #menu .page-item-91, #menu .page-item-91 a {
            position: absolute;
            z-index: 18;
            bottom: 0;
            border: 0;
        }
        #menu .page-item-91 a{
            height: 34px;
            width: 93px;
            background: url('/wp-content/themes/comicpress/images/links.png') no-repeat top left;
        }
        
        /* Making Graphic Novels button */
        #menu .page-item-95 {
            padding-left: 335px;
        }
        #menu .page-item-95, #menu .page-item-95 a { 
            position: absolute;
            z-index: 17;
            bottom: 0;
            border: 0;   
        }
        #menu .page-item-95 a{
            height: 32px;
            width: 249px;
            background: url('/wp-content/themes/comicpress/images/making.png') no-repeat top left;
        }
        
        /* Contact Button */
        #menu .page-item-93 {
            padding-left: 640px;
        }
        #menu .page-item-93, #menu .page-item-93 a {
            position: absolute;
            z-index: 16;
            bottom: 0;
            border: 0;            
        }
        #menu .page-item-93 a {
            height: 32px;
            width: 111px;
            background: url('/wp-content/themes/comicpress/images/contact.png') no-repeat top left;
        }
        
        /* Blog (Home) hover Button */
        #menu .page-item-home:hover a {
            z-index: 30;
            height: 40px;
            width: 105px;
            background: url('/wp-content/themes/comicpress/images/blog_rollover.png') no-repeat top left;
	}
        
        /* About hover button */
        #menu .page-item-2:hover a {
            z-index: 30;
            height: 39px;
            width: 101px;
	    background: url('/wp-content/themes/comicpress/images/about_rollover.png') no-repeat top left;
	}
        
        /* Links hover button */
        #menu .page-item-91:hover a {
            z-index: 30;
            height: 37px;
            width: 96px;
	    background: url('/wp-content/themes/comicpress/images/links_rollover.png') no-repeat top left;
	}
        
        /* Making Graphic Novels hover button */
        #menu .page-item-95:hover a {
            z-index: 30;
            height: 39px;
            width: 261px;
	    background: url('/wp-content/themes/comicpress/images/making_rollover.png') no-repeat top left;
	}
        
        /* Contact hover Button */
        #menu .page-item-93:hover a {
            z-index: 30;
            height: 40px;
            width: 125px;
	    background: url('/wp-content/themes/comicpress/images/contact_rollover.png') no-repeat top left;
	}
        
        .menunav-prev, .menunav-next {
                display: block;
                float: right;
        }
        .menunav-prev {
                margin: 0 10px 0 0px;
        }
	.menunav-prev a, .menunav-next a {
		width: 25px;
		height: 25px;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
	}
	.menunav-prev a {
                display: none;
		background: url('/wp-content/themes/comicpress/images/left_rollover.png') -25px 0 no-repeat;
	}
	.menunav-prev a:hover {
            display: none;
		background-position: -25px -25px;
	}
        .menunav-next a {
            display: none;
                background: url('/wp-content/themes/comicpress/images/right_rollover.png') -50px 0 no-repeat;
        }
	.menunav-next a:hover {
                display: none;
		background-position: -50px -25px;
	}
	
	/* Blog on-focus button */
        #menu .current_page_home {
            padding-left: 5px;
        }
        #menu .current_page_home, #menu .current_page_home a {
            position: absolute;
            z-index: 29;
            bottom: 0;
            border: 0;
        }
        #menu .current_page_home a{
            height: 40px;
            width: 102px;
            background: url('/wp-content/themes/comicpress/images/blog_front.png') no-repeat top left;
        }
        #menu .current_page_home a:hover {
            /* Ensure this button overwrites the blog on-focus button */
            z-index: 30;
            height: 40px;
            width: 102px;
            background: url('/wp-content/themes/comicpress/images/blog_front.png') no-repeat top left;
	}
	
        /* About on-focus button */
        #menu .current_page_2 {
            padding-left: 88px;
        }
        #menu .current_page_2, #menu .current_page_2 a {
            position: absolute;
            z-index: 29;
            bottom: 0;
            border: 0;
        }
        #menu .current_page_2 a{
            height: 40px;
            width: 105px;
            background: url('/wp-content/themes/comicpress/images/about_front.png') no-repeat top left;
        }
        #menu .current_page_2 a:hover {
            /* Ensure this button overwrites the about on-focus button */
            z-index: 30;
            height: 40px;
            width: 105px;
	    background: url('/wp-content/themes/comicpress/images/about_front.png') no-repeat top left;
	}
	
	/* Links on-focus button */
        #menu .current_page_91 {
            padding-left: 240px;
        }
        #menu .current_page_91, #menu .current_page_91 a {
            position: absolute;
            z-index: 99;
            bottom: 0;
            border: 0;
        }
        #menu .current_page_91 a{
            height: 37px;
            width: 96px;
            background: url('/wp-content/themes/comicpress/images/links_front.png') no-repeat top left;
        }
        #menu .current_page_91 a:hover {
            /* Ensure this button overwrites the links on-focus button */
            z-index: 30;
            height: 37px;
            width: 96px;
	    background: url('/wp-content/themes/comicpress/images/links_front.png') no-repeat top left;
	}
	
	/* Making Graphic Novels on-focus button */
        #menu .current_page_95 {
            padding-left: 335px;
        }
        #menu .current_page_95, #menu .current_page_95 a {
            position: absolute;
            z-index: 50;
            bottom: 0;
            border: 0;
        }
        #menu .current_page_95 a{
            height: 38px;
            width: 261px;
            background: url('/wp-content/themes/comicpress/images/making_front.png') no-repeat top left;
        }
        #menu .current_page_95 a:hover {
            /* Ensure this button overwrites the making on-focus button */
            z-index: 30;
            height: 38px;
            width: 261px;
	    background: url('/wp-content/themes/comicpress/images/making_front.png') no-repeat top left;
	}
	
	/* Contact on-focus button */
        #menu .current_page_93 {
            padding-left: 640px;
        }
        #menu .current_page_93, #menu .current_page_93 a {
            position: absolute;
            z-index: 50;
            bottom: 0;
            border: 0;
        }
        #menu .current_page_93 a{
            height: 40px;
            width: 125px;
            background: url('/wp-content/themes/comicpress/images/contact_front.png') no-repeat top left;
        }
        #menu .current_page_93 a:hover {
            /* Ensure this button overwrites the contact on-focus button */
            z-index: 30;
            height: 40px;
            width: 125px;
	    background: url('/wp-content/themes/comicpress/images/contact_front.png') no-repeat top left;
	}