/*
Mobile-first design, with bootstrap overrides in place for some classes (although most are embedded in customized build.
Overrides for larger resolutions are at the bottom of the file.
*/
body { background: url(/images/misc/background.jpg) no-repeat top center #95c9fb; }

.alert { padding: 5px; margin-bottom: 5px; }
.responsive { width: 100%; height: auto; }

div.projectNavBar { margin-bottom: 0; text-align: center; }
div.topNav { color: white; text-align: center; }
div.projectNav { margin: 0 auto; width: auto;}
div.projectNavBar .navbar-nav>li>a { padding: 5px 15px; }
.projectNavToggle { float: none; color: #999999 }
.projectNavToggle:hover { color: #fff; }
div.logo { margin: 4px 0 4px 0; }
img.logo { width: 100%; max-width: 390px; height: auto; }
div.topNavAd { /*height: 85px;*/ margin: 4px 0 4px 4px; }
div.topNavAd table { width: 100%; }
div.topNavAd img { width: 100%; height: auto; }
div.siteNav { margin: 4px 0 4px 4px; text-align: center; }
div.siteNav .nav>li>a { color: #fff; }
div.siteNav .nav>li>a:hover, div.siteNav .nav>li>a:focus { background-color: #5081AA; }
.siteNavToggle { float: none; color: #fff; }
.siteNavToggle:hover { background-color: #5081AA; }

.page { background-color: #fff; color: #000;}
.pageHeader { background-color: #644632; color: #fff; padding: 8px; text-align: left; font-family: 'Permanent Marker', cursive; background: url(/images/misc/moulding.png); }
h1.pageHeader { font-size: 50px; }
div.pageHeader { margin-bottom: 10px; }
.loading { background: url(/images/misc/loading.gif) no-repeat center center #fff; }

div.comicNavContainer { margin: 2px 0; }
div.comicPagination { float: left; margin-right: 0; height: 22px; width: 58px; }
a.comicPagination { display: block; height: 22px; width: 58px; }
img.comicPagination { opacity: 0.0; }
/* sprites */
div.nav-first {
  background-image: url(/images/nav/comicnav-sprites.png);
  background-position: -10px -10px;
}
a.nav-first {
  background-image: url(/images/nav/comicnav-sprites.png);
  background-position: -10px -52px;
}
div.nav-prev {
  background-image: url(/images/nav/comicnav-sprites.png);
  background-position: -10px -94px;
}
a.nav-prev {
  background-image: url(/images/nav/comicnav-sprites.png);
  background-position: -10px -136px;
}
div.nav-blog {
  background-image: url(/images/nav/comicnav-sprites.png);
  background-position: -10px -178px;
}
a.nav-blog {
  background-image: url(/images/nav/comicnav-sprites.png);
  background-position: -10px -220px;
}
div.nav-next {
  background-image: url(/images/nav/comicnav-sprites.png);
  background-position: -10px -262px;
}
a.nav-next {
  background-image: url(/images/nav/comicnav-sprites.png);
  background-position: -10px -304px;
}
div.nav-last {
  background-image: url(/images/nav/comicnav-sprites.png);
  background-position: -10px -346px;
}
a.nav-last {
  background-image: url(/images/nav/comicnav-sprites.png);
  background-position: -10px -388px;
}
a.nav-first:hover {
  background-image: url(/images/nav/comicnav-sprites.png);
  background-position: -10px -430px;
}
a.nav-prev:hover {
  background-image: url(/images/nav/comicnav-sprites.png);
  background-position: -10px -472px;
}
a.nav-blog:hover {
  background-image: url(/images/nav/comicnav-sprites.png);
  background-position: -10px -514px;
}
a.nav-next:hover {
  background-image: url(/images/nav/comicnav-sprites.png);
  background-position: -10px -556px;
}
a.nav-last:hover {
  background-image: url(/images/nav/comicnav-sprites.png);
  background-position: -10px -598px;
}

div.main { margin: 0 auto; }
div.comicFooter { margin-bottom: 10px; }
div.comicHeaderAlert { padding: 5px; width: 100%; }
div.comic { clear: both; background-color: #fff; color: black; }
img.comic { width: 100%; height: auto; }
img.comicThumb { width: 100%; height: auto; max-width: 320px; padding-top: 20px;}
div.fb-like { padding-top: 5px; padding-right: 2px; }
div.rss, div.fb { padding: 0 4px; }
img.rss, img.fb { width: 20px; height: 20px; }

div.chapterRow { margin: 10px 0; background-color: #E6D6CB; padding: 0 0 10px 5px; border-bottom-right-radius: 30px;}
div.chapterDetails { padding-right: 45px; padding-left: 45px;}
div.chapterImage { max-width: 345px; margin: 10px auto 0; }
img.chapterImage { max-width: 345px; width: 100%; height: auto;}'
div.chapterImageArchive { max-width: 345px; margin: 10px auto 0; }
img.chapterImageArchive { max-width: 345px; width: 100%; height: auto; opacity: 0.5; }


div.chapterComics { background-color: #E6D6CB; padding: 0; font-family: 'Source Sans Pro', sans-serif; font-style: italic; }
div.chapterComic { max-width: 105px; position: relative; margin: 10px 0 10px 10px; float: left; }
a.chapterComic:hover { text-decoration: none; }
div.chapterComicNumber {
	position: absolute;
	bottom: 0;
	color: #A3E2FF;
	font-size: 60px;
	text-shadow: 5px 2px 2px #004275;
	text-align: center;
	width: 110px;
	left: 50%;
	margin-left: -55px;
}

div.chapterComicTitle {
	position: absolute;
	bottom: 105px;
	width: 110px;
	left: 50%;
	margin-left: -55px;
        line-height: 35px;
	color: #A3E2FF;
	font-size: 40px;
	text-shadow: 5px 2px 2px #004275;
	text-transform: uppercase;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
}

.calendarBG { background-color: #fff; margin: 20px auto; }
.calendarBlank { background-color: #bbb; }
.calendarHeader { font-weight: bold; color: #fff; text-align: center; background-color: #5889B2; }
.calendarMonthLinks, .calendarMonthLinks:hover { font-weight: bold; text-decoration: none; color: #fff; }
.calendarDayHeading { font-weight: bold; color: #fff; background-color: #555; text-align: center; vertical-align: middle; }
.calendarToday { background-color: #DDF0DD; }
.calendarCell { text-align: center; vertical-align: middle; }
a.calendarCell, a.calendarCell:hover { color: #5889B2; font-weight: bold; text-decoration: none; }

.rss, .fb, .twitter { margin-top: 2px; }
div.homeBlogRow { margin-top: 20px; clear: both; }
div.sidebar { background-color: rgba(152, 200, 240, 0); text-align: center; }
div.sidebarAd {padding-top:10px;}
div.blogContainer { background-color: rgba(152, 200, 240, 0); padding: 1px 10px; }
div.blog { background-color: #E6D6CB; padding: 5px 5px 20px 25px; margin: 10px 0 10px 0; overflow: auto; border-bottom-right-radius: 30px;}
div.blogComicCol { padding: 5px 10px 25px; }
.blogHeader, .chapterHeader { color: #000; text-align: left; font-family: 'Permanent Marker', cursive; font-size: 35px; margin-top:0px;}
.blogDate { color: #000; text-align: left; font-size: 10px; }
a.blogHeaderLink, a.blogHeaderLink:hover, a.chapterHeaderLink, a.chapterHeaderLink:hover { color: #000; text-decoration: none; }
div.blogText, div.chapterText { clear: left; font-family: Georgia, Times, "Times New Roman", serif; text-align: justify; padding-right: 25px;}
div.blogComments { background-color: #E6D6CB; margin-top: 5px; padding: 10px; }
#comment_form textarea { width: 100%; }
a.blogLink, a.blogLink:hover { color: #000; text-decoration: none; font-style: italic; font-weight: bold; }
div.sidebarBlog { margin-top: 20px; padding: 30px; }
ul.blogPagination  { background-color: #999; padding: 0; text-align: center; }
li.blogPagination { list-style: none; display: inline-block; }
a.blogPagination, a.blogPagination:hover { color: #fff; text-decoration: none; display: inline-block; background-color: #888; padding: 1px 15px; margin: 4px; }
ul.tagcloud  { padding: 0; text-align: center; }
li.tagcloud { list-style: none; display: inline-block; }
a.tagcloud, a.tagcloud:hover { color: #ddd; text-decoration: none; display: inline-block; background-color: #888; padding: 1px 5px; margin: 2px; }
a.tagcloud:hover { color: #fff; }

.thumbnail .caption { color: #fff; padding: 0; padding-top: 3px; text-align: center; }
div.blogComic { max-width: 320px; background-color: #229DAF; border: 1px solid #229DAF; margin: 20px 0 10px 10px; }
a.comicLink, a.comicLink:hover { color: #fff; text-decoration: none; }

.searchResults, .searchFilters { background-color: #fff; }

div.galleryCategoryNav { background-color: #E6D6CB; padding: 0;padding-left: 30px; padding-top: 15px; padding-bottom: 2px; border-bottom-left-radius: 30px;}
ul.galleryCategoryNav { padding-left: 0; }
li.galleryCategoryNav { list-style: none; display: block; padding-bottom: 5px; }
li.galleryCategoryNavChild { padding-left: 30px; }
a.galleryCategoryNav { color: #fff; text-decoration: none; display: block; background-color: #6ab4fd; padding: 1px 20px; margin-top: 2px; font-size: 20px; }
a.galleryCategoryNav:hover { color: #fff; text-decoration: none; }
div.galleryThumb { text-align: center; background-color: inherit; border: none; padding-bottom: 10px; }
img.galleryThumb, img.galleryCategoryImage { max-width: 100%; }
a.galleryThumb, a.galleryThumb:hover, a.galleryCategory, a.galleryCategory:hover { text-decoration: none; }
div.thumbnail.galleryThumb .caption { display: none; }
div.galleryModal { width: 95%; }
div.galleryDetailsImage { text-align: center; min-height: 250px; }
img.galleryDetailsImage { width: 100%; height: auto; }
div.galleryDetailsImageFB { text-align: center; min-height: 0px; }
img.galleryDetailsImageFB { width: 50%; height: auto; }
div.galleryDetailsImageMOB { text-align: center; min-height: 250px; }
img.galleryDetailsImageMOB { width: 100%; height: auto; }
div.galleryDetailsImageCON { text-align: center; min-height: 250px; }
img.galleryDetailsImageCON { width: 100%; height: auto; }
div.galleryDetailsText { padding: 0 5px 15px 15px; }
h3.galleryDetailsTitle { margin-top: 10px; }
div.galleryDetailsDescr {}
div.galleryDetailsCopyright { padding: 5px; margin-top: -10px; }
div.galleryDetailsLinks { text-align: center; }

div.one-off { }
div.one-off-main { background-color: #E6D6CB; padding: 5px 25px 15px 30px; overflow: auto; width: 500px;
margin-top: 20px;}
div.one-off-sidebar { padding-right: 10px; margin-top: 20px;}

div.storeSearch { width: 250px; }
a.storeHeaderLink { color: #eee; }
a.storeHeaderLink:hover { color: #fff; text-decoration: none; }

.contentCalloutContainer { }
div.contentCallouts { clear: both; padding: 4px; margin-top: 25px; }
div.contentCallout { position: relative; margin: 0 auto 20px auto; }
.thumbnail .caption.contentCalloutLabel { font-weight: 800; font-size: 18px; text-transform: uppercase; }
a.contentCallout, a.contentCallout:hover { color: #fff; text-decoration: none; }
img.callout { width: 100%; height: auto; }
div.calloutOverlay { position: absolute; top: 0; left: 0; }
.footerCalloutContainer { }
footer.footerPage { overflow: auto; color: black; background: url(/images/misc/background-bottom.png) no-repeat bottom center rgba(146, 86, 62, 0); }
div.footerCallout { position: relative; margin: 0 auto 10px auto; }
.thumbnail .caption.footerCalloutLabel { font-weight: 700; font-size: 15px; text-transform: uppercase; }
a.footerCallout, a.footerCallout:hover { color: #fff; text-decoration: none; }
div.footerAd { margin: 0 auto; }
div.footerCopyright { margin: 10px 0; text-align: center; }

@media (min-width: 350px)
{
    div.comicPagination { margin-right: 5px; }
}

@media (min-width: 768px)
{
    div.siteAlert { width: auto; }
    div.projectNavBar { height: 30px; min-height: 30px; }
    div.projectNav { width: 500px; }
}

@media (min-width: 1100px) {
    div.galleryModal { width: 1024px; }
}

@media (min-width: 400px) {
    div.galleryModalFB { width: 400px; }
}

@media (min-width: 640px) {
    div.galleryModalMOB { width: 464px; }
}

@media (min-width: 600px) {
    div.galleryModalCON { width: 600px; }
}

@media (min-width: 1200px) {
    .responsive { width: auto; height: auto; }
}    

/* End of file index.php */
/* Location: ./index.php */