/**
 * basic.css
 * ----------------
 * Generic styles for any site
 * Woody Sabran / woody@loftdigital.com
 * Copyright 2007
 */

/* body */

body {
	margin: 10px ;
	font-size: 11px ;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	color: #000 ;
}
a {
	color: #F40E00 ;
	text-decoration: none ;
}
a:hover {
	text-decoration: underline ;
}
a:focus { /* ie mac */
	outline: none
	}

/* text control */
p, ul, ol ,dl, blockquote, h1, h2, h3, h4, h5, h6, hr {
	margin-top: 0 ;
	margin-bottom: 1em ;
	line-height: 1.5em ;
}
p {
	font-size: 1em ;
	margin-bottom: 1.5em ;
}
h1 {
	/* font-size: 2em ; */
	font-size: 2.4em ;
	font-family: Arial, Helvetica, sans-serif ;
	font-weight: normal ;
}
h2 {
	/* font-size: 1.6em ; */
	font-size: 1.4em ;
	font-family: Arial, Helvetica, sans-serif ;
	
}
h3 {
	/* font-size: 1.25em ; */
	font-size: 11px ;
	font-family: Arial, Helvetica, sans-serif ;
	background-color: #FCC208 ;
	padding: 6px 9px ;
	margin: 0 0 10px 0 ;
}
hr {
	display: none ;
	}
/*.hr {
	height: 2px ;
	overflow: hidden ;
	background: url(/images/hr_back.gif) repeat-x 0 0 ;
	margin: 0 0 1.5em 0 ;
}
.hr hr {
	display: none ;
}*?

/* images */
img {
	border: 0;
	}
pre {
	padding: 10px; 
	background-color: #eee ;
	overflow: auto ;
}

/* forms */

input, select, textarea , button {
	font: 1.1em Arial, sans-serif;
}
button, input.button {
	cursor: pointer ;
}
form {
	margin: 0 ;
	padding: 0;
}
textarea {
	width: 97% ;
}
p.error {
	color: white ;
	background-color: red ;
	padding: 5px 8px ;
	height: auto ;
}
p.error a, p.error a:hover {
	color: #fff !important;
}
p.confirm {
	color: white ;
	background-color: green ;
	padding: 5px 8px ;
	height: auto ;
}

fieldset {
	border: 0 ;
	padding: 1.5em 0 ;
	margin: 0 0 1em 0 ;
	background: url(../images/hr_back.gif) repeat-x bottom left ;
}
fieldset.normal label {
	float: none ;
	width: auto ;
	display: inline ;
}

legend {
	font-weight: bold ;
	margin: 0 ;
	color: #000 ;
}

fieldset.normal p {
	height: auto ;
}

form p {
	clear: both ;
	height: 1.4em ;
}
form p.normal {
	height: auto ;
}
form p.indent label {
	width: 100px ;
	height: 70px ;
}
form p.space {
	height: 30px ;
}

form p.nolabel /* for when there's no label, but we still want everything to line up */
{
	padding-left: 130px ;
}

label, form span.label /* for labels where <label> tag is not appropriate (eg, radios) */
{
	width: 120px ;
	padding-top: 5px ;
	display: block ;
	float: left ;
	clear: both ; 
}

form span {
	width: 150px ;
	line-height: 13px ;
}
form span.field /* to space fields nicely */
{
	display: block ;
	float: left ;
	width: 196px ;
	margin: 3px 0 0 0 ;
}
form span.medium
{
	width: 136px ;
}

form span.field label /* for radios and checkboxes, the label should display normally */
{
	width: auto ;
	padding-top: 0 ;
	display: inline ;
	float: none ;
}

.long {
	width: 190px ;
}
select.long {
	width: 196px ;
}
#login #email_rules, #login #password_rules, #author_email_rules, #human_test_rules {
	width: 200px ;
}
.medium {
	width: 130px !important ;
}
.small {
	width: 100px !important ;
}

.tiny {
	width: 50px !important ;
}

table.listing {
	width: 100% ;
	border-collapse: collapse;
}

table.listing th {
	color: white ;
	background-color: black ;
	font-weight: normal ;
	font-style: normal ;
	text-align: left ;
	padding: 6px 5px ;
}

table.listing th a {
	color: white ; 
	text-decoration: none ;
}

table.listing td {
	padding: 6px 5px ;
	border-bottom: 1px solid #99a ;
}

table.listing tr.alt td {
	background-color: #dde ;
}
table.listing tr.over td {
	background-color: #ccd ;
}

table.listing td a {
	text-decoration: underline ;
}

button, input.button {
	background-color: #efefef ;
	border: 1px solid #ccc ;
	padding: 3px 8px ;
	margin-right: 5px ;
}
button:hover, input.button:hover{
	background-color: #f6f6f6 ;
	border: 1px solid #ddd ;
}