/* GENERAL SITE-WIDE SETTINGS */
body, td, th
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 10px;
	padding: 0;
	font-size: 12px;
}
p {
    line-height: 14px;
}

a { text-decoration: none; font-style: italic; color: black }
a:visited { text-decoration: none; color: black }
a:hover { text-decoration: underline }

h2.subtitle { line-height: 24px; margin-bottom: 0px }
p.subsubtitle { margin-top: 0px }
h2.question { margin-bottom: 0; }

h2.title { margin-bottom: 10px; margin-top: 0; color: #4499BB}
h2.title a { text-decoration: none }
h2.title a:hover { text-decoration: underline }
.gray { color: gray }
.gray a { color: gray }

.formlabel	{ font-size: smaller; }

/* QUESTIONS PAGE */
.listing th			{ vertical-align: top; color: 888888; text-align: left; padding-left: 10px; padding-right: 10px; padding-bottom: 3px; padding-top: 3px }
.listing th.active	{ background: #4499BB; color: white }
.listing th.active a { color: white }
.listing td			{ vertical-align: top; padding-left: 10px; padding-right: 10px; padding-bottom: 3px; padding-top: 3px }
.listing a 			{ text-decoration: none }
.listing a:hover		{ text-decoration: underline }
.listing td.even 	{ background: #F0F0F0 }
.listing td.odd 		{ background: #D0D0F0 }

/* TIMELINE PAGE */
.timeline td 			{ vertical-align: top; padding-right: 1em }
.timeline p.title 	{ color: #888888; margin-bottom: 1em }
.timeline p.comment	{ text-style: italic; color: #A0A0A0; margin-top: 0 }
.timeline p.year		{ font-weight: bold; color:white; background: #4499BB; padding-bottom: 2px }
.timeline p.year span.numanswers	{ font-size: smaller; font-weight: normal; color: black; disabled-color:#5CD1FF; }
.timeline p.question 	{ margin-bottom: 0; color: #333333; font-style: italic }
.timeline a 			{ text-decoration: none }
.timeline a:hover		{ text-decoration: underline }
.timeline p.question a { color: #333333; }
.timeline p.answer 	{ margin-top: 0.25em }
.timeline a.editlink { font-size: smaller; border: 1px solid gray; color: gray; padding-left: 2px; padding-right: 2px }
.timeline div.year {}
.timeline div.year p.yearlabel {
	color: #4499BB;
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 4px;
	margin-top: 0px;
}
.timeline .overview p.question { background: white }
.timeline .overview div.year p.yearlabel { background: white }
.timeline .overview a.img { padding: 2px }
.timeline .overview a.img:hover
{
	padding: 0px;
	border: 2px solid #66FF33;
}
.timeline .overview a.text { padding: 2px }
.timeline .overview a.text:hover
{
	padding: 0px;
	border: 2px solid #66FF33;
	background: #66FF33;
	color: black;
	text-decoration: none;
}
.highlight { background: #66FF33 }

.timeline div.year p.numanswers {
	font-size: 10px;
	color: gray;
	line-height: 12px;
	margin-left: 4px;
	margin-top: 0px;
	margin-bottom: 12px;
}

.timeline .authortag { font-style: italic; color: gray }
.timeline .authortag a { font-style: italic; color: gray }
.timeline .commentslink_no_comments { font-size: smaller; color: gray }
.timeline .commentslink_with_comments { font-size: smaller; color: black }

/* NEW/EDIT ANSWER PAGE */
.answer_form h2.question	{ margin-bottom: 10px; }
.answer_form td				{ padding-right: 20px; }
.answer_form table			{ }
.answer_form p { margin-top: 0; margin-bottom: 0 }
.answer_form p.submit { margin-top: 10px }
.answer_form .formnote
{
	font-size: smaller;
	margin-top: 5px;
	line-height: 13px;
}
.answer_form .instructions { font-size: smaller; width: 22em; }
.answer_form a.formnote { line-height: 13px; }
.answer_form div.add_image
{
	border: 1px dotted gray;
	font-size: smaller;
	line-height: 13px;
	color: gray;
	width: 70px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.answer_form td.caption { padding-bottom: 9px}

/* ATTACH/REPLACE ANSWER IMAGE PAGE */
.answer_image_edit .formlabel { font-size: smaller; }
.answer_image_edit .instructions { font-size: smaller; width: 22em; }
.answer_image_edit td.instructions { padding-left: 20px; }
.answer_image_edit .image_area { padding-left: 20px; padding-right: 20px; border: 1px dotted gray; }

/* ADD/NEW QUESTION PAGE */
div.question_form td 			{ padding-right: 20px }
div.question_form div.similars 	{ width: 22em; }
/* IMAGE POPUP PAGES */
body.imagepopup_landscape p		{ padding: 10px; margin: 0 }
body.imagepopup_portrait p		{ padding: 10px; margin: 0 }

/* YOU ARE LOGGED IN AS */
p.userid			{ font-size: smaller; color: gray; margin-top: 10px }

/* GENERAL ERROR SPAN CLASS, FORM VALIDATION FEEDBACK */
.error					{ color: red; font-size: smaller; line-height: 12px }
.thankyou               { color: blue }

/* not sure if this is used */
p.formheader			{ font-size: 12px }

/* answer comments popup */
/* uses h2 for original question, h3 for answer, and p's for comments */
body.comments           { background-color: #FFFFFF }
.comments textarea      { background-color: #FFFFFF }