/*----------------------- document setup --------------------------------- */
body {
	margin: 0px;
	font-family: "Georgia", Times, Serif;
	font-size: 12px;
	line-height: 18px;
}

* {
	margin: 0px;
	padding: 0px;
}

.spacer {
	clear: both;
	margin: 0;
	padding: 0;
	border: 0;
	height: 0;
	width: 0;
}

a img {
	border: 0px;
}

a {
	text-decoration: none;
	color: #43879D;
}

a:hover {
	text-decoration: underline;
}

h1, h2 {
	font-weight: normal;
}


/* --------------------------- header and menu ------------------------- */
#header {
	width: 100%;
	height: 100px;
	background: url(/images/header-bg.gif) repeat-x;
}

#menu {
	width: 800px;
	height: 24px;
	margin: 0px auto;
	padding-top: 12px;
	text-align: center;
}

#menu ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#menu li {
	float: left;
}


/* ----------------------- status icons ------------------------ */
#status-icons {
	width: 661px;
	height: 53px;
	margin: 0px auto;
}

#status-icons ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#status-icons li {
	float: left;
}

/* ----------------- colors for indicators ----------------- */

.population_muted {
	color: #005c7a;
}

.density_muted {
	color: #0c5166;
}

.pollution_muted {
	color: #474829;
}

.congestion_muted {
	color: #534d3a;
}

.employment_muted {
	color: #6f4400;
}

.environment_muted {
	color: #4a6f00;
}

.budget_muted {
	color: #2c3b0d;
}

.population_bright {
	color: #005ba6;
}

.density_bright {
	color: #4503be;
}

.pollution_bright {
	color: #461d02;
}

.congestion_bright {
	color: #be5907;
}

.employment_bright {
	color: #ffba00;
}

.environment_bright {
	color: #6a8d00;
}

.budget_bright {
	color: #062102;
}

/*----------------------- middle area ---------------------- */
#middle {
	width: 100%;
	background: url(/images/body-bg.gif) repeat-x #656060;
	margin: 0px;
}

#content {
	width: 940px;
	margin: 15px auto 0px;
}

#generic {
	width: 750px;
	margin: 0px auto;
}

#generic-top {
	width: 750px;
	height: 20px;
	background: url(/images/generic-top.gif) no-repeat;
}

#generic-content {
	width: 680px;
	padding: 10px 35px;
	background: url(/images/generic-bg.gif) repeat-y;
}

#generic-bottom {
	width: 750px;
	height: 19px;
	background: url(/images/generic-bottom.gif) no-repeat;
}



/*--------------------- landing page -------------------- */
#landing {
	width: 730px;
	margin: 0px auto;
	font-family: "Lucida Sans", Arial, Sans-Serif;
	color: white;
}

#landing p {
	margin-bottom: 10px;
}

.landing-top {
	width: 730px;
	height: 79px;
	margin-top: -15px;
	background: url(/images/landing/landing-title.gif) no-repeat;
}

.landing-content {
	width: 658px;
	padding: 10px 35px;
	border-left: 1px solid #7E7979;
	border-right: 1px solid #7E7979;
	background: url(/images/landing/landing-bg.gif) top no-repeat #5B5656;
}

.landing-bottom {
	width: 730px;
	height: 56px;
	background: url(/images/landing/landing-footer.gif) no-repeat;
	text-align: center;
}

.teaser-text {
	width: 600px;
	margin: 10px auto;
	border: 1px solid #333333;
	background: #464242;
	padding: 10px;
}



/*----------------------- newspaper ------------------------ */
#newspaper {
	width: 751px;
	margin: 0px auto;
}

#newspaper .comment {
	border-left: 1px solid black;
	padding-left: 15px;
}

#newspaper a {
	font-weight: bold;
}


#newspaper-top {
	background: url(/images/newspaper/newspaper-top.gif) no-repeat;
	padding-top: 27px;
	height: 80px;
}

#newspaper-content {
	width: 691px;
	background: url(/images/newspaper/newspaper-bg.gif) repeat-y;
	padding: 15px 30px;
	margin-top: 0px !important;
	*margin-top: -3px;
}

#newspaper-date {
	width: 691px;
	background: url(/images/newspaper/newspaper-bg.gif) repeat-y;
	padding: 5px 30px;
	text-align: center;
	font-weight: bold;
	font-family: "Lucida Sans", Arial, Sans-Serif;
}

#newspaper-content #first-column {
	width: 330px;
	text-align: justify;
	margin-right: 14px;
	padding-right: 15px;
	border-right: 1px solid black;
	float: left;
	clear: none;
}

#newspaper-content #first-column h1, #newspaper-content #wide-column h1 {
	font-size: 28px;
	line-height: 32px;
	font-weight: normal;
	text-align: left;
}

#newspaper-content #first-column p, #newspaper-content #second-column p, #newspaper-content #wide-column p {
	margin-bottom: 20px;
}

#newspaper-content #second-column {
	width: 150px;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #C8C6C2;
	float: left;
}

#newspaper-content #second-column h1 {
	line-height: 25px;
	margin-bottom: 15px;
	font-size: 22px;
	font-weight: normal;
	text-align: left;	
}

#newspaper-content #wide-column {
	width: 480px;
	margin-right: 14px;
	padding-right: 35px;
	border-right: 1px solid black;
	float: left;
	clear: none;
	text-align: justify;
} 

#newspaper-content #wide-column form {
	margin-bottom: 15px;
}

#newspaper-content #wide-column h2 {
	margin-bottom: 5px;
}

#newspaper-content #third-column {
	width: 160px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#newspaper-content #third-column ul {
	list-style-type: none;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #C8C6C2;
	font-family: "Lucida Sans", Arial, Sans-Serif;
}

#newspaper-content #third-column ul li {
	width: 160px;
	border-bottom: 1px solid black;
	padding-bottom: 2px;
	margin-bottom: 3px;
}

#newspaper-content #third-column ul li.no-border {
	border: 0px;
}

#newspaper-content #third-column ul li a {
	color: black;
	font-weight: bold;
}

#newspaper-content #third-column h3 {
	font-family: "Lucida Sans", Arial, Sans-Serif;
	margin-bottom: 5px;
}

#newspaper-content .post {
	margin-bottom: 20px;
}

#newspaper-content h3 {
	margin-top: 3px;
	margin-bottom: 12px;
	font-family: 'Helvetica', Arial, sans-serif;
}

#newspaper-stats h4 {
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 12px;
}

#newspaper-content .minigraph_container {
	margin-top: 10px;
}

#weather {
	font-family: "Lucida Sans", Arial, Sans-Serif;
	font-size: 28px;
}


/*------------------------------ the voting page -------------- */
#question table {
	width: 700px;
}

#question td {
	padding: 2px 5px;
}

#question td.year {
	font-size: 18px;
	font-weight: bold;
}

#question td.filler {
	border-bottom: 1px solid silver;
}

#question {
	width: 750px;
	margin: 0px auto;
	font-family: "Lucida Sans", Arial, Sans-Serif;
	color: white;
}

#question #video {
	width: 710px;
	background: url(/images/question/final-bg.jpg) no-repeat;
	position: relative;
	padding: 60px 20px;
}

#left-video {
	position: absolute;
	left: 30px;
	top: 85px;
}

#right-video {
	position: absolute;
	left: 400px;
	top: 85px;
}

#sponsor-holder {
	width: 725px;
	height: 131px;
	padding: 30px 0px 0px 25px;
	text-align: center;
	background: url(/images/question/new-video.jpg) no-repeat;
}
#question-sponsor {
	width: 695px;
	height: 110px;
}

.banner {
	width: 695px;
	height: 110px;
	margin-top: 20px;
} 

#question-sponsor img, .banner img {
	width: 690px;
	height: 100px;
}



#question #vote {
	width: 750px;
	height: 90px;
	padding-top: 25px;
	background: url(/images/question/vote-bg.gif) repeat-y;
}

#question #vote-bottom {
	width: 750px;
	height: 18px;
	background: url(/images/question/vote-bottom.gif) no-repeat;
}

#vote #left, #vote #right {
	width: 340px;
	text-align: center;
}

#vote #left {
	float: left;
	padding-left: 20px;
}

#vote #right {
	float: right;
	padding-right: 20px;
}

#vote #full {
	padding-top: 13px;
	margin-left: 25px;
	width: 702px;
	text-align: center;
	background: url(/images/question/message.jpg) no-repeat;
	font-weight: bold;
	height: 38px;
}

/* ----------------------- the stats page ---------------------- */

.stats {
	font-family: 'Helvetica', Arial, sans-serif;
}

.stats h2 {
	font-size: 13px;
	font-weight: bold;
}

.stats .minigraph_container {
	float: left;
}

.stats #graph_controls {
	text-align: center;
}

.stats #graph_controls label {
	margin-left: 3px;
	margin-right: 10px;
}

/* ------------------------ user pages ------------------------- */

.users {
	font-family: Helvetica, Arial, sans-serif;
}

.users p {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* ------------------------ pages ------------------------------ */

.pages {
	font-family: Helvetica, Arial, sans-serif;
}

.pages h1 {
	margin-bottom: 20px;
}

.pages ul {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 30px;
}

.pages p {
	margin-top: 8px;
	margin-bottom: 8px;
}

/* ------------------------ forms ------------------------------ */

fieldset {
	border: none;
}

table.formtable {
	font-size: 11px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #BFBEAE;
	border-spacing: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Helvetica, Arial, sans-serif;
}

table.formtable tr td {
  padding: 6px 10px 6px 6px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #d2d0bf;
  vertical-align: top;
}

table.formtable tr td img {
  vertical-align: middle;
}

table.formtable tr td.fieldname {
	width: 140px;
	padding-right: 10px;
}

table.formtable tr td label {
	width: 140px;
	padding-right: 10px;
}

form {
	margin: 0px;
	padding: 10px 0px;
}

/* ----------------------- errors and notifications ------------ */

.notice {
	padding: 5px 10px 5px 30px;
	margin-top: 10px;
	margin-bottom: 15px;
	font-weight: bold;
	color: #577700;
	border-top: 3px solid #658900;
	border: 1px solid #658900;
	background: url(/images/admin/miniicons/icon_accept.gif) #E9F1D5 no-repeat 8px 6px;
}

.errorExplanation {
	padding: 5px 10px 5px 30px;
	margin-top: 10px;
	margin-bottom: 15px;
	font-weight: bold;
	color: red;
	border-top: 3px solid red;
	border: 1px solid red;
	background: url(/images/admin/miniicons/action_stop.gif) #FFC9C9 no-repeat 8px 6px;	
}

/* ----------------------------- the footer -------------------- */
#footer {
	height: 100px;
	background: url(/images/footer-bg.gif) repeat-x;
	width: 100%;
	margin: 0px;
	padding-top: 35px; 
	text-align: center;
}

#logos {
	margin: 0px auto;
	text-align: center;
	width: 841px !important;
	*width: 843px;
	height: 83px;
}


#logos img {
	vertical-align: bottom;
}