/* general type styles */

a	{
	color: #F00;
	font-weight:bold;
	text-decoration: none;
	background-color: transparent;
	outline: none;
}

a:link	{
	color: #F00;
	text-decoration: none;
	background-color: transparent;
} 

a:visited	{
	color: #F00;
	text-decoration: none;
	background-color: transparent;
} 

a:active,
a:hover	{ 
	color: #FFF;  
	text-decoration: none;
	background-color: transparent;
	background-color: #000;
} 

#credits a,
#credits a:link,
#credits a:visited {
	color: #333;
	text-decoration: none;
}

#credits a:active,
#credits a:hover	{
	color: #FFF;
}


/* layout */


#logo {
	float: left;
	width: 420px;
}

h1 {
	margin: 0px 0px -3px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-weight: normal;
	letter-spacing: -0.04em;
}

h1	a,
h1	a:link,
h1	a:visited {
	display: block;
	width: 410px;
	font-weight: normal;
	text-indent: -9999px;
	background-image: url("../assets/logo_hover.gif");
	background-image: url("../assets/logo.gif");
	background-repeat: no-repeat;
	height: 39px;
	color: #F00;
}

h1	a:hover,
h1	a:active	{
	background-image: url("../assets/logo_hover.gif");
}


h1	a,
h1	a:link,
h1	a:visited {
	color: #F00;
	text-decoration: none;
}

#logo p	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	font-weight: bold;
}

p.homepage	{
	font-family: Apex Serif Light, Helvetica, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: -0.026em;
	font-size: 25px;
	line-height: 25px;
	font-weight: normal;
	margin-bottom: 18px;
	background-color: #FFFFFF;
}

.homepage	#logo	p.homepage span	{
	color: #F00;
	font-family: Apex Serif Medium, Helvetica, Arial, sans-serif;
	font-style: normal;
}

/* custom stuff */ 

#content h2	{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 6px;
	font-size: 25px;
	line-height: 34px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: -0.026em;
} 

#content	#meta-info	{
	float: left;
	margin: 1px 0px 0px 0px;
	padding: 0px;
	width: 210px;
	color: #666;
}

#content	div#body-first	{
	float: left;
	margin: 0px 0px 0px 0px;
	width: 200px;
}

#content div#body-second	{
	margin: 0px 0px 0px 420px;
	padding: 0px;
}

#content	div#body-second	#terminator {
	text-align: right;
	font-size: 18px;
	padding: 0px 15px 0px 0px;
}

#content	#credits	p	{
	margin: 0px;
	padding: 5px 0px 0px 0px;
	color: #666;
	font-size: 11px;
	line-height: 15px;
	font-style: italic;
}

#content	#credits	p	em	{
	color: #333;
}

/* styles for about page */

.about #nav-local ul	li a	{
	min-height: 100px;
}

.about	#content	div#body-first	{
	padding: 0px;
	margin: 0px 0px 30px 105px;
}

.about	#content div#body-second	{
	padding-top: 0px;
}

.about	#content	#intro {
	margin-bottom: 20px;
}

.about	#content	#intro p.band-standard {
	padding: 0px 5px;
	margin-bottom: 1px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 30px;
	line-height: 32px;
	color: #FFF;
	background-color: #F00;
}

.about	#content	#intro p.band-special {
	padding: 0px 5px;
	margin-bottom: 1px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 30px;
	line-height: 32px;
	color: #FFF;
	background-color: #000;
}

div.info-lead {
	border-top: 1px solid #E5E5E5;
	padding: 10px 0px 0px 0px;
}

div.info-second {
	border-top: 1px solid #E5E5E5;
	padding: 10px 0px 0px 0px;
}


div.label-lead {
	float: left;
	width: 95px;
	padding: 0px 5px;
	font-weight: bold;
}

div.masthead	{
	margin-left: 105px;
}

div.staff	{
	float: left;
	width: 95px;
	padding: 0px 5px;
	font-weight: bold;
}

div.duties	{
	margin: 0px 0px 0px 105px;
}

div.details	{
	margin: 0px 0px 0px 210px;
}

/* remarks */

#remarks h3,
#add-remarks h3 {
	margin: 0px;
	border-top: 1px solid #000;
	padding: 5px 6px;
	font-size: 11px;
}

#remarks	h3	{
	font-weight: normal;
	border-bottom: 0px;
}

#remarks	h3	span.notation	{
	display: block;
	float: left;
	width: 205px;
	padding: 0px 5px 0px 0px;
	font-size: 12px;
	font-weight: bold;
}

#remarks	h3.error	{
	border-top: 1px solid #F00;
	border-bottom: 0px;
	background-color: #F00;
	font-size: 12px;
	color: #FFF;
}

#remarks blockquote	{
	padding-top: 5px;
	font-size: 11px;
	line-height: 15px;
	color: #666;
}

		
#add-remarks	h3	{
	font-size: 12px;
	border-bottom: 1px solid #CCC;
}

#remarks	.remarks-lead p {
	font-size: 12px;
	line-height: 16px;
	margin: 0px 0px 0px 210px;
	padding: 6px 10px 8px 5px;
}

.time-remarks,
.post-lead	.info-label	{
	float: left;
	width: 200px;
	margin: 0px;
	padding: 0px 0px 6px 5px;
	line-height: 19px;
}

.time-remarks	a	{
	font-size: 10px;
	text-transform: uppercase;
}	

.remarks-date	{
	float: left;
	width: 205px;
	margin: 0px;
	padding: 6px 0px 8px 5px;
	font-size: 12px;
	line-height: 16px;
	color: #666;
}
		
.remarks-lead	{
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #CCC;
	padding: 0px 0px 10px 0px;
}

.remarks-lead	p	{
	margin: 0px 0px 0px 210px;
	padding: 6px 10px 8px 5px;
	font-size: 12px;
	line-height: 16px;
}

.remarks-lead blockquote {
	margin: 0px 0px 10px 215px;
}

		

/* add remarks styles */

.add-remarks	input	{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	margin: 0px;
	background-color: #FFF;
}

.guidelines	{
	float: left;
	width: 90px;
	padding: 5px 10px 0px 5px;
	color: #666;
}

.add-lead,
.add-last-lead	{
	margin: 0px 0px 0px 105px;
	border-bottom: 1px solid #CCC;
	padding: 0px 0px 0px 5px;
}

.add-last-lead	{
	border-bottom: none;
	padding: 0px 0px 10px 5px;
}
	
.add-lead	span	{
	font-size: 11px;
	line-height: 18px;
	color: #666;
	padding-top: 2px;
}

label	{
	float: left;
	width: 105px;
	margin: 0px;
	padding: 9px 0px 8px 0px;
	font-size: 12px;
	line-height: 14px;
}

.add-lead	input	{
	margin: 5px 10px 5px 0px;
}

.add-last-lead	input		{
	margin: 8px 15px 5px 0px;
}

.add-lead	input#name,
.add-lead	input#email,
.add-lead	input#url	{
	width: 190px;
}

.tinyturing	input {
	float: left;
	width: 20px;
	text-align: center;
	margin-bottom: 6px;
	}

.turing-test	{
	line-height: 28px;
	padding-bottom: 2px;
}

.turing-test	span	{
	background-color: #666;
	padding: 3px 5px;
	margin: 0px 2px;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
}

textarea.your-remarks	{
	clear: none;
	width: 390px;
	height: 150px;	
	margin: 5px 0px 5px 0px;
}

#remember,
#forget	{
	float: left;
	background-color: transparent;
	padding: 0px 0px 0px 0px;
	margin: 9px 5px 10px 0px;
}

#rememberit,
#forgetit	{
	width: auto;
	padding: 9px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
}

#rememberit	{
	padding-right: 10px;
}

#deck	{
	margin: 40px 0px 0px 0px;
	border-top: 1px solid #E5E5E5;
	padding: 0px 0px 10px 0px;
}

#deck	h4	{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px;
	line-height: 14px;
	text-indent: -9999px;
	background-image: url("../assets/a_commercial_message.gif");
	background-repeat: no-repeat;
}

#deck a	{
	padding: 0px;
	margin: 0px;
}

#deck	img.ad	{
	display: block;
	margin: 10px 0px 10px 5px;
	padding: 0px;
}

#deck	p.ads	{
	font-size: 11px;
	line-height: 14px;
	margin: 0px;
	padding: 0px 5px;
}


/* comment counting */

#your_remarks_status	{
	margin: 0px 0px 0px 105px;
	padding: 7px 0px 0px 0px;
}

.remain {

}

.under {
}

.over {
   color: #f00;
}

/* footer */

#footer	p	{
	padding: 0px 3px;
	font-size: 11px;
	line-height: 15px;
}

#footer	p#copyright	{
	float: left;
	width: 610px;
}

#footer	p#subscribe	{
	margin-left: 610px;
}

#footer p	a.feed	{
	display: block;
	background-image: url("../assets/feed-icon.gif");
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: 12px;
	width: 210px;
}

#footer p	a.feed:hover,
#footer p	a.feed:active	{
	color: #000;
	background-color: #FFF;
	text-decoration: underline;
}