/* MODx Styles */
/* Code
 ------------------------------------------------------------------------- */
code {
    background-color: #f4f4f4;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    display: block;
}
/* UserComments
 ------------------------------------------------------------------------- */
.comment {
    border-bottom: 1px solid #ddd;
    position: relative;
    padding: 10px;
    overflow: hidden;
}

.commentAlt {
}

.commentAuthor {
}

.commentMe {
    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 {
    margin: 0;
    border: 0;
    padding: 0;
    width: 550px;
    text-align: left;
    padding-bottom: 10px;
    border: none;
    float: left;
	clear: none;
	
}

#EmailForm.full {
    width: 100%;
}

#EmailForm fieldset {
    border: none;
    margin-left: 0px;
}

#EmailForm legend {
    display: none;
}

#EmailForm h3 {
    width: 75%;
}

#EmailForm label {
    width: 100px;
    padding: 0;
    border: 0;
    margin: 5px 0 5px 0;
    float: left;
    height: 15px;
    line-height: 15px;
    color: #000000;
   clear: none;
    font-size: 12px;
	text-align: right;
	letter-spacing: 0.0em;
}

#EmailForm #cfName, #EmailForm #cfEmail {
   
    padding: 0;
    border: 1px solid #000000;
    margin: 5px 0 5px 0;
    float: left;
    height: 15px;
    width: 100px;
    padding-left: 3px;
    padding-right: 3px;
    
    background: url(../images/inputbg.jpg) repeat;
    color: #000000;
    letter-spacing: 0.05em;
    font-size: 12px;
}

#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: 120px;
}

#EmailForm label.second, #EmailForm label.state {
    float: left;
    clear: none;
    margin: 0 10px 0 0;
    width: 100px;
}

#EmailForm label.state {
    width: 60px;
}

#EmailForm label.first input, #EmailForm label.city input, #EmailForm label.second input {
    float: left;
    width: 120px;
    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 input {
    float: left;
    width: 160px;
    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 #000000;
    border-left-color: #000000;
    border-top-color: #000000;
    padding: 0 2px;
    height: 18px;
    line-height: 16px;
    color: #000000;
    font-size: 14px;
}

#EmailForm label input {
    border: 1px solid #000000;
    float: left;
    padding-top: 5px;
}

#EmailForm input.checkbox, #EmailForm select {
    border: 1px solid #000000;
    border-left-color: #000000;
    border-top-color: #000000;
    background-color: #352d23;
}

#EmailForm #cfMessage {
    margin-top: 3px;
    width: 200px;
    height: 100px;;
    
    float: right;
   clear: none;
    margin: 0;
    padding: 0;
    position: relative;
    left: 0px;
    background: url(../images/inputbg.jpg) repeat;
    padding-left: 5px;
    border: 1px solid #000000;
    color: #000000;
    letter-spacing: 0.05em;
    font-size: 14px;
}

#EmailForm label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}

#EmailForm #cfContact {
    clear: left;
    border: 0;
    margin: 0;
    padding: 0;
    background: url(../images/sendbutton.png) no-repeat top left;
    float: left;
    clear: both;
    cursor: pointer;
    position: relative;
    left: 0px;
	background: none;
	height: 25px;
    line-height: 20px;
	width: 55px;
	text-align: center;
	border: 1px dotted #ffffff;
	background-color: #e62920;
	color: #ffffff;
	font-weight: normal;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.01em;
}

#EmailForm h4 {
    color: #00c6ff;
    font-weight: normal;
}

.errors {
    border: 0;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    width: 100%;
}

p.error {
    border: 0;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
}
/* Fixes for RichText widgets
 ------------------------------------------------------------------------------- */
.MODX_RichTextWidget {
    float: left;
}

.MODX_RichTextWidget a {
    border: 0px;
}
/* Ditto 2 Blog
 ------------------------------------------------------------------------------- */
.reflect_month_link {
    float: left;
    clear: both;
}

#leftinner .ditto_info {
    width: 100%;
    clear: both;
    float: left;
    margin: 0;
    padding: 0;
    border: 0;
}

#leftinner .summaryPost {
   
    width: 545px;
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	margin-left: 30px;
	border-bottom: 1px dashed #500000;
	padding-bottom: 15px;

}

#leftinner .summaryPost h3 {
    padding: 0px 10px 0px 10px;
    margin: 10px 0 20px 15px;
    float: left;
	text-align: left;
	color: #420000;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.03em;
	line-height: 25px;
	height: 25px;
	border: 1px dashed #420000;
	text-transform: uppercase;
	width: 90%;	
}

#leftinner .summaryPost h3 a {
    text-align: left;
    margin: 0;
    padding: 0;
    border: 0;
   padding: 0px 10px 0px 10px;
}

#leftinner .summaryPost h3 a:visited {
    text-align: left;
    margin: 0;
    padding: 0;
    border: 0;
    color: #420000;
	padding: 0px 10px 0px 10px;
}

#leftinner .summaryPost h3 a:hover {
    background: #929b00;
    color: #000000;
    text-align: left;
    margin: 0;
    padding: 0;
    border: 0;
    padding: 0px 10px 0px 10px;
    text-decoration: none;
	background-color: #ffffff;
	width: 90%;
}

.ditto_summaryPost .ditto_info {
}

#leftinner .ditto_link a:visited {
    color: #ffba00;
}

.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
    color: #618100;
    float: left;
    clear: both;
}

#leftinner #ditto_pages .ditto_currentpage {
    border: 1px solid #618100;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #9c0;
    color: #fff;
}

#leftinner #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;
}

#leftinner .ditto_pages {
    float: left;
    clear: both;
    width: 100%;
}

.reflect_month_link {
    margin: 0;
    padding: 0;
    border: 0;
    text-align: left;
    float: left;
    clear: both;
}

#leftinner .ditto_info {
    width: 95%;
    clear: both;
    float: left;
    text-align: right;
    font-size: 9px;
    color: #788000;
}

#leftinner .ditto_info a, #leftinner .ditto_info a:visited {
    color: #788000;
}

#leftinner .ditto_tags {
    margin: 0;
    padding: 0;
    border: 0;
    width: 95%;
    clear: both;
    float: left;
    text-align: right;
    font-size: 9px;
    color: #788000;
    margin-bottom: 25px;
}

#leftinner .ditto_tags a {
    color: #788000;
}

#leftinner ol {
    width: 90%;
    clear: both;
    float: left;
    text-align: left;
    font-size: 11px;
    line-height: 16px;
    color: #e5c9a5;
}

#leftinner #ditto_pages {
    margin: 0;
    padding: 0;
    border: 0;
    clear: both;
}

#leftinner .summaryPost p {
    width: 458px;
    position: relative;
	left: -30px;
    float: left;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 12px;
}

#leftinner p.ditto_link {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 12px;
    text-align: right;
    float: left;
    clear: both;
    width: 100%;
    color: #ffffff;
	letter-spacing: 0.05em;
	
}
#leftinner .ditto_link a:visited {
    color: #ffc47e;
	
}

#leftinner p.ditto_link a:hover {
  
	color: #ffffff;
	
}
#leftinner p.ditto_link a {
  
	color: #ffc47e;
	border: 1px dotted #ffc47e;
	padding: 0 3px 0 3px;
	
}

/* 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;
}

#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;
}