/**************************************************************

   AUTHOR:  Pat Heard (fullahead.org)

   DATE:    2007.11.08

   PURPOSE: Controls the style of HTML elements

 **************************************************************/



* {

	margin: 0;

	padding: 0;

	outline: 0;

	border: 0;

}



.clearfix:after {

	content: "."; 

	display: block; 

	height: 1px; 

	clear: both; 

	visibility: hidden;

}



.clearfix {

	display: inline-block;

}



/* Hides from IE-mac \*/



.clearfix {

	display: block;

}



/* End hide from IE-mac */



body {

	margin: 0;

	padding: 0;

	font: 0.8em arial, sans-serif;

	line-height: 1.5em;

	text-align: center;

	color: #42210B;

	background: #ffffff;

}



p {

	margin: 0;

	padding: 6px 12px;

}



h2 {

	clear: both;

	margin: 0;

	padding: 20px 12px 0px 12px;

	font: 1.5em arial, sans-serif;

	letter-spacing: -0.05em;

	color: #da3e1f;

}



h3 {

	clear: both;

	margin: 0;

	padding: 10px 12px 0 12px;

	font: bold 0.9em arial, sans-serif;

	text-transform: uppercase;

	color: #6B452C;

}



h4,

h3#commentFormTitle,

h2.categoryTitle,

h2.searchResultsTitle {

	padding: 5px 12px;

	font: 1.4em arial, serif;

	letter-spacing: -0.05em;

	text-decoration: none;

	color: #FFF5BD;

	background-color: #9A2116;

	border-top: 6px solid #FFF;

	border-bottom: 1px solid #701710;

}



h2.categoryTitle {

	text-align: center;

}



a {

	text-decoration: none;

	color: #3ca2a2;

}



a:hover {

	border-bottom: 4px solid #8CD9D9;

}



a img {

	border: 0;

}



.border a img {

	border: 4px solid #B9E4E5;

}



.border a:hover img {

	border: 4px solid #8CC8C9;

}



h2 a {

	color: #da3e1f;

}



h2 a:hover {

	border-bottom: 4px solid #da3e1f;

}



acronym {

	border-bottom: 1px solid #eeded3;

	cursor: help;

}



ul.zemError,

ul.comments_error,

.articleBody ul {

	margin: 10px 30px;

	padding: 10px 30px 10px 5px;

	list-style: none;

}



ul.comments_error {

	margin-top: 0;

}



ul.zemError li,

ul.comments_error li,

.articleBody ul li {

	padding-left: 25px;

	background-image: url(../_templates/falling-away/images/li_bullet.gif);

	background-repeat: no-repeat;

	background-position: 8px 5px;

}



ol {

	margin: 10px 30px;

	padding: 10px 30px;

}



blockquote {

	margin: 10px 0;

	background: #fffdcd;

	border-bottom: 1px solid #ffd909;

}



blockquote a {

	color: #FFA509;

}



blockquote a:hover {

	border-color: #fdce72;

}



/* The <dl> is setup for a single column width.  To make it work in larger columns,

 change the width of the dl, dt and dd elements */



dl {

	width: 220px;

	margin: 0;

	padding: 12px;

	font-size: 0.9em;

}



dl dt {

	float: left;

	width: 100px;

	margin: 0;

	padding: 3px 0;

	font-weight: bold;

	color: #42210B;

	background-image: url(../_templates/falling-away/images/dotted_line.gif);

	background-repeat: repeat-x;

	background-position: 0 16px;

}



dl dd {

	float: left;

	clear: right;

	width: 120px;

	margin: 0;

	padding: 3px 0;

}



/**************************************************************

 Tables

**************************************************************/



table {

	margin: 0 12px 20px 12px;

	padding: 0;

	display: block;

	font-size: 1em;

	border-collapse: collapse;

}



table caption {

	margin: 0 12px;

	padding: 20px 0 5px 0;

	font: 400 0.8em arial, sans-serif;

	text-align: left;

}



table th,

table td {

	text-align: left;

	vertical-align: top;

	padding: 4px 7px !important;

	padding: 6px 10px;

}



thead th {

	color: #FFF;

	background-color: #FF80C0;

	border-bottom: 1px solid #261204;

}



tbody tr.dark {

	background-color: #f1e3da;

}



tbody td {

	border-bottom: 1px solid #e7d6cc;

}



tbody tr:hover td {

	background: #fffdcd;

	border-bottom: 1px solid #ffd909;

}



/**************************************************************

 General Form Elements

**************************************************************/



form {

	padding: 20px 0;

}



legend {

	display: none;

}



label {

	float: left;

	width: 8em;

	padding-right: 1em;

}



input,

textarea,

select {

	padding: 2px;

	font: 400 1em arial, sans-serif;

	background: #FFF;

	border-width: 1px;

	border-style: solid;

	border-color: #FF80C0 #FF80C0 #FF80C0 #FF80C0;

}



input:focus,

textarea:focus,

select:focus {



	color: #FF80C0;

	background-color: #fffdcd;

}



input.button,

input.zemSubmit {

	padding: 1px 10px;

	font: bold 1em arial, sans-serif;

	cursor: pointer;

	color: #FFF;

	background-color: #FF80C0;

	border-width: 1px;

	border-style: solid;

	border-color: #FF80C0 #FF80C0 #FF80C0 #FF80C0;

}



/**************************************************************

 Comment_Form Form Elements

**************************************************************/



#formBlock {

	width: 494px;

	background-color: #ffffff;

}



#formBlock p {

	text-align: left;

}



#formBlock span.emailNotice {

	padding-right: 10px;

	color: #da3e1f;

}



#formBlock label {

	float: none;

	text-align: right;

	padding-right: 0;

}



#formBlock input#name,

#formBlock input#email,

#formBlock input#web {

	width: 460px;

}



#formBlock input.comments_error,

#formBlock textarea.comments_error {

	background-color: #F8CECB;

}



#formBlock textarea {

	width: 460px;

	height: 250px;

}



#commentFormSidebar {

	float:right;

	width:250px;

}



/**************************************************************

 Contact Form Elements

**************************************************************/



form.zemContactForm {

	margin-left: 12px;

	padding-bottom: 0;

}



form.zemContactForm input,

form.zemContactForm textarea {

	margin-bottom: 5px;

}



form.zemContactForm input#phone,

form.zemContactForm input#mail {

	height: 1px;

}



form.zemContactForm input.zemRequirederrorElement,

form.zemContactForm textarea.zemRequirederrorElement {

	background-color: #F8CECB;

}



/**************************************************************

 Comments

**************************************************************/



#commentBlock {}



#commentBlock h5,

#commentBlock h5 a {

	margin-left: 6px;

	padding-top: 6px;

	font: bold 1.1em arial, serif;

	color: #777;

}



#commentBlock h5 a:hover {

	border-bottom: 4px solid #777;

}



.comment {

	font-size: 100%;

	margin: 10px 0 10px 0;

	padding-bottom: 10px;

	border-bottom: 2px dotted #9A2116;

}



.commentTime {

	text-transform: lowercase;

}



.commentBody {}



.commentBody p {

	margin: 12px 0 12px 0;

}



#cpreview {

	margin-top: 10px;

	padding-bottom: 10px;

	border-bottom: 2px dotted #9A2116;

}



#cpreview .previewComment {

	padding: 5px 12px;

	margin-bottom: 10px;

	font: 1.4em arial, serif;

	letter-spacing: -0.05em;

	text-decoration: none;

	color: #FFF5BD;

	background-color: #9A2116;

	border-top: 6px solid #FFF;

	border-bottom: 1px solid #701710;

}



p#txpCommentInputForm {

	padding: 5px 12px;

	font: 1.4em arial, serif;

	letter-spacing: -0.05em;

	text-decoration: none;

	color: #FFF5BD;

	background-color: #9A2116;

	border-top: 6px solid #FFF;

	border-bottom: 1px solid #701710;

}





/**************************************************************

 Images

**************************************************************/



.floatRight img {

	float: right;

	margin: 5px 0px 10px 10px;

}



.floatLeft img {

	float: left;

	margin: 5px 10px 10px 0px;

}



img.border {

	border: 4px solid #230F00;

}