/* ==========================================================
   8-bit Bunkers site-wide stylesheet
   CSS2 only. No child/sibling/attribute selectors.
   No PNG alpha. Fixed-width table layout used for anything
   width-sensitive so the IE6 box model bug never bites.
   ========================================================== */

body {
	margin: 0;
	padding: 0;
	background-color: #ece9d8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

a {
	color: #0000cc;
	text-decoration: underline;
}

a:hover {
	color: #cc0000;
}

table {
	border-collapse: collapse;
}

h1, h2, h3 {
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
}

/* ---- fixed-width centered page container ---- */
#wrapper {
	width: 1024px;
	margin: 0 auto;
	background-color: #f4f2e8;
	text-align: left;
}

/* ---- top navy link bar ---- */
#navbar {
	background-color: #000033;
	border-top: 1px solid #6666aa;
	border-bottom: 1px solid #6666aa;
}
#navbar td {
	padding: 8px 14px;
	font-weight: bold;
	font-size: 13px;
}
#navbar a {
	color: #ffffff;
	text-decoration: underline;
}
#navbar a:hover {
	color: #ffcc00;
}
#navbar .current {
	color: #ffcc00;
	text-decoration: none;
}

/* ---- page banner (header.jpeg, 1024x108) ---- */
#banner {
	background-color: #000000;
}
#banner img {
	display: block;
}

/* ---- footer banner (footer.jpeg, 1024x108) ---- */
#footerBanner {
	background-color: #000033;
}
#footerBanner img {
	display: block;
}

/* ---- layout ---- */
#pagebody {
	background-color: #f4f2e8;
}
#sidebar {
	width: 220px;
	vertical-align: top;
	padding: 16px 10px 16px 16px;
}
#maincontent {
	vertical-align: top;
	padding: 16px 24px 16px 24px;
}

/* ---- sidebar panels ---- */
.panelHead {
	background-color: #000066;
	color: #ffffff;
	font-weight: bold;
	padding: 5px 8px;
	font-size: 13px;
}
.panelBody {
	border: 1px solid #999999;
	border-top: none;
	background-color: #ffffff;
	padding: 8px 10px 12px 10px;
	margin-bottom: 16px;
}
.panelBody a {
	display: block;
	padding: 2px 0;
	font-weight: bold;
}

/* ---- generic content box ---- */
.contentBox {
	border: 1px solid #9999cc;
	background-color: #eef0fb;
	padding: 18px 22px;
	margin-bottom: 18px;
}

.pageTitle {
	font-size: 24px;
	color: #000066;
	font-weight: bold;
	margin: 0 0 4px 0;
}

.pageIntro {
	border-bottom: 2px dotted #6666aa;
	padding-bottom: 14px;
	margin-bottom: 16px;
}

/* ---- article / news blocks ---- */
.article {
	border: 1px solid #cccccc;
	background-color: #ffffff;
	margin-bottom: 14px;
	padding: 10px 14px;
}
.articleTitle {
	font-size: 15px;
	font-weight: bold;
	color: #000066;
}
.articleMeta {
	font-size: 11px;
	color: #666666;
	font-style: italic;
	margin-bottom: 6px;
}
.articleBody {
	font-size: 13px;
}
.readMore {
	font-size: 12px;
	font-weight: bold;
}

/* ---- feed list ---- */
.feedList td {
	padding: 4px 6px;
	border-bottom: 1px dashed #cccccc;
	font-size: 12px;
}

/* ---- project cards ---- */
.projectCard {
	border: 1px solid #999999;
	background-color: #ffffff;
	margin-bottom: 14px;
}
.projectCardHead {
	background-color: #333366;
	color: #ffffff;
	font-weight: bold;
	padding: 5px 10px;
	font-size: 13px;
}
.projectCardBody {
	padding: 10px 14px;
	font-size: 13px;
}
.statusBadge {
	font-size: 11px;
	font-weight: bold;
	padding: 1px 6px;
	border: 1px solid #333333;
	color: #ffffff;
}
.statusDone { background-color: #009933; }
.statusProgress { background-color: #cc9900; }
.statusPlanning { background-color: #666699; }

/* ---- download tables ---- */
.downloadTable {
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #999999;
	margin-bottom: 20px;
}
.downloadTable th {
	background-color: #000066;
	color: #ffffff;
	font-size: 12px;
	text-align: left;
	padding: 6px 8px;
}
.downloadTable td {
	font-size: 12px;
	padding: 6px 8px;
	border-bottom: 1px solid #dddddd;
}
.downloadTable .altrow {
	background-color: #eef0fb;
}

/* ---- downloads picker (dual scrollable list + description panel) ---- */
#dlPicker td {
	vertical-align: top;
}
.dlListBox {
	width: 100%;
	height: 340px;
	border: 1px inset #999999;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#dlDetails {
	font-size: 12px;
	height: 340px;
	overflow-y: auto;
}
#dlDetails b {
	color: #000066;
}

/* ---- admin mailbox (list + reading pane) ---- */
#mailboxLayout td {
	vertical-align: top;
}
.mailList {
	border: 1px inset #999999;
	background-color: #ffffff;
	height: 400px;
	overflow-y: auto;
}
.mailRow {
	display: block;
	padding: 6px 8px;
	border-bottom: 1px solid #dddddd;
	text-decoration: none;
	color: #000000;
}
.mailRow:hover {
	background-color: #eef0fb;
}
.mailRowActive {
	background-color: #ccccee;
}
.mailRowUnread {
	font-weight: bold;
}
.mailRowSubject {
	display: block;
	font-size: 12px;
}
.mailRowMeta {
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
}
.mailEmpty {
	padding: 10px;
	font-size: 12px;
	color: #666666;
}
#mailDetail {
	min-height: 400px;
	font-size: 12px;
}

/* MSN8-style beveled button (lifted from theme.css button.nav).
   border-radius/box-shadow are harmless no-ops in IE6/NS6 - the button
   just falls back to the plain beveled rectangle underneath. */
.dlButton {
	display: inline-block;
	background-color: #f4f5fb;
	border-top: 1px solid #8596ca;
	border-left: 1px solid #8596ca;
	border-right: 1px solid #5a6ca2;
	border-bottom: 1px solid #5a6ca2;
	color: #5a6ca2;
	font-family: Tahoma, "MS Sans Serif", Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 10px;
	text-decoration: none;
	border-radius: 3px;
	box-shadow: 1px 1px 0px #ffffff;
}
.dlButton:hover {
	background-color: #ffffff;
	color: #010066;
}
.dlButton:active {
	border-top: 1px solid #5a6ca2;
	border-left: 1px solid #5a6ca2;
	border-right: 1px solid #8596ca;
	border-bottom: 1px solid #8596ca;
	box-shadow: none;
}

/* ---- forum table ---- */
.forumTable {
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #999999;
	margin-bottom: 16px;
}
.forumTable th {
	background-color: #000066;
	color: #ffffff;
	font-size: 12px;
	text-align: left;
	padding: 6px 8px;
}
.forumCatHead {
	background-color: #ccccee;
	font-weight: bold;
	padding: 5px 8px;
	font-size: 13px;
	color: #000066;
	border-bottom: 1px solid #9999cc;
}
.forumTable td {
	font-size: 12px;
	padding: 8px;
	border-bottom: 1px solid #dddddd;
	vertical-align: top;
}
.forumDesc {
	font-size: 11px;
	color: #555555;
}
.forumStats {
	width: 90px;
	text-align: center;
	font-size: 11px;
}
.forumLast {
	width: 160px;
	font-size: 11px;
}

/* ---- links directory ---- */
.linkEntry {
	border: 1px solid #cccccc;
	background-color: #ffffff;
	margin-bottom: 10px;
	padding: 8px 12px;
}
.linkName {
	font-weight: bold;
	font-size: 13px;
}
.linkUrl {
	font-size: 11px;
	color: #339900;
}
.linkDesc {
	font-size: 12px;
	margin-top: 3px;
}

/* ---- contact form ---- */
.formTable td {
	padding: 5px 6px;
	font-size: 13px;
	vertical-align: top;
}
.formLabel {
	font-weight: bold;
	width: 120px;
	text-align: right;
	padding-top: 8px;
}
.textInput {
	border: 1px inset #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
	width: 300px;
}
/* Admin login card: narrower than the Contact form, so .textInput's fixed
   300px width would push inputs past the card's own border (the bug we
   saw in the screenshot). Override to a width that actually fits. */
#loginCard {
	width: 320px;
}
#loginCard .formLabel {
	width: 90px;
}
.loginInput {
	width: 170px;
}

.textArea {
	border: 1px inset #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
	width: 400px;
}
.submitButton {
	background-color: #f4f5fb;
	border-top: 1px solid #8596ca;
	border-left: 1px solid #8596ca;
	border-right: 1px solid #5a6ca2;
	border-bottom: 1px solid #5a6ca2;
	color: #5a6ca2;
	font-family: Tahoma, "MS Sans Serif", Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	padding: 5px 20px;
	border-radius: 3px;
	box-shadow: 1px 1px 0px #ffffff;
}
.submitButton:hover {
	background-color: #ffffff;
	color: #010066;
}
.submitButton:active {
	border-top: 1px solid #5a6ca2;
	border-left: 1px solid #5a6ca2;
	border-right: 1px solid #8596ca;
	border-bottom: 1px solid #8596ca;
	box-shadow: none;
}

/* ---- coming soon ---- */
.comingSoon {
	text-align: center;
	padding: 50px 20px;
}
.comingSoonTitle {
	font-size: 30px;
	font-weight: bold;
	color: #cc0000;
	margin-bottom: 14px;
}

/* ---- footer ---- */
#footer {
	background-color: #f4f2e8;
	border-top: 1px solid #999999;
	text-align: center;
	padding: 16px 10px;
	font-size: 12px;
}
#footer a {
	font-weight: bold;
}