html{
	background:#74941c;
}

body{
	background:#74941c;
	border-top:6px solid #c4dc80;
	font:12px/1.5 Arial, sans-serif;
	color:#fff;
}

.container{
	position:relative;
	width:852px;
	margin:0 auto;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Links
 * ---------------------------------------------- */

a{
	color:#74941c;
	border-bottom:1px solid #8dae30;
	text-decoration:none;
}

a:hover,
a:focus{
	background-color:#8dae30;
	color:#fff;
}

#header a,
#footer a{
	color:#fff;
}

#header a:hover,
#footer a:hover{
	background:none;
	border-color:#fff;
}

/* Headings
 * ---------------------------------------------- */

h1{
	font:30px ChunkFive, Georgia, serif;
	line-height:1.2;
	color:#415312;
	margin-bottom:8px;
}

.homepage h1{
	margin:0;
}

h2{
	font:24px ChunkFive, Georgia, serif;
	line-height:1.2;
	color:#81a51c;
	margin-bottom:8px;
}

h2 a
{
	border:none;
}

h2 a:hover,
h2 a:focus
{
	color:#415312;
	border:none;
	background:none;
}

h3{
	font-size:13px;
	font-weight:bold;
	line-height:1.2;
	margin-bottom:8px;	
}

/* General
 * ---------------------------------------------- */

p{
	padding-bottom:12px;
}

strong{
	font-weight:bold;
}

em{
	font-style:italic;
}

/* Header
 * ---------------------------------------------- */

#header{
	position:relative;
	height:200px;
}

#logo{
	position:absolute;
	top:60px;	
	left:-40px;
	border:none;
	z-index:10;
}

#logo:hover,
#logo:focus{
	background:none;
	
}

#fb{
	position:absolute;
	top:0;
	z-index:100;
}

/* MemberNav
 * ---------------------------------------------- */
#memberNav{
	position:absolute;
	right:0;
	top:1px;
}

#memberNav li{
	float:left;
	margin-right:1px;
}

#memberNav a{
	padding:2px 4px;
	display:block;
	background-color:#8dae30;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	text-shadow:1px 1px 1px #333;
}

#memberNav a:hover,
#memberNav a:focus{
	background-color:#415312;
	color:#fffc00;
	border-color:transparent;
}

/* MainNav
 * ---------------------------------------------- */

#mainNav{
	position:absolute;
	bottom:10px;
	right:0;
}

#mainNav li{
	float:left;
	margin-right:12px;
}

#mainNav a{
	display:block;
	font:18px ChunkFive, Georgia, serif;
	color:#fff;
	border:none;
	padding:2px 4px;
}

#mainNav a:hover,
#mainNav a:focus,
#mainNav a.current,
#mainNav a.section{
	background-color:#415312;
	color:#fffc00;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* Columns
 * ---------------------------------------------- */

.col{
	position:relative;
	float:left;
	width:250px;
	margin-right:25px;
	padding-top:8px;
}

.col-2{
	width:525px;
	padding:0;
}

.last{
	margin:0;
}


/* Content
 * ---------------------------------------------- */

#content{
	position:relative;
	background:#f0fcce;
	border:1px solid #fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#000;
	padding:25px;
	z-index:100;
	min-height:280px;
	margin-bottom:4px;
}

#breadcrumbs{
	position:absolute;
	top:4px;
	left:8px;
	text-shadow:0 0 0 transparent;
}

#breadcrumbs a{
	color:#fff;
}

#googleMap{
	width:519px;
	height:574px;
	border:3px solid #fff;
}

.homepage #googleMap{
	height:604px;
}

.page .col-2,
.registerpage .col,
.addroutepage .col-2,
.editroutepage .col-2{
	background:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:8px 12px;
}

/* Routes
 * ---------------------------------------------- */

#routes li{
	min-height:80px;
	position:relative;
	background:#fff;
	border:2px solid #fff;
	padding:8px 8px 8px 90px;
	margin-bottom:16px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:-webkit-gradient(
 	   linear,
 	   left bottom,
 	   left top,
 	   color-stop(0.25, rgb(255,255,255)),
 	   color-stop(0.75, rgb(229,235,209))
	);
	background:-moz-linear-gradient(
 	   center bottom,
 	   rgb(255,255,255) 25%,
 	   rgb(229,235,209) 75%
	);
}

#routes li.last{
	margin:0;
}

.routeholderpage #routes li{
	padding:12px 8px 12px 90px;
}

.homepage #routes li{
	height:110px;
	overflow:hidden;
}

.homepage #routes p{
	padding:0;
}

#routes h2{
	font-size:18px;
}

#routes .distance,
.routepage .distance{
	background:url(../images/footprint.png) no-repeat center top;
	position:absolute;
	left:4px;
	top:16px;
	min-height:63px;
	width:80px;
	text-align:center;
	font:bold 22px/1.1 Arial, sans-serif;
	-webkit-transform: rotate(-10deg); 
	-moz-transform: rotate(-10deg);	
	padding-top:6px;
}
.easy{ color:#339900; }
.medium{ color:#0099ff; }
.hard{ color:#ff0000; }
.veryHard{ color:#990000; }

#routes .routeFile{
	display:none;
}

ul.sortList{
	margin:0 0 20px;	
}

ul.sortList a{
	background:#fff;
	display:block;
	border:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-bottom:4px;
	padding:6px;
	text-shadow:1px 1px 1px #fff;
}

ul.sortList a:hover,
ul.sortList a:focus,
ul.sortList a.current{
	background-color:#8dae30;
	color:#fff;
	text-shadow:1px 1px 1px #333;
}

.box{
	position:relative;
	background:#fff;
	border:2px solid #fff;
	padding:8px;
	margin-bottom:16px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.routepage .distance{
	position:relative;
	left:0; top:0;
	text-align:center;
	width:100%;
}

.routepage .province{
	font-weight:bold;
}

.coordinates, #coordinates{
	display:none;
}

.button{
	display:block;
	background:#8dae30;
	padding:2px 5px;
	color:#fff;
	font-weight:bold;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #8dae30;
	margin-top:4px;
	text-shadow:1px 1px 1px #333;
}

.button:hover,
.button:focus{
	background-color:#415312;
	color:#fffc00;
	border-color:#415312;
}

.routeholderpage .button{
	width:96px;
	text-align:center;
}

.routeholderpage .owner{
	width:76px;
}

#routes .routeItemNav{
	
}

#routes .routeItemNav li{
	background:none;
	padding:0;
	margin:0 4px 0 0;
	float:left;
	min-height:1px;
	border:none;
}

.meta{
	color:#415312;
	font-size:11px;
}

.routepage .meta{
	text-align:center;
}

/* Pagination
 * ---------------------------------------------- */

.pagination li{
	float:left;
}

.pagination a, .pagination .noLink{
	background:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float:left;
	margin-right:2px;
	display:block;
	height:20px;
	line-height:20px;
	padding:0 6px;
	border:none;
}

.pagination .noLink{
	background-color:#74941c;
	color:#fff;
}

.pagination a:hover,
.pagination a:focus{
	background-color:#74941c;
}

/* Facebook
 * ---------------------------------------------- */

#facebook{
	
}

#facebookButton{
	display:block;
	background:url(../images/facebook.png) no-repeat left top;
	width:150px;
	height:22px;
	text-indent:-30000px;
	border:none;
	margin:0 0 8px;
}

a#facebookButton:hover{
	background-position:left bottom;
}


/* Footer
 * ---------------------------------------------- */
#footer{
	padding-bottom:30px;
}

#footer ul{
	float:right;
	margin-right:6px;
}

#footer li{
	float:left;
	margin-left:10px;
	min-height:14px;
}

.rss{
	padding-left:20px;
	background:url(../images/feedicon.png) no-repeat left center;
}

/* Forms
 * ---------------------------------------------- */

legend{
	display:none;
}

input.text,
select{
	padding:3px 2px;
	width:200px;
	border:1px solid #ccc;
}

#Title input.text{
	width:519px;
}

.field{
	margin-bottom:8px;
}

.required, .bad, .validation{
	color:#ff0000;
}

.Actions{
	padding-top:8px;
}