@charset "utf-8"; 
/*VOTE Minneapolis Website
 Author: Grant E. Johnson
*/
/*  TYPOGRAPHY - GENERAL
----------------------------------------------------------------------*/
body {	
	color: #000;
	font-size:0.8125em; /* 13px / 16px */
	line-height:1.538461538461538em; /* 20px / 13px */
	font-family:Arial, Helvetica, sans-serif;
}
h1 {font-family: 'Fjalla One', sans-serif; font-size: 24px; font-size:1.71428571rem; line-height: 1.2; font-weight: normal; color: #ce0d12;}
h2 {font-family: 'Fjalla One', sans-serif; font-size: 18px; font-size:1.28571429rem; line-height: 1.3; font-weight: normal; color: #004686;  text-transform:uppercase;}
a:link {color:#004185;}
a:visited {color:#800080;} 
a:hover, a:active {color:#0066cc; text-decoration:none;}  
em, i {font-style:italic;}
strong, b {font-weight:600;}
p {margin:0 0 .6em 0; padding:0 0 .2em 0;} 
tr, td {vertical-align:top;}
ol {list-style:decimal;}
ul, ol {padding:0 0 .5em 2em;} 
hr {border-color:#ccc;	margin:0 0 1.428571428571429em;}
sup {vertical-align:super; font-size:10px;}
/*  SPECIFIC STYLES 
----------------------------------------------------------------------*/
.breadcrumb {font-size:.9em; margin-top:0;}
.headline {font:normal 13px Arial; font-size:0.92857143rem; padding-bottom:1.2em;}
.headline a {text-decoration:underline;}
.headline a:hover {text-decoration:none;}
.date {color:#707070; display:block; font:normal 12px Arial; font-size:0.85714286rem;}
a.gray_btn {display:block; width: 138px; height:28px; background: #e7e7e7; padding:10px 0 0  0; font: bold 15px Arial; text-align:center; color:#898989; text-decoration:none; text-shadow: 1px 1px 1px #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: #c4c4c4 1px 1px 0px;-moz-box-shadow: #c4c4c4 1px 1px 0px; box-shadow: #c4c4c4 1px 1px 0px;}
a.gray_btn:hover {color:#fff;background:#c80c15;text-shadow:2px 2px 2px #8c8c8c;-webkit-box-shadow: #9c090f 1px 1px 0px;-moz-box-shadow: #9c090f 1px 1px 0px; box-shadow: #9c090f 1px 1px 0px;}
a.red_btn {display:block; width: 138px; height:28px; padding:10px 0 0 0; font: bold 15px Arial; color:#fff; background:#c80c15;text-shadow:2px 2px 2px #8c8c8c; text-align:center; text-decoration:none; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: #9c090f 1px 1px 0px;-moz-box-shadow: #9c090f 1px 1px 0px; box-shadow: #9c090f 1px 1px 0px;}
a.red_btn:hover {color:#898989; background: #e7e7e7; text-shadow: 1px 1px 1px #fff;-webkit-box-shadow: #c4c4c4 1px 1px 0px;-moz-box-shadow: #c4c4c4 1px 1px 0px; box-shadow: #c4c4c4 1px 1px 0px;}
a.btn_large {width: 270px;}
a.btn_auto {width: auto;}
.news h2, .events h2 {
	margin-top:50px;
	font-family: 'Fjalla One', sans-serif;
	font-size:26px;
	font-size:1.85714286rem; 
	font-weight: normal; 
	color: #ce0d12;
}
.guide {background: #f5f5f5;border-top: 1px solid #f5f5f5;margin-bottom:20px;}
.section .guide {margin-top:0; margin-bottom:20px;}
#body-content th {text-align:left;}
#body-content th, #body-content td {padding:.2em;}
#rightcol .guide {margin-bottom:20px;}
.guide h2.red-flag {
	font-family: 'Fjalla One', sans-serif; 
	font-weight: normal;
	font-size:26px;
	font-size:1.85714286rem;
	background: url('side-red-flag.png') no-repeat left center;
	padding-left: 40px;
	margin-top:20px;
	margin-bottom:3px;
	text-transform:none;
	color: #ce0d12;
}
#rightcol .guide h2.red-flag {margin-top:10px;	font-size:24px;}
.guide h3 {
	color: #666;
	font-size:13px;
	margin-top:0;
	padding-left: 40px;
}
.section p {margin-bottom:0;}
.guide p {padding-bottom:0;}
.guide .red_btn {width:100%; font-size:0.95em;}
p > a.gray_btn.btn_large {margin-bottom:0;}
#body-content ul {list-style-image:url('blue-bullet.png');}
#body-content ul ul {list-style-image:none; padding-bottom:0;}
#body-content li {padding: 0 .3em;}
.blue-title {font: 1.8em 'Fjalla One', sans-serif;  color: #004684;}
.red-title {font: 1.8em 'Fjalla One', sans-serif;  color: #ce0d12;}
.blue-star {list-style:none; padding:0;	margin:0;}
.blue-star li{border-top: 1px solid #e1e1e1; padding: 0;background: url('blue-star.png') no-repeat 10px center;}
.blue-star li:hover{background: url('red-star.png') no-repeat 10px center;}
.blue-star li:first-child{border-top: none;}
.blue-star li a {
	display:block;
	padding: 10px 40px;
	color: #004684;
	font:bold 13px Arial; font-size:0.92857143rem;
	text-decoration:none;
}
.blue-star li a:hover {color: #ce0d12;}
.star-promo {
	background: url('star-promo-bk.jpg') no-repeat 0 bottom;
	border-bottom: 5px solid #ce0d12;
	text-align:center;
	margin-bottom:20px;
}
.star-promo h1{
	text-align:center;
	height:70px;
	padding: 10px 0;
	line-height:1.3;
	color:#fff;
	background: url('blue-sidebar-top.png') no-repeat 0 0;
}
.star-promo h2, .pencil-promo h2{padding-top:0;	color:#ce0d12; font-size:1.5rem;}
.star-promo p{font-weight:bold;padding:0 10px;}
.pencil-promo {
	background: #f5f5f5 url('pencil-promo-bk.jpg') no-repeat center bottom;
	height:330px;
	margin:20px 0;
}
.pencil-promo h1{
	text-align:center;
	height:70px;
	padding: 10px 0;
	margin: 0;
	line-height:1.2;
	color:#fff;
	background: url('blue-sidebar-top.png') no-repeat 0 0;
}
.pencil-promo h2{padding: 0 18px 0 12px;}
.pencil-promo .copy{font-size: 12px; font-weight:bold; padding:0 0 0 18px;}
.pencil-promo .red_btn {width:100%;margin-top:34px;}
.vote-promo {
	background: #f5f5f5 url('pencil-promo-bk.jpg') no-repeat center bottom;
	height:290px;
	margin-bottom:0;
}
.vote-promo h1{
	text-align:center;
	height:70px;
	padding: 10px 0;
	line-height:1.2;
	color:#fff;
	background: url('blue-sidebar-top.png') no-repeat 0 0;
}
.vote-promo h2{padding: 0 18px;}
.vote-promo .copy{font-size: 12px; font-weight:bold; margin-top:30px; padding:0 0 0 18px;}
.vote-promo .red_btn {width:100%;margin-top:20px;}
.tableborders {border:1px solid #ccc;}
.tableborders th {padding:.3em; background:#f4f4f4;border:1px solid #ccc;}
.tableborders td {padding:.3em; border:1px solid #ccc;}
/* Election Judge Application --*/
div.frmfld {margin:0 0 .5em 0;}
.frmfld p.label {font: bold 1em arial; color:#036;margin-bottom:0;}
label {font: bold 1em arial; color:#036;}
label.required span {margin-left:.2em;font: bold 1.2em arial; color:#C00;}
label.error {display: block; color: #c00; font:bold 1.1em arial; padding: .2em 0 .5em 0;}
/* Sample Ballot --*/
#rcvballot {width:100%;margin-bottom:2em;}
.col1, .col2, .col3 {float:left; width:33%; margin:0; padding:0;border-left: 1px solid #ccc;}
.rcvtop h2 {width:80%; margin:0 10% 1em 10%; padding:8px 0; font: bold 15px Arial; color:#fff; background:#c80c15;text-shadow:2px 2px 2px #8c8c8c; text-align:center;}
.rcvtop h3 {clear:both; color:#fff; background: #000; font: bold 14px Arial; padding: .3em; margin:0;}
.rcvtop h3 .office {display:inline-block; font: bold 14px Arial; padding:.2em 2em .2em .2em;}
.arrow p {display:block; padding:.5em 2em 0 4em; font: bold 14px Arial; color: #c80c15;}
.arrow img {margin:.6em 0 0 2em;}
.colnum {float:left; width:25%; margin-top:1em; height:100px; font: bold 40px Arial; text-align:center;}
.instruct {float:left; width:75%; height:80px; font-size:11px; margin-top:1.5em; background:#f4f4f4; border-top: 1px solid #ccc;}
.instruct p {padding: 0; margin:0;}
.select1 {float:right; width:75%; font-size:11px; background:#f4f4f4;}
.select1 p {padding: 0; margin:0;}
.writein {width:100px;}
ul.rcvopts, #body-content ul.rcvopts{
	clear:both; 
	list-style: none; 
	list-style-image: none; 
	margin:0 0 2em 0;
	padding:0;
	}
.rcvopts .party {
	display:block; 
	font-size:10px;
	margin-left:24px;
}
#rcvballot #submit {
border:none;
width: 25%;
padding:5px 0; 
font: bold 15px Arial;
color:#fff; 
background:#c80c15; 
text-align:center;	
}
#rcvballot #submit:hover {color:#898989; background: #e7e7e7;}
.rcvresults {width:90%;margin-bottom:2em; border:1px solid #444;}
.rcvresults th {padding:.3em; background:#f4f4f4;border:1px solid #ccc;vertical-align:bottom;}
.rcvresults td {padding:.3em; border:1px solid #ccc;}
.rcv-msg {width:90%;border: 1px solid #ccc; background:#f5f5f5; padding:1em;}
.rcv-msg h3 {color: #004686;}
/*------------------------------------------------------------------------------------------------------
	Under 1200px
--------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1200px) {
.vote-promo h1{font-size:1.3rem;}
}
/*---------------------------------------------------------------------
	Under 1000px
----------------------------------------------------------------------*/
@media screen and (max-width:1000px) {

}

/*---------------------------------------------------------------------
	Under 768px
----------------------------------------------------------------------*/
@media screen and (max-width:768px) {
 a.gray_btn, a.red_btn {font: bold 12px Arial;}
 .star-promo {
	background: #f5f5f5;
	background-image:none; 
	margin-bottom:20px;
	}
.star-promo h1{
	height:70px;
	background:#004684;
	background-image:none;
	}
.rcvresults,.rcv-msg {width:100%;}
}
/*---------------------------------------------------------------------
	Under 600px
----------------------------------------------------------------------*/
@media screen and (max-width:600px) {
	a.gray_btn {width:100%;}
	.vote-promo .red_btn, .pencil-promo .red_btn  {width:100%;margin-top:18px;}
	.rcvtop h2 {width:100%; margin:0 0 1em 0;}
	.col1, .col2, .col3 {float:none; width:100%; border-bottom:1px solid #ccc;}
	#rcvballot #submit {float:none;width:100%;}
	ul.rcvopts, #body-content ul.rcvopts{margin-left:25%;}
}
/*---------------------------------------------------------------------
	Under 480px
----------------------------------------------------------------------*/
@media screen and (max-width:600px) {
	a.gray_btn {width:100%;}	
	.vote-promo .red_btn, .pencil-promo .red_btn {width:auto; margin-top:20px;}
	.vote-promo, .pencil-promo {background: #f5f5f5;height:auto;}
	.vote-promo .copy, .pencil-promo .copy{margin-top:10px; padding:0 0 0 18px;}
	.vote-promo h1, .pencil-promo h1{
		height:70px;
		padding: 10px 0;
		background:#004684;
		background-image:none;
		font-size:1.8rem;
	}
}