/* COLORS 

Blue lt: #4aa3dd

Blue : #1e68b6

Red: c12422;  bf2025

Red lt: f16d73 ef6e75

*/

/* ::::::::::::::::::::::: Site-wide ::::::::::::::::::::::: */

* { box-sizing: border-box; }



body {margin: 0 }

.hide-screen {display: inline; }
.hide-phone {display: none; }
.hide-phone-pad {display: none; }
	

h1 {color: #fff; margin:0;padding:0; font-size: 28px; line-height: 1; font-family: 'Zilla Slab', georgia, sans-serif; letter-spacing: 0;
}

h2 {color: #fff; margin:0;padding:0; font-size: 24px; font-weight: 100; line-height: 1.2; }

h3  
{color: #fff; margin:0; padding: 8px 0 0 0 ; font-size: 20px; font-weight: 600; line-height: 1.2; font-family: 'Zilla Slab', serif;}

h4 
{color: #fff; margin:0;padding-top: 20px; font-size: 18px; font-weight: 600;} 

h5 /* bolded */
{color: #008866; margin:0;padding:0; font-size: 16px; font-weight: 600; display:inline; } 

h6 /* tagline */
{color: #fff; margin: 20px 0 0 0; padding: 20px 0; font-size: 20px; font-weight: 200; font-style: italic; margin-top: -15px} 


p /*{ text-align: left; font-size: 24px; line-height: 1.6 }*/

img {border:none; margin: 0 5px 5px 0; }
em {font-style: normal; font-weight: bold }
sup {color: #888}
.small {font-size: 12px }
.more {font-size: 16px }


#banner { 
width: 100%; 
height: auto; 
padding: 2% 2%;
}


#logo img {width: 100% }
#logo.hp img {width: 100% }



/* ::: Social media. This is a absolute block   ::: */
#container-sm {
width: 130px;
display: block;
position: absolute; top: 210px; left: 20px;
z-index: 110; 
}

#container-sm img {width: 30px; height: 30px }


/* :::::::: ACTIONS :::::: */
.box-action {
position: relative; 
width: 100%; height: auto; 
float:left; 
	text-align: center;   

margin-right: 2%; margin-bottom: 3%;
}

.box-action h1 { font-size: 20px }


#nav {width: 100% ; height: auto; text-align: center; color: #fff; margin-bottom: 70px; font-size: 14px; line-height: 2; padding: 0 20px}

.navigaton a:link, .navigaton a:visited, .navigaton a:active { color:#fff; text-decoration: none } 
.navigaton a:hover { color:#fe9 } 


#nav2 {width: 100% ; height: auto; 
text-align: center; color: #fff; 
margin-bottom: 10px; font-size: 14px; letter-spacing: 0; line-height: 2; padding: 10px 20px}


.navigaton a:link, .navigaton a:visited, .navigaton a:active { color:#fff; text-decoration: none } 
.navigaton a:hover { color:#fe9 }


/* ::::::::::::::::::::::: Video display  ::::::::::::::::::::::: */

.video-embed { width: 90%; height: 200px; border:solid 4px #fff }

.graphic-hp { width: 90%;  border:solid 4px #fff }



/* ::::::::::::::::::::::: Columns ::::::::::::::::::::::: */

#blocks {width: 100%; background-color: white; }
#column-full { padding: 0 5px }


/* Used for sign up */
#column1 { float: none; width: 100%; margin-right: 0; font-size: 18px; padding: 8px }


#column2, #column2.signup  { float: none; width: 100%; margin-top: 0  }

#column1.hp { text-align: left; width: 100%; float: left; padding: 0 12px ;  margin-right: 0; } 
#column1.hp ul { text-align: left }
#column2.hp  { float: left; text-align: left; width: 100%; margin-left: 0; padding: 0 }


/* ::::::: volunteer  Columns ::::::  */
 #column1.volunteer { float: left; width: 96%; padding-left: 2%}
 #column2.volunteer { float: left; width: 96%; padding-left: 2%}

 #column1.volunteer h1 {font-size: 20px }

/* ::::::::::::::::::::::: SINGLE Columns ::::::::::::::::::::::: */

.bar { position: relative; top: 0; width: 100%; padding: 20px 10px; } 
.bar h1 {font-size: 30px }

/* Used for candidate profiles */


#nav-candidates { display: none}

#col1 { background-color:#fff; width: 100%; 
float: none; border: none;  
margin-top: 0; margin: 0;
font-size: 14px; line-height: 1.4; 
padding: 0 12px;
 }
 
#col1 p {font-size: 18px; }

#col2.sidebar {
width: 100%;
position: relative; right: 0; top: 20px;
background-color:#4aa3dd; 
 float: none;  border: none;
font: normal 14px helvetica, arial,sans-serif; line-height: 1.6;  color: white; padding: 10px }

 #col2 .box-sidebar {width: 100%}



/* ::::::::::::::::::::::: Presentations ::::::::::::::::::::::: */


.box-video { 
float: left; 
width: 100%;
height: 280px; 
margin-right: 0px; 
/*border: solid 6px #1e68b6; */
overflow: visible;
padding: 0; margin-bottom: 20px; 
}




/* ::::::::::::::::::::::: Boxes  ::::::::::::::::::::::: */
.box-issue {
position: relative; 
width: 100%; height: auto; 
float:none; 
	text-align: center;   
min-height: auto; 
margin-right: 0; margin-bottom: 2%;
	background-color: #fff;
	
	font: normal 11px arial, helvetica;
	line-height: 1.4;
padding: 0 1%;


}

.box-issue .label {
height: auto;
}





.box-candidate {
position: relative; 
width: 144px; height: auto; 
float:left; 
	text-align: center;   
border: solid 1px #fff;
margin-right: 2%; margin-bottom: 5px;
background-color: #1e68b6;
 line-height: 15px;
padding: 0 0;
color: #fff;
overflow: hidden;
z-index: 100;
}

/* ::::::::::::::::::::::: Voter code table ::::::::::::::::::::::: */

#codes { 
width: 100%; 
background-color: #fff; 
border: solid 4px black; 
padding: 20px 0; 
text-align: center; 
margin-left:  0; 
margin-right: 0;
 }



table.voter-info { 
text-align: center; 
width: 100%; 
background-color: transparent;
margin-left:auto; 
    margin-right:auto;
} 

/* ::::::::::::::::::::::: Links ::::::::::::::::::::::: */

#nav a:link, .nav a:visited, .nav a:active {text-decoration: none; color: #fff; letter-spacing: .1em }
#nav a:hover {text-decoration: none; color:#feb }


a:link, a:visited, a:active { text-decoration: none; color: #1e68b6; }

a.r:link, a.r:visited, a.r:active, a.r:hover { text-decoration: none; color: #ffffff; }


/* ::::::::::::::::::::::: Footer ::::::::::::::::::::::: */

#footer {
position: relative; top: 10px;
clear:both;
margin:0;

 }

#footer img {  clear: both; }
#footer.home img {width: 180px;}