/* Bittersweet Candy Bowl simple CSS file! For handhelds, televisions, and crap browsers. Written up by SuitCase (suitcase@soaringrabbit.com). Version 2, November 2009. */

/* I'm really sorry, IE6 people. You're getting too marginal, so I'm redirecting you to this now. Upgrade to IE8, it's a really cool browser! */

/* Make everything sans serif. Should look best on a small screen. */

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	max-width: 820px;
	margin: 0 auto;
	padding: 1em;
}

/* Headers and stuff. */

h1,h2,h3,h4,h5,h6 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: black;
	text-align: center;
	padding: .15em;
	margin: .8em 0;
}
h1 {
	font-size: xx-large;
	color: white;
	background-color: #4D7B41;
	border: 4px solid #B7D5AF;
}
h1 a {
	text-decoration: none;
}
h2,.subtitle {
	font-size: x-large;
	color: white;
	background-color: #416A7B;
	border: 3px solid #AFC9D5;
}
h3 {
	font-size: x-large;
	color: #6B362E;
	border-bottom: 5px solid #E6BAB3;
}
h4 {
	font-size: larger;
	border-bottom: 3px solid #B3E6C5;
	color: #2E6B44;
	margin-top: 2em;
}
h5 {
	font-size: large;
	font-weight: normal;
	color: #2E536B;
	border-bottom: 3px solid #B3D2E6;
}
h6 {
	font-size: large;
	font-weight: normal;
	border-bottom: 1px solid #D4E9F7;
}

/* Other main elements. */

p,li {
	font-size: medium;
}
small {
	font-size: 100%;
}

/* Some common classes. */

.lastupdated {
	font-size: small;
	font-style: italic;
}
.smallprint {
	font-size: small;
	font-style: italic;
	text-align: center;
	background-color: #f3f3f3;
	border-top: 2px solid #999999;
	border-bottom: 2px solid #999999;
	padding: .5em;
	margin-bottom: 0;
	background-repeat:  no-repeat;
	background-position: bottom center;
}
.inlineimage,.titleimage {
	display: none;
}

/* Here we define the few classes the different pages use for design purposes. */

h1 a:link, h1 a:visited, h1 a:active { 
	color: white;
}

/* Decoration? You wish. */

.decoration {
	display: none;
}

/* Comic page border */
div#comicpage img {
	border: 10px solid #72A1D2;
}

/* Comment stuff */

div.comment {
	background-color: #f3f6f9;
	border: 2px solid #8fb4db;
	margin: 1em 0;
	padding: .2em .5em;
}
div.comment h4 {
	margin: 0;
	font-size: small;
}

/* Toggle button style */

p#togglebutton {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}

/* Fixes for viewer.php */

div#compactheader {
	background-image: none!important;
}
div.progbar_bcb {
	width:100%!important;
}
div.progbar_bcb {
	background: none!important;
}
div.progbar_chapter {
	width: 100%!important;
}

/* End of CSS file. */