/*
Theme Name: ComicPress
Theme URI: http://comicpress.org
Description: Publish a comic with WordPress. Standard Edition. <a href="http://comicpress.org">Visit the ComicPress Website.</a>
Author: Tyler Martin
Author URI: http://mindfaucet.com/
Version: 2.7
.
The CSS, XHTML and design is released under GPL v3:
http://www.opensource.org/licenses/gpl-3.0.html
.
*/



/* STANDARD TAGS */

body {
	margin: 0;
         background: #2b1d08;
	font-size: 12px;
         line-height: 1.4;
         color: #4d412f;
	font-family: arial, helvetica, sans-serif;
	text-shadow: 0; /* Lighten Safari's heavy fonts */
	}

a {
	color: #e07452;
	text-decoration: none;
	}

  	a:hover {
		text-decoration: underline;
		}

	a:focus {
		outline: none;
		}

	a img {
		border: none;
		}

p {
         color: #fde4b1;
         margin-top: 0em;
         margin-bottom: 1em;
	}

img {
	max-width: 100%;
	padding: 0;
	}

small {
	font-size: 11px;
	}

hr {
	height: 1px;
	color: #000;
	background-color: #000;
	border: 0px;
	}

blockquote {
	margin: 10px;
	padding: 5px 10px 5px 20px;
	border-width: 1px 1px 1px 5px;
	border-style: solid;
	border-color: #000;
	}

	blockquote cite {
		margin: 5px 0 0;
		display: block;
		}

cite {
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	}

code {
	padding: 10px;
	display: block;
	font-family: 'Courier New', monospace;
	border: 1px dotted #000;
	overflow: scroll;
	}

acronym, abbr, span.caps {
	cursor: help;
	}

	acronym, abbr {
		border-bottom: 1px dashed #000;
		}

form {
	margin: 0;
	}



/* HEADINGS */

h1, h1 a, h1 a:hover {
	padding: 10px 0 0 0;
	margin: 0;
	color: #fde4b1;
	font-size: 60px;
	font-family: 'Georgia', serif;
	font-weight: normal;
	line-height: 50px;
	text-decoration: none;
	letter-spacing: -4px;
	font-variant: small-caps;
	}

h2, h2 a, h2 a:hover {
	margin: 0;
	color: #ffffff;
	font-size: 20px;
         font-family: georgia, "book antiqua", "palatino linotype", palatino, serif;
         font-weight: normal;
         letter-spacing: 1px;
	}
	
	h2.pagetitle, h2.pagetitle a {
		padding: 0 0 5px 0;
		margin: 0 0 20px 0;
		font-family: georgia, "book antiqua", "palatino linotype", palatino, serif;
		font-size: 20px;
		font-weight: normal;
                  letter-spacing: 1px;		
		}

h3, h3 a, h3 a:hover {
	padding: 0;
	margin: 0;
	font-size: 20px;
	font-weight: normal;
	text-align: left;
	color: #fde4b1;
	text-decoration: none;
	clear: both;
	}

h4 {
         	margin: 0;
	color: #4d412f;
	font-size: 18px;
         font-family: georgia, "book antiqua", "palatino linotype", palatino, serif;
         font-weight: normal;
         }

.arial-small-light {
         	font-size: 11px;
         line-height: 1.4;
         color: #fee4b3;
	font-family: arial, helvetica, sans-serif;
	text-shadow: 0; /* Lighten Safari's heavy fonts */
         }

.arial-small-dark {
         	font-size: 11px;
         line-height: 1.4;
         color: #4d412f;
	font-family: arial, helvetica, sans-serif;
	text-shadow: 0; /* Lighten Safari's heavy fonts */
         }



/* THE PAGE WRAPPER */
/* Change this width to set the entire site's width - increase/reduce #column width by the same amount */

#page {
	width: 760px;
	margin: 0px auto;
         background-color: #e2d3b3;
	}



/* THE HEADER */

#header {
         margin: 0 auto;
         padding: 0;
         height: 160px;
	text-align: center;
         border: none;
	}

	.description {
                  margin: 0 auto;
		padding: 0;
		font-size: 14px;
		font-style: italic;
		letter-spacing: 2px;
		}



/* THE MENU */

#menubar {
         margin: 0;
         padding: 0;
         width: 760px;
         height: 40px;
         border-top: 1px solid #e9ca8b;
	background: #4d412f url('http://www.biblecomic.net/images/menu.jpg') top center no-repeat;
	zoom: 1; /* IE fix, allows for variable height menu  */
	}

#menu {
    padding: 0;
    margin: 0;
	list-style: none;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
	text-transform: uppercase;
    }

	#menu a {
		padding: 0px 5px;
		display: inline;
		color: #fde4b1;
		text-decoration: none;
		}

	#menu ul {
		padding: 0;
		margin: 0;
		list-style: none;
		width: 760px;
                  height: 40px;
		line-height: 1;
		border-top: 1px solid #fff;
                  text-align: center;
		}

	#menu li {
                  height: 40px;
		display: inline;
		}

	#menu li:hover a, #menu li.sfhover a {
	    color: #e07452; /* Main menu highlighted text color */
	    }
	
/* THE COMIC */

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


/* COMIC NAVIGATION */ 

#comicnav { 
   width: 760px; 
   height: 30px; 
   display: block;
   text-align: center; 
   margin: 0; 
   background: #4d412f;
   border: none;
   } 

#comicnav ul {
   width: 760px;
   text-align: center;
   display: inline;
   margin: 0 auto;       
   padding: 0; 
   } 

#comicnav li {
    display: inline;
    margin: 0 auto; 
    padding: 0; 
   } 

#comicnav ul li { 
   list-style-type: none; 
   margin: 0 auto; 
   padding: 0; 
   } 

#comicnav li a { 
   height: 30px; 
   margin: 0 auto; 
   padding: 0; 
   display: inline;
   color: #fde4b1; 
   line-height: 30px; 
   text-decoration: none; 
   list-style-type: none; 
   list-style: none;    
   font-size: 15px; 
   } 

#comicnav li a:hover { 
   color: #e07452; 
   }

            #comicnav li.first {
                               
                              }

            #comicnav li.previous {
                                  padding: 0 3px 0 5px;
                                  }

            #comicnav li.latest {
                              
                             }

            #comicnav li.next {
                              padding: 0 5px 0 3px;
                               }


/* THE FOOTER */

#footer {
         width: 760px;
         display: block;
         margin: 5px 0 0 0;
	padding: 8px 0 6px 0;
         color: #fde4b1;
         font-size: 11px;
         background: #4d412f;
	}

         #footerinfo-left {
                          float: left;
                          padding: 0 0 7px 30px;
                          }

         #footerinfo-right {
                          float: right;
                          padding: 0 30px 7px 0;
                          }

#footer-banner {
         width: 728px;
         margin: 0 auto;
	padding: 0;
         border: 0;
         text-align: center;
         }


/* NAVIGATION */

.nav {	
	float: right;
	font-size: 12px;
	font-weight: bold;
	}
	
	.nav-first {
		padding: 0 5px 0 0;
		border-right: 1px solid #000;
                  float: left;
		}
	
	.nav-previous  {
		padding: 0 5px;
                  float: left;
		}
	
	.nav-next  {
		padding: 0 5px;
                  float: left;
		border-right: 1px solid #000;
		border-left: 1px solid #000;
		}
		
	.nav-last {
		padding: 0 0 0 5px;
                  float: left;
		}

.nav-blog {
	color: #fde4b1;
	font-size: 12px;
	font-weight: bold;	
	float: right;
	}
	
	.nav-blog-previous {
		padding: 0 5px 0 0;
		float: left;
		}
		
	.nav-blog-next {
		padding: 0 0 0 5px;
		float: left;
		border-left: 1px solid #000;
		}

.pagenav {
	padding: 40px 10px 20px 10px;
	color: #fde4b1;
	font-size: 12px;
	font-weight: bold;
	clear: both;
	}

	.pagenav-left {
		float: left;
		}

	.pagenav-right {
		float: right;
		}

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

	.nav a:hover, .pagenav a:hover, .nav-blog a:hover {
		color: #e07452;
		}



/* FRONTPAGE */

#frontpage-preview {
         width: 760px;
         height: 110px;
         margin: 20px auto 30px auto;
         padding: 0;
         display: block;
         text-align: center;
         background: #e2d3b3;
         border: none;
         }

#frontpage-preview-text {

         margin: 20px auto;
         padding: 0 0 0 30px;
         display: block;
         text-align: left;
         border: none;
         }

         .frontpage-preview-newpage {
                    display: inline;
                    padding: 0px 7px 0px 0px;
                    }

         .frontpage-preview-newpage-text {
                    float: left;
                    width: 440px;
                    border-bottom: 1px solid #000000;
                    margin: 0 0 10px 0;
                    padding: 0;
                    }

         .frontpage-preview-firstpage2 {
                    display: inline;
                    padding: 0px 0px 0px 2px;
                    }

          .frontpage-preview-firstpage-text {
                    float: left;
                    width: 250px;
                    border-bottom: 1px solid #000000;
                    margin: 0 0 10px 10px;
                    padding: 0;
                    }

#intro-frontpage {
         width: 740px;
         height: 500px;
         margin: 10px 0px 5px 10px;
         padding: 0;
         background: #e2d3b3;
         background-image: url('http://www.biblecomic.net/images/frontpageimg.jpg');
         background-repeat: no-repeat;
         background-position: right bottom;
         }

.intro-frontpage {
         margin: 0;
         padding: 30px 350px 30px 30px;
         }


#frontpage-div {
         width: 760px;
         height: 250px;
         margin: 0 auto;
         padding: 0;
         display: block;
         text-align: left;
         color: #fde4b1;
         background: #4d412f;
         border: none;
         }

#frontpage-div-border {
         border-bottom: 1px solid #fee4b1;
         height: 65px;
         }

         .frontpage-div-button {
                             float: left;
                             margin: 30px 0 30px 8px;
                             padding: 0;
                             border: 5px solid #4d412f;
                            }

         .frontpage-div-text {
                             float: left;
                             margin: 50px 0 0 50px;
                            }


#column-frontpage {
         width: 720px;
         margin: 15px 20px 0 20px;
         padding: 0;
         display: block;
         }

.post-frontpage {
         background: #4d412f;
         color: #fde4b1;
         margin: 0;
         padding: 30px;
         }

.post-frontpage-head {
         background: #4d412f;
         }

.post-frontpage-foot {
         background: #4d412f;
         margin: 0 0 15px 0;
         height: 0px;
         }

               .frontpage-title {
                               text-align: center;
                               margin: 0 0 15px 0;
                               padding: 0 0 3px 0;
                               border-bottom: 1px solid #fde4b1;
                               }


/* POSTS - PAGES */

#column {
	width: 575px;
         margin: 10px 0px 5px 10px;
	padding: 0;
	float: left;
	overflow: hidden;
	}


#column-pages {
         width: 720px;
         margin: 15px 20px 0 20px;
         padding: 0;
         display: block;
         }


      #pagetitle-box {
                    width: 680px;
                    margin: 0 auto;
                    padding: 3px 20px 8px 20px;
                    display: block;
	           background: #4d412f;
                    border: none;
                    color: #fde4b1;
                    }

                      #pagetitle {
                           margin: 0 0 8px 0;
                           color: #fde4b1;
                           text-align: center;
		         font-family: georgia, "book antiqua", "palatino linotype", palatino, serif;
		         font-size: 20px;
		         font-weight: normal;
                           letter-spacing: 1px;
                           color: #ffffff;
                           border-bottom: 1px solid #fde4b1;
                           }


.page-text {
           padding: 20px;
           }


.post, .post-comic, .post-page {
         background: #4d412f;
         margin: 0;
	padding: 30px;
	}

.post-head, .post-page-head {
         background: 4d412f;
	}

.post-comic-head {
         width: 760px; 
         height: 0px; 
         display: block;
         text-align: center; 
         margin: 0; 
         background: #e2d3b3;
         border: none;
         }

         .banner-comic {
         width: 702px;
         margin: 0 29px;
         padding: 0;
         }
	
.post-foot, .post-comic-foot, .post-page-foot {
         background: #4d412f;
	margin: 0 0 15px 0;
	height: 0px;
	overflow: hidden;
	}
	
.comic-head, .comic-foot {
         background: #4d412f;
         margin: 0;
         padding: 0;
         height: 0;
         }

         .comictitle {
                    margin: 0 0 15px 0;
                    padding: 0 0 3px 0;
                    text-align: center;
                    border-bottom: 1px solid #fde4b1;
                    }

	.comicdate {
                  padding: 0 0 5px 0;
                  color: #ffffff;
		font-size: 15px;
                  font-family: georgia;
                  display: inline;
		}

	.postdate {
		font-size: 11px;
                  display: inline;
		}

         .postmeta {
                   margin: 15px 20px 10px 20px;
                   padding: 0;
                   float: none;
                   clear: both;
                   text-align: center;
                   font-size: 11px;
                   line-height: normal;
                   border-top: 1px dashed #fde4b1;
                   }


.more-link {
         color: #fde4b1;
	border-top: 1px dashed #000;
	font-style: italic;
	display: block;
	clear: both;
	}
		
.tags {
         color: #fde4b1;
	font-size: 11px;
	clear: both;
	}

.comment-link {
         padding: 10px 20px 0 0;
         color: #fde4b1;
	font-family: 'Georgia', serif;
	font-size: 16px;
	text-align: right;
	}



/* ABOUT PAGE */

.page-text-faqq {
           padding: 5px 0 0 0;
           font-size: 15px;
           font-style: italic;
           }

.page-text-faqa {
           padding: 0px 10px 10px 10px;
           }

.page-text-gitte {
           width: 500px;
           margin: 10px auto;
           padding: 20px 30px;
           overflow: hidden;
           border: 1px solid #4d412f;
           }

         .page-text-gitteimg {
                             width: 240px;
                             height: 296px;
                             float: left;
                             }

         .page-text-gittetext {
                             width: 200px;
                             float: right;
                             margin: 0;
                             }


.page-text-maia {
           width: 500px;
           margin: 10px auto;
           padding: 20px 30px;
           overflow: hidden;
           border: 1px solid #4d412f;
           }

         .page-text-maiatext {
                            width: 200px;
                            float: left;
                            }

         .page-text-maiaimg {
                             width: 240px;
                             display: block;
                             float: right;
                            }


/* COMIC PAGE */

.comic-storyline {
         width: 720px;
         margin: 5px 0 0 0;
         padding: 0 0 30px 0;
         }

.comic-storyline-img {
         width: 510px;
         float: left;
         padding: 0;
         margin: 0 15px 0 0;
         }

.comic-storyline-text {
         padding: 0 40px 0 0;
         }



/* CAST PAGE */

.cast-title {
          margin: 10px 0;
          padding: 0;
          border-top: 1px solid #4d412f;
          border-bottom: 1px solid #4d412f;
          }

.cast-row {
          margin: 0 0 20px 0;
          padding: 0;
          }

.cast-character {
          float: left;
          width: 200px;
          margin: 0 0 0 20px;
          }

.cast-character-other {
          float: left;
          width: 150px;
          margin: 0 0 0 17px;
          }

.cast-character-name {
          border-bottom: 1px solid #4d412f;
          margin: 5px 0 10px 0;
          padding: 0;
	 font-family: georgia, "book antiqua", "palatino linotype", palatino, serif;
          letter-spacing: 1px;
          font-size: 16px;
          text-align: center;
          }




/* GALLERY PAGE */	

#gallerypage {
             width: 600px;
             height: 50px;
             margin: 15px auto;
             padding: 0;
             float: none;
             display: block;
             text-align: center;
             border: none;
             }

#gallerypage ul {
             display: block;
             width: 600px;
             height: 50px;
             margin: 0 auto;
             padding: 0;
             text-align: center;
             }

#gallerypage li {
             width: 60px;
             height: 50px;
             display: inline;
             margin: 0 auto;
             padding: 0 10px 0 10px;
             text-align: center;
             overflow: hidden;
             font-size: 9px;
             }


.extras {
         width: 720px;
         margin: 20px 40px;
         padding: 0;
         }

.extras-img {
         width: 400px;
         float: left;
         padding: 0;
         margin: 0 15px 0 0;
         }

.extras-text {
         padding: 0 40px 0 0;
         }




/* LINK PAGE */

/* Medium 200x40 banners - 2 for a div */
#linkpage {
             width: 600px;
             margin: 10px auto;
             padding: 0;
             float: none;
             display: block;
             text-align: center;
             border: none;
             }

#linkpage ul {
             display: block;
             width: 600px;
             height: 40px;
             margin: 5px auto;
             padding: 0;
             text-align: center;
             }

#linkpage li {
             width: 200px;
             height: 40px;
             display: inline;
             margin: 0 auto;
             padding: 0;
             text-align: center;
             border: none;
             }

/* Large 468x60 banners - 1 for a div */
#linkpage-large {
             width: 600px;
             margin: 5px auto;
             padding: 0;
             float: none;
             display: block;
             text-align: center;
             border: none;
             }

#linkpage-large ul {
             display: block;
             width: 600px;
             height: 60px;
             margin: 5px auto;
             padding: 0;
             text-align: center;
             }

#linkpage-large li {
             width: 468px;
             height: 60px;
             display: inline;
             margin: 0 auto;
             padding: 0;
             text-align: center;
             border: none;
             }

/* Small 88x31 banners - 3 for a div */
#linkpage-small {
             width: 600px;
             margin: 5px auto;
             padding: 0;
             float: none;
             display: block;
             text-align: center;
             border: none;
             }

#linkpage-small ul {
             display: block;
             width: 600px;
             height: 31px;
             margin: 5px auto;
             padding: 0;
             text-align: center;
             }

#linkpage-small li {
             width: 88px;
             height: 31px;
             display: inline;
             margin: 0 auto;
             padding: 0;
             text-align: center;
             border: none;
             }

#linkpage-text {
             width: 600px;
             margin: 5px auto;
             padding: 10px 0 0 0;
             float: none;
             display: block;
             text-align: center;
             border: none;
             }


/* THE BLOG HEADER */

#blogheader {
	font-family: 'Georgia', serif;
	padding: 25px 0 25px 20px;
	font-size: 32px;
	letter-spacing: -2px;
	border-top: 1px solid #000;
	}



/* COMMENTS */

.comment-wrap{
         background: #4d412f;
	padding: 20px 30px 15px 30px;
	}

	.comment-wrap h3 {
		margin: 0;
		padding: 0 0 10px 0;
		font-weight: normal;
		font-size: 20px;
		clear: both;
		font-family: georgia, "book antiqua", "palation linotype", palatino, serif;
                  color: #fde4b1
		}


.comment {
	padding: 0;
	margin: 0;
         	clear: both;
	border: none;
	min-height: 10px;
         background: #4d412f;
         color: #fde4b1;
	}

	.comment .comment  {
         padding: 0;
         margin: 0 0 0 10px;
	}


.comment-author {
	display: inline;
         color: #ffffff;
	}

.comment-meta {
	display: block;
	padding: 0 0 10px 0;
	margin: 0;
         color: #fde4b1;
         font-size: 11px;
	}

.comment-meta a {
         color: #fde4b1;
         }

.says {
	display:none;
	}

.avatar {
	margin: 0 10px 0 0;
	float: left;
	}

#comment {
         	width: 100%;
	font-size: 12px;
	font-family: 'Arial', sans-serif;
	}

#author, #email, #url {
	width: 200px;
	font-size: 12px;
	font-family: 'Arial', sans-serif;
	}

#submit {
	margin: 0 0 20px 0;
	float: right;
	}

ol.commentlist {
	margin: 0;
	padding: 0;
	font-size: 12px;
	list-style: none;
	}

	ol.commentlist p {
		margin-top: 0em;
                  margin-bottom: 1em;
		}

ul.children {	
	margin: 0;
	padding: 0;
	list-style: none;
	}

.reply {
         margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	text-align: left;
         border-bottom: 1px solid;
	}



/* ARCHIVE */  
/* For the built-in WordPress archive pages (by month or category) as well as search result pages */  

#comicarchive {
              width: 720px;
              margin: 15px 20px 0 20px;
              padding: 0;
              overflow: hidden;
              display: block;
              text-align: center;
              color: #4d412f;
              background: #4d412f;
              }

#comicarchive ul {
              width: 680px;
              margin: 0 auto;
              padding: 0;
              text-align: center;
              display: inline;
              background: #4d412f;
              }

#comicarchive li {
              display: inline;
              float: left;
              text-align: center;
              color: #4d412f;
              margin: 0 auto;
              padding: 20px 25px 0px 25px;
              background: #4d412f;
              }

.comicarchive-title {
              width: 680px;
              margin: 0 auto;
              padding: 3px 20px 8px 20px;
              display: block;
              background: #4d412f;
              border: none;
              color: #fde4b1;
              }

.comicarchive-title-head {
              }

.comicarchive-title-foot {
               width: 720px;
               margin: 0 auto;
               padding: 0;
               display: block;
               height: 0px;
               background: #e2d3b3;
              }


.comicarchive-page {
              width: 680px;
              margin: 0 auto;
              padding: 0;
              display: inline;
              background: #4d412f;
              }

.comicarchive-page-head {
              display: inline;
              width: 680px;
              height: 15px;
              padding: 15px 0 0 0;
              background: #4d412f;
              color: #4d412f;
              }

.comicarchive-page-foot {
              }


.comicarchiveframe {
         height: 300px;
         overflow: hidden;
         float: left;
         text-align: center;
	padding: 5px;
	background: #e2d3b3;

	}
 
	.comicarchiveframe:hover {
		opacity: 0.70;
		filter: alpha(opacity=70);
		}


	.comicarchiveframe-title, comicarchiveframe-title a, comicarchiveframe-title a:hover {
                  padding: 0;
                  margin: 0;
                  text-align: center;
                  display: block;
                  font-size: 18;
                  font-weight: normal;
                  font-family: georgia, "book antiqua", "palatino linotype", palatino, serif;
                  border: none;
                  clear: both;
		}

	.comicarchiveframe-date, comicarchiveframe-date a, comicarchiveframe-date a:hover {
                  margin: 0;
                  padding: 0;
                  text-align: center;
                  font-size: 11px;
		display: block;
                  border: none;
		}


.archive-year {
	font-size: 48px;
	}

.archive-yearlist {
	padding: 0;
	font-size: 14px;
	}



/* SIDEBAR */

#sidebar {
 	width: 175px;
         margin: 10px 0 0 0;
	padding: 0;
	float: right;
	font-size: 11px;
         text-align: center;
	overflow: hidden;
	}

.sidebar-button {
         margin: 0 auto;
         padding: 0 0 10px 0;
         }

.sidebar-title {
         border-top: 1px solid #4d412f;
         border-bottom: 1px solid #4d412f;
         margin: 10px;
         padding: 0;
         }

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

	#sidebar ul li {
		margin: 0 0 10px 10px;
		padding: 0;
		}

		#sidebar ul li ul li {
			margin: 0 0 0 10px;
			padding: 0;
			}



/* WIDGETS */

.random-comic-icon {
	padding: 0 5px;
	color: #fff;
	background: #000;
	}

.comic-bookmark {
	margin: 0 0 10px 5px;
	}

.archive-dropdown {
	max-width: 100%;
	}



/* CALENDAR */

#wp-calendar {
	width: 165px;
	margin: 0 0 0 5px;
	}

#wp-calendar th {
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	}

#wp-calendar caption {
	font-family: 'Georgia', sans-serif;
	font-size: 18px;
	letter-spacing: -1px;
	font-variant: small-caps;
	}

#wp-calendar td {
	min-width: 20px;
	padding: 0;
	text-align: center;
	border: 1px solid #000;
	}

#wp-calendar a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	}

	#wp-calendar a:hover {
		color: #fff;
		background: #000;
		}



/* SEARCH */

#s {
	width: 140px;
	margin: 0;
	padding: 2px;
	font-size: 12px;
	font-family: 'Arial', sans-serif;
	}

#searchsubmit {
	padding: 0 5px;
	font-size: 12px;
	font-family: 'Arial', sans-serif;
	}



/* GALLERY */

.gallery-image {
	width: 518px;
	border: 1px solid #000;
	overflow: hidden;
	background: #000;
}

.gallery-caption {
	font-size: 11px;
	}
	
	.gallery-caption  p {
		width: 510px;
		padding: 5px;
		margin: 0;
		text-align: center;
		color: #fff;
		background: #000;
		}

.imagenav-wrap {
	margin: 5px 0 0 0;
	}

.imagenav {
	width: 77px;
	height: 77px;
	float: left;
	overflow: hidden;
	}

.imagenav-center {
	width: 344px;
	height: 65px;
	margin: 0 5px;
	padding: 10px 5px 0 5px;
	float: left;
	color: #000;
	text-align: center;
	border: 1px solid #000;
	overflow: hidden;
	}

.imagetitle {
	color: #000;
	font-size: 18px;
	}

.imagenav-bg {
	width: 75px;
	height: 75px;
	position: absolute;
	z-index: 0;
	background: #ddd;
	border: 1px solid #000;
	overflow: hidden;
	}

	.imagenav-bg img {
		width: 75px;
		height: 75px;
		}

.imagenav-arrow {
	width: 75px;
	height: 75px;
	position: absolute;
	z-index: 1;
	color: #fff;
	font-size: 80px;
	font-weight: bold;
	line-height:75px;
	text-align: center;
	border: 1px solid #000;
	float: left;
	}

.imagenav-link {
	width: 75px;
	height: 75px;
	position: absolute;
	z-index: 2;
	border: 1px solid #000;
	float: left;
	overflow: hidden;
	}

	.imagenav-link img {
		width: 75px;
		height: 75px;
		opacity: 0.50;
		filter: alpha(opacity=50);
		}

			.imagenav-link img:hover {
				opacity: 0.00;
				filter: alpha(opacity=0);
				}



/* POSTED IMAGES  */

.centeredimage {
         text-align: center;
         margin: 0;
         padding: 0;
         }

.wp-caption  p {
	margin: 5px 0;
	line-height: 11px;
	font-size: 11px;
	}

.aligncenter {
	margin: 0 auto;
	display: block;
	}

.alignright {
	margin: 10px 0 10px 10px;
	display: inline;
	float: right;
	}

.alignleft {
	margin: 10px 10px 10px 0;
	display: inline;
	float: left
	}



/* TRANSCRIPT */

#transcript {
	padding: 0 10px;
	font-size: 11px;
	border-left: 4px dotted #000;
	border-right: 4px dotted #000;
	}

	.transcript-border {
		padding: 0 5px;
		margin: 15px 0;
		border: 1px solid #000;
		background: #fff;
		clear: both;
		}

	a.transcript-title {
		padding: 0 0 5px 0;
		margin: 0 0 5px 0;
		display: block;
		font-family: 'Georgia', serif;
		font-style: italic;
		font-size: 16px;
		letter-spacing: -1px;
		border-bottom: 1px dashed #000;
		}

		#transcript-content {
			font-family: 'Courier New', monospace;
			overflow: hidden;
			}

#s-transcript {
	width: 140px;
	margin: 0;
	padding: 2px;
	font-size: 12px;
	font-family: 'Georgia', serif;
	font-style: italic;
	}

	#searchsubmit-transcript {
		padding: 0 5px;
		font-size: 12px;
		font-family: 'Arial', sans-serif;
		}



/* STORYLINES */

.storyline-cats {
	padding: 0;
	margin: 0;
	list-style: none;
	}

.storyline-cats li {
	display: inline;
	}

	li.storyline-root {
		display: none;
		}


/* LIGHTBOX SCRIPT */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.biblecomic.net/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.biblecomic.net/lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* CLEAR FLOATS */

.clear {
	clear: both;
	}



/* CLEAR MARGINS */
/* Used with BR for clearing paragraph margins for Safari, Chrome - avoid background gaps */

.clear-margins { 
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	}