/* Companion Custom CSS over-rides for [ Bankshot Comics ]:  - Problems with edges aligning? Make sure the page-width and narrowcolumn or other title for main content are all good! Also: no border around the comic, and lord, the menubar navs... */


html {    
     overflow-y: scroll;
}

body {
/*     background-image: none; */
     background-color: #031700;
}


#sidebar-left, #sidebar-right {
     float: left;
     width: 180px;
     }
     
h2, h2 a {             
     color: #056c28;
     font-size: 22px;
     line-height: 25px;
     padding-bottom: 2px;
     font-family: Tahoma, "Trebuchet MS", sans-serif;
        font-weight: bold;
}

h1, h1 a {             
     color: #056c28;
     font-family: Tahoma, "Trebuchet MS", sans-serif;
     font-weight: bold;
     font-size: 56px;
     line-height: 46px;
     letter-spacing: -5px;
}


a {
     color: #056c28;
}

#header h1 {padding: 0;}
#header h1 a {display: block; width: 980px; height: 100px; text-indent: -9999px;}
#header .description {display: none;}
   
#content-wrapper {
     background: #cbe6c7;
     font-size: 13px;
     color: #002B11;
}

#page-wide {
     width: 980px;
     border-left: solid 2px #000;
     border-right: solid 2px #000;
}

#pagewrap-right {
     width: 780px;
     background: #93C88D;
}

#sidebar-right {
     display:none;
}

.sidebar ul li {
     margin: 0 0 0 20px;
     padding: 0;
     color: #296a20
     list-style: circle;
}

#sidebar-overcomic {
          display:none;
        }


/* THE COMIC */

#comic-head {
     clear: both;
}

#comic {
     text-align: center;
     background: transparent;
     border: 0;
     padding: 0;
}

#comic ul {
     list-style: none;
     margin: 0;
     padding: 0;
}

#comic-foot {
     text-align: center;
}


#comic img {
     border: 0;
}

#footer {
     background: #084000;
     color: #fff;
}

#footer a {
     color: #fff000;
}

#footer a:hover {
     color: #ff0000;
}

.narrowcolumn {
      width:775px;
      margin: 0 auto;
      float: center;
   }

.uentry {
     border: solid 1px #2d7921;
     margin-bottom: 20px;
     -moz-border-radius: 10px;
     -khtml-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
}

.post-blog, .post-page, .post-comic {
     background: #fff;
     border-right: solid 2px #031700;
     border-bottom: solid 2px #031700;
     -moz-border-radius: 9px;
     -khtml-border-radius: 9px;
     -webkit-border-radius: 9px;
     border-radius: 9px;
     padding: 2px 5px;
}

.post-page {
     margin-top: 5px;
}

#menubar {
     background: url('http://www.brendanmcginley.com/wordpress/wp-content/themes/comicpress/images/menu.png');
   background-image:url("http://www.brendanmcginley.com/wordpress/wp-content/themes/comicpress/images/menu.png");
     text-align: left;
     border-width: 0px;
     border-style: solid;
     border-color: #999;
     list-style: none;
     width: 100%;
     clear: both;
     display: block;
     margin: 0 auto;
     color: #031700;
}

#arrowclass {
     display: none;
     }
     
#menunav, blognav {
     float: right;
     text-align: left;

}

.menunav-search {
     padding: 1px 1px 0 0;
     float: left;
}

.menunav-rss {
     width: 25px;
     height: 25px;
     margin: 0 0 0 4px;
     display: block;
     float: left;
     text-indent: -9999px;
     overflow: hidden;
     background: url('images/menu.png') no-repeat;
}

     .menunav-rss:hover {
          background-position: 0 -25px;
     }

.menunav-prev, .menunav-next {
     display: block;
     float: left;
}

.menunav-prev {
     margin: 0 0 0 5px;
}

     .menunav-prev a, .menunav-next a {
          width: 25px;
          height: 25px;
          display: block;
          text-indent: -9999px;
          overflow: hidden;
     }

     .menunav-prev a {
          background: url('images/menu.png') -25px 0 no-repeat;
     }

     .menunav-prev a:hover {
          background-position: -25px -25px;
     }

.menunav-next a {
     background: url('images/nav/menu.png') -50px 0 no-repeat;
}

     .menunav-next a:hover {
          background-position: -50px -25px;
     }

#menu {
     padding: 0;
     margin: 0;
     list-style: none;
     float: left;
     line-height: 25px;
     font-size: 13px;
     border-right: 1px solid #aaa;
}

     #menu a {
          padding: 0px 10px 0 10px;
          display: block;
          color: #000;
          text-decoration: none;
     }

     #menu li .rss {
          padding: 5px 0 5px 0;
     }

     #menu li {
          float: left;
          cursor:pointer;
     }

     #menu li a {
          border-left: 1px solid #aaa;
          border-right: 1px solid #fff;
     }

     #menu li:hover a, #menu li.sfhover a {
          border-left: 1px solid #8b160f;
          border-right: 1px solid #c28380;
          color: #fff /* Main menu highlighted text color */
          background: url('http://www.brendanmcginley.com/wordpress/wp-content/themes/comicpress/images/menu.png') 0 -75px;   
     }

     #menu li:hover, #menu li.sfhover {
          /* Main menu highlighted background color */
     }

     /* For submenu dropdowns - this order must be maintained */

     #menu ul {
          padding: 0;
          margin: 0;
          list-style: none;
          position: absolute;
          left: -9999px;
          width: 175px;
          line-height: 1;
          text-transform: uppercase;
     }
     #menu li li {
          padding: 4px 5px;
          color: #fff;
          border-left: 1px solid #19FF00;
          border-right: 1px solid #fff;          
     }
     #menu li li a {
          width: 174px;
          padding: 0;
          color: #fff;
          border-left: 1px solid #19FF00;
          border-right: 1px solid #fff;
     }
     #menu li ul ul {
          margin: -17px 0 0 170px;
     }
     #menu li ul li:hover a, #menu li ul li li:hover a, #menu li ul li li li:hover a, #menu li ul li li li:hover a {
          color: #fff; /*Submenu highlighted text color */
     }
     #menu li:hover li a, #menu li li:hover li a, #menu li li li:hover li a, #menu li li li li:hover li a {
          color: #fff; /*Submenu text color */
          border: none;
          background: none;
     }
     #menu li li:hover {
          background: url('http://www.brendanmcginley.com/wordpress/wp-content/themes/comicpress/images/menu.png');
        }
        
          /*Submenu highlighted background color */
     }
     #menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul, #menu li.sfhover ul ul ul ul {
          left: -9999px;
     }
     #menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul, #menu li li li li.sfhover ul {
          left: auto;
          background: #000; /* Submenu background color */
     }

     .menu .current_page_item a {
          color: #19FF00;
          border-left: 1px solid #19FF00;
          border-right: 1px solid #19FF00;
          background: url('http://www.brendanmcginley.com/wordpress/wp-content/themes/comicpress/images/menu.png') 0 -50px;
     }
   
/* THIS SECTION LOADS BEFORE THE JAVASCRIPT */

/* This section makes sure the menubar looks good before loading or jquery disabled
-------------------------------------------------------------- */

#menubar-wrapper .menu-header,
div.menu {
     font-size: 11px;
     margin-left: 12px;
     background: url('images/nav/menu.png') -50px 0;

     
}
#menubar-wrapper .menu-header ul,
div.menu ul {
     list-style: none;
     margin: 0;
}
#menubar-wrapper .menu-header li,
div.menu li {
     float: left;
     position: relative;
}
#menubar-wrapper a {
     display: block;
     text-decoration: none;
}
#menubar-wrapper ul ul {
/*     box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
     -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
     -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); */
     display: none;
     position: absolute;
     top: 38px;
     left: 0;
     float: left;
     z-index: 99999;
}
#menubar-wrapper ul ul li {
}

#menubar-wrapper ul ul ul {
     left: 100%;
     top: 0;
}
#menubar-wrapper ul ul a {
     height: auto;
}
#menubar-wrapper li:hover > a,
#menubar-wrapper ul ul :hover > a {
/*   background: url('images/menu.png');
     color: #fff; */
}
#menubar-wrapper ul li:hover > ul {
     display: block;
}
#menubar-wrapper ul li.current_page_item > a,
#menubar-wrapper ul li.current-menu-ancestor > a,
#menubar-wrapper ul li.current-menu-item > a,
#menubar-wrapper ul li.current-menu-parent > a {
/*     color: #fff; */
}
* html #menubar-wrapper ul li.current_page_item a,
* html #menubar-wrapper ul li.current-menu-ancestor a,
* html #menubar-wrapper ul li.current-menu-item a,
* html #menubar-wrapper ul li.current-menu-parent a,
* html #menubar-wrapper ul li a:hover {
/*     color: #fff; */
}

.ie #menubar-wrapper {
     zoom: 1; /* IE fix, allows for variable height menu  */
}

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

.menunav a {
     color: 031700;
}

.menunav-search {
     float: left;
     line-height: 26px;
     height: 20px;
}

.menunav-rss {
     font-size: 12px;
     line-height: 26px;
     padding: 0 5px;
     float: left;
     display: inline-block;
     overflow: hidden;
     color: #fff;
}

.menunav-rss:hover {
     background: #414141;
     color: #fff;
}

.menunav-prev, .menunav-next {
     display: inline-block;
     float: left;
}

.menunav-prev a, .menunav-next a {
     width: 25px;
     line-height: 23px;
     font-size: 24px;
     padding-bottom: 3px;
     font-weight: bold;
     display: inline-block;
     overflow: hidden;
     color: #fff;
}

.menunav-prev a:hover {
     background: #414141;
}

.menunav-next a:hover {
     background: #414141;
}

.menubar {
/*     font: bold 9px Verdana; */
     background: url('http://www.brendanmcginley.com/wordpress/wp-content/themes/comicpress/images/menu.png');
     float: left;
     color:     ;
     font-size: 11px;
     font-weight: bold;
}

.menubar ul {
     z-index: 100;
     margin: 0;
     padding: 0;
     list-style-type: none;
}

/*Top level list items*/
.menubar ul li {
     position: relative;
     display: inline;
     float: left;

}

/*Top level menu link items style*/
.menubar ul li a {
     display: block;
     padding: 5px 7px;
     text-decoration: none;
}

.menubar ul li ul li a {
     text-align: left;
     background: #414141; /* background of menu items (default state)*/
}

* html .menubar ul li a {
     /*IE6 hack to get sub menu links to behave correctly*/
     display: inline-block;
}

.menubar ul li a:link, .menubar ul li a:visited {
     color: #fff;
}

.menubar ul li ul li a:link, .menubar ul li ul li a:visited {
     color: #fff;
}

.menubar ul li a.selected {
     /*CSS class that's dynamically added to the currently active menu items' LI A element*/
     background: #000;
     color: #19FF00;
}

.menubar ul li a:hover {
     color: #19FF00;
     background: #132800; /*background of menu items during onmouseover (hover state)*/
}

/*1st sub level menu*/
.menubar ul li ul {
     position: absolute;
     left: 0;
     display: none; /*collapse all sub menus to begin with*/
     visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.menubar ul li ul li {
     display: list-item;
     float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.menubar ul li ul li ul {
     top: 0;
}

/* Sub level menu links style */
.menubar ul li ul li a {
     font: normal 13px Verdana;
     width: 160px; /*width of sub menus*/
     padding: 5px;
     margin: 0;
}

.menubar .current_page_item a {
     color: #f00;
}

/* Holly Hack for IE \*/
* html .menubar {
     height: 1%;
}
/*Holly Hack for IE7 and below*/




/* COMMENT  */

.comment-link {
     font-size: 9px;
}

.comment-balloon {
          width: 30px;
          height: 25px;
          display: block;
          margin: 0 0 0 5px;
          float: right;
          overflow: hidden;
          text-align: center;
          line-height: 16px;
          font-family: 'Georgia', serif;
          font-size: 16px;
          font-weight: normal;
                background: url('http://www.brendanmcginley.com/wordpress/wp-content/themes/comicpress/images/comment-balloon.png') no-repeat;
     }
   
          .comment-link a:hover .comment-balloon {
               color: #fff;
               background-position: 0 -25px;
          }
        
     .comment-balloon-empty {
          font-size: 20px;
          line-height: 30px;
          }
        
.comment-meta-data {
     background: #ddd;
     border: dotted 1px #bbb;
}

.bypostauthor .comment-meta-data {
     background: #fff;
}

#comment-textarea {
     -moz-border-radius: 10px;
     -khtml-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;   
     padding: 3px;
     background: #ccc;
}

#comment-textarea:focus {
     background: #fff;

/* NAVIGATION */

.blognav {
     width: 200px;
     margin: 0 auto;
}

.blognav-previous {
     float: left;
}

.blognav-next {
     float: right;
}

.nav {
     float: right;
     font-size: 12px;
     font-weight: bold;
     padding: 5px 0;
}

.nav-first {
     float: left;
}

.nav-previous {
     float: left;
}

.nav-previous a {
     padding-left: 10px;
}

.nav-next {
     float: left;
}

.nav-next a {
     padding-left: 10px;
}

.nav-last {
     float: left;
}

.nav-last a {
     padding-left: 10px;
}

.pagenav, .commentnav {
     height: 25px;
     color: #000;
     font-weight: bold;
     line-height: 25px;
     padding: 0 5px 0 5px;
     margin-top: 5px;
     clear: both;
}

.pagenav-left, .commentnav-left {
     float: left;
}

.pagenav-right, .commentnav-right {
     float: right;
}

.nav a, .pagenav a, .nav-blog a {
     display: block;
     float: left;
}

/* POSTS - PAGES */

#pagewrap-right {
     width: 775px;
     padding: 0;
     margin: 0;
     float: left;
     overflow: hidden;
}

#pagewrap-left {
     width: 560px;
     float: left;
     overflow: hidden;
}

#subcontent-wrapper {
     clear: both;
}

#content {
     float: left;
}

.narrowcolumn {
     width: 550px;
     padding: 0 5px;
     overflow: hidden;
}



/* Non-IE browser additions */

::-moz-selection {
     background: #a1c0d9; /* Firefox */
}

textarea {
     resize: none;
}

/* selection colors */
::selection {
     background: #ffb7b7; /* Safari */
}

/* MultiComic buttons */

#buttonpanel {
     overflow: auto;
}

#comic button {
     background: #efefef;
     color: #000;
     float: left;
     margin: 2px 0px 2px 5px;
}