/* MODx Styles */

/* Code
------------------------------------------------------------------------- */    

code {
	background-color: #f4f4f4;
	border-bottom: 1px solid #ddd;
	padding: 10px;
	display: block;
}
/* UserComments 
------------------------------------------------------------------------- */                       
.comment {
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	position: relative;
	padding: 10px;
	overflow: hidden;
}
.commentAlt {
	background-color: #f4f4f4;
}
.commentAuthor {
	background-color: #ffc;
}
.commentMe {
	background-color: #ccf !important;
	padding-top: 5px;
}
.commentNum {
	font-family: Arial, sans-serif;
	font-size: 50px;
	line-height: 30px;
	position: absolute;
	top: 0;
	right: 0;
	color: #f2f2f2;
	font-weight: bold;
	letter-spacing: -4px;
	z-index: 1;
}
.commentAlt .commentNum {
	color: #eaeaea;
}
.commentMe .commentNum {
	color: #b0b0ff;
}
.commentAuthor .commentNum {
	color: #f3f3bb;
}
.commentTitle {
	position: relative;
	z-index: 10;
	color: #999;
}
.commentTitle span {
	text-transform: uppercase;
	font-size: 86%;
}
.commentTitle strong {
	color: #693;
	font-size: 110%;
	text-transform: none;
	font-weight: normal;
	margin-right: 6px;
}
.comment .content {
	position: relative;
	z-index: 10;
}
/* EmailForm 
------------------------------------------------------------------------------- */
#EmailForm {
	width: 360px;
	text-align: left;
	padding-bottom: 20px;
	border: none;
}
#EmailForm.full {
	width: 100%;
}
#EmailForm fieldset {
	border: none;
}
#EmailForm legend {
	display: none;
}
#EmailForm h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
}
#EmailForm label, #EmailForm p {
	display: block;
	clear: both;
	width: 310px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}
#EmailForm input {
	display: block;
	margin-top: 3px;
}
#EmailForm select {
	float: left;
	display: block;
}
#EmailForm label.first, #EmailForm label.city {
	clear: left;
	margin-right: 10px;
	width: 150px;
}
#EmailForm label.second, #EmailForm label.state {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	width: 150px;
}
#EmailForm label.state {
	width: 60px;
}
#EmailForm label.first input, #EmailForm label.city input, #EmailForm label.second input {
	float: left;
	width: 150px;
	padding: 0;
}
#EmailForm label.state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}
#EmailForm label.zip, #EmailForm label.zip input {
	float: left;
	width: 80px;
}
#EmailForm label.zip {
	clear: none;
}
#EmailForm label {
	float: left;
	clear: left;
	width: 310px;
	margin: 0;
	line-height: 1.5em;
}
#EmailForm label input {
	float: left;
	width: 310px;
	padding: 0;
}
#EmailForm input.radio, #EmailForm input#radiobutton_1, #EmailForm input#radiobutton_2, #EmailForm input#radiobutton_3, #EmailForm input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}
#EmailForm label.radio, #EmailForm label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}
#EmailForm input.checkbox, #EmailForm input#checkbox_1, #EmailForm input#checkbox_2, #EmailForm input#checkbox_3, #EmailForm input#checkbox_4 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
}
#EmailForm label.checkbox {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}
/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm label input, #EmailForm textarea {
	border: 1px solid #ddd;
	border-left-color: #c3c3c3;
	border-top-color: #7c7c7c;
	padding: 0 2px;
	height: 18px;
	line-height: 20px;
	background: #fff url(images/input-bg.gif) repeat-x top left;
}
#EmailForm input.checkbox, #EmailForm select {
	border: 1px solid #ddd;
	border-left-color: #c3c3c3;
	border-top-color: #7c7c7c;
	background-color: #fff;
}
#EmailForm textarea {
	margin-top: 3px;
	width: 383px;
	height: auto;
	display: block;
}
#EmailForm label input.calc {
	text-align: right;
	width: 100px;
	clear: left;
	padding: 0;
}
#EmailForm input.button {
	clear: left;
	border: 1px solid #ddd;
	border-left-color: #c3c3c3;
	border-top-color: #7c7c7c;
	background-color: #EBE9ED;
}
/* Fixes for RichText widgets
------------------------------------------------------------------------------- */
.MODX_RichTextWidget {
	float: left;
}
.MODX_RichTextWidget a {
	border: 0px;
}
/* Ditto 2 Blog
------------------------------------------------------------------------------- */
.ditto_summaryPost h3 {
	border-bottom: 1px solid #ccc;
	margin: 0px !important;
	padding: 5px !important;
	color: black;
}
.ditto_summaryPost .ditto_info {
	background-color: #F8F8F8;
	padding: 5px !important;
	font-size: 0.8em;
	color: black;
}
.ditto_link {
	font-size: 76%;
	text-align: right;
}
.ditto_paging {
	border-top: 1px solid #ccc;
	padding: 10px;
	font-size: 86%;
	color: #618100;
}
#ditto_pages .ditto_currentpage {
	border: 1px solid #618100;
	padding: 1px 5px 2px;
	margin-right: 1px;
	background-color: #9c0;
	color: #fff;
}
#ditto_pages .ditto_off {
	border: 1px solid #ccc;
	padding: 1px 5px 2px;
	margin-right: 1px;
	color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
	border: 1px solid #9c0;
	padding: 1px 5px 2px;
	margin-right: 1px;
	text-decoration: none !important;
	color: #618100;
}
#ditto_pages a:hover {
	background-color: #fff;
	color: #000;
}
#ditto_archivelist ul {
	list-style-type: none;
	margin-left: 15px;
	padding-left: 0;
}
#ditto_archivelist ul ul {
	list-style-type: square;
	margin-left: 35px;
}
#ditto_archivelist .ditto_month {
	font-weight: bold;
}
/* MODx Icons
------------------------------------------------------------------------------- */

 #modxicon {
	height: 32px;
	width: 34px;
	margin: 0 auto;
	text-align: center;
	float: right;
	margin-top: -2em;
}
#modxicon a#modxicon32 {
	margin: 0 auto;
	width: 34px;
	height: 32px;
	display: block;
	text-indent: -2000px;
	text-align: center;
	overflow: hidden;
	background: transparent url(../../images/modx-icon.png) no-repeat 0 0;
	border: 0;
}
#modxicon a#modxicon32:hover {
	background: transparent url(../../images/modx-icon.png) no-repeat 0 -32px;
	color: #111;
}
#modxicon a, #modxicon a:visited, #modxicon a:hover {
	background: transparent;
	border: 0;
	text-decoration: none;
}
.stylebox {
	background-color: #F7F7F7;
	border: 1px solid #A0A0A0;
	padding: 5px;
}
.hide {
	display: none;
}
/* Search Terms Highlighting
------------------------------------------------------------------------------- */
.AS_ajax_highlight {
	background-color: #ffb;
	padding: 2px;
	margin: -3px;
	border: 1px solid #dd3;
	color: #000;
}
.searchTerms {
	color: #eee;
}
.searchTerms .AS_ajax_highlight {
	margin: 0 0 0 3px;
}
a.ajaxSearch_removeHighlight, a.ajaxSearch_removeHighlight:visited {
	display: block;
	float: left;
	margin: 6px 0 0;
	padding: 1px 2px 2px;
	color: #888;
}
a.ajaxSearch_removeHighlight:hover {
	background-color: #888;
	color: #222;
}
