/* Global whitespace reset is required for the theme to be properly displayed; see main.css. */

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000;
	text-align: left;
}

a { text-decoration: none; color: #000 }
a:hover { text-decoration: underline }

/* Tables should show empty cells. */
table {
	empty-cells: show;
	border-spacing: 0;
}

/* Default font size for controls (corresponds to small size in Aqua). */
input, button {
	font-size: 11px;
	vertical-align: middle; /* for checkboxes and radio buttons in Camino */
}

/* Sometimes we want larger controls (corresponds to regular size in Aqua --
   not supported by all browsers). */
input.big, button.big {
	font-size: 13px;
	min-width: 80px;
}

input.sml, button.sml {
	font-size: 11px;
	min-width: 70px;
}

/* Control spacing */
.check, .radio { margin: 4px 4px 4px 0 }

textarea {
	font-family: Helvetica, Arial, sans-serif; /* ! */
	font-size: 14px;
	line-height: 18px;
}

hr, .hrcolor {
	height: 1px;
	margin: 6px 0;
	border: 0;
	border-top: 1px solid #ddd;
	background-color: #fff;
	}

a img {
	border: 0;
	}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
	cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
	color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor {
	width: 99%;
}

/* Highlighted text - such as search results. */
.highlight {
/*	background-color: yellow;
	color: black;*/
	font-weight: bold;
	border-bottom: 2px solid #53CC1F;
}


/* Old default theme styles; may still be in use on a few pages. */

.titlebg, .titlebg2 {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	padding: 0 0 10px 0;
	margin-top: 10px;
}

/*.bordercolor {
	background-color: #fff;
}

.tborder {
	background-color: #fff;
}*/


/* Site-wide text styles */

.black, .black a { color: #000 }
.gray, .gray a { color: #76797C }

.small { font-weight: normal; font-size: 11px; line-height: 14px }
.middle { font-weight: normal; font-size: 12px; line-height: 16px }
.large { font-weight: normal; font-size: 13px; line-height: 18px }

.small p { margin: 4px 0 }


/* Site-wide headings */

/*h1, h2, h3 { font-weight: bold; line-height: normal; text-align: left; color: #53CC1F; padding: 0; margin: 0 }
h1 { font-size: 30px; }
h2 { font-size: 20px; }
h3 { font-size: 14px; margin-bottom: 4px }*/

h5, h6 { font-weight: bold; line-height: normal; color: #000; }
h5 { font-size: 14px; }


/* Post formatting throughout the forum */

.post, .personalmessage {
	font-size: 13px;
	line-height: 1.4em;
	width: 100%;
	overflow: auto;
	color: #000;
}

.quote {
	color: #807773;
	border-left: 8px solid #F0EEE4;
	padding-left: 12px;
	margin: 2px 0;
}

.quote .quote { /* nested quotes */
	color: #00AEEF;
	border-left: 8px solid #A8DDF0;
}

.quote .quote .quote {
	color: #FF4D4D;
	border-left: 8px solid #FFB2B2;
}

.code {
	font-family: Monaco, Andale Mono, Courier, monospace;
	font-size: 11px;
	color: #000;
	border-left: 2px solid #000;
	padding-left: 12px;
	margin: 2px 0;
}

.code pre { /* for Camino/FF */
	font-family: Monaco, Andale Mono, Courier, monospace;
	font-size: 11px;
	white-space: normal;
	}

.quoteheader, .codeheader { display: none }

/* Sometimes there will be an error when you post */
.error {
	color: red;
}

/* Preview and Post buttons in post editor and quick reply. */
.post-button {
	font-size: 13px; /* does not work in OmniWeb & Safari */
	width: 80px;
	min-width: 80px;
	margin: 6px 0 0 6px;
	}


/* Login box */

#loginbox-container { position: relative; }

#loginbox {
	position: absolute;
	bottom: 12px;
	right: 20px;
	text-align: left;
	white-space: no-wrap;
	vertical-align: middle;
}

#loginbox .avatar {
	border: 1px solid white;
	width: 62px;
	height: 62px;
	overflow: hidden;
	}

#loginbox .username, #loginbox .welcome {
	font-size: 16px;
	color: #fff;
	}



/* --- Subnav bar --- */

/* This is needed to allow absolute positioning for the badge */
#subnavbar { position: relative; }

#subnavbar .badge {
	position: absolute;
	top: -8px;
	left:  278px;
	width: 21px;
	height: 21px;
	line-height: 21px;
	font-size: 11px;
	padding: 0 0 5px 7px;
	background: url( "images/subnav-badge.gif" ) no-repeat;
	background-position: top left;
	}

#subnavbar .badge a { color: #fff; }
#subnavbar .badge a:hover { text-decoration: none }


/* --- Top bar (contains linkbar, buttonstrip) --- */

.linkbar-container { padding: 10px 20px 0 20px }

.linkbar {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	text-align: left;
}

.linkbar, .linkbar a { color: #737380 }
.linkbar .arrow { padding-bottom: 1px }
.linkbar .home { margin-bottom: 0 }
.linkbar .home:hover { border-bottom: 1px solid #737380; margin-bottom: -1px }

.button-table { width: 100% }
.button-table .left { padding: 6px 10px 6px 0 }
.button-table .right { padding: 6px 0 6px 10px }

.button-table-top { width: 100% }
.button-table-top .left { padding: 0 10px 8px 10px; vertical-align: top }
.button-table-top .right { padding: 0 10px 8px 10px; vertical-align: top }

.buttonstrip {
	empty-cells: show;
	}

.buttonstrip-left {
	background-image: url(images/buttonstrip-l.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 10px;
	}

.buttonstrip-middle {
	background-image: url(images/buttonstrip-m.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 21px;
	
	font-size: 11px;
	line-height: normal;
	vertical-align: middle;
	white-space: no-wrap;
	padding: 0 8px;
	}

.buttonstrip-right {
	background-image: url(images/buttonstrip-r.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 10px;
	}

.buttonstrip-middle a:link, .buttonstrip-middle a:visited {
	color: #fff;
	text-decoration: none;
	}

.buttonstrip-sep {
	background-image: url(images/buttonstrip-s.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 1px;
	}


/* --- Common page elements --- */

.white-bg {
	background-image: url( "images/content-shadow.gif" );
	background-repeat: repeat-x;
	background-position: top;
	background-color: #fff;
	}

.content-box { padding: 20px }
.content-box-2 { padding: 10px 20px 20px 20px }

.content-title {
	font-size: 20px;
	font-weight: bold;
	text-transform: lowercase;
	color: #53CC1F;
	padding-bottom: 10px;
	}

.label, .clabel, .blabel {
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	text-transform: lowercase;
	color: #53CC1F;
	padding-right: 20px;
	white-space: nowrap;
	}

.label { vertical-align: top }
.clabel { vertical-align: middle }
.blabel { vertical-align: bottom }

.bottom-box { /* will become obsolete */
	background-color: #F0F0F0;
	padding: 10px 20px;
	}

#legend {
	padding: 10px 30px;
	background: url("images/legend-bg.jpg") repeat-x #262626;
	border-top: 2px solid #000;
	}

#legend td {
	vertical-align: middle;
	height: 20px;
	}

.page-index { font-size: 11px; font-weight: bold; text-align: left; color: #53CC1F; }
.page-index a { color: #53CC1F }


/* Dialog boxes */

.dialog-box, .dialog-box-p {
	background-color: #F5F5F5;
	border: 1px solid #ddd;
	padding: 14px 24px;
	margin-left: auto;
	margin-right: auto;
	}

.dialog-box-p {
	border-spacing: 14px;
	padding: 4px 10px;
	}

.dialog-box .label, .dialog-box .clabel, .dialog-box .blabel,
.dialog-box-p .label, .dialog-box-p .clabel, .dialog-box-p .blabel {
	font-size: 13px
	}

.dialog-box-p .label, .dialog-box-p .clabel, .dialog-box-p .blabel {
	padding-right: 0px
	}

.dialog-box .icon { padding-right: 24px }
.dialog-box-p .icon { padding-right: 10px }


/* Big list -- used on msg index, member list and other pages */

.big-list {
	width: 100%;
	border-collapse: collapse;
	}

.big-list th {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #53CC1F;
	vertical-align: bottom;
	padding: 0 10px 1px 10px;
	}

.big-list td {
	font-size: 11px;
	line-height: 14px;
	padding: 4px 10px;
	background: url( "images/big-list-bg.gif" ) repeat-x;
	border-width: 1px 0;
	border-color: #ddd;
	border-style: solid;
	min-height: 34px;
	}

.big-list th a { color: #53CC1F }
.big-list .gray th a { color: #53CC1F }

.big-list td.left { border-left: 0 }

.big-list tr.normal td {}
.big-list tr.alternate td {}

.big-list-footer { width: 100% }
.big-list-footer .left { padding: 6px 10px 0 10px }
.big-list-footer .right { padding: 6px 10px 0 10px }

.empty-list { /* Tables showing strings like "Nothing found" or "No messages". */
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	color: #76797C;
	text-transform: lowercase;
	padding: 20px;
	}


/* --- Board index --- */

.category-name {
	font-weight: normal;
	font-size: 16px;
	line-height: normal;
	text-align: left;
	padding-left: 130px;
	}
.category-name a:link, .board-list .category-name a:visited { color: #76797C }
.category-name a:hover { color: #000; }

.board-list td.gap { height: 16px }

.board-list td.img-col {
	padding: 0 16px 0 6px;
	vertical-align: top;
	}

.board-list .board-name-col {
	padding-left: 10px;
	border-bottom: 1px solid #ddd;
	}

.board-list .board-name {
	font-size: 16px;
	line-height: normal;
	font-weight: normal;
	padding-bottom: 4px;
	color: #53CC1F;
	}
.board-list .board-name a { color: #53CC1F }

.board-list .new-posts { float: right; margin-right: 10px; margin-bottom: 2px }

.board-list td.txt-col {
	padding: 6px 10px 0 10px;
	vertical-align: top;
	font-size: 11px;
	line-height: normal;
	color: #76797C;
	background: url( "images/big-list-bg.gif" ) repeat-x;
	}

.board-list td.txt-col a { color: #76797C }

.board-list td.left-line {
	padding-left: 8px;
	border-left: 1px solid #ddd;
	}

#stats-box, #users-online {
	padding: 20px;
	vertical-align: top;
	background: url("images/stats-bg.jpg") repeat-x #262626;
	border-top: 2px solid #000;
	}


/* --- Message index & search results --- */

#msg-list tr.green td {
	background: url( "images/big-list-bg-green.gif" ) repeat-x;
	}

#msg-list td {
	padding-top: 6px;
	padding-bottom: 4px;
	}

#msg-list .topic-name a {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	}


/* --- PM message list --- */

#pm-list .msg-title a {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	}


/* --- Topic & PM display --- */

.post-display-col { padding-bottom: 20px;Ê} /* gap between posts */
.post-display {}

.msg-header { vertical-align: bottom; border-bottom: 1px solid #ddd; padding: 0 10px }
.poster-name { font-size: 16px; line-height: 24px; font-weight: bold; }
.poster-name a { color: #53CC1F }
.post-date { font-size: 11px; color: #76797C; float: right; }

.poster-info, .msg-main { background: url( "images/big-list-bg.gif" ) repeat-x }

.poster-info { /* the left column */
	font-size: 11px;
	line-height: 14px;
	color: #76797C;
	
	text-align: left;
	padding: 10px 10px 0 10px;
	width: 20%;
	
	overflow: hidden;
	border-right: 1px solid #ddd;
	}

.poster-avatar { overflow: hidden; padding-bottom: 6px; }
.poster-stars { padding: 4px 0; white-space: nowrap; }
.poster-icons img { vertical-align: middle; padding-top: 2px; padding-bottom: 2px; }
.poster-icon-info { height: 2.5em; }

.msg-main { /* the right column */
	padding: 10px 10px 0 20px;
	width: 80%;
	vertical-align: top;
	}

.msg-name {
	font-size: 14px;
	line-height: 24px;
	
	position: relative;
	left: -12px;
	padding-left: 12px;
	background-image: url("/images/arrow-7-green.gif" );
	background-position: center left;
	background-repeat: no-repeat;
	}
.msg-name, .msg-name a { color: #76797C }

.msg-body { color: #000; padding-top: 6px; }
.msg-body a { color: #00409A }

.msg-buttons { font-size: 11px; white-space: nowrap; padding-top: 10px; }
.msg-buttons a { color: #76797C; padding-left: 8px; margin-right: 8px; background: url("/images/arrow-5-green.gif" ) center left no-repeat; }

.attachments {
	font-size: 11px;
	line-height: 14px;
	color: #76797C;
	overflow: auto;
	width: 100%;
	border-top: 1px solid #ddd;
	padding-top: 6px;
	margin-top: 6px;
	}

.attachment-preview { padding: 6px 0; }

.signature {
	font-size: 11px;
	line-height: 14px;
	color: #76797C;
	width: 100%;
	overflow: auto;
	border-top: 1px solid #ddd;
	padding-top: 6px;
	margin-top: 6px;
}

#display-footer { border-top: 1px solid #ddd }

#quick-reply {
	background: url("images/quick-reply-bg.jpg") repeat-x #262626;
	border-top: 2px solid #000;
	padding: 10px 30px;
	}


/* --- Recent Posts --- */

.recent-posts-item .left-col, .recent-posts-item .right-col { background: url( "images/big-list-bg.gif" ) repeat-x }

.recent-posts-item .left-col {
	vertical-align: top;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding-top: 10px;
	}

.recent-posts-item .right-col {
	border-top: 1px solid #ddd;
	padding: 10px 10px 0 20px;
	vertical-align: top;
	}

#recent-posts-footer { border-top: 1px solid #ddd }


/* --- Search & PM Search --- */

.search-form {
	background-color: #F5F5F5;
	border: 1px solid #ddd;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	}

.search-results td {
	padding-bottom: 20px;
	vertical-align: top;
	}

.search-result {
	padding: 10px;
	border-width: 1px 0;
	border-color: #ddd;
	border-style: solid;
	}


/* --- Profile, Admin + Personal Messages --- */

/* Sidebar on the left of the profile, admin, and PM pages. */
.sidebar {
	background-image: url( "images/sidebar-shadow.gif" );
	background-repeat: repeat-x;
	background-position: top;
	background-color: #F0F0F0;
	width: 180px;
	}

.sidebar-group-title { font-weight: bold; font-size: 11px; color: #53CC1F; padding: 20px 0 2px 16px }

.sidebar-item { font-weight: bold; font-size: 12px; padding: 1px 8px 1px 16px; }
.sidebar-item a { color: #76797C; }

.sidebar-item:hover { background-image: url("/images/arrow-7-green.gif" ); background-position: 6px 6px; background-repeat: no-repeat }
.sidebar-item:hover a { color: #000; text-decoration: none }

.sidebar-selection, .sidebar-selection:hover { background-color: #53CC1F; background-image: url("/images/arrow-7-white.gif" ); background-position: 6px 6px; background-repeat: no-repeat }
.sidebar-selection a, .sidebar-selection:hover a { color: #fff; }

.profile-summary td {
	vertical-align: top;
	padding-bottom: 4px;
}

.profile-summary .label {
	text-align: left;
	font-size: 12px;
	white-space: nowrap;
	padding-right: 10px
	}

.page-description {
	font-size: 11px;
	line-height: 14px;
	color: #76797C;
	padding-bottom: 20px;
	}

.options-table td { vertical-align: top; }
.options-table hr { margin: 20px 0; }

.options-label {
	font-weight: bold;
	color: #53CC1F;
	padding-top: 3px;
	padding-right: 10px;
	}

.options-label .small { margin-top: 2px; }

.list th, .list-hdr {
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	text-align: left;
	color: #76797C;
	border-bottom: 1px solid #ddd;
	padding-bottom: 2px;
	vertical-align: bottom;
	}

.list th a { color: #76797C }

.list td {
	vertical-align: top;
	padding-top: 6px;
	}


/* --- Help --- */

#helpmenu {
	background-color: #E3E3E5;
	padding: 4px;
	}


/* --- Other Pages --- */

.help-popup {
	background-color: #fff;
	}

#stats-center hr { margin: 8px 0 10px 0 }
#stats-center td.left-col { padding-right: 20px; border-right: 1px solid #ddd }
#stats-center td.right-col { padding-left: 20px; }

#whos-online-list td {
	padding-top: 8px;
	padding-bottom: 3px;
	min-height: 30px;
	}

#whos-online-list img {
	vertical-align: middle;
	position: relative;
	top: -2px
	}

#member-list th {
	padding-right: 0px; /* otherwise that table's just too wide ... */
	}

#member-list td {
	padding-top: 8px;
	padding-bottom: 3px;
	}

.big-counter { /* used on recent posts, extended search results, profile > posts */
	font-weight: bold;
	font-size: 32px;
	line-height: normal; /* ! */
	text-align: right;
	color: #53CC1F;
	padding-right: 10px;
	vertical-align: middle;
	width: 1em;
	}

#pagetitle-1 { padding: 58px 30px 10px 0; } /* overrides definition in main.css */

#site-footer #copyright .text { font-family: Helvetica, Arial, sans-serif } /* ! */