/*
Colors
#96A096 - BG
#566056 - Alink
#636D63 - Vlink 
#546359 - Border
#6A796F - Header Alink
#647369 - Header Vlink
#79887E - Bar BG
#B6C0B6 - Messagebar Color
#CAD4CA - Messagebar Alink
#45544A - Breakdown Color
#9FA99F - Nav BG
#B0BAB0 - Nav:h BG
#C8CEC8 - Sidebar Color
#728177 - Sidebar:h BG
#9AA49A - Footer BG
#BDC4BD - Form
#D6DBD6 -  Hover
#ECEEEC -  Focus
#919B91 - Alternate
#8C968C - Sidebar Link Border
#A6B0A6 - Form Button
#C1CBC1 - Form Button Hover
#849389 - NewsHeader
#99A399 - PollLight
#76857B - scrollshadow
#CED8CE - scrolllight
#C4CAC4 - ThumbHeader Color
*/

/* General */

html, body { background-color: #96A096; margin: 3px; padding: 3px; }
html, body, td { color: #000; font: 8pt verdana, arial, helvetica, sans-serif; }

/* Elements */
a:link { color: #566056; text-decoration: none; }
a:visited { color: #636D63; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0px; }
acronym { border-bottom: 1px dashed #CCC; cursor: help; }
h1, h2, h3, h4, h5, h6 { margin: 0px; font-weight: normal; }
h2 { font-size: 19pt; }
h3 { font-size: 14pt; }
h4 { font-size: 12pt; }
h5 { font-size: 10pt; letter-spacing: 1px; }
ul { position: relative; left: -20px; margin-top: 0px; margin-bottom: 0px; }
ol { position: relative; left: -15px; margin-top: 0px; margin-bottom: 0px; }
ul li { margin-bottom: 2px; }
ol li { margin-bottom: 2px; }
dl, dt, dd { margin-top: 0px; margin-bottom: 0px; }
dl dt { font-weight: bold; }
dl dd { position: relative; left: -25px; margin-bottom: 15px; }
small { font-size: 8pt; }
form { margin: 0px; }
fieldset { padding: 20px; }
select option { vertical-align: middle; }
hr { display: none; }

/* Header */
#header { background-image: url(logo.gif); background-repeat: no-repeat; height: 190px; background-position: 20px 10px; margin: 0px 0px 20px 0px; letter-spacing: 1px; }
#header h1 { position: absolute; top: 60px; z-index: 10; font: 82px trebuchet ms, tahoma, verdana, arial, sans-serif; letter-spacing: 8px; }
#header h1 a:link, #header h1 a:visited { color: #6A796F; }
#header h1 a:hover { color: #647369; }

#header div.adbanner { position: relative; z-index: 60; text-align: center; margin: 0px; }
#header div.adbanner img { border: 1px solid #000; width: 468px; height: 60px; }
/* For no ads, remove #delme */
#delme #header div.adbanner { visibility: hidden; }

#messagebar { background-color: #79887E; border: 1px solid #546359; color: #B6C0B6; position: relative; z-index: 20; top: 66px; padding: 3px 8px; border-bottom: 0px #000 solid; -moz-border-radius: 4px 4px 0px 0px; }
#messagebar a:link, #messagebar a:visited { color: #CAD4CA; }
#messagebar #messagebreakdown { color: #45544A; }
#messagebar #messagebreakdown acronym { border: 0px #000 solid; }

div.navigationbar { background-color: #9FA99F; border: 1px solid #546359; vertical-align: middle; padding: 11px 5px; -moz-border-radius: 0px 0px 4px 4px; }
div.navigationbar ul { padding: 10px; margin-left: 10px; display: inline; }
div.navigationbar ul li { font-family: tahoma; list-style: none; display: inline; }
div.navigationbar ul li a:link, div.navigationbar ul li a:visited { background-color: #9FA99F; border: 1px solid #9FA99F; padding: 6px 8px; -moz-border-radius: 4px; }
div.navigationbar ul li a:hover { background-color: #B0BAB0; border: 1px solid #546359; text-decoration: none; }
div.navigationbar ul li img { width: 18px; height: 18px; vertical-align: middle; }
#header div.navigationbar { position: relative; z-index: 20; top: 66px; }

h2.guide { display: none; }

#sidebar { float: left; width: 18%; margin: 0px; }
#sidebar h3 { font: 10pt trebuchet ms, tahoma; letter-spacing: 3px; }
#sidebar h3 a:link, #sidebar h3 a:visited { background-color: #79887E; color: #C8CEC8; border: 5px solid #9FA99F; display: block; padding: 2px 10px; -moz-border-radius: 8px; }
#sidebar h3 a:hover { text-decoration: none; background-color: #728177; }
#sidebar h4 { font-size: 8pt; font-weight: bold; }
#sidebar div.sidebarlist { background-color: #9FA99F; border: 1px solid #546359; margin-bottom: 20px; }
#sidebar div.sidebarlist div { font-family: tahoma; padding: 10px; letter-spacing: 1px; margin: 0px 0px 0px 0px; }
#sidebar div.sidebarlist div .compact { letter-spacing: 0px; }
#sidebar div.sidebarlist div ul { position: relative; left: 0px; margin: 0px 0px 10px 0px; padding-left: 0px; list-style: none; }
#sidebar div.sidebarlist div a:link, #sidebar a:visited { border-left: 6px solid #8C968C; padding-left: 5px; }
#sidebar div.sidebarlist div a:hover { border-left: 6px solid #738278; }

#communitybar { float: right; width: 20%; margin: 0px; line-height: 16px; padding-left: 0px; background-color: #9FA99F; border: 1px solid #546359; }
#communitybar h3 { font: 10pt trebuchet ms, tahoma; letter-spacing: 3px; }
#communitybar h3 a:link, #communitybar h3 a:visited { display: block; background-color: #79887E; color: #C8CEC8; border: 5px solid #9FA99F; padding: 2px 10px; -moz-border-radius: 8px; }
#communitybar h3 a:hover { text-decoration: none; background-color: #728177; }
#communitybar h4 { font-size: 8pt; font-weight: bold; }
#communitybar div.section { background-color: #9FA99F; padding: 10px; margin: 0px 0px 0px 0px; }
#communitybar #searchbox { padding: 10px; }
#communitybar #listshoutbox  { line-height: 10pt; }
#communitybar #listshoutbox input { margin-top: 3px; }
#communitybar div.thumbnail { text-align: center; }

table.pollvote { border: 0px; margin: 15px 0px 5px 0px; padding: 0px; width: 100%; border-collapse: collapse }
table.pollvote tr { padding: 0px; background-color: #99A399; }
table.pollvote tr td { border: 1px solid #000; }
table.pollvote td.pollvalue { background-color: #8C968C; padding: 0px 3px; font-weight: bold; }

#content { float: left; width: 57%; padding: 0px 10px; margin: 0px 0px 0px 10px; }
#content h2 { font-size: 16px; }
#content h3 { font-family: trebuchet ms, arial; letter-spacing: 2px; }

#content table.thumbnails { width: 100%; border-collapse: collapse; margin-bottom: 30px; }
#content table.thumbnails th { border: 1px solid #546359; padding: 1px; color: #C4CAC4; background-color: #79887E; }
#content table.thumbnails td { border: 1px solid #546359; padding: 10px; text-align: center; }
#content table.thumbnails tr.alternate td { background-color: #919B91; }
#content table.thumbnails td.footer { padding: 8px; background-color: #9AA49A; letter-spacing: 1px; }

table.sectionitem { width: 100%; border-collapse: collapse; margin-bottom: 30px; }
table.sectionitem th { padding: 8px; background-color: #849389; letter-spacing: 1px; border: 1px solid #546359; text-align: left; font-weight: normal; }
table.sectionitem td { padding: 8px; border: 1px solid #546359; }
table.sectionitem thead th img.avatar { float: right; }
table.sectionitem thead th h4 { font: 17px trebuchet ms, arial; font-weight: bold; }
table.sectionitem thead th.sectioninfo { width: 100%; border-right: 0px #000 solid; }
table.sectionitem thead th.sectionavatar { border-left: 0px #000 solid; }
table.sectionitem td.sectioncontent { background-color: #9AA49A; font-size: 12px; line-height: 13pt; text-align: justify; }
table.sectionitem td.sectionfooter { background-color: #9FA99F; letter-spacing: 1px; }

#footer { clear: both; text-align: center; font-size: 8pt; letter-spacing: 1px; padding: 10px; margin-top: 10px; }
#footer address { font-style: normal; }
#footer #disclaimer { margin-top: 5px; }


/* Login and Signup */
#signin { display: none; }
#signin fieldset { padding: 10px; }
#signin div { clear: both; padding-top: 2px; }


/* Images */
img.emoticon { vertical-align: middle; width: 12px; height: 12px; }
img.icon { vertical-align: middle; width: 16px; height: 16px; }
img.linkbutton { height: 31px; width: 88px; }
img.middle { vertical-align: middle; }
img.iconstatus { vertical-align: middle; width: 16px; height: 16px; margin: 3px 8px 3px 0px; }
img.avatar { width: 50px; height: 50px; }

/* All */
.sectionbox { border: 1px dotted #DDD; background-color: #F5F5F5; padding: 10px; }
.sectionbox h2 { position: relative; top: -5px; margin: 0px 0px 10px 0px; font-size: 14pt; font-weight: normal; }
.sectionbox table td { background-color: #F9F9F9; }
.importantbox { border: 1px dashed #E7C1BC; background-color: #FFF5F5; padding: 10px; }
.importantbox h2 { position: relative; top: -5px; margin: 0px 0px 10px 0px; font-size: 14pt; font-weight: normal; }
.abovefold { position: absolute; top: 100px; left: 300px; }
.nomargin { margin: 0px; }
.hot { color: #C00; }
.nounderline { text-decoration: none; }
.skiplink { display:none }
.clear { clear: both; }


/* Userpages Header */
#userpageheader { background-color: #79887E; border: 1px solid #546359; border-bottom: 0px solid #000; margin-bottom: 0px; padding: 10px;-moz-border-radius: 4px 4px 0px 0px; }
#userpageheader img { float: left; }
#userpageheader div.username { color: #5A545E; margin-left: 70px; letter-spacing: 2px; }
#userpageheader div.username h2 { color: #C4CAC4; }
#userpageheader div.username a:link, #userpageheader div.username a:visited { color: #C4CAC4; }
#userpageheader div.username div { margin-left: 20px; }
#userpage div.navigationbar { margin-bottom: 20px; letter-spacing: 0px; }

/* Userpage Decks */
#userpage table.deck { border: 1px solid #546359; border-collapse: collapse; width: 100%; margin-bottom: 25px; }
#userpage table.deck th.deckheader { background-color: #79887E; border: 1px solid #546359; padding: 8px 10px; text-align: left; }
#userpage table.deck th.deckheader h3 { font: 14pt trebuchet ms, arial; color: #C4CAC4; letter-spacing: 2px; }
#userpage table.deck td.deckcontent { background-color: #9FA99F; width: 50%; padding: 10px; vertical-align: top; }


/* Userpage Cards */
#userpage table.deck h4 { background-color: #8E9C91; padding: 5px 8px; font: 10pt trebuchet ms, arial; letter-spacing: 2px; }
#userpage table.deck div.card { padding: 20px 0px; }
#userpage table.deck div.card div.thumbnail { text-align: center; }
#userpage table.deck div.card div.thumbnail img { margin-bottom: 20px; }
#userpage table.deck div.card div.text { font-size: 10pt; line-height: 13pt; text-align: justify; }
#userpage table.deck div.card div.text h5 { font-size: 14pt; font-family: trebuchet ms, arial; }
#userpage table.deck div.card table.list { width: 100%; }
#userpage table.deck div.card table.list tr td { padding: 8px 5px; font-size: 10pt; }
#userpage table.deck div.card table.list tr td span.date, #userpage table.deck div.card table.list tr td span.cost { float: right; }
#userpage table.deck div.card table.list tr.alternate td { padding: 5px 5px; background-color: #A6B0A6; }
#userpage table.deck div.card div.deviousthoughts table.sectionitem th.sectioninfo { font-size: 10pt; }

/* Tabs */
#tab-pane-1 { width: 100%; }
#tab-pane-1 div.tab-page { background-color: #9FA99F; border: 1px solid #546359; }
#tab-pane-1 h5 { background-color: #8D9C92; border: 1px solid #546359; border-bottom: 0px solid #000; cursor: pointer; cursor: hand; }
#tab-pane-1 table.info th { width: 40%; }
#tab-pane-1 table.info td { width: 60%; padding-left: 3px; }
#tab-pane-1 table.info tbody.tabulardata th { vertical-align: top; }
#tab-pane-1 table.info tbody.tabulardata td { font-size: 8pt; text-align: left; vertical-align: top; }

/* Devious Thoughts */
#userpage table.deck div.card td table.sectionitem td.sectioncontent { padding: 10px; }
#userpage table.deck div.card td table.sectionitem td.sectionfooter { font-size: 8pt; padding: 5px; }


/*
- CSS for version 5+ browsers
- CSS for links are indented
*/

/* General */
/* - Only 5+ browsers understand scrollbar CSS */
html, body {
	scrollbar-face-color: #9FA99F;
	scrollbar-shadow-color: #76857B;
	scrollbar-highlight-color: #CED8CE;
	scrollbar-3dlight-color: #546359;
	scrollbar-darkshadow-color: #546359;
	scrollbar-track-color: #96A096;
	scrollbar-arrow-color: #000;
}
/* Forms */
input.formbutton, input.formbuttonover, input.formbuttondown { font: 8pt verdana, arial, helvetica, lucida, sans-serif; background-color: #A6B0A6; border: #000 1px solid; color: #000; cursor: pointer; cursor: hand; font-weight: normal; padding-left: 1px; padding-right: 1px; -moz-border-radius: 4px; }
 input.formbutton     { background-color: #A6B0A6; }
 input.formbuttonover { background-color: #C1CBC1; }
 input.formbuttondown { background-color: #C1CBC1; }
input.formboxdisabled { background-color: #EEEEEE; border: #CCCCCC 1px solid; color: #333; }
textarea.formbox, input.formbox, select.formselect { font: 8pt verdana, arial, helvetica, lucida, sans-serif; background-color: #BDC4BD; border: #000 1px solid; color: #000; letter-spacing: 0px; scrollbar-track-color: #BDC4BD; }
input[type="text"]:hover, textarea:hover { background-color: #D6DBD6; }
input[type="text"]:focus, textarea:focus { background-color: #ECEEEC; }