/*---
extension: css
filter:    erb
layout:    nil   # no layout

color:
  border:      "#ddd"
  header:      "#111"
  link:        "#125AA7"
  link-hover:  "#000"
  blockquote:  "#666"
  box-bg:      "#eee"
  highlight:   "#B2CCFF"
  quiet:       "#666"
  alt:         "#666"
---

*/

/*  Layout Page Structure
 * --------------------------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=IM+Fell+English);

section, nav, header, article, aside {
  display: block;
}

body {

	background-color: #FFF;

	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

header.login_header {
	background-color: #fffad9;
	border-bottom: 3px solid gray;
/*	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.57, rgb(166,216,255)),
	    color-stop(0.62, rgb(255,255,255)),
	    color-stop(0.9, rgb(255,255,255))
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    rgb(166,216,255) 90%,
	    rgb(255,255,255) 57%,
	    rgb(255,255,255) 62%

	);*/
}

header.main {
  background-color: rgb(166,216,255);
  padding: 7px 0px 10px;
}

h3#join {
	display: inline-block;
	margin-left: 40px;
	margin-top: 17px;
}

#front-header {
	margin: 0;
	padding: 0;
	height: 125px;
}

#background_gradient {
	z-index: 0;
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.57, rgb(255,255,255)),
	    color-stop(0.62, rgb(255,255,255)),
	    color-stop(0.9, rgb(166,216,255))
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    rgb(255,255,255) 57%,
	    rgb(255,255,255) 62%,
	    rgb(166,216,255) 90%
	);
	height: 815px;
}

.container {width:960px; margin: 0 auto; }


footer {
	border-top: 0; 
	margin-top: 28px;
	min-height: 250px;
	display: block;
	background-color: #291105;
	color: #ccc;
	padding: 15px 50px;
}

footer h1,footer h2 {
	color: #999;
}

footer a {
	color: #eee;
}

footer li {
	list-style-type: none;
	font-size: 1em;
}

#team { float:left; margin-left: 20px; margin-right: 10px; }

section#content {
	margin-top: -815px;
	z-index: 1;
}

.content {
  vertical-align: top; 
	clear: both;
}

/*  Navigation
 * --------------------------------------------------------------------- */


nav.top { float: right; margin-top: 25px; margin-bottom: 11px;}

nav.top a {
  margin: 5px 0px 3px 10px; /* t l r b */
  padding: 3px 5px; /* t+b l+r*/
  display: inline;
  color: #000;
  font-weight: bold;
  -moz-border-radius: 5px; -webkit-border-radius: 5px;
  color: #3C4C41;
  font-size: 1.9em;
  text-decoration: none;
	border: 1px solid #A6D8FF; /*same color as body bg hax so it doesn't move on hover"*/
}

nav.top a:hover {
  /*color: #009;*/
	background-color: #fee;
	border: 1px solid #bbb;
}


/* Universal UI Elements
 * --------------------------------------------------------------------- */

.column {
	width: 250px;
	display: inline-block;
	vertical-align: top;
}

.round {
	padding: 10px;
	border: 0; 
	margin-top: 5px;
	margin-bottom: 5px;	
	background-color: #fff;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

.round.link:hover {
	background-color: #fee;
	border-color: #999;
}

.send {
  right: 0px;
}

section.square {
	background: #ffffff;
	background-color: #ffffff;
	padding: 15px;
/*	width: 750px;*/
  -webkit-box-shadow: 3px 3px 7px #777;
	box-shadow: 3px 3px 7px #777;
}
article, aside, section.title, section.explanation {
	padding: 10px;
	border: 0; 
	margin-bottom: 5px;
	background-color: #fafafa;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

section.message { 
  margin-bottom: 35px;
}


#flash_notice{
	border: 1px solid black;
	background-color: #ffa;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 20px;
	text-align: left;
	font-style: italic;
}

.star {font-size: 1.5em}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;clear:both;}
.selected{background-color: #c8f8ef;}

section.vertical_info { margin-left: 75px; width: 300px; float: left;}


.inline { display: inline;}

.inline-bubble {
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	background-color: #ddd;
	margin: 5px;
}

.left {
	float: left;
}

.right {
	float: right;
}


/* Buttons
 * --------------------------------------------------------------------- */


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}


a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}


/* Facebox
 * --------------------------------------------------------------------- */


#facebox .content {
	width: 540px;
	font-family: 'Lucida Sans', sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	line-height: 1.5em; 
	padding: 20px;
	padding-left: 20px;
	padding-right: 20px;

	background: #fff;
	background-image: url(/images/splash_bg_2.png);
	background-repeat:no-repeat;
	background-position:right bottom;

}

#facebox .round {
	background-color: #fdd;
	width: 500px;
	display: inline-block;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	margin-bottom: 20px;
}

#facebox .round p {
	margin-bottom: 0;
}

#facebox h1,h2,h3,h4 {
  font-family: 'IM Fell English', arial, serif;
}

#facebox h1 {
	letter-spacing: 1pt;
	font-size: 20px;
	line-height: 1.5em;
}

#facebox h2 {
  font-family: 'IM Fell English', arial, serif;
	font-size: 16px;
	line-height: 1.6em;
}

.checkmarks li {
	list-style: none;
	line-height: 1.5em;
	text-indent: -25px;
	padding-left: 25px; }
.bull { float: left; width: 25px; }

/* Headings
 * --------------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { color: #222; font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}

h4 {
	margin-bottom: 5px;
	margin-top: 5px;	
	font-size: 1.5em;
	color: #aaaaaa;
}

h4 a { color: #aaaaaa; text-decoration: none;}

/* Text Elements
 * --------------------------------------------------------------------- */
a                 { color: "#125AA7"; }
a:hover           { color: #009; }
blockquote        { color: "#666"; }

pre {
  background: "#eee";
  border:     1px solid "#ddd";
}

.hr {
	color: #f0f0f0;
  background-color: #f0f0f0;
	height: 3px;
	border: 0;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 5px;
}


/* Default Classes
 * --------------------------------------------------------------------- */
p.quiet { color: "#666"; }
.alt    { color: "#666"; }

#title {
  color: #ffffff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.5em;
}

header div#title { margin-top: 5px; float: left; margin-left: 15px; width: 40%;}



.item { padding-left: 10px;
			padding-right: 10px; 
			padding-top: 3px;
			padding-bottom: 3px;
			display: inline-block;
			color: #000;
			font-weight: bold;
			-moz-border-radius: 5px; -webkit-border-radius: 5px;
			margin: 5px;
			margin-left: 0px;
			margin-right: 10px;
			margin-bottom: 10px;
			background-color: #fdd;
			border: 1px solid #caa;
			color: #369;
			}

.item:hover {
	color: #009;
	background-color: #adf;
	border: 1px solid #999;
}

.column textarea {
	width: 220px;
	height: 150px;
}

/* Registration Page
 * --------------------------------------------------------------------- */


#login_form {
	float: right;
	width: 40%;
}

#login_form .text {
	width: 100px;
}

#new_user {
	
}

#new_user #errorExplanation { display: none;}
#new_user label { text-align:right; width:180px; color: #000022; display: inline-block;}
/*#new_user input, textarea { margin-left: 200px; }*/
#new_user .help { font-style: italic; color: #000022; display: block; margin-left: 185px; margin-top: 10px; width: 280px;}
#new_user label.check, label.radio { position:relative; text-align:left; }
#new_user #user_submit { margin-left: 180px; margin-top: 15px;}

.fieldWithErrors {
	margin: 0;
	padding: 0;
	display: inline;
}

#new_user .fieldWithErrors label {
	color: #dd0000;
}

section.registration {
	width: 500px;
  vertical-align: top;
  margin-right: 20px;
	margin-left: 425px;
}

section.registration form {
	margin-top: 32px;
}

section.registration h2 { margin: 20px; margin-left: 0px; margin-right: 60px;}

.election_link{ color:  #2d4473;}
.op_link{ color: #333; text-decoration: underline;}


a.filter_button.on {
	background-color: #999999;	
}

.filter_button {
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
	background-color: #fafafa;
	border: 1px solid #ddd;
	padding-left: 15px;
	padding-right: 15px;
	margin: 5px;
}

/* Dashboard
 * --------------------------------------------------------------------- */

.listing_election {
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 0; 
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	background: #ffffff;
}

.circle_small  {
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 0; 
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	background: #ffffff;
}


#dashboard .column.left {
	width: 270px;
}

.dashboard.column.right {
	width: 660px;
}

.race_results_header {
	margin-left: 580px;
	margin-top: 10px;
	color: lightgray;
}

.checkmark {
	color: gray;
}

.checkmark.top {
	color: green;
}

.checkmark.top.no {
	color: red;
}

/* Race Details Page
 * --------------------------------------------------------------------- */

.race_details {
	margin: 10 auto;
}

.race_details.column.left {
	width: 650px;
}

.race_details.column.right {
	width: 250px;
}

.candidate_list {

}

.race_sidebar_ballot {
	margin-top: 15px;
	margin-bottom: 25px;
}

.race_sidebar_ballot .radio_button_candidate {
	width: 40px;
	vertical-align: top;
}

.race_sidebar_ballot .name_candidate {
	font-weight: bold;
	width: 100%;
	vertical-align: top;
}

.race_candidates_race {
  border-spacing: 0px 5px;
	margin: 0px;
	width: 620px;
}

.race_candidates_race td {
	font-weight: bold;
	margin: 0;
}

.name_candidate {
	text-align: left;
	width: 25%;
}
.votes_candidate {
	width: 15%;
}
.radio_button_candidate {
	width: 15%;
	text-align: center;
}
.faces_candidate {
	width: 50%;
}

.faces_candidate img {
	margin: 2px;
}

.op_form {
	text-align: left;
}

.vote_body {
	width: 400px;
	display: inline-block;
	vertical-align: middle;
}



/* Election Show Page 
 * --------------------------------------------------------------------- */

.election_listing {
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
	background: #fff;
	background-color: #fff;
	margin-right: 15px;
	padding: 20px;
}

.election_sections {
	text-align: left;
}

table.bar-graph {border: 0;}
.hbg-bar { background-color: #369; color: #fff; font-weight: bold; display: block;}
.hbg-title {  }

.race_title_details_link { font-size: 60%;}

.election_summary {
	-webkit-box-shadow: 3px 3px 7px #777;
}

.race_title {
	color: #111; font-size: 1.5em; font-weight: bold;
}

.election_title {
	color: #111;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.75em;
  margin-bottom: 0.75em;
}

.summary_election {
	background: #ffffff;
	background-color: #ffffff;
	padding: 15px;
	margin-top: 20px;
  -webkit-box-shadow: 3px 3px 7px #777;
	box-shadow: 3px 3px 7px #777;
	width: 650px;
}

.summary_race {
	padding: 10px;
	border: 0; 
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
	margin-top: 5px;
	margin-bottom: 5px;	
	background-color: #fafafa;
}





/* My Circle Profile -- User Sources Index 
 * --------------------------------------------------------------------- */

#available_source_list {
	clear: left;
	display: block;
	width: 100%;
	margin-top: 60px;
}


.circle_profile {
	vertical-align: top;
}

.circle_profile .column {
	width: 275px; 
	margin-right: 30px;
	vertical-align: top;
}

.circle_profile .column.right {
	margin-right: 5px;
	margin-left: 0px;
}

.source_list li { list-style: none; 
	display: inline-block;
	padding: 10px;
	border: 0; 
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
	margin-top: 5px;
  margin-left: 5px;
	margin-bottom: 5px;
	width: 380px;
	background-color: #fafafa;
}
.source_list li b { font-size: 1.5em; }
.source_list li img {
  float: left;
  padding-right: 5px;
}
.source_list li input { float: right;}

.source_icon {
  display: inline-block;
	padding: 10px;
	border: 0; 
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 250px;
	background-color: #fafafa;
}

.source_icon.pub {
	background-color: #f0f0fa;
}

.source_icon img {
  float: left;
	padding-right: 5px;
}


.source_icon_left_column {
	width: 160px;
	display: inline-block;
}

.source_icon_right_column {
	display: inline-block;
	float: right;
}
.source_icon_right_column a {
	text-decoration: none;
	font-size: 1.5em;
	color: #bcbcbc;
}

.star.on {
	color: #ffff00;
}


.source_icon_small {
	display: inline-block;
	padding: 10px;
	border: 0; 
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 180px;
	background-color: #fafafa;
}
.source_icon_small * {
	vertical-align: middle;
}

.source {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 20px;
}


												

/* Source & User Profile Show Page
 * --------------------------------------------------------------------- */

.source_profile.column.left {
	display: inline-block;
/*	padding: 0px;*/
/*	margin: 0;*/
	padding: 10px;
	border: 0; 
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
	margin-top: 5px;
	margin-bottom: 5px;	
	background-color: #fafafa;
	width: 250px;
}

.source_profile.column.right {
	float: right;
	width: 640px;
	margin-left: 15px;
	border: none;
	background-color: none;
}

.source_profile.column.right {
	float: none;
}

.source_profile .op_listing {
	border: 0; 
	background-color: #fafafa;
	padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.op_list {
	width: 650px;
}

.op_listing p {
	margin: 0 0 4px;
}

.op_listing .vote {
	font-weight: bold;
}

.source_container {
	margin-top: 20px;
	clear: both;
}

.source_info {
	clear: both;
	padding: 0px;
	margin: 0;
	padding: 10px;
	border: 0; 
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
	margin-top: 5px;
	margin-bottom: 5px;	
	background-color: #fafafa;
}

.source_circle {
	margin-top: 20px;
	clear: both;
}

.source_ops {
	display: inline-block;
	width: 576px;
	vertical-align: top;
}

.hidden { display: none; }

.op_listing img {
	float: left;
	padding-right: 5px;
}
.op_listing {
	padding: 10px;
	border: 0; 
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
	margin-top: 5px;
	margin-bottom: 5px;	
	background-color: #ffffff;
}

.op_listing p {
	margin: 0;
}

.edit_user textarea {
	width: 870px;
	height: 150px;
}


/* EOF */