/* Bittersweet Candy Bowl website CSS design, version 3, by SuitCase (suitcase@soaringrabbit.com)
Truly a gargantuan effort. You wouldn't have thought, but this is the most complicated thing I've ever had to make. Be proud of me. -- November 2009
Then, the store and some ads were added, that was a lot of messing around. -- August 2010
And then, the front page had news added, and the store was revised. -- January 2011
And then, the store was remade, and we started using Typekit -- September 2011 */ 

/* Basic page structure, first. This is a bit bulky, but isn't the pretty gradient worth it? */
body {
	font-family: freight-sans-pro, Helvetica, Arial, sans-serif;
	font-size: 1.15em;
	color: #333366;
	line-height: 1.4em;
	width: 100%;
	position: relative;
	margin: 0;
}
div#purplecol {
	width: 50%;
	height: 100%;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 51;
	overflow: hidden;
	background-color: #A1A4CA;
	background-image: url(/img/global_bg_purplegrad.png);
	background-repeat: repeat-x;
}
div#greencol {
	width: 50%;
	height: 100%;
	float: right;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 52;
	overflow: hidden;
	background-color: #B7E4A0;
	background-image: url(/img/global_bg_greengrad.png);
	background-repeat: repeat-x;
}
div#centrecol {
	width: 980px;
	position: relative;
	z-index: 53;
	background-color: #DDE9F4;
	background-image: url(/img/global_bg_main_extend.png);
	background-repeat: repeat-y;
	padding: 0;
	margin: 0 auto;
}
div#content {
	background-image: url(/img/global_bg_main.png);
	background-repeat: no-repeat;
	padding: 0 15px 0;
/* This bizarre text align mess is because of the h2 and their inline-block thing. Don't ask, but it makes it work in IE. It's followed up in our first IE7 hack at the end. */
	text-align: center;
}
div #content * {
	text-align: left;
}

/* Set some custom colours for links (Why not?) */ 
a:link {
	color: #2D68B2;
}
a:visited {
	color: #9428AF; /* was: 458AD1 */
}
a:active {
	color: #458AD1;
}

/* Headers and stuff. */

h1 {
	padding: 5px 0 0;
	margin: 0;
}
h1 a {
	display: block;
	width: 932px;
	height: 111px;
	background-image: url(/img/global_header.png);
	background-repeat: no-repeat;
	margin: 0 auto;
}
h2 {
	font-size: 2.3em;
	text-align: center;
	line-height: 50px;
	display: inline-block;
	padding: 0 45px 0 0;
	margin: .2em auto 0;
	background-position: top right;
	background-repeat: no-repeat;
}
h2.pagetitle {
	font-size: 3.3em;
	line-height: 70px;
	padding: 0 60px 0 0;
}
h3 {
	font-size: 1.2em;
	text-align: center!important;
	line-height: 1.7em;
	width: 980px;
	margin-left: -15px;
	background-image: url(/img/global_h3bg.png);
}
h4 {
	font-size: 2em;
	text-align: center!important;
	padding-right: 40px;
	margin: 1.1em 0 .7em;
}
.titletext {
	display: none;
}

/* Ads */

/* Generally */
div.ad-top object {
	display: block;
	border: none;
	margin: 0;
}

/* Leaderboard */
div#ad_leaderboard {
	height: 97px;
	position: relative;
	background: #EAEDEF url(/img/global_toprecessedbg.png) repeat-x bottom;
}
body#view div#ad_leaderboard {
	height: 90px!important; 
	padding: 0!important;
	background: none!important;
}
body#store div#content {
	position: relative;
}
body#store div#ad_leaderboard {
	border-left: 15px solid #6670AC;
	border-right: 15px solid #87C187;
}
div#ad_leaderboard object {
	width: 728px;
	height: 90px;
	margin: 0 auto!important;
}
div#ad_leaderboard img {
	margin: 0 95px;
	padding: 0;
}

/* Skyscrapers */
div#ad_commentsskyscraper object,div#ad_comicskyscraper object,div#ad_topiclistskyscraper object {
	width: 160px;
	height: 600px;
}
div#ad_commentsskyscraper {
	width: 160px;
	height: 600px;
	float: right;
	background-color: #E5EDF5;
	border: 2px solid #B6CDE6;
	margin: -650px 15px 0 0;
}
div#ad_comicskyscraper {
	width: 162px;
	height: 614px;
	position: absolute;
	top: 179px;
	right: -1px;
	background: url(/img/viewer_toweradbg.png) no-repeat;
	padding: 1px 0 0 1px;
}
div#ad_topiclistskyscraper {
	width: 160px;
	height: 600px;
	position: absolute;
	top: -80px;
	left: -195px;
	background-color: #E5EDF5;
	border: 2px solid #B6CDE6;
	margin: 0 0 0 15px;
}

/* Rectangle */
div#ad_commentsrectangle object,div#ad_topiclistrectangle object {
	width: 300px;
	height: 250px;
}
div#ad_commentsrectangle {
	width: 300px;
	height: 250px;
	float: left;
	background-color: #E5EDF5;
	border: 2px solid #B6CDE6;
	margin-left: 26px;
	margin-top: 9px;
}
div#ad_topiclistrectangle {
	width: 300px;
	height: 250px;
	float: right!important;
	background-color: #E5EDF5;
	border: 2px solid #B6CDE6;
	margin-right: 15px;
	margin-top: 20px;
	margin: 20px 15px 0 15px;
}

/* Project Wonderful notifications */
p.pwlink a:link,p.pwlink a:visited,p.pwlink a:active {
	color: #7699BE;
	text-indent: -1000pt;
}
div#ad_leaderboard p.pwlink {
	font-size: .7em;
	font-weight: bold;
	line-height: 11px!important;
	width: 111px;
	height: 93px;
	position: absolute;
	top: -4px;
	right: 0;
	z-index: 100;
	padding: 0!important;
/*	background: url(/img/global_adsbypw.png) no-repeat 0 bottom; */
}
body#view div#ad_leaderboard p.pwlink {
	top: -11px;
}
div#ad_leaderboard p.pwlink a {
	text-align: center!important;
	display: block;
	margin: 40px 2px 0 55px;
}
div#ad_commentsrectangle p.pwlink {
	font-size: .7em;
	font-weight: bold;
	line-height: 17px;
	padding: 0!important;
	margin: 0;
}
p.pwlink {
	display: none;
}

/* Page title decoration images */

h2.pagetitle#archives {
	background-image: url(/img/headerdec/pagetitle_archives.png);
}
h2.pagetitle#about {
	background-image: url(/img/headerdec/pagetitle_about.png);
	padding-right: 75px;
}
body#store h2.pagetitle {
	background-image: url(/img/headerdec/pagetitle_store.png);
}
body#checkout h2.pagetitle {
	background-image: url(/img/headerdec/pagetitle_checkout.png);
	padding-right: 70px;
}
h2.pagetitle#forum {
	background-image: url(/img/headerdec/pagetitle_forum.png);
}
h2.pagetitle#extras {
	background-image: url(/img/headerdec/pagetitle_extras.png);
}
h2.pagetitle#introduction {
	background-image: url(/img/headerdec/pagetitle_introduction.png);
}
h2#newsarchive {
	background-image: url(/img/headerdec/newsarchive.png);
	padding-right: 55px;
}
h2#thestory {
	background-image: url(/img/headerdec/thestory.png);
}
h2#castofcharacters {
	background-image: url(/img/headerdec/castofcharacters.png);
	padding-right: 55px;
}
h2#abouttheauthor {
	background-image: url(/img/headerdec/abouttheauthor.png);
	padding-right: 57px;
}
h2#faq {
	background-image: url(/img/headerdec/faq.png);
	padding-right: 55px;
}
div#merchandise h2 {
	background-image: url(/img/headerdec/merchandise.png);
	padding-right: 55px;
}
div#clothing h2 {
	background-image: url(/img/headerdec/clothing.png);
	padding-right: 80px;
}
h2#links {
	background-image: url(/img/headerdec/links.png);
}
h2#graveyard {
	background-image: url(/img/headerdec/graveyard.png);
	padding-right: 55px;
}
h2#otherthings {
	background-image: url(/img/headerdec/otherthings.png);
}
h2#history {
	background-image: url(/img/headerdec/history.png);
}
h2#readingguide {
	background-image: url(/img/headerdec/readingguide.png);
	padding-right: 55px;
}

/* Here's the main navbar. */

ul#mainnav {
	list-style: none;
	height: 131px;
	position: relative;
	background-image: url(/img/global_rainbow.png);
	background-repeat: no-repeat;
	padding-left: 0;
	margin: -1.5em 0 0;
}
ul#mainnav li a {
	height: 55px;
	display: block;
	position: absolute;
}
a.mainnav_archives {
	width: 165px;
	top: 43px;
	left: 18px;
}
a.mainnav_about {
	width: 130px;
	height: 58px!important;
	top: 55px;
	left: 205px;
}
a.mainnav_forum {
	width: 128px;
	top: 62px;
	left: 359px;
}
a.mainnav_store {
	width: 108px;
	height: 58px!important;
	top: 41px;
	left: 509px;
}
a.mainnav_gallery {
	width: 143px;
	top: 35px;
	left: 641px;
}
a.mainnav_extras {
	width: 126px;
	top: 42px;
	left: 808px;
}

/* Now we have to define the basic elements of the page. */

div#content p {
	padding: 0 15px;
}

/* Now for the globally-used custom sections that need to be defined. */

/* Intro text styles. */
div.introblock {
	position: relative;
}
p.introtext {
	font-size: 1.1em;
	line-height: 1.5em;
}
p.introtext strong {
	font-size: 1.3em;
}
a.newto {
	width: 115px;
	height: 125px;
	display: block;
	position: absolute;
	right: 0;
	top: -45px;
	background-image: url(/img/home_newreader.png);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}
div.newvisitor {
	background-image: url(/img/home_fallingmike.png);
	background-repeat: no-repeat;
}
p.introtext.home {
	padding-right: 120px!important;
}
p.introtext.home.newvisitor {
	min-height: 134px;
	padding-left: 120px!important;
	padding-right: 99px!important;
	background-image: url(/img/home_fallinglucy.png);
	background-repeat: no-repeat;
	background-position: top right;
}

/* Comic navigation (prev\next with Yashy etc.) */
div#comicnav {
	width: 660px;
	margin: 0 auto;
	background-image: url(/img/global_comicnav.png);
	background-repeat: no-repeat;
}
#comicnav ul {
	font-size: .9em;
	font-weight: bold !important;
	color: #666666;
	width: 660px;
	padding: 0!important;
	margin: 0!important;
}
#comicnav ul li {
	list-style: none;
	width: 110px;
	float: left;
	background-repeat: no-repeat;
}
#comicnav ul li a,#comicnav ul li span {
	width: 110px;
	text-align: center!important;
	float: left;
	padding: 110px 0 1em;
}
#comicnav ul li span {
	color: #A1A7B1;
}

/* Is that some smallprint? */
p.smallprint {
	font-size: .86em;
	line-height: 1.35em;
	text-align: center;
	position: relative;
	background-color: #B5CEE7;
	border-left: 15px solid #8CA5D0;
	border-right: 15px solid #96C3BC;
	padding: 10px;
	margin: 30px 0 0;
}
p.smallprint small {
	font-size: 100%;
}
p.smallprint img {
	border: none;
}

/* Complicated comments CSS. This wacky speech bubble code is based on http://www.alistapart.com/articles/customcorners/ */
div.comment {
	width: 60%;
	background: #EFF3F7 url(/img/global_bubble_topleft.png) no-repeat top left;
	margin: 0 auto 16px 15px;
}
div.comment h4 {
	width: auto;
	height: 15px;
	background: url(/img/global_bubble_topright.png) no-repeat top right;
	margin: 0;
}
div.comment div.text {
	padding: 1px 0;
	margin: 0;
	background: url(/img/global_bubble_rightborder.png) repeat-y top right;
}
div.text p {
	font-size: .9em;
	margin: -1px;
}
div.authorline {
	height: 45px;
	background: url(/img/global_bubble_bottomleft.png) no-repeat bottom left;
}
div.authorline p {
	height: 45px;
	position: relative;
	background: url(/img/global_bubble_bottomright.png) no-repeat bottom right;
	margin: 0;
}
span.authordetails strong {
	font-size: 20px;
	line-height: 34px;
	display: block;
	float: left;
	padding-right: 4px;
}
span.authordetails small {
	font-size: 14px;
	color: #7979AE;
	line-height: 36px;
	display: block;
	float: left;
	background: url(/img/global_bubble_tail.png) no-repeat top right;
	padding-right: 40px;
}
span.authordetails {
	width: 100%;
	height: 30px;
	display: block;
	position: absolute;
	top: 13px;
}
span.edcomment {
	font-size: 2em;
	font-weight: bold;
	color: red;
	text-align: right!important;
	text-shadow: #b3c7dc 2px 2px 0;
	line-height: 1.1em;
	display: block!important;
	width: 85%;
	position: absolute;
	bottom: -35px;
	right: 40px;
}
p.edcommentpadding {
	margin-bottom: 35px!important;
	position: relative;
}
div.comment img {
	max-height: 1500px!important;
}
p.nocomments {
	font-size: 1.3em;
	font-weight: bold;
	color: #3E5170;
	text-align: center!important;
	height: 30px;
	margin: 25px auto;
	padding-top: 125px!important;
	background: url(/img/global_nocomment.png) no-repeat center top;
}
img.emoticon {
	margin-bottom: -4px;
}
span.censor {
	font-size: 27px;
	color: #6f8eaf;
	line-height: 13px;
	letter-spacing: -3pt;
	vertical-align: -4px;
	padding-right: 3px;
}
/* BCI member decoration */
div.comment.bci span.authordetails {
	height: 31px;
	padding-left: 23px;
	background: url(/img/global_bubble_goldbow.png) no-repeat left;
}
div.comment.bci span.authordetails strong {
	color: #AB7F20!important;
}
/* WebKit gets the gold animated gif */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	div.comment.bci span.authordetails strong {
		background-image: url(/img/global_bubble_goldbg.gif);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
}

/* Custom admin bubble style */
div.comment.admin {
	background-image: url(/img/global_bubble_admin_topleft.png)!important;
}
div.comment.admin h4 {
	background-image: url(/img/global_bubble_admin_topright.png)!important;
}
div.comment.admin div.text {
	background-image: url(/img/global_bubble_admin_rightborder.png)!important;
}
div.comment.admin div.authorline {
	background-image: url(/img/global_bubble_admin_bottomleft.png)!important;
}
div.comment.admin div.authorline p {
	background-image: url(/img/global_bubble_admin_bottomright.png)!important;
}
div.comment.admin span.authordetails small {
	background-image: url(/img/global_bubble_admin_tail.png)!important;
}

/* Self post */
div.comment.self span.authordetails strong {
	color: #E53200;
}
div.comment.self span.authordetails strong:after {
	content: " (you!)";
}

/* Post a comment section */
div.comment#post {
	width: 580px;
	position: relative;
	margin: 0 15px -20px auto;
}
div.comment#post h4 {
	font-size: 1.1em;
	line-height: 35px;
	height: 35px;
	padding: 0;
}
div.comment#post p textarea {
	margin: 1em 0 .2em;
}
div.comment#post p#instructions {
	font-size: .7em;
	text-align: left;
	line-height: 1.3em;
}
div.comment#post p#banwarning {
	font-size: .8em;
	font-weight: bold;
	color: #aa4130;
	line-height: 1.5em;
	text-align: center;
	padding: .5em;
	margin: 1em 1em 0;
	border: 1px solid #b64c38;
	background-color: #f3ddd8;
}
p.authorinput input {
	font-size: 16px!important;
}
p.authorinput input.namefield {
	width: 135px;
}
p.authorinput {
	font-size: 18px!important;
	text-align: center!important;
	width: 70%;
	position: relative;
	padding: 0!important;
	margin: 0 -5px 2.3em auto!important;
}
p.authorinput.hiddenmath {
	width: 52%!important;
}
p.authorinput a.signin {
	font-size: .8em;
	line-height: 23px;
	position: absolute;
	bottom: -25px;
	left: 142px;
	padding-left: 28px;
	background: url(/img/global_bcisignin.png) no-repeat;
}
p.authorinput a.signout {
	font-size: .8em;
	line-height: 23px;
	position: absolute;
	bottom: -25px;
	left: 185px;
	padding-left: 28px;
	background: url(/img/global_bcisignin.png) no-repeat;
}
span.authorfieldlabel {
	padding-left: 85px!important;
	padding-top: 17px!important;
	line-height: 28px;
	background-image: url(/img/global_bubble_post_tail.png);
	background-repeat: no-repeat;
}
div.comment#post span.authordetails {
	height: 1px!important;
}
div.comment#post div.authorline {
	height: 19px!important;
	background: url(/img/global_bubble_post_bottomleft.png) no-repeat bottom left!important;
	background-repeat: no-repeat!important;
	margin: 0 0 30px!important;
}
div.comment#post div.authorline p {
	height: 19px!important;
	background: url(/img/global_bubble_post_bottomright.png) no-repeat bottom right!important;
	background-repeat: no-repeat!important;
}
p#showemoticons {
	font-size: 1.1em!important;
	font-weight: bold;
	line-height: 1.1em;
	text-decoration: underline;
	text-align: center!important;
	width: 100px;
	float: right;
	position: absolute;
	top: 41px;
	right: 15px;
	cursor: pointer;
	padding: 0!important;
	margin: 0!important;
}
p#hideemoticons {
	display: none;
}
div#emoticonlist {
	display: none;
	padding-left: 3px;
	margin: 10px 25px 0;
}
div#emoticonlist p {
	padding: 1px!important;
}
div#emoticonlist span {
	text-align: center!important;
	width: 55px;
	height: 37px;
	float: left;
	background-color: #dde9f4;
	padding-top: 4px;
	margin: 5px;
}
div#emoticonlist span.empty {
	background: none;
}
div#emoticonlist p span img {
	text-align: center;
	cursor: pointer;
}
div#emoticonlist p.emoticoninstructions {
	font-size: 1.05em;
	font-weight: bold;
	color: #3E5170;
	text-align: center!important;
	line-height: 1.5em;
}

/* Homepage. */

div#comicpage {
	text-align: center!important;
	padding: 0 15px;
	margin: 0 auto;
}
h2.comictitle {
	font-size: 1.8em;
	color: #3567B2;
	line-height: 100%!important;
	text-align: center!important;
	width: 100%;
	padding: 0;
	margin: .6em 0 0;
	background-image: none;
}
h3.comicdate {
	font-size: .8em;
	font-weight: normal;
	text-align: center!important;
	color: #647382;
	width: 26em;
	background: none;
	padding: 0;
	margin: 0 auto 1em;
}
div#comicpage img {
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #72A1D2;
}
div#comicnav_homepage {
	height: 45px;
	position: relative;
	margin: .5em 15px .8em;
}
div#comicnav_homepage ul.nav {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
div#comicnav_homepage ul.nav li {
	float: left;
}
div#comicnav_homepage ul.nav li a {
	font-size: .9em;
	font-weight: bold;
	line-height: 45px;
	display: block;
	padding-left: 55px;
}
div#comicnav_homepage ul.nav li a.firstchapter {
	background: url(/img/home_comicnav_firstchapter.png) no-repeat 10px 10px;
}
div#comicnav_homepage ul.nav li a.chapterstart {
	background: url(/img/home_comicnav_chapterstart.png) no-repeat 8px 5px;
}
div#comicnav_homepage ul.nav li a.previouspage {
	background: url(/img/home_comicnav_previouspage.png) no-repeat 10px 9px;
}
div#comicnav_homepage form#comicselect {
	position: absolute;
	top: 12px;
	right: 0;
}
div#comicnav_homepage form#comicselect p {
	height: 45px;
	padding: 0;
	margin: 0;
}
div#comicnav_homepage form#comicselect label {
	font-size: .9em;
}
div#comicnav_homepage form#comicselect select {
	width: 300px;
}

/* Page comment */
div#pagecomment {
	position: relative;
	width: 917px;
	min-height: 137px;
	padding: 0 9px 18px 1px;
	margin: 0 0 .5em 16px!important;
	background: url(/img/global_pagecommentsbg.png) no-repeat 0 bottom;
}
div#pagecomment h3 {
	font-size: 1em;
	line-height: 1em;
	width: 100px;
	position: absolute;
	top: 12px;
	left: 0px;
	background: url(/img/global_pagecommentsicon) no-repeat 25px 0;
	padding: 83px 0 0;
	margin: 0!important;
}
div#pagecomment div.commentary {
	width: 919px;
	border-top: 1px solid #B5CFE8;
	margin-left: -1px;
}
div#pagecomment p {
	padding: 0;
	margin: 10px 10px .8em 110px;
}
div#pagecomment p.comicdate {
	font-size: .9em;
	font-weight: bold;
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #888BA9;
	text-align: right!important;
	padding: 0!important;
	margin: -10px 5px 5px!important;
}

/* News section */
div#news {
	width: 600px;
	float: left;
}
div#news h3 {
	font-size: 2.3em;
	text-align: center;
	line-height: 65px;
	width: auto!important;
	display: inline-block;
	background: url(/img/home_news_headerbg.png) no-repeat top right;
	padding: 0 78px 0 0;
	margin: 0 0 0 225px!important;
}
div#news h4 {
	font-size: 1.5em;
	font-weight: normal;
	text-align: center;
	line-height: 45px;
	padding: 0;
	margin: 0 0 -.5em;
}
div#news p {
	margin: 1em 0 1em 15px!important;
	padding: 0;
}
div#news p.byline {
	text-align: right;
	font-style: italic;
	font-size: 1.2em;
}
div#news p.newsarchive {
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	margin-top: 0!important;
}

/* Miscellaneous links section */

div#miscboxes h3 {
	display: none;
}
div#miscboxes {
	width: 320px;
	float: right;
	margin-right: 15px;
}
div#miscboxes div.box {
	background: #e4ebf2 no-repeat 10px center;
	border: 1px solid #b5cfe8;
	padding: 0 5px 5px 70px!important;
	margin-bottom: 10px;
}
div#miscboxes h4 {
	font-size: 1em;
	padding: 0;
	margin: 3px 0 0 -65px;
}
div#miscboxes p,div#miscboxes ul {
	font-size: .75em;
	line-height: 1.4em;
	padding: 0;
	margin: 3px 0 0;
}
/* Comic Archive */
div#miscboxes div.archive {
	color: #715c4c;
	min-height: 80px;
	background-image: url(/img/home_miscboxbg_archive.png);
	background-color: #efeae6;
	border-color: #d8cdc4;
}
div#miscboxes div.archive a {
	color: #9d551d;
}
/* Not Enough Rings ad */
div#miscboxes div.ner {
	background: url(/img/home_miscboxbg_ner.jpg) repeat-y center top;
	padding: 5px!important;
}
div#miscboxes div.ner h4 {
	margin: 0;
}
div#miscboxes div.ner h4 a {
	text-indent: -1000pt;
	display: block;
	height: 135px;
}
div#miscboxes div.ner p {
	color: #7A7A7A;
	text-align: center!important;
	padding-bottom: 8px;
}
/* @Taeshi Twitter */
div#miscboxes div.taetwitter {
	min-height: 150px;
	padding: 5px!important;
	position: relative;
}
div#miscboxes div.taetwitter p.followlink a {
	display: block;
	width: 100px;
	height: 36px;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10;
	background-image: url(/img/home_twitterbutton.png);
}
div.twtr-widget {
	font-family: freight-sans-pro, Helvetica, Arial, sans-serif!important;
	font-size: .7em!important;
}
div.twtr-hd {
	padding: 5px;
}
img.twtr-profile-img {
	padding-right: 5px;
}
div.twtr-widget h3 {
	display: inline!important;
	position: absolute;
	top: 6px;
	background-image: none!important;
	margin: 0!important;
}
div.twtr-widget h4 {
	text-align: left!important;
	display: block!important;
	margin: 15px 0 0!important;
}
div.twtr-widget a {
	text-decoration: underline!important;
}
div.twtr-hd h4 a:before {
	content: "@";
}
div.twtr-tweet-wrap {
	font-size: 1.3em;
	padding: 3px!important;
}
div.twtr-ft {
	display: none;
}
/* Also On Twitter */
div#miscboxes div.othertwitter {
	padding: 0 5px 5px!important;
}
div#miscboxes div.othertwitter h4 {
	margin-left: 0;
}
div#miscboxes div.othertwitter ul {
	list-style-type: none;
	margin-left: 15px;
}
div#miscboxes div.othertwitter li {
	font-size: 1.23em;
	line-height: 25px;
	height: 25px;
	padding-left: 32px;
	margin-bottom: 5px;
}
div#miscboxes div.othertwitter a {
	font-size: 1.1em;
	font-weight: bold;
}
div#miscboxes div.othertwitter li.hotsomali92 {
	background: url(/img/home_twittericon_hotsomali92.png) no-repeat;
}
div#miscboxes div.othertwitter li.bcbcomic {
	background: url(/img/home_twittericon_bcbcomic.png) no-repeat;
}
/* Popular Forum Topics */
div#miscboxes div.popularforum {
	min-height: 85px;
	background-image: url(/img/home_miscboxbg_popularforum.png);
}
div#miscboxes div.popularforum ul {
	list-style-type: square;
	margin-left: 12px;
}
div#miscboxes div.popularforum ul li a {
	font-size: 1.1em;
	font-weight: bold;
}
/* Mobile Edition */
div#miscboxes div.mobile {
	min-height: 80px;
	background-image: url(/img/home_miscboxbg_mobile.png);
}
/* Chat */
div#miscboxes div.chat {
	min-height: 70px;
	background-image: url(/img/home_miscboxbg_chat.png);
	background-position-x: 15px;
}
/* Conventions */
div#miscboxes div.conventions {
	background-image: url(/img/home_miscboxbg_conventions.png);
	background-position: center 1.6em;
	padding-left: 5px!important;
}
div#miscboxes div.conventions h4 {
	margin: 3px 0;
}
div#miscboxes div.conventions ul {
	list-style-type: square;
	margin-left: 20px;
	padding-top: 100px!important;
}
div#miscboxes div.conventions ul li {
	margin-bottom: .2em;
}
div#miscboxes div.conventions ul li a {
	font-size: 1.3em;
	line-height: 1.3em;
	font-weight: bold;
}
div#miscboxes div.conventions ul li.aswellas {
	font-size: 120%;
	font-style: italic;
	color: #5d6e81;
	line-height: 140%;
	text-align: center;
	list-style-type: none!important;
	margin-left: -20px;
}

/* viewer.php has a bunch of custom styles */

div#compactheader {
	position: relative;
	width: 980px;
	height: 90px;
	background-image: url(/img/viewer_header_bgpub.png);
	background-repeat: no-repeat;
	margin-left: -15px;
}
div#compactheader h1 {
	padding: 0;
}
div#compactheader h1 a {
	height: 53px;
	width: 343px;
	background-image: url(/img/viewer_header.png);
	margin: 0 0 0 5px;
}
div.progbar_bcb {
	width: 0;
	height: 53px;
	background-color: #90B7E2;
	margin-left: 15px;
}
div.progbar_enclosure_bcb {
	padding-right: 15px;
}
div.progbar_chapter {
	width: 0;
	height: 37px;
	background-color: #B5CEE7;
	margin-left: 15px;
}
div.progbar_enclosure_chapter {
	padding-right: 30px;
}
div#compactheader h2 {
	font-size: 18px;
	font-weight: normal;
	line-height: 37px;
	width: 62%;
	position: absolute;
	left: 20px;
	background-image: none;
	margin: 0;
}
div#compactheader h3 {
	font-size: 18px;
	font-weight: normal;
	text-align: right!important;
	width: 33%;
	position: absolute;
	right: 20px;
	bottom: 4px;
	margin: 0;
	background-image: none;
}
body#view ul#mainnav a {
	color: #333366;
	text-decoration: none;
}	
body#view ul#mainnav {
	font-size: 21px;
	font-weight: bold;
	text-align: right!important;
	width: 595px;
	height: 40px;
	position: absolute;
	right: 24px;
	bottom:  42px;
	height: 31px;
	padding-top: 7px;
	background-image: none;
}
body#view ul#mainnav li {
	display: inline;
	margin: 0 .2em;
}
body#view ul#mainnav li a span {
	display: inline;
}
body#view ul#mainnav li a {
	position: static;
}
body#view ul#mainnav li a {
	display: inline!important;
}
p.pagenavlink a {
	width: 154px;
	position: absolute;
	top: 704px;
	right: 15px;
	background: url(/img/viewer_pagenav_next.png) no-repeat center center;
}
p.pagenavlink a:hover {
	background-image: url(/img/viewer_pagenav_next_hover.png);
}
body#view div.comicpage {
	margin-left: -10px;
	background: url(/img/viewer_pagebordertop.png) no-repeat;
}
body#view div.comicpage img {
	background: url(/img/viewer_pageborderbottom.png) no-repeat 0 bottom;
	padding: 2px 5px 7px 3px;
	margin-top: 1px;
}
body#view form#comicselect p {
	text-align: center!important;
	font-size: .9em;
}
body#view div#pagecomment {
	padding-bottom: 18px!important;
	margin-bottom: -.5em!important;
}
body#view p.comicdate {
	font-size: 2em;
	text-align: center!important;
	line-height: 1.8em;
	margin: 0;
}
body#view p.chapternotice {
	font-size: 1.1em;
	font-weight: bold;
	color: #9C4130;
	text-align: center!important;
	width: 65%;
	padding: 1.1em 1em!important;
	margin: 0 auto 5px;
	background-color: #F3DDD8;
	border: 2px solid #B64C38;
}

/* Archives page. */

/* The actual archives container */
div#archives_container {
	width: 600px;
	margin: 0 auto;
	position: relative;
	padding-left: 80px;
}
div#archives_container h3 {
	font-size: 20px;
	text-align: left!important;
	height: 27px;
	width: 600px!important;
	padding: 0;
	margin: 0;
	background: none;
}
div#archives_container p {
	font-size: 17px;
	line-height: 21px;
	height: 42px;
	padding-left: 40px;
	margin: 0 0 15px;
}
div#archives_container span.chapterdetails {
	font-size: .8em;
	font-weight: normal;
}

/* Lovely arc divs */
div.arc {
	width: 100px;
	position: absolute;
	left: -40px;
	border-right: 10px solid #72A1D2;
	background-repeat: no-repeat;
	background-position: top right;
}
div#arc_confrontation {
	height: 153px;
	top: 1008px;
	background-image: url(/img/arcs/confrontation.png);
}
div#arc_oldflame {
	height: 825px;
	top: 1260px;
	background-image: url(/img/arcs/oldflame.png);
}
div#arc_childhood {
	height: 153px;
	top: 2352px;
	background-image: url(/img/arcs/childhood.png);
}
div#arc_awakening {
	height: 1245px;
	top: 3108px;
	background-image: url(/img/arcs/awakening.png);
}
div#arc_summer {
	height: 405px;
	top: 4536px;
	background-image: url(/img/arcs/summer.png);
}
div#arc_lucyangst {
	height: 489px;
	top: 5040px;
	background-image: url(/img/arcs/lucyangst.png);
}
/* btw: A chapter has 84px height inc bottom padding, 69 without padding */ 

/* News Archive */
div#newsarchive_container div {
	width: 80%;
	padding: 0;
	margin: 1em auto;
	background-color: #e4ebf2;
	border: 3px solid #b5cfe8;
}
div#newsarchive_container div h3 {
	width: auto;
	background: none;
}
div#newsarchive_container div p.byline {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-style: italic;
	text-align: right;
}

/* Edit page. */

body#edit h3.topicheader {
	font-size: 1.3em;
	font-weight: normal;
	text-align: left!important;
	width: auto!important;
	padding-left: 30px!important;
	background-image: none!important;
}
body#edit p.instructions {
	font-size: .81em!important;
}
body#edit form {
	padding-right: 390px;
	background: url(/img/forum_edit_sue.png) no-repeat right center;
}
body#edit textarea {
	height: 400px;
}
body#edit input {
	font-size: xx-large;
	text-align: right!important;
	margin-left: 380px;
}
textarea {
	font-family: freight-sans-pro, Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	width: 100%;
}

/* About page. */

/* Major characters */
div#majorcharacters_container {
	margin: 0 0 0 1.8em;
}
div#majorcharacters_container div {
	width: 31%;
	float: left;
	margin-right: 10px;
	margin-bottom: 1.5em;
	border-right: 8px solid #C0D6EB;
}
div#majorcharacters_container div h4 {
	font-size: 3em;
	margin: .4em .4em .4em 1em;
}
div#majorcharacters_container div a img {
	float: left;
	padding-right: 10px;
	border: none;
}
div#majorcharacters_container dl {
	margin-left: 2.2em;
}
div#daisy,div#abbey {
	border-right: none!important;
}

/* Minor characters */
div#minorcharacters_container {
	padding: 0 5px;
	margin-bottom: 10px;
}
div#minorcharacters_container div {
	position: relative;
	height: 92px;
	padding-bottom: 21px;
	border-bottom: 2px solid #C0D6EB;
}
div#minorcharacters_container div * {
	padding-bottom: 0;
	border: none;
}
div#minorcharacters_container div h4 {
	font-size: 48px;
	line-height: 100px;
	float: left;
	height: 100px;
	padding: 0 15px 0 0;
	margin: 0 15px 0 105px;
	border-right: 8px solid #C0D6EB;
}
div#minorcharacters_container div dl {
	font-size: .9em!important;
}
div#minorcharacters_container a img {
	position: absolute;
	top: 0;
	left: 0;
}
/* Try to adjust minorchar headings to be of similar width */
div#yashy h4,div#chirpy h4,div#amaya h4,div#katie h4,div#stacy h4,div#sandy h4 {
	width: 3.4em;
}
div#jessica h4,div#rachel h4 {
	width: 3.6em;
}
div#lily h4,div#blur h4,div#sue h4 {
	width: 2.2em;
}
div#jasmine h4,div#tess h4,div#carter h4,div#mccain h4 {
	width: 3.7em;
}
/* Fix flowergirl image, it is 104px wide. */
div#flowergirl h4 { 
	text-indent: -4px!important;
}

/* Definition lists for character boxes */
div.characterlist dl {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin: -.5em 0 1.4em 0;
}
div.characterlist div#majorcharacters_container div div dl {
	width: 276px;
	height: 20px;
}
div.characterlist dt,div.characterlist dd {
	float: left;
}
div.characterlist div#majorcharacters_container dt,div.characterlist div#majorcharacters_container dd {
	font-size: 11.5px!important;
}
div.characterlist dt {
	color: #8B8FA7;
}
div.characterlist dt:after {
	content: ": ";
}
div.characterlist dd {
	margin-left: .3em;
	margin-right: .9em;
}

/* About the Author */
ul.taelinks {
	padding: 45px 15px 55px;
}
ul.taelinks li {
	width: 48%;
	display: block;
	float: left;
}
ul.taelinks li a {
	font-size: 1.3em;
	font-weight: bold;
	padding: 30px 25px 30px 80px;
	margin-left: 18%;
	/* Uguu CSS3 */
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 15px;
}
ul.taelinks li a.dalink {
	background: #dae4d9 url(img/about_dalink.png) no-repeat 22px 6px;
	border: 1px solid #a6b2a6;
	color: #337287;
}
ul.taelinks li a.commlink {
	color: #59315b;
	background: #e9caea url(img/about_commlink.png) no-repeat 12px 8px;
	border: 1px solid #763a78;
}

/* FAQ */
dl.faqlist {
	margin: 10px 15px;
}
dl.faqlist dt {
	font-size: 1.5em;
	font-weight: bold;
	color: #333365;
	line-height: 1.25em;
	margin-bottom: .3em;
}
dl.faqlist dd {
	border-bottom: 2px solid #C0D6EB;
	padding-bottom: .8em;
	margin: 0 0 .8em;
}

/* Store. */

body#store h3 {
	display: none;
}
body#store fieldset {
	border: none;
	padding: 0;
}
body#store legend {
	display: none;
}
body#store p.introtext {
	width: 600px;
}
body#store p.homelink {
	padding: 0 30px;
}

/* Item boxes */

body#store div.item {
	color: #152754;
	width: 610px;
	background: #CAE0F4 no-repeat;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding-bottom: 1px;
	margin: 0 15px;
}
body#store h4 {
	font-size: 2.6em;
	text-align: left!important;
	line-height: 1em;
	width: 600px;
	padding: 15px 0 15px 10px;
	margin: 25px 0 0 15px;
	border-top: 3px solid #a7bbde;
}
body#store div.item div.heading img {
	display: none;
}
body#store div.item input.button {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #23528D;
	line-height: 28px;
	text-align: center!important;
	height: 28px;
	padding: 0 23px 0 10px;
	background: #F3DCAD url(/img/store/global_plus.png) no-repeat right center;
	border: 1px solid #DFA634;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}
body#store div.item input.button:active {
	background-color: #e3c78e;
}
body#store div.item img {
	cursor: url(/img/global_magnify.cur), url(/img/global_magnify.cur), default;
}
body#store div.item p.majorlink {
	font-size: 1.4em;
	font-weight: bold;
	text-align: center!important;
}
body#store div.item p.majorlink a,body#store div.item a.amazonbutton {
	color: #2f9240;
}
/* Price tag */
body#store div.item div.heading {
	position: relative;
}
body#store div.item p.price {
	font-family: bello-pro, "Marker Felt", "Comic Sans MS";
	font-size: 40px!important;
	color: black;
	text-align: center!important;
	line-height: 40px!important;
	width: 98px;
	height: 40px;
	position: absolute;
	top: -60px;
	right: -11px;
	background-image: url(/img/store/global_tagsml.png);
	background-repeat: no-repeat;
	padding: 50px 50px 18px 14px!important;
	margin: 0;
}
body#store div.item p.price em {
	font-style: normal!important;
}
body#store div.item p.price sup {
	color: #d82929;
	vertical-align: middle;
	margin-left: .2em;
}
body#store div.item p.price.long {
	width: 219px;
	height: 40px;
	background-image: url(/img/store/global_taglg.png);
	padding: 32px 40px 19px 9px!important;
}
body#store div.item p.price.simple {
	font-size: 47px!important;
}

/* Specific items */

/* Book */
body#store div#book.item {
	background-image: url(/img/store/itempic_book.jpg);
	padding-top: 314px;
}
body#store div#book.item div.subpic {
	width: 210px;
	height: 287px;
	display: block;
	float: right;
	background-image: url(/img/store/itempic_book_subpic.png);
	margin: 10px 10px 0 10px;
}
body#store div#book.item p.firstpara {
	width: 430px;
}
body#store div#book.item dt {
	font-size: 1.3em;
	font-weight: bold;
	color: #892049;
	line-height: 1.3em;
	padding-left: 15px;
}
body#store div#book.item ul.blurbs {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	font-style: italic;
	color: #556193;
	list-style-type: none;
	height: 200px;
	position: relative;
}
body#store div#book.item ul.blurbs li {
	position: absolute;
	text-align: center;
}
body#store div#book.item ul.blurbs li.one { width: 230px; top: 12px; left: 30px; }
body#store div#book.item ul.blurbs li.two { width: 280px; top: 0px; left: 300px; }
body#store div#book.item ul.blurbs li.three { width: 580px; top: 94px; left: 10px; }
body#store div#book.item ul.blurbs li.four { top: 170px; left: 25px; }
body#store div#book.item ul.blurbs li.five { top: 170px; left: 380px; }
body#store div#book.item div.options div {
	font-size: .75em;
	line-height: 1.25em;
	width: 200px;
	float: left;
}
body#store div#book.item div.options h5 {
	font-size: 2.3em;
	color: #23528d;
	text-align: center!important;
	line-height: 1.1em;
	height: 40px;
	margin: 0 0 5px;
}
body#store div#book.item div.options div p {
	text-align: center!important;
	padding: 0!important;
}
body#store div#book.item p.bookprice {
	margin: -10px 0 15px;
	font-size: 1.2em;
}
div.cleardot {
	width: 1px;
	height: 1px;
	display: block;
	clear: both;
}
body#store div#book.item div.option1 input {
	margin-left: 25px;
}
body#store div#book.item div.option2 input {
	margin-left: 10px;
}
body#store div#book.item div.option3 a.amazonbutton {
	font-weight: bold;
	font-size: 1.5em;
}
body#store h4.firstheading {
	border-top: 0;
	padding-top: 0;
}

/* Lucy figurine */
body#store div#figurine.item {
	background-image: url(/img/store/itempic_figurine.jpg);
	padding-top: 342px;
}
body#store div#figurine.item  p.price {
	top: -93px!important;
}
body#store div#figurine.item div.options div {
	font-size: .75em;
	line-height: 1.25em;
	width: 300px;
	float: left;
	margin-bottom: 1.3em;
}
body#store div#figurine.item div.options h5 {
	font-size: 2.3em;
	color: #23528d;
	text-align: center!important;
	line-height: 1.1em;
	height: 40px;
	margin: 0 0 5px;
}
body#store div#figurine.item div.options div p {
	text-align: center!important;
	padding: 0!important;
}
body#store div#figurine.item p.figurineprice {
	margin: -10px 0 15px;
	font-size: 1.2em;
}
body#store div#figurine.item div.option1 input {
	margin-left: 70px;
}
body#store div#figurine.item div.option2 input {
	margin-left: 60px;
}

/* Membership */
body#store div#membership.item {
	background-image: url(/img/store/itempic_membership.png);
	padding-top: 219px;
}
body#store div#membership.item  p.price {
	top: -73px;
}
body#store div#membership.item  p.price sup {
	vertical-align: baseline;
}

/* Character charms */
body#store div#charms.item {
	background-image: url(/img/store/itempic_charms.jpg);
	padding-top: 361px;
}
body#store div#charms.item p.firstpara {
	width: 435px;
}
body#store div#charms.item p.price {
	top: -30px;
}
body#store div#charms.item fieldset {
	width: 100px;
	float: left;
	margin: 0 9px;
}
body#store div#charms.item fieldset input {
	text-align: center!important;
	width: 100px;
}
body#store div#charms.item div.firstrow,body#store div#charms.item div.secondrow {
	height: 140px;
	background-color: #a7bbde;
	padding-left: 10px;
}
body#store div#charms.item div.firstrow {
	padding: 18px 0 15px 10px;
}
body#store div#charms.item div.secondrow {
	padding-bottom: 11px;
	padding-top: 20px;
	margin-top: -20px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}

/* Vinyl cling stickers */
body#store div#stickers.item {
	background-image: url(/img/store/itempic_stickers.jpg);
	padding-top: 240px;
}
body#store div#stickers.item p.firstpara {
	width: 430px;
}
body#store div#stickers.item p.price {
	top: -30px;
}
body#store div#stickers.item div.subpic {
	height: 284px;
	position: relative;
	background-image: url(/img/store/itempic_stickers_subpic.png);
	margin: -35px 0 10px;
}
body#store div#stickers.item input.lucy {
	position: absolute;
	top: 170px;
	left: 40px;
}
body#store div#stickers.item input.paulo {
	position: absolute;
	top: 170px;
	left: 340px;
}

/* Buttons */
body#store div#buttons.item {
	background-image: url(/img/store/itempic_buttons.jpg);
	padding-top: 267px;
}
body#store div#buttons.item p.price {
	top: -68px;
}
body#store div#buttons.item div.row {
	height: 45px;
	width: 610px;
	margin: 0 auto;
	padding-top: 125px;
	background: url(/img/store/itempic_buttons_subpic.png) no-repeat 0 -15px;
}
body#store div#buttons.item fieldset {
	width: 96px!important;
	float: left;
}
body#store div#buttons.item fieldset input {
	width: 96px;
	margin-left: 7px;
}
body#store div#buttons.item p.price sup {
	font-size: 28px;
	margin-right: 10px;
}

/* Fan pack */
body#store div#fanpack.item {
	background-image: url(/img/store/itempic_fanpack.jpg);
	padding-top: 439px;
}
body#store div#fanpack.item p.firstpara {
	width: 435px;
}
body#store div#fanpack.item fieldset,body#store div#fanpack.item input {
	width: 100px;
	margin: 0 auto;
}
body#store div#fanpack.item div.charmselection fieldset {
	float: left;
}
body#store div#fanpack.item div.charmselection fieldset,body#store div#fanpack.item div.charmselection input {
	margin: 3px 0 3px 8px!important;
}
body#store div#fanpack.item div.charmselection {
	height: 93px;
	padding-left: 18px;
}
body#store div#fanpack.item div.charmselection input {
	font-weight: normal!important;
	font-style: italic;
	color: #7c5f21!important;
}

/* Pendant */
body#store div#pendant.item {
	background-image: url(/img/store/itempic_pendant.jpg);
	padding-top: 257px;
}
body#store div#pendant.item p.firstpara {
	width: 435px;
}
body#store div#pendant.item p.price {
	top: -25px;
}
body#store div#pendant.item fieldset {
	margin-left: 235px;
	height: 45px;
}

/* Posters */
body#store div#posters.item {
	background-image: url(/img/store/itempic_posters.png);
	padding-top: 200px;
	padding-bottom: 15px;
}
body#store div#posters.item p.price {
	top: -45px;
}
body#store div#posters.item div.subpic {
	height: 220px;
	position: relative;
	background: url(/img/store/itempic_posters_subpic.png) no-repeat;
}
body#store div#posters.item input,body#store div#posters.item a {
	position: absolute;
}
body#store div#posters.item a.chart {
	top: 26px;
	left: 47px
}
body#store div#posters.item input.chart {
	top: 188px;
	left: 62px
}
body#store div#posters.item a.characters {
	top: 26px;
	left: 278px
}
body#store div#posters.item input.characters {
	top: 95px;
	left: 378px
}
body#store div#posters.item input.charactersfolded {
	top: 188px;
	left: 353px
}
body#store div#posters.item div.subpic p {
	font-size: .8em;
	text-align: center;
	line-height: 1.5em;
	width: 365px;
	position: absolute;
	top: 136px;
	right: 5px;
	padding: 0;
	margin: 0;
}
/* Shirts */
body#store div#shirts.item {
	background-image: url(/img/store/itempic_shirts.jpg);
	padding-top: 190px;
}
body#store div#shirts.item p.firstpara {
	width: 435px;
}

/* Floating "cart" in the corner */
body#store div#jcart {
	width: 315px;
	position: absolute;  
	top: 380px;  
	right: 10px;
}
body#store div#jcart table {
	width: 320px;
	margin-left: -15px;
}
body#store div#jcart table,body#store div#jcart td,body#store div#jcart th {
	border: none;
}
body#store div#jcart tr {
	display: block;
	position: relative;
	background-repeat: no-repeat;
}
body#store div#jcart td {
	display: inline-block;
	background: transparent;
}
body#store div#jcart table thead tr {
	height: 70px!important;
	background-image: url(/img/store/jcart_top.png)!important;
	background-position: 15px 0;
	padding: 0!important;
	margin: 0 0 -15px!important;
}
body#store div#jcart table thead th {
	display: table-cell;
	padding: 20px 0 0 120px!important;
}
body#store div#jcart strong#jcart-title {
	display: none;
}
body#store div#jcart table tfoot tr {
	height: 238px!important;
	display: block;
	background: url(/img/store/jcart_bottom.png) no-repeat 15px top!important;
	padding: 0!important;
	margin-top: -10px;
}
body#store div#jcart table tfoot tr input {
	text-indent: -9000pt;
	width: 199px;
	height: 45px;
	position: absolute;
	right: 15px;
	bottom: 0px;
	cursor: pointer;
	background-color: transparent;
	border: 0;
}
body#store div#jcart span#jcart-subtotal,body#store div#jcart tbody tr.empty,body#store div#jcart thead tr.empty {
	display: none;
}
/* Mike and Lucy boxes */
body#store div#jcart tr {
	height: 28px;
	padding: 4px 25px 18px 36px;
	margin-bottom: -15px;
	background-image: url(/img/store/jcart_l.png);
}
body#store div#jcart tr:nth-child(even) {
	background-image: url(/img/store/jcart_l.png);
}
body#store div#jcart tr:nth-child(even) td.jcart-item-qty input {
	background-color: #cfcfcf;
	border: 1px solid #adadad;
}
body#store div#jcart tr:nth-child(even) span.x {
	top: 6px;
	left: 66px;
}
body#store div#jcart tr:nth-child(odd) {
	background-image: url(/img/store/jcart_m.png);
	height: 31px;
	padding: 8px 25px 9px 29px;
	margin-bottom: -5px;
}
body#store div#jcart tr:nth-child(odd) td.jcart-item-qty input {
	background-color: #a4abbc;
	border: 1px solid #828ead;
}
body#store div#jcart tr:nth-child(odd) span.x {
	left: 59px;
}
body#store div#jcart td.jcart-item-qty input {
	font-style: Helvetica, Arial, sans-serif;
	font-size: 15px;
	text-align: center!important;
	width: 20px;
	height: 20px;
	background: gray;
	border: none;
}
body#store div#jcart span.x {
	font-size: 18px;
	color: #3e3e3e;
	position: absolute;
	top: 9px;
	left: 65px;
}
body#store div#jcart td.jcart-item-name {
	font-size: 15px;
	color: #3e3e3e;
	padding-left: 14px;
}
body#store div#jcart td.jcart-item-price {
	font-size: 14px;
	font-weight: bold;
	color: green;
	width: 20px;
}
body#store div#jcart a.jcart-remove {
	text-indent: -9000pt;
	width: 20px;
	height: 18px;
	position: absolute;
	top: 14px;
	right: 18px;
	background: url(/img/store/jcart_delete.png) no-repeat -21px 0;
	padding: 2px 0px;
}
body#store div#jcart a.jcart-remove:hover {
	background-position: 0 0;
}
body#checkout div#jcart-buttons {
	padding-right: 10px;
}

/* Checkout */

body#checkout div#jcart fieldset {
	padding: 0;
	border: 0;
}
body#checkout div#jcart table {
	width: 500px;
	position: relative;
	background: white;
	border: none;
	border-collapse: collapse;
	margin: 0 auto;
}
body#checkout #jcart th {
	text-align: right;
	color: #533c25;
	background: #f3dcad;
}
body#checkout #jcart th strong#jcart-title {
	float: left;
}
body#checkout div#jcart td.jcart-item-qty input {
	width: 20px;
	margin-right: 5px;
}
body#checkout div#jcart td.jcart-item-qty {
	width: 44px;
}
body#checkout div#jcart td.jcart-item-price {
	font-weight: bold;
	text-align: right;
	width: 70px;
}
body#checkout div#jcart tfoot tr th {
	text-align: right!important;
	padding: 5px 10px 3px 0;
}
body#checkout div#jcart th,body#checkoutdiv#jcart td {
	font-weight: normal;
	border: solid 1px #ccc;
	padding: 5px;
}
div#jcart tr.empty td#jcart-empty {
	font-size: 1.2em;
	color: #556193;
	text-align: center!important;
	line-height: 1.5em;
	padding: 0 1.3em 80px;
}
body#checkout div#jcart tfoot tr th {
	line-height: 33px;
}
body#checkout div#jcart strong.totaltotal {
	font-size: 30px;
	color: #008000;
}
body#checkout div#jcart tbody td {
	color: #533c25;
	border-bottom: 1px solid #ccc;
	padding: 10px;
}
body#checkout div#jcart a.jcart-remove {
	float: right;
	text-indent: -3000pt;
	display: block;
	width: 20px;
	height: 18px;
	background: url(/img/store/jcart_delete.png) no-repeat -21px 0;
	margin: 4px 0 0 10px;
}
body#checkout div#jcart a.jcart-remove:hover {
	background-position: 0 0;
}
body#checkout div#jcart #jcart-paypal-checkout {
	text-indent: -9000pt;
	width: 191px;
	height: 90px;
	cursor: pointer;
	display: block;
	background: url(/img/store/global_finalcheckout.png) no-repeat;
	border: none;
	margin: 1em auto;
}
body#checkout div#jcart-buttons {
	text-align: right;
	width: 500px;
	margin: .5em auto;
}
body#checkout div.columns {
	height: 130px;
	background: url(/img/store/global_2colbg.png) no-repeat;
	margin-top: -2.5em;
}
body#checkout div.columns div {
	float: left;
}
body#checkout div.columns div h4 {
	font-size: 2.3em;
	margin: .8em 0 -.8em;
	line-height: 130px;
}
body#checkout div.col1 {
	width: 49%;
	float: left;
	margin-left: 1%;
}
body#checkout div.col2 {
	width: 49%;
	float: left
}
body#checkout p.shipping {
	width: 468px;
	border: 1px solid #a0bad1;
	padding: 1em!important;
	margin: 0 auto;
}
body#checkout p.clear {
	padding-top: 1em;
}

/* Membership */

body#membership div#contentblock {
	font: 1.2em/1.45em "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
	color: #52535C;
	width: 780px;
	padding: 30px;
	margin: 30px auto 3em;
	background-image: url(/img/store/bci_paperbg.jpg);
	background-color: #e8e8ea;
	border: 1px solid #cbd3dc;
	-moz-box-shadow: 3px 3px 9px #abc5de;
	-webkit-box-shadow: 3px 3px 9px #abc5de;
	box-shadow: 3px 3px 9px #abc5de;
}
body#membership div#contentblock h2 {
	width: 358px;
	height: 83px;
	padding: 0 0 0 4.6em!important;
	background-image: url(/img/store/bci_header.png);
}
body#membership div#contentblock h3 {
	font-size: 1.7em;
	font-style: italic;
	color: #737581;
	text-align: left!important;
	text-shadow: #fefefe 0 2px 1px;
	width: auto;
	background-image: none;
	padding-left: .5em;
	margin: 0;
}
body#membership div#contentblock ul {
	font-size: .9em;
	list-style-type: circle;
	padding: 0 2em 0 7em;
}
div#membership ul li {
	padding-bottom: .1em;
}
body#membership div#contentblock div#smallprint {
	font-size: .75em;
	font-style: italic;
	line-height: 1.2em;
}
body#membership div#contentblock span {
	color: #906751;
	font-weight: bold;
}
body#membership div#contentblock div#card p {
	min-height: 166px;
	padding-right: 265px;
	background: url(/img/store/bci_goldcard.png) no-repeat right 30px;
}
body#membership div#contentblock div#gifts p {
	min-height: 198px;
	padding-left: 170px;
	background: url(/img/store/bci_jasmine.png) no-repeat 20px 0;
}
body#membership div#contentblock div#gifts {
	position: relative;
}
body#membership div#contentblock div#gifts p.giftdesc {
	font-size: .6em;
	line-height: 1.2em;
	width: 145px;
	min-height: 20px;
	float: left;
	position: absolute;
	top: 268px;
	left: 10px;
	padding: 0;
	margin: 0;
	background: none;
}
body#membership div#contentblock div#postage p {
	min-height: 161px;
	padding-right: 180px;
	background: url(/img/store/bci_chirpy.png) no-repeat right center;
}
body#membership div#contentblock div#adfree h3 {
	margin-top: -25px;
}
body#membership div#contentblock div#preferential p {
	min-height: 185px;
	padding-left: 187px;
	background: url(/img/store/bci_sandy.png) no-repeat 20px center;
}
body#membership div#contentblock div#smallprint {
	margin-top: 3em;
	border-top-style: groove;
	border-top-width: 3px;
}
body#membership div#contentblock div.purchasebuttons {
	position: relative;
	height: 247px;
	margin-top: 1.5em;
}
body#membership div#contentblock div.purchasebuttons input {
	position: absolute;
}
body#membership div#contentblock div.purchasebuttons input.yearly {
	left: 112px;
}
body#membership div#contentblock div.purchasebuttons input.yearly_electronic {
	top: 189px;
	left: 112px;
}
body#membership div#contentblock div.purchasebuttons input.monthly {
	left: 417px;
}
body#membership div#contentblock div.purchasebuttons input.monthly_electronic {
	top: 189px;
	left: 417px;
}
body#membership div#contentblock input.commission {
	margin-top: 1em;
	margin-left: 112px;
}
body#membership div#contentblock div.purchasebuttons input.yearly:hover,body#membership div#contentblock div.purchasebuttons input.monthly:hover,body#membership div#contentblock input.commission:hover {
	background-color: #d4d4d4;
}
body#membership div#contentblock div.purchasebuttons input.yearly:active,body#membership div#contentblock div.purchasebuttons input.monthly:active,body#membership div#contentblock input.commission:active {
	background-color: #c5c5c5;
}

/* Thank you page */
body#thankyou {
	color: #1C292C;
	text-align: center;
	background: #58737B url(/img/store/thankyou_bg.png) center center;
}
body#thankyou h1 {
	font-size: 5em;
	line-height: 1em;
	background: url(/img/store/thankyou_purchase.png) no-repeat center bottom;
	padding: 1em 0 187px;
	/* aaaa CSS3 */
	text-shadow: 1px 1px 1px #9C9C9C;
	filter: dropshadow(color=#9C9C9C, offx=1, offy=1);
}
body#thankyou a:link,body#thankyou a:visited,body#thankyou a:active {
	color: #60BACE;
}
body#thankyou p {
	font-size: 1.1em;
	color: #ABD6E1;
	line-height: 1.3em;
	width: 28em;
	margin: 0 auto 2em auto;
	/* Do you think one day I'll be fine not denoting that this is CSS3? */
	text-shadow: #12282E 0px 0px 4px;
}

/* Extras page. */

/* Links, graveyard and other stuff lists for extras page (let's call it displaylist.) */
ul.displaylist {
	list-style-type: square;
	padding-right: 15px;
}
ul.displaylist li {
	margin-bottom: .4em;
}
ul.displaylist li a {
	font-size: 1.3em;
	font-weight: bold;
}
a.nontitlelink {
	font-size: 1em!important;
	font-weight: normal!important;
}
li.obligations {
	border-top: 3px solid grey;
	border-color: #c2ccd6;
	padding-top: .5em;
	margin-top: .5em;
}

/* History bit. Images and CSS stolen from the old site. */
div#history_container div.decoration {
	float: right;
	background-repeat: no-repeat;
	margin: .5em;
}
div#history_container div.alignleft {
	float: left !important;
}
div#history_container div.dreamingatdesk {
	width: 313px;
	height: 286px;
	background-image: url(/img/extras_dec_dreamingatdesk.png);
}
div#history_container div.bawww {
	width: 267px;
	height: 261px;
	background-image: url(/img/extras_dec_bawww.png);
}
div#history_container div.brush {
	width: 195px;
	height: 259px;
	background-image: url(/img/extras_dec_brush.png);
}
div#history_container div.flyingdavid {
	width: 185px;
	height: 146px;
	background-image: url(/img/extras_dec_flyingdavid.png);
}
div#history_container div.hatetheworld {
	width: 210px;
	height: 243px;
	background-image: url(/img/extras_dec_hatetheworld.png);
}

/* Introduction page. */

div#intropanels {
	background: url(/img/introduction_intropanels.png) no-repeat top center;
	height: 704px;
	position: relative;
	font-size: 24px;
	line-height: 32px;
}
div#intropanels p {
	position: absolute;
}
p.para1 {
	font-size: 22px;
	line-height: 28px;
	position: static!important;
	width: 650px;
}
div#intropanels p.para2 {
	top: 50px;
	left: 335px;
	width: 250px;
	text-align: center!important;
}
div#intropanels p.para3 {
	width: 180px;
	top: 265px;
	left: 370px;
	text-align: center!important;
}
p.para4 {
	font-size: 24px;
	line-height: 32px;
	text-align: center!important;

}
p.para5 {
	font-size: 1.2em;
	line-height: 1.4em;
	width: 650px!important;
	padding: 0!important;
	margin: 0 auto;
	text-align: center!important;

}
p.para6 {
	background: url(/img/introduction_lucymikerun.png) no-repeat top right;
	display: block;
	position: static;
	padding-top: 163px!important;
	text-align: right!important;
	font-size: 1.2em;
	line-height: 1.7em;
	margin-right: 1em!important;
	margin-top: -1.3em;
}
p.para6 a {
	font-size: 2.1em;
	font-weight: bold;
}

/* Reading guide */
div#readingguide_container {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	line-height: 1.6em;
	color: #6E6657;
	width: 80%;
	background-color: #F8EFCE;
	background-image: url(/img/introduction_readingguide_bg.jpg);
	padding: 0 1em;
	margin: 0 auto;
	border: 1px solid #BCB691;
}
div#readingguide_container a:link,div#readingguide a:active {
	color: #FF4A4A;
}
div#readingguide_container a:visited {
	color: #A64237;
}
div#readingguide_container p.introtext {
	font-size: 1em;
	padding-top: 80px!important;
	background: url(/img/introduction_readingguide_heading.png) no-repeat center top;
}
p.read,p.note {
	background-repeat: no-repeat;
	padding: 0 0 .5em 135px!important;
}
p.read {
	font-size: 1.2em;
	line-height: 40px;
	background-image: url(/img/introduction_readingguide_read.png);
}
p.note {
	background-image: url(/img/introduction_readingguide_note.png);
}
p.andyouredone {
	font-size: 1.5em;
	font-style: italic;
	text-align: center!important;
}
div#readingguide_container div.decoration {
	display: block;
	float: right;
	background: url(/img/introduction_readdingguide_decorations.png) no-repeat;
	padding-right: 10px;
}
div#readingguide_container div.decoration.mikedaisy {
	width: 191px;
	height: 148px;
	background-position: left 0;
}
div#readingguide_container div.decoration.mikesandy {
	width: 162px;
	height: 141px;
	background-position: left -148px;
}
div#readingguide_container div.decoration.confrontation {
	width: 270px;
	height: 215px;
	background-position: left -289px;
}
div#readingguide_container div.decoration.paulotess {
	width: 220px;
	height: 159px;
	background-position: left -504px;
}
div#readingguide_container div.decoration.daisyffcat {
	width: 158px;
	height: 190px;
	background-position: left -670px;
}
div#readingguide_container div.decoration.mikelucy {
	width: 185px;
	height: 141px;
	background-position: left -860px;
}
div#readingguide_container div.decoration.daisyabbey {
	width: 258px;
	height: 154px;
	background-position: left -1001px;
}

/* Chat page */

div#ircclients div {
	float: left;
	margin-left: 1.2%;
	margin-bottom: 1.2em;
}
div#ircclients h2,div#ircclients p {
	margin: 0;
	padding: 0 0 0 140px;
}
div#ircclients p {
	font-size: .85em;
	line-height: 1.3em;
	min-height: 128px;
}
div#ircclients a {
	font-weight: bold;
}
div#ircclients div.mac {
	width: 49%;
	background: url(/img/chat_colloquyicon.png) no-repeat;
}
div#ircclients div.windows {
	width: 48%;
	background: url(/img/chat_mircicon.png) no-repeat;
}

/* Miscellaneous styles for random things. */

h2,h3,.clear {
	clear: both!important;
}
p.lastupdated {
	font-size: .8em;
	font-style: italic;
	color: #9CB5CC;
	text-align: right!important;
	margin-right: 3%;
}
p#togglebutton,p#togglebutton_fanart,p#togglebutton_history {
	color: #2D68B2;
	font-size: 20px;
	text-align: center!important;
	text-decoration: underline;
	line-height: 52px;
	cursor: pointer;
	width: 278px;
	height: 52px;
	padding: 0!important;
	margin: 0 auto;
	background-image: url(/img/global_togglebutton.png);
}
p#togglebutton.comments {
	margin-bottom: 1.5em!important;
}
p.newtotext {
	min-height: 80px;
	padding: 1.3em 95px 1.3em 2em!important;
	margin: 1em;
	background: #DCF1D3 url(/img/global_intronotice.png) no-repeat right center;
	border: 3px solid #527F3F;
}
a.comicrankbutton {
	position: absolute;
	bottom: 8px;
	right: 12px;
	width: 80px;
	height: 15px;
}
a.comicrankbutton img {
	border: none;
}
li.storead {
	position: absolute;
	top: 0px;
	left: 447px;
	width: 132px;
	height: 44px;
/*	background: url(/img/store/navbarad.gif) no-repeat; */
}

/* Horrible CSS hacks to target IE7 users */

/* Some nonsense about h2s, so they display properly in IE */
h2 { display: inline; }
html > /**/ body h2 { display: inline-block; }

/* Work around a bug in IE that requires a background set for absolute-positioned empty <a>s*/
*:first-child+html ul#mainnav li a {
	background-image: url(/img/global_bubble_post_bottomright.png);
	background-repeat: no-repeat;
	background-position-x: -400px;
}
/* Fix the homepage News heading */
*:first-child+html div#news h3 {
	padding: 0!important;
	margin: 0!important;
	background: none!important;
}
/* Fix the quick archive on homepage */
*:first-child+html div#comicnav_homepage form#comicselect select {
	width: 260px!important;
}
/* Fix the twitter box on homepage */
*:first-child+html div.twtr-hd h4,*:first-child+html div.twtr-hd h3,*:first-child+html div.twtr-hd img.twtr-profile-img,*:first-child+html p.followlink a {
	display: none!important;
}
/* Fix waystoread section, it doesn't seem to clear properly */
*:first-child+html div#waystoread {
	height: 325px;
}
/* Fix cut-off letters in compact navbar */
*:first-child+html body#view ul#mainnav {
	line-height: 40px;
	padding-bottom: 12px;
}
/* Fix font size of stats for majorcharacters */
*:first-child+html div#majorcharacters_container dt,*:first-child+html div#majorcharacters_container dd {
	font-size: 12px!important;
}
/* Fix minorcharacters border */
*:first-child+html div#minorcharacters_container div {
	border-bottom: none!important;
}
/* Fix reading guide padding */
*:first-child+html div#minorcharacters {
	padding: 1em!important;
}
/* Fix the input fields and speech bubble tail on the post comment area */
*:first-child+html span.authorfieldlabel {
	background-image: none;
}
*:first-child+html div.comment#post div.authorline {
	margin: 0!important;
}
*:first-child+html p.authorinput {
	padding: 25px 35px 0 0!important;
}
/* Fix the spacing in the store */
*:first-child+html div#keychains {
	margin-bottom: 220px!important;
}
/* Censor fix for IE generally */
span.censor {
	padding-right : 10px\9;
	letter-spacing : -14pt\9;
}
/* Horrible CSS hacks for other browsers */

/* Stop MobileSafari resizing certain text for readability, it breaks layout */
div#votinginfo,div.archives,div#minorcharacters_container,body#view ul#mainnav li a {
	-webkit-text-size-adjust: none;
}

/* Are you kidding me. Gecko still needs this? I'm calling it a CSS hack just because. */
a img {
	border: none;
}

/* This is the end, but I'll occasionally tack on stuff temporarily. */

div#news img {
	margin-left: 40px;
	border: 3px solid #2d68b2;
}

/* End. */