/*
Theme Name: ET-Starter
Theme URI: http://empirethemes.com/starter-theme
Description: A starter theme for WordPress. ET-Starter is meant to help you create your own WordPress theme with ease.
Author: ET
Author URI: http://empirethemes.com
version: 1.0.2
Tags: white, widget-ready, threaded-comments
*/


@import url('css/main.css');


/* 
pundit: v1.0
Apr, 2007
... inspired by (ok, learned from) ...
culture shock: voodoo dolly v1.0
pogy366: http://www.raykdesign.net
Oct. 2005 
*/

/* *****************************************
/* 
/* 	#000000 - black      (0,0,0)
/*	#999999 - grey       (153,153,153)
/*	#cccccc - med. grey  (204,204,204)
/* 	#eeeeee - light grey (238,238,238)
/* 	#ffffff - white      (255,255,255)
/*
/*	#6E312A - dark red   (110,49,42) - voodoo's colour
/*
/*	#663366 - purple     (102,51,102) - my colour
/*	#996699 - purple     (153,102,153) - was my colour
/* 
/*	.lib {	color: rgb(255,0,0);	}
/*	.cons {	color: rgb(0,0,255);	}
/*	.ndp {	color: rgb(255,102,0);	}
/*	.bq {	color: rgb(51,102,255);	}
/*	.grn {	color: rgb(154,154,0);	}
/*  OLD	.grn {	color: rgb(51,153,102);	}
/*	.ca_ref {color: rgb(0,128,128);	}
/*	.pc {	color: rgb(0,0,255);	}
/*	.rest {	color: rgb(51,51,51);	}
/*	
/* *************************************** */

/* *****************************************
/* 
/*	.top       - img/page_top.jpg	                        width:780px; height:9px;
/*	.page_wrap - img/body_bg.jpg	                        width:780px; <height:1px>
/* 	.header    - img/header.jpg	width:780px !important; width:742px; height:120px;
/* 	.navbar    - img/nav_bg.jpg	width:780px !important; width:742px; height:39px;
/* 	.bottom    - img/page_bottom.jpg                        width:780px; height:11px;
/* 
/* *************************************** */


/* ------------------------------------------------------ */
/*                                                        */
/*	override stupid browser defaults                      */
/*                                                        */
/* ------------------------------------------------------ */

html, body, form, fieldset {
	margin: 			0;
	padding: 			0;

	font-family:		Tahoma, Arial, sans-serif;
}

/* ------------------------------------------------------ */
/*                                                        */
/*	general page structure and layout                     */
/*                                                        */
/* ------------------------------------------------------ */

body {
	margin: 			20px 5px;
	text-align:		center;

	font-family:		Tahoma, Arial, sans-serif;

	background:		#fff;	/* white */
	font-size:		.8em;
	color:			#000;	/* black */
}

.top {
	margin:			0 auto;
	width:			780px;
	height:			9px;

	background:		#fff url(img/page_top.jpg) no-repeat;
}

.page_wrap {
	/* includes the header, main body content and the footer */

	margin:			0 auto;
	width:			780px;
	text-align:		center;

	background:		#fff url(img/body_bg.jpg) repeat-y;
}

.header {
	position:			relative;

	/* required for IE; I tested !! */
	margin:			0 0 0 0 !important;
	margin:			-7px 0 0 0;		/* only IE 6.x renders this */

	width:			780px !important;
	width:			742px;			/* only IE 6.x renders this  */
	height:			119px;
	text-align:		left;

	background:		#fff url(img/header_bg.jpg);
}

.hdr_ads {
	position:			relative;

	/* required for IE; I tested !! */
	margin:			0 0 0 0 !important;
	margin:			-7px 0 0 0;		/* only IE 6.x renders this */

	width:			1200px !important;
	width:			1162px;			/* only IE 6.x renders this  */
	text-align:		left;
}

.header_block {
	position:			relative;
	width:			600px;
	text-align:		left;

	background:		transparent;
	color:			#eee;
}

.logo {
	position:			relative;
	float:			left;
}

.navbar {
	position:			relative;

	/* required for IE; I tested !! */
	margin:			0 0 0 0 !important;
	margin:			0 0 0 -2px;		/* only IE 6.x renders this */

	width:			780px !important;
	width:			744px;			/* only IE 6.x renders this */
	height:			38px;
	text-align:		left;

	background:		#fff url(img/nav_bg.jpg) no-repeat;
	font-size:		.9em;
	color:			#000;	/* black */
}

.container {
	position:			relative;
	margin:			10px 0 0 10px;
	width:			760px !important;
	width:			744px;			/* only IE 6.x renders this */
	text-align:		left;

	background:		transparent;
}

#main-ads {
	width:			740px !important;
	width:			744px;			/* only IE 6.x renders this */
	padding:		13px 20px;
	/* border-bottom:	1px solid #ccc; */
}

.left_column {
	position:			absolute;
	left:			0;
	width:			140px;
	padding:			0 4px 0 0;

	background:		transparent;
	font-size:		.9em;
	color:			#636; /* purple */  /* color: #6E312A; */
}

.center_column {
	position:			relative;
	margin:			0 0 0 151px;
	width:			595px;

	/* CREDIT :: http://www.dustindiaz.com/min-height-fast-hack/ */
	min-height:		650px;
	height:			auto !important;
	height:			650px;	/* IE 6.x treats height like min-height */

	padding:			0 0 0 10px;
	border-left:		1px solid #999; /* dark-grey */

	background:		transparent;
}

.perma_crumbs {
	margin:			0 0 1.5em 0;
}

.box_right {
	position:			relative;
	float:			right;
	width:			150px;
	text-align:		left;
	margin:			0px 0 3px 10px !important;
	margin:			0px 5px 3px 10px;	/* only IE 6.x renders this */
	padding:			2px 5px 2px 10px;
	border:			1px solid #ccc; /* med-grey */

	background:		#eee; 	/* lightest-grey */

	font-size:		.9em;
	color:			#616161; /* charcoal */
}

#graph_right {
	position:			relative;
	float:			right;

	margin:			0 2px 10px 5px;
}

.riding_links {
	clear:			right;
}

.technorati_search {
	display:			block;
	width:			100%;
}

.footer {
	position:			relative;
	width:			780px;
	padding:			10px 0 0 0;

	font-family:		Tahoma, Verdana, sans-serif;
	font-size:		.8em;
	color:			#636;

	/* text-align:		right; */
	text-align:		center;
	background:		#fff url(img/body_bg.jpg) repeat-y;
}

.footer_logo {
	position:			relative;
	float:			right;
	padding:		0 0 0 0;
	margin:			0 0 0 15px;

	color:			#636;
}

#footer {
	/* aligns the text to the middle of the footer, in relation to the logo	 */
	vertical-align:	-250%;
}

.bottom {
	margin:			0 auto;
	width:			780px;
	height:			11px;

	background:		#fff url(img/page_bottom.jpg) no-repeat top;
}

/* images */

img { border:			none; }
.left { float:			left; }
.right { float:		right; }


/* ------------------------------------------------------ */
/*                                                        */
/*    major text elements and classes                     */
/*                                                        */
/* ------------------------------------------------------ */

p {
	margin:			.5em 0;
}

/* fonts and colors */

h1, h2, h3 {
	color:			#000;
	font-weight:		bold;
}

h2:after, h3:after {
	color:			#000;
	content: 			"\0020 \00BB";
}

h1 {
	clear:			right;
	font-size:		1.4em;
	margin:			1em 0 1em 0;
	/* letter-spacing:	.1em; */
}

h2 {
	font-size:		1.2em;
	/* margin:		0 0 -6px 0; */
}

h3 {
	font-size:		1.1em;
	/* margin:		0 0 -8px 0; */
}

.left_column h3 {
	/* color:			#6E312A;
	color:			#663366; */
	margin:			0 0 8px 0;
}

.left_column h3:after {
	/* color:			#6E312A;
	color:			#663366; */
}

.left_column ul {
	/* list-style:		none; */
	margin-left:		0;
	padding-left:		10px;
}

.left_column ul li {
	/* list-style:		none; */
	margin-left:		0;
	padding-left:		0;
	margin-bottom:		10px;
}

.box_right h3 {
	color:			#636;
	margin:			4px 0 6px 0;
}

.box_right h3:after {
	color:			#636;
}

.box_right p {
	margin:			.9em 0;
	font-size:		.9em;
}

a {
	color:			#636;
	text-decoration:underline;
}

a:hover {
	color:			#999;
	text-decoration:none;
}

.banpc ul {
	/* list-style:		none; */
	margin-left:		0;
	padding-left:		10px;
}

.banpc ul li {
	/* list-style:		none; */
	margin-left:		0;
	padding-left:		0;
}

.banpc ul li a {
	font-size:		0.8em;
}

.lib {		color: rgb(255,0,0);	}
.cons {		color: rgb(0,0,255);	}
.ndp {		color: rgb(255,102,0);	}
.bq {		color: rgb(51,102,255);	}
.grn {		color: rgb(154,154,0);	}
/* .grn {		color: rgb(51,153,102);	} */
.ca_ref {		color: rgb(0,128,128);	}
.ca {		color: rgb(0,128,128);	}
.ref {		color: rgb(0,128,128);	}
.pc {		color: rgb(0,0,255);	}
.rest {		color: rgb(51,51,51);	}
.ind {		color: rgb(51,51,51);	}
.oth {		color: rgb(51,51,51);	}

/* ------------------------------------------------------ */
/*                                                        */
/* 	major div id's                                        */
/*                                                        */
/* ------------------------------------------------------ */

/* navigation bar */

#nav ul{
	list-style:		none;
	float:			left;
	margin: 			0 0 0 1.5em;
	width:			100%;
	height:			38px;

	background:		transparent;
	white-space: 		nowrap;
	font-size:		1em;
	color:			#fff;	/* white */
}

#nav ul li{
	display:			inline;
	list-style:		none;
}

#nav ul li a{
	float: 			left;
	margin: 			.7em 0 0 0;
	padding: 			.4em 1em .46em 1em;
	border-left:		1px solid #999;

	background:		transparent;
	color:			#fff;
	text-decoration: 	none;
}

#nav ul li a:hover{
	border-left:		1px solid #999;
	color:			#000;
	text-decoration: 	none;
}

/* error report */

#frmErrorRpt {
	position:			absolute;
	top:				45px;
	right:			5px;
	z-index:			300;

	width:			400px;
	padding:			20px;
	border:			1px solid #ccc;

	background:		#eee;
}

#fldstErrorRpt {
	padding:			10px;
	background:		#ccc;
}

/* sidetabs */

#db_nav {
	margin:			0 0 16px 0;
	padding: 			10px 0;
	background-color: 	#969;
	text-align:		justify;
}

#db_nav li {
	padding: 			10px 0px 10px 10px;
	list-style: 		none;
	text-align:		right;
}

#db_nav li a {
	line-height: 		15px;
	font-weight: 		bold;
	white-space: 		nowrap;
	width:			140px;
	padding: 			10px 10px 10px 10px;
	text-decoration: 	none;
	background-color: 	#969;
	color: 			#fff;
}

#db_nav li a.active, #db_nav li a:hover {
	background-color: 	#e3e1e1;
	color: 			#636;
}

#db_nav li a:hover {
	color: 			#969;
}

/* minitabs */

#minitabs {
	margin: 			0;
	padding: 			5px 5px 20px 5px;
	background-color: 	#969;
}

#minitabs li {
	margin: 			0;
	padding: 			0;
	display: 			inline;
	list-style: 		none;
}

#minitabs li a {
	float: 			left;
	line-height: 		12px;
	font-size: 		.8em;
	font-weight: 		bold;
	margin: 			0 5px 0px 5px;
	padding: 			5px 10px 5px 10px;
	text-decoration: none;
	color: 			#fff;
}

#minitabs a.active, #minitabs a:hover {
	background-color: 	#e3e3e3;
	color: 			#636;
}

#minitabs a:hover {
	color: 			#969;
}

#permalink {
	float:			right;
	margin-left:		2px;
}

#permalink a {			font-size: .8em;	}

#breadcrumbs { 		font-size: .8em;	}

#chrtStyleProgress {	float: left;		}

#panes		{		clear:	both;	}

/* ------------------------------------------------------ */
/*                                                        */
/*    Formatting of table elements                        */
/*                                                        */
/* ------------------------------------------------------ */

table {
	margin:			0;
	padding:			0;
	width: 			100%;
	border-collapse:	collapse;
}

#riding_list	{	clear:	right;	}
.summary_table	{	clear:	both;	}

#rid_summary	{	width:	222px; 	}
#rid_stats	{	clear:	both;  	}
#party_stats	{	clear:	both;	}

caption {
	text-indent: 		-1000em;
	height: 			0;
}

caption.showme {
	text-indent: 		0em;
	height: 			auto;
}

legend {
	/* font-size: 		1em;
	font-weight: 		bold; */
}

thead {
	margin-bottom: 	5px;
	border-bottom: 	solid #999999 1.5px;
}

tbody {
}

th, td {
	vertical-align:	top;
	padding: 			0.2em 0 0.3em 0;
	font-size: 		.85em;
	}

th {
	border-bottom: 	1px solid #999;
	font-weight: 		bolder;
	}

td {
	border-bottom: 	1px solid #999;
	}

#rid_details th {
	padding-right: 	0.5em;
}

.end_colgroup {
	padding-right: 	0.5em;
	border-right: 		1px dashed #999;
	}

.beg_rowgroup {
	padding-top: 		0.2em;
	padding-bottom: 	0.1em;
	border-top: 		1px solid #999;
	border-bottom: 	none;
	}

.mid_rowgroup {
	padding-top: 		0.2em;
	padding-bottom: 	0.1em;
	border-top: 		none;
	border-bottom: 	none;
	}

.hilite {
	background:		#eee;
	}

#riding_list table tr td {
	border-bottom: 	none;
}

tfoot td {
	border-top: 		1.5px solid #999;
	border-bottom: 	none;
}

.rowhead {
	text-align: 		left;
}

.numb {
	padding-right: 	0.5em;
	text-align: 		right;
}

.attrib {
	text-align: 		center;
}

.desc {
	padding-left: 		0.5em;
	text-align: 		left;
}

.spec_qry {
	font-size: 		.8em;
}

/* ------------------------------------------------------ */
/*                                                        */
/*    form elements                                       */
/*                                                        */
/* ------------------------------------------------------ */

.left_column form {
	margin:			3px 0;
	border: 			0;
}

.left_column fieldset {
	margin:			6px 0px;
	padding:			3px 0px 3px 3px;
}

.left_column fieldset legend {
	font-size:		.8em;
	font-weight:		bold;
}

.dialog fieldset {
	border:			0;
}

.census_dialog fieldset {
	border:			0;
}

label {
	display: 			block;
	clear: 			left;
	margin: 			2px 0;
	font-size:		.8em;
	font-weight:		bold;
}

label.tight {
	float: 			left;
	clear: 			none;
	margin: 			2px 4px 2px 2px;
	height: 			10px;
	font-weight:		normal;
}

fieldset label {
	font-weight:		normal;
}

input {
	padding:			0 .2em;
	font-size:		.8em;
	}

.technorati_search input[type="text"] {
	float: 			left;
	display:			inline;
	clear:			none;
	margin: 			4px 4px 2px 2px;
	padding:			0 .2em;
	}

.technorati_search.text {
	float: 			left;
	display:			inline;
	clear:			none;
	margin: 			4px 4px 2px 2px;
	padding:			0 .2em;
	}

.technorati_search input[type="radio"] {
	float: 			left;
	margin: 			4px 4px 2px 2px;
	padding:			0 .2em;
	}

.technorati_search.radio {
	float: 			left;
	margin: 			4px 4px 2px 2px;
	padding:			0 .2em;
	}

.technorati_search input[type="submit"] {
	float: 			left;
	font-size:		.8em;
	margin: 			-2px 0px 2px 2px;
	padding:			0;
	}

.technorati_search.submit {
	float: 			left;
	font-size:		.8em;
	margin: 			-2px 0px 2px 2px;
	padding:			0;
	}

.technorati_search label {
	float: 			left;
	display:			inline;
	clear:			none;
	margin: 			4px 4px 2px 2px;
	padding:			0 .2em;
	}

.technorati_search img {
	float: 			left;
	display:			inline;
	clear:			none;
	margin: 			2px 4px 2px 2px;
	padding:			2px 2px;
	}

/* have to specify a class, since CSS 1.0 doesn't recognize different types */
.left_column.text {
	width: 			120px !important;
	width:			120px;
	}

.left_column input[type="text"] {
	width: 			120px !important;
	width:			120px;
	}

/* have to specify a class, since CSS 1.0 doesn't recognize different types */
.radio {
	float: 			left;
	margin-top:		3px;
	margin-right: 		2px;
	width: 			10px;
	height: 			10px;
}

.left_column input[type="radio"] {
	float: 			left;
	margin-top:		3px;
	margin-right: 		2px;
	width: 			10px;
	height: 			10px;
}

.checkbox, .submit {
	width: 			auto;
}

select {
	margin: 			2px 0px;
	width: 			132px;

	font-family:		Tahoma, Arial, sans-serif;
	font-size:		.8em;
}

.left_column select {
	width: 			100%;
}

.census_dialog select {
	width: 			400px;
}

select.full {
	margin: 			2px 0px;
	width: 			100%;
	font-size:		.8em;
}

option {
	padding:			0 0 0 .2em;
}


/* workarounds and hacks */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */