@charset "utf-8";

/*------------------------------------*\
	MAIN
\*------------------------------------*/
html{font-family: Arial, sans-serif;color: #666;}
body{background-color:white;font-family: Arial, sans-serif;color: #666;}

 a{text-decoration:underline;color:#A5C100;}
.reveal-modal  a{text-decoration:none;color:#A5C100;}
.reveal-modal  a:hover{text-decoration:none;}
h4  a, h3  a, h5 a{text-decoration:none;color:#A5C100;}  
h3  a:hover, h4  a:hover, a:hover{color:#A5C100;}
h5 a:hover{text-decoration:underline;}

.accessibility{
	/* Hide content off-screen without hiding from screen-readers. N.B. This is not suited to RTL languages */
	position:absolute;
	left:-99999px;
}

.ads{
  margin-top:0.5rem;
  margin-bottom:0.5rem;
}

/*------------------------------------*\
	TOP NAVIGATION
\*------------------------------------*/
.nav {list-style:none; margin:0 0 1.5em 0;}


#nav.main, #signin.main{
	padding: 0.4em 0;
	font-family:'Oswald', Arial, sans-serif;
}
#signin.main{
	text-align:right;
	padding: 0.2em 0;
}

.socialbtns{
	padding-top: 0.2em;
}

#nav.main {
	margin-bottom:0.2rem;
} 

#nav.main li {display:inline; float:none;}

#nav.main a, #signin.main a{
	display:inline-block;
	padding: 0.6em 1.2em;
	background-color: #EFEFEF;
	border-radius: 10px;
	border-right: 1px solid #bbb;
	border-bottom: 2px solid #bbb;
	color: #666;text-decoration:none; 
	text-transform:uppercase; 
	text-shadow: 1px 1px 1px #fff;
	font-size: 1.0em;
	margin: 0;	
	margin-bottom: 0.4rem
}
#nav.main a:hover, #signin.main a:hover{color: #666; text-shadow: 1px 1px 0px #fff; background-color: #EAFFC4; }

#nav.main a.active, #signin.main a.active{color: #fff; text-shadow: 1px 1px 1px #333; font-weight: bold; background-color: #A5C100; }

#nav li span {display: block; font-size: 10px; color: #666; text-shadow: none; line-height: 8px;}

#signin.main a{
	padding: 0.1em 1.2em;
}
/*------------------------------------*\
	TYPE
\*------------------------------------*/
/* @font-face kit by Fonts2u (http://www.fonts2u.com/oswald.schriftart) */
/* Font Oswald, SIL-licenced, author Vernon Adams */  
@font-face {font-family:"Oswald";src:url("Oswald.eot?") format("eot"),url("Oswald.woff") format("woff"),url("Oswald.ttf") format("truetype"),url("Oswald.svg#Oswald") format("svg");font-weight:normal;font-style:normal;}

.greyBorder{
	border: solid #888 5px;
	border-radius:10px;
	margin-bottom: 1rem;
}

.addContainer{
	display:block;
	width:300px;
	height: 250px;
}

/*--- HEADINGS ---*/
h1, h2, h3, h4, h5, h6, .panel h2 {
	font-family: 'Oswald', Arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	color: #A5C100;
	text-shadow: 1px 1px 0px #6D8901;
}

.tabs .tab-title.active a{background-color: #A5C100; padding: 0.2rem 2rem;color: #fff;}
.tabs .tab-title > a {
  text-decoration:none;
  color: #222222;
  padding: 0.2rem 2rem;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
 }
 #mainmap .tabs-content > .content {
	padding: 0;
	margin-bottom: 0;
 }
 #mainmap .tabs-content {
  margin-bottom: 0;
 }
 
.green, .grey, .dark {-webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; zoom: 1; border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin-bottom: 15px!important;}
.green {background-color: #EAFFC4;}
.grey {background-color: #EFEFEF;}
.dark {
background: url('../img/bg02.jpg') repeat;
}

h1{font-size:2.5em;	margin-bottom:0.75em; line-height:1.5;}
h2, .panel h2{font-size:2.3em;	margin-bottom:1em; line-height:1.4em;}
h3{font-size:2em; margin-bottom:0.2em; line-height:1.3;}
h4{font-size:1.5em;	margin-bottom:0.8em; line-height:auto; text-shadow: none; font-weight:bold;}
h5{font-size:1.3em; margin-bottom:0.6em; text-shadow: none; line-height:auto;}
h6{font-size:1.2em; margin-bottom:0.6em; text-shadow: none; line-height:auto;}
h1.logo{font-size:1rem; margin-bottom:0.2em; line-height:1rem;}

.panel {
   border: none; 
 }
 
.signup li a {width:100%; height:100%; display:block;}
.panel p, .panel li, .panel dl {
  color: #888;
}

h2, .panel h2 {
  font-size: 2.1em;
  margin-bottom: 0.5em;
  line-height: 1.1em;
}

.spin{
  background: rgba(255, 255, 255, 0.85) url(/img/350.gif) center center no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.intro {
  color: #999;
}

.intro h2 {
  font-size: 3em;
  line-height: 1em;
  letter-spacing: -1px;
  text-transform: uppercase;
  padding-right: 15px;
  margin: 0 0 20px 0;
}

.maps h2 {
  font-size: 2.1rem;
  line-height: 1.1em;
  letter-spacing: 0px;
  text-transform: uppercase;
}
.style2{
  list-style: none;
 }
 
.intro p {
  font-family: 'Oswald', Arial, sans-serif;
  font-size: 1.9em;
  line-height: 1.2em;
  letter-spacing: -2px;
  padding-right: 15px;
}
.hentry p{
	margin-bottom: 0.25rem;
}
.redErr{
	color:red;
	font-weight:bold;
}
.userComment {
	margin-bottom: 1rem;
}

a.mpbutton {
	font-family: Arial, sans-serif;
	font-size: 1em;
	line-height: auto;  background-color: #6D8901;
	color: #fff; text-shadow: 1px 1px 1px #333; font-weight: bold; 
    border: 1px solid #799C01;
    border-radius: 5px;
    box-shadow: 0 1px 0 0 #9BCB76 inset;
    position: relative;
	text-shadow: 0 1px 0 #424F1C;
	text-decoration: none;
	margin: 3px 0;
	text-align: center;
	font-weight: bold;
	padding: 0.3em 0.7em;
	display: inline-block;}
	
a.mpbutton:hover {
	background-color: #A5C100;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6D8901), to(#A5C100));
	background-image: -moz-linear-gradient(#6D8901, #A5C100);
	background-image: -moz-linear-gradient(top, #6D8901, #A5C100);
	background-image: -o-linear-gradient(top, #6D8901, #A5C100);
	background-image: -webkit-linear-gradient(top, #6D8901, #A5C100);
	background-image: -ms-linear-gradient(top, #6D8901, #A5C100);}

a.grey{
  background-color: #EFEFEF;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E5E5E5), to(#CCCDC9));
  background-image: -moz-linear-gradient(top, #E5E5E5, #CCCDC9);
  background-image: -o-linear-gradient(top, #E5E5E5, #CCCDC9);
  background-image: -webkit-linear-gradient(top, #E5E5E5, #CCCDC9);
  background-image: -ms-linear-gradient(top, #E5E5E5, #CCCDC9);
  border: 1px solid #A5A5A5;
  border-radius: 5px;
  box-shadow: 0 0 0 0; 
  color: #666;
  text-shadow: 0 1px 0 #E2E2E2;
}	


a.grey:hover  {
	color: #FFF;
	background-image: none;
}
.map{
  border: 5px solid #ccc;
  border-radius: 5px;
  height:26rem;
  padding:0 0;
}
.mapActive{
  border: 5px solid #A5C100;
  height:26rem;
}
.mapWithTabs{
  border-top-left-radius: 0;
}

.mapSignup{
  height:26rem;
}

#map-canvas, #map-canvas-all{
	height:100%;
	width:100%;
	display:box;
}
.row.intro-row{
  padding-top:1em;
}
.columns .no-left-pad, .column .no-left-pad {padding-left:0;}
.quote {font-family: Arial, sans-serif; font-size: 1.4em; letter-spacing: -1px; font-style: italic; line-height: 1.3em; } /*a styled quote in addition to blockquote*/
.quote span {display: block; font-size: 0.7em; padding-top: 10px; font-style: normal;}

 #map-canvas *, #map-canvas *:before, #map-canvas *:after, #map-canvas-all *, #map-canvas-all *:before, #map-canvas-all *:after {
        -moz-box-sizing: content-box!important;
        -webkit-box-sizing: content-box!important;
        box-sizing: content-box!important;  
    }
    #map-canvas img, #map-canvas-all img {
        max-width: none;
    }
    #map-canvas label, #map-canvas-all label  {
        width: auto;
        display: inline; 
    }​
#map-canvas img, #map-canvas object, #map-canvas embed, #map-canvas-all img, #map-canvas-all object, #map-canvas-all embed{
	max-width: none;
}
#map-canvas-all{
	/*  background: url(/img/loading_animation.gif) center center no-repeat; */
}
.row .pad10Top{padding-top:0.5rem; }
.columns .info p{  font-size: 0.8rem; line-height: 1.8rem;}

.headline{  
    max-height:20rem;
	min-height:20rem;
    overflow:hidden;
	content: "";
    position:relative;
}


.backup{
	background: -webkit-linear-gradient(to bottom, transparent 14rem, white); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(transparent 14rem, white); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(transparent 14rem, white); /* For Firefox 3.6 to 15 */
    background:linear-gradient(transparent 14rem, white);
}

.headlineNoTransparency:before {
    background:none;
}

.fadeout {
    position: relative; 
    bottom: 4em;
    height: 4em;
    background: -webkit-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    ); 
    background-image: -moz-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -o-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -ms-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
} 

.headline p {margin-bottom:0.25rem;line-height:1.5rem; }
li.articleHeadline{
	border-bottom: 1px solid #A5C100;
	margin-bottom: 1rem;
	padding-bottom:0.25rem;
}

.image-full img{
	border-radius: 5px;
	width:100%;
	height:100%;
}

.stories img{
	border-radius: 5px;
}

.headline .more{
  position: absolute; 
  bottom: 0; 
  left: 0;
  width: 100%; 
  text-align: center; 
  margin: 0; 
  padding: 4rem 0 0; 
  
 
  /* "transparent" only works here because == rgba(0,0,0,0) */
   background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
   background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
   background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
   background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
   background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#1ffffff',GradientType=0 );
}

.actions{font-size:0.8rem;}

a.gbtn{
  padding-top: 0.1rem;
  padding-right: 0.25rem;
  padding-bottom: 0.1rem;
  padding-left: 0.25rem;
  font-size: 0.6875rem;
}
.comments a{text-decoration:underline;color:#A5C100;line-height: 2.2rem;}
.gbtn a{text-decoration:none;color:white;}
a.more-link{text-decoration:none; color:#A5C100;line-height:1rem;font-weight:bold;}
p.more{margin-bottom:0.2rem;font-size: 0.8rem;text-align:center;}

.social {

}
 
/* This gets Facebook to fall into place */
.social iframe {
	vertical-align: middle;
}
 
/* Set an optional width for your button wrappers */
.social .twitter {
	display: inline-block;
}
.social .facebook {
	display: inline-block;
}

/* Adjust the widths individually if you like */
.social .google {
	width: 75px;
}

.signup{
	width: 100%;
	margin: 2rem auto;
}

.signup li{
  list-style-type: none;
  width: 100%;
  height: 2rem;
  line-height: 2rem;
  margin-bottom:1rem;
}

.fbSignIn {
  background-color: #3b5998;
  background: url(/img/fbIcon.png) no-repeat 10px center #3b5998;
}

.fbSignIn a, .twSignIn a, .ggSignIn a{
	color:#fff;
	text-decoration:none;
}
.fbSignIn a:hover, .twSignIn a:hover, .ggSignIn a:hover{
	color:#fff;
	text-decoration:underline;
}

.twSignIn {
  background-color: #2aa9e0;
  background: url(/img/twIcon.png) no-repeat 10px center #2aa9e0;
}

.ggSignIn {
  background-color: #dd4b39;
  background: url(/img/ggIcon.png) no-repeat 10px center #dd4b39;
}

.signupForm{
  padding:1rem;
  color: #4d4d4d;
}

/** Google Maps **/
.infoWin{
  width: 300px;
  display: block;
  font-size: 0.8rem;
  background-color: white;
  color: #333333;
  padding: 0.5rem;
}
.infoWin .ihead {
border-bottom: 1px dotted #ccc;
display:block;
background: url(/img/pinsmallv2_hires.png) no-repeat top left;
background-size: 21px 20px;
font-weight: bold;
padding-left: 40px;
padding-bottom: 5px;
height: 1.5rem;
}
.infoWin .iheadDanger {
background: url(/img/agressive_hires.png) no-repeat top left;
background-size: 21px 20px;
}
.infoWin .ileft {
width:32%;
float:left;
display:block;
}
.infoWin .iright {
width:65%;
float:right;
display:block;
text-align:right;
padding-right:5px;
}
.infoWin .idesc{
display:block;
clear:both;
padding-right:5px;
line-height: 1.5em;
text-align: center;
}
p.tscs{
	font-size: 0.9rem;
	margin-bottom: 0.05rem;
}
.progress.success .meter {
  background: #A5C100;
}  
ul.pagination li.current a, ul.pagination li.current button{
  background: #A5C100;
  color: #FFFFFF;
  font-weight: bold;
  cursor: default;
}
ul.pagination li a{
  text-decoration:none;
}
ul.pagination li.current a, ul.pagination li.current button {
background: #A5C100;
color: #FFFFFF;
font-weight: bold;
cursor: default; }
ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
background: #A5C100; }

.mapintro h2{
  font-size: 2em;
  line-height: 1em;
  letter-spacing: -0.5px;
  text-transform: uppercase;/
}

.image img{
	border-radius:8px;
}
.footer{  margin-top: 1rem; }

.breadcrumbs > *.current a {
  cursor: default;
  color: #A5C100;
  cursor: default;
}
.breadcrumbs > *  a {
  cursor: default;
  color: #A5C100;
  text-decoration:none;
  cursor: pointer;
}
.breadcrumbs > *  a:hover {
  text-decoration:underline;
}

.tbspan{
 -webkit-appearance: none;
  border-radius: 0;
  background-color: #ccc;
  font-family: inherit;
  border-style: solid;
  border-width: 1px;
  border-color: #E5E5E5;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.15s linear;
}

.button.small{
    padding-right: 1.25rem;
    padding-left: 1.25rem;
}

.ad_probike a{
  color:#ec0534;
  text-decoration: none;
  font-weight: 900;
}

.ad_probike a:hover{
  color:black;;
  text-decoration: underline;
}