/* dunnit *//* Colors and backgrounds */
BODY, .normal, .msgcont, .msgmid, #boardcont {
    color: #000000;
	background: #b7b7c0 none;
}

A:link, .disclosure { color: #0000c0; }
A:visited { color: #6000c0; }
.errmsg   { color: #af0000; }

.legend, .block, .infowin,
.header, .footer {
    color: #000000;
	background: #9797a0 none;
	-webkit-box-shadow: 1px 1px 2px #444;
	-moz-box-shadow: 1px 1px 2px #444;
	box-shadow: 1px 1px 2px #444;
}

.legendbody, #hintcont   {
	color: #000000;
	background: #b7b7c0 none;
	padding: 3px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


#hintcont, #hintcont P {
	font: normal 12pt "Times New Roman", "Times", serif;
    margin-bottom: 5px;
}

#hintcont {
	min-height: 75px;
    margin-bottom: 5px;
}

.infowin,
.suggestionbox {
    border-color: #9797a0;
	-webkit-box-shadow: 1px 1px 2px #444;
	-moz-box-shadow: 1px 1px 2px #444;
	box-shadow: 1px 1px 2px #444;
}

A.xbtn, .xbtn, A.xbtn:visited { color: #ffffff; background: #7f0000 url(btngloss_rpt.png) repeat-x center center; }
A.ibtn, .ibtn, A.ibtn:visited { color: #ffffff; background: #5f5f5f url(btngloss_rpt.png) repeat-x center center; }
A.sbtn, .sbtn, A.sbtn:visited { color: #ffffff; background: #007f00 url(btngloss_rpt.png) repeat-x center center; }
A.ubtn, .ubtn, A.ubtn:visited { color: #ffffff; background: #4f4f9f url(btngloss_rpt.png) repeat-x center center; }
A.xbtn:hover { color: #ffffff !important; background: #cc0000 url(btngloss_rpt.png) repeat-x center center !important; }
A.ibtn:hover { color: #ffffff !important; background: #202020 url(btngloss_rpt.png) repeat-x center center !important; }
A.sbtn:hover { color: #ffffff !important; background: #00b000 url(btngloss_rpt.png) repeat-x center center !important; }
A.ubtn:hover { color: #ffffff !important; background: #000060 url(btngloss_rpt.png) repeat-x center center !important; }

A.bbtn, .bbtn, A.bbtn:visited, A.bbtn:hover { color: #000; background: url(swirly.gif) no-repeat center center; }

.star, EM.star { color: #7f7f00; }
.warn, EM.warn, .warn_fatal { color: #c00000; }
.mod { color: #007070; }
.new { color: #007000; }

.sidebtns LI A,
.btnusel, .btnsel {
	border-color: #4f4f4f;
}

.disclosure {
    cursor: pointer;
	margin-left: 5px;
}

.discl_open {
}

.discl_closed {
}


.sidebtns LI A,
.btnusel,
.btnusel:visited,
A.btnusel:visited {
	color: black !important;
	background: #7f7fcf url(btngloss_rpt.png) repeat-x center center;
	border: 1px #4f4f7f solid !important;
	text-shadow: 1px 1px 1px #9f9fef;
}

.btnsel,
.btnsel:visited,
A.btnsel:visited {
	color: white !important;
	background: #1f1f9f url(btngloss_rpt.png) repeat-x center center;
	border: 1px #00007f solid !important;
	text-shadow: -1px -1px 1px #00007f;
}

.sidebtns A:hover,
:hover.btnsel,
:hover.btnusel,
A:hover.btnsel,
A:hover.btnusel {
	color: #ffffff !important;
	background-color: #2f2fcf !important;
	border: 1px #2f2fcf solid !important;
	text-shadow: none;
}

#boardbox { border-color: black; }

.log_user     { color: #000000;  background: #aaddaa none; }
.log_userperm { color: #000000;  background: #00ff00 none; }
.log_usererr  { color: #000000;  background: #66ff66 none; }
.log_userdel  { color: #000000;  background: #66ff66 none; }
.log_usernew  { color: #000000;  background: #66ff66 none; }
.log_entry    { color: #000000;  background: #ddddaa none; }
.log_entrynew { color: #000000;  background: #ddddaa none; }
.log_entrydel { color: #000000;  background: #ddaaaa none; }
.log_dberror  { color: #000000;  background: #bb00ff none; }

.comicback {
    color: #000000;
	background: #ffffff none;
	width: 702px;
	overflow: visible;
}
.comicback A:link { color: #0000ff; }
.comicback A:visited { color: #7f00ff; }
.comicback A:hover { color: #ff0000; }


/* Logos and pictures */
.logo_big {
	width: 100%;
	min-width: 300px;
	height: 366px;
	background: url(friends.gif) no-repeat center top;
	text-decoration: none;
}

.logo_sml {
	width: 188px;
	min-width: 188px;
	height: 185px;
	display: block;
	background: url(friends_small.gif) no-repeat center top;
	text-decoration: none;
}




/* Fonts */
BODY, TABLE, TD, TR, DIV, P, H4, H5,
DIV.legendbody, DIV.blockbody, .legend {
	font: 11px Arial, Helvetica, sans-serif;
	text-shadow: none;
}

.pagetitle {
	font: 24pt "ITC Zapf Chancery", "Zapf Chancery", "Apple Chancery", "Chancery MS", "Chancery l", "Chancery", "Palatino Linotype", "Palatino", "Times New Roman", Times, serif;
	text-shadow: 1px 1px 2px #667;
}

.warn, EM.warn {
	font: bold 11px Arial, Helvetica, sans-serif;
}

H2 {
	font: bold 14pt "MS Comic Sans", "Comic Sans MS", "Marker Felt", "Arial", sans-serif;
}

H3, .welcome, .legend, .block, .header, .warn_nonfatal, .notice {
	font: bold 10pt "MS Comic Sans", "Comic Sans MS", "Marker Felt", "Arial", sans-serif;
}

H4, H5 {
	font: bold 9pt "MS Comic Sans", "Comic Sans MS", "Marker Felt", "Arial", sans-serif;
}

DIV.welcome {
	font-size: 9pt;
	font-weight: bold;
}

.errmsg {
	font-size: 10pt;
	font-weight: bold;
}

A.bbtn, .bbtn,
A.xbtn, .xbtn,
A.ibtn, .ibtn,
A.sbtn, .sbtn,
A.ubtn, .ubtn {
	font-weight: bold;
	font-size: 11px;
	font-family: "Courier New", Courier, monospace;
	text-decoration: none;
}

.mod, .new {
	font: bold 10px "Times New Roman", "Times", serif;
}

EM.star {
	font-weight: bold;
	font-style: normal;
	font-size: 18px;
	font-family: "Times New Roman", "Times", serif;
	vertical-align: -5px;
	line-height: 10px;
}

.copyright {
	font: italic 8pt Arial, Helvetica, sans-serif;
}

.btnusel, .btnsel {
	white-space: nowrap;
	font: bold 11px "Arial", "Helvetica", sans-serif;
	text-decoration: none;
	text-align: center;
}

UL .btnusel,
UL .btnsel {
	text-align: left;
}


#popupmenu EM {
    text-decoration: underline;
}


.warn_fatal {
    font: 14pt bold Arial, sans-serif;
}

.warn_nonfatal {
}

.notice {
}

.warn_fatal_sub,
.warn_nonfatal_sub,
.notice_sub {
    /* Subtext or caption text. */
}

.bbod {
	word-wrap: break-word;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;;
}

.boardname {
	font-weight: bold;
}

.board {
	max-width: 600px;
}

.sidebar .board #boardbox {
	height: 300px;
}

.board #boardbox {
	height: 500px;
}

.sidebar .board, 
.sidebar #boardmsg {
	width: 180px;
}


#boardmsg {
    overflow-y: scroll;
}


.boardmesg {
    padding-top: 1px;
    margin-top: 1px;
	border-top: 1px solid #777;
}

.main .sidebar .board #boardbox,
.sidebar .board #boardbox,
.sidebar .board #sub {
	width: 100%;
}

.main .board #sub {
	width: 100px;
}

.main .board #boardbox {
	width: 575px;
}


.blink, blink {
	text-decoration: blink;
}


/* Margins, padding, and borders. */
H1.pagetitle {
	margin: 0px;
	text-align: center;
    min-width: 702px;
}
H3 { margin: 0px; }
H2, H4, H5 { margin: 0px; }

.legend, .block, .header, .footer {
	padding: 5px;
	margin: 8px 0px 5px 0px;
	overflow: visible;
	-webkit-border-radius: 0.7em;
	-moz-border-radius: 0.7em;
	border-radius: 0.7em;
}


.block {
}

.side .legend,
.side .block {
    width: 185px;
}


.side .block SELECT,
.side .block INPUT,
.sidebar .block SELECT,
.sidebar .block INPUT {
	margin: 2px;
}

.side .block .donate INPUT,
.sidebar .block .donate INPUT {
    width: auto !important;
}

.block FORM {
    display: inline;
    margin-right: 20px;
}

TABLE.dbtable {
}

TABLE.dbtable TH A {
    text-decoration: none;
}

TABLE.dbtable TH {
    text-align: left;
    vertical-align: top;
    border-bottom: 2px solid black;
}

TABLE.dbtable TR TH.dbhead {
    color: white;
    background-color: #5f5f5f;
    border: none;
    padding: 2px;
}

TABLE.dbtable TH.dbcmds {
    border-bottom: none;
}

TABLE.dbtable TD {
    padding: 2px;
    text-align: left;
    vertical-align: top;
}

TABLE.dbtable TR TD,
TABLE.dbtable TR:nth-child(odd) TD {
    background-color: #d7d7bf;
}

TABLE.dbtable TR:nth-child(even) TD {
    background-color: #b7d7df;
}

SELECT#searchtype {
	width: 65% !important;
}

FORM {
	margin: 0;
	padding: 0;
	border: 0;
}

.block INPUT#searchpat {
	width: 85%;
	border-style: inset;
	padding-left: 8px;
	padding-right: 8px;
	-webkit-border-radius: 0.8em;
	-webkit-appearance: searchfield;
}

.side .block INPUT,
.sidebar .block INPUT {
	padding-left: 2px;
	padding-right: 2px;
	-moz-border-radius: 5px;
}


.infowin {
	display: none;
	position: relative;
	border-width: 2px;
	border-style: solid;
	padding: 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


.footleft {
	float: left;
	padding: 10px;
	height: 110px;
	vertical-align: middle;
}

.footer {
	float: left;
	width: 433px;
	padding: 10px;
	margin: 0px;
	overflow: visible;
	white-space: nowrap;
	height: 110px;
	text-align: center;
	vertical-align: middle;
}

.footright {
	float: left;
	padding-left: 10px;
	height: 110px;
	vertical-align: middle;
}

.disclaimer {
	font-size: 8pt;
	font-weight: bold;
	font-style: italic;
	font-family: "Times New Roman", Times, serif;;
}

.fullpage {
}

.content {
	margin: 0px;
}

.legend, .block, .content {
	text-align: left;
}

.widehead {
	width: 100%;
}

.sidebar {
	width: 201px;
	margin: 8px;
	overflow: visible;
	vertical-align: top;
}

.main {
	width: 600px;
	margin: 8px;
	padding-left: 8px;
	padding-bottom: 8px;
	overflow: visible;
	vertical-align: top;
}

.splash {
    text-align: center;
}

.splash .main {
	width: 450px;
	padding-right: 8px;
}

.splash .main .content {
	width: 100%;
	text-align: center;
	vertical-align: top;
}

.column {
	float: left;
	width: 32%;
	min-width: 32%;
	max-width: 32%;
	padding: 0 0 5px 5px;
	margin: 0;
	overflow: visible;
	white-space: nowrap;
}

.ce {
    display: block;
    margin-bottom: 1px;
    padding: 0;
}

DIV.legendbody, DIV.blockbody {
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-top: 0.25em;
	margin-bottom: 0.50em;
}

A.bbtn, .bbtn,
A.xbtn, .xbtn,
A.ibtn, .ibtn,
A.sbtn, .sbtn,
A.ubtn, .ubtn {
	line-height: 13px;
	height: 13px;
	border: 0px none;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 1px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}


TEXTAREA,
.btnsel, .btnusel {
    max-width: 100%;
}

.main .btnsel,
.main .btnusel {
    min-width: 120px;
}


.btnusel, .btnsel {
	display: inline-block;
	height: 1.5em;
	line-height: 1.5em;
	overflow: hidden;
	border-style: solid;
	border-width: 1px;
	padding: 0 6px 1px 6px;
	margin: 1px 0 2px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-appearance: none;
	-webkit-box-shadow: 1px 1px 1px #444;
	-moz-box-shadow: 1px 1px 1px #444;
	box-shadow: 1px 1px 1px #444;
}

.btnbar TD {
	min-width: 135px;
}

.btnbar .btnusel,
.btnbar .btnsel {
	min-width: 10em;
	display: block;
	margin: 1px 1px 2px 2px;
	text-align: center;
}

.suggestionbox {
	float: right;
	border-style: solid;
	border-width: 10px;
	padding: 3px;
	margin-top: 4px;
	margin-left: 4px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
}

.suggboxbody {
	margin-left: 1em;
	margin-top: 0.33em;
	margin-bottom: 0.25em;
}

.sectionbody {
	margin-bottom: 1em;
}

OL.mostlist, .mostlist LI {
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

.sidebtns {
	padding: 0;
	margin: 10px 0 0 0;
	white-space: nowrap;
}

UL.sidebtns ul {
	margin: 0;
	margin-left: 8px;
	margin-bottom: 5px;
	padding: 0;
}

.sidebtns LI {
	display: inline;
	list-style: none;
}

.sidebtns LI A {
	display: block;
	padding: 0pt 2pt 0pt 6pt;
	border-width: 1px;
	border-style: solid;
	margin-left: 2px;
	margin-bottom: 3px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.sidebtns A:hover {
	border-width: 1px;
	border-style: outset;
}

.board #boardbox {
	overflow: auto;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0;
	padding: 0 1px 0 0;
	border-width: 1px;
	border-style: solid;
}

.board #boardcont {
	min-height: 100%;
	padding: 2px;
}

form {
	margin: 0px;
	padding: 0px;
}

#login, #pass {
	width: 120px;
}

.welcome {
	line-height: 1em;
	width: 170px;
}

.motd {
	overflow: auto;
	max-height: 400px;
	min-width: 400px;
}

.msg {
    margin-bottom: 10px;
}

.msghead {
	border: 1px solid black;
	border-bottom: none;
	margin: 5px 5px 0 5px;
	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
}

.msgcont {
    clear: all;
	font-family: "Times New Roman", "Times", serif;
	font-size: 14px;
	border: 1px solid black;
	border-top: none;
	margin: 0 5px 5px 5px;
	padding: 5px;
	-webkit-border-bottom-left-radius: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-moz-border-radius-bottomright: 9px;
}

.msgmid {
    clear: all;
	font-family: "Times New Roman", "Times", serif;
	font-size: 14px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	margin: 0 5px 0 5px;
	padding: 5px;
}

.msgfoot {
	border: 1px solid black;
	-webkit-border-bottom-left-radius: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-moz-border-radius-bottomright: 9px;
	margin: 0 5px 5px 5px;
	padding: 5px;
	min-height: 12px;
}

.msgab {
	float: right;
}

.msgrating {
	font-size: 12px;
	line-height: 16px;
	padding: 1px 5px 1px 5px;
}

.msgtitle {
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
	border-bottom: 1px solid black;
	padding: 1px 5px 1px 5px;
}

.msgdel {
	height: 100%;
	float: right;
	line-height: 16px;
	padding: 0 5px 0 0;
}

.msguser {
	height: 100%;
	float: right;
	line-height: 16px;
	padding: 0 10px 0 0;
}


.msgtime {
    float: right;
	height: 100%;
	line-height: 16px;
	padding: 0 10px 0 0;
}


.unratedbox {
	font-size: 12px;
	vertical-align: middle;
	text-align: center;
	line-height: 16px;
	width: 80px;
	height: 16px;
	text-align: left;
	display: inline-block;
	position: relative;
	top: -3px;
}

.ratingbox {
	text-decoration: line-through;
	font-weight: bold;
	font-size: 16px;
	vertical-align: middle;
	text-align: center;
	line-height: 16px;
    background: url(ratingsbg.png) top left repeat-x;
	width: 80px;
	height: 16px;
	text-align: left;
	display: inline-block;
	position: relative;
	top: -3px;
}

.ratingval {
    background: url(ratingsfg.png) top left repeat-x;
	height: 16px;
}


@-moz-document domain(belfry.com),
               domain(belfrycomics.net),
               domain(new.belfrycomics.net),
               domain(belfrywebcomics.com),
               domain(localhost),
               domain(foxbat.local)
{
	/* These CSS rules only apply to Mozilla/Firefox and the Gecko engine. */
	/* My creedo: Design for Webkit, then special case for Gecko, then brute force IE */
	.btnsel, .btnusel {
		display: -moz-inline-box !important;
	}

	UL .btnsel,
	UL .btnusel,
	.btnbar .btnsel,
	.btnbar .btnusel {
		margin-bottom: 0;
		display: block !important;
	}

	.main .btnusel,
	.main .btnsel {
		padding-top: 1px !important;
		padding-left: 5px !important;
		height: 1.5em !important;
		line-height: 1.5em !important;
	}

	.side .block SELECT,
	.side .block INPUT,
	.sidebar .block SELECT,
	.sidebar .block INPUT {
		margin: 2px;
		border: 1px solid black !important;
	}

	.btnbar TD {
		min-width:  120px !important;
	}

	.block INPUT#sub,
	.block INPUT#a {
		border-width: 2px !important;
		border-color: #bfbfbf !important;
		border-style: outset !important;
		-moz-border-radius: 0 !important;
	}

	SELECT#searchtype {
		width: 65% !important;
	}

	.side .block INPUT,
	.sidebar .block INPUT {
		border-width: 1px !important;
		padding-left: 4px !important;
		padding-right: 4px !important;
		-moz-border-radius: 7px !important;
	}

	A.bbtn, .bbtn,
	A.xbtn, .xbtn,
	A.ibtn, .ibtn,
	A.sbtn, .sbtn,
	A.ubtn, .ubtn {
		line-height: 1.36em !important;
		-moz-border-radius: 2px !important;
	}

	SPAN.ce {
		margin-bottom: 1px !important;
	}
}

/* vim: set ts=4 sw=4 autoindent nowrap noexpandtab: settings */