/* Background */
html, body {height:100%;background: #8D3F00 url(../img/bg-feature.jpg) repeat-x center top fixed;}
#wrapper {background: url(../img/bg-feature.jpg) repeat-x center top fixed;padding:0;margin:0 auto;}

#content h1, #content h2, #content h3, #content h4, #content h5,
#aside h1, #aside h2, #aside h3, #aside h4,
#content p, #content ul, #content div.pagination,
#aside p, #aside ul, #aside form {
	line-height: 1.5;
	margin-bottom:1em;
}

/* Typekit Fonts */
#branding, #content h1, #content h2, #content h3, #content h4, .tk-league-gothic {text-transform:uppercase;font-family:"Arial Narrow", Arial, Helvetica, sans-serif;}


/* THE REST */

/* Main Styles */

body {
	text-align:center;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
}

#wrapper {
	width:960px;
	margin:0 auto;
	text-align:left;
}

#wrapper .star {font-family:sans-serif !important;}

#content h1 {font-size:42px;margin-bottom:10px;}
#content h2 {font-size:28px;margin-bottom:10px;}
#content h3 {font-size:26px;margin-bottom:10px;}
#content h4 {font-size:24px;margin-bottom:10px;}
#content h5 {font-size:16px;font-weight:bold;margin-bottom:10px;clear:both;}

/* Branding */

#branding {
	clear:both;
	position:relative;
	overflow:hidden;
	zoom:1;
	border-bottom:5px double #000;
	margin-bottom:20px;
	padding-top:0px;
}

#branding a {text-decoration:none;color:#333;}

/* Header */

#header {
	float:left;
	width:430px;
	overflow:hidden;
	zoom:1;
	vertical-align:bottom;
	color:#111;
}

#header .page-title {float:left;font-size:46px;height:54px;margin-right:10px;}
#header .strap-line {float:left;display:block;padding-top:24px;font-size:20px;width:170px;}
#header .strap-line .star {font-size:14px;vertical-align:text-top;line-height:1.9;padding:0 2px;}

/* Navigation Bar */

#navigation {
	overflow:hidden;
	zoom:1;
	font-size:26px;
	letter-spacing:0.25pt;
	float:right;
	width:530px;
	text-align:right;
	margin-top:16px;
	position:relative;
}

#navigation li {
	display:inline;
}

#navigation a {margin-left:0.4em;position:relative;}

#navigation a:hover,
#navigation a:focus {top:-4px;border-bottom:2px solid #FFF;}

/* Content Wrapper */

#content_wrapper {
	position:relative;
	overflow:hidden;
	zoom:1;
}

/* Content */

#content {
	position:relative;
	float:left;
}

#content p.read-more {display:block;text-transform:uppercase;font-size:26px;line-height:1;overflow:hidden;zoom:1;margin-bottom:16px;}
#content p.read-more a {color:#FFF;text-decoration:none;display:block;text-align:right;letter-spacing:1pt;padding:10px 16px 8px;background-color: rgba(0,0,0,0.8) !important;background-color:#000;}
#content p.read-more a:hover,
#content p.read-more a:focus {background-color: rgba(0,0,0,1) !important;background-color:#000;padding-right:24px;}
#content p.read-more .star {font-size:28px;}

#content a {color:#630;}
#content a:hover,
#content a:focus {color:#000;}

/* - Homepage */

#content #homepage_primary_content {width:584px;float:left;overflow:hidden;zoom:1;}
#content #homepage_secondary_content {padding-left:16px;width:360px;float:left;overflow:hidden;zoom:1;}

#content #homepage_content_tertiary {clear:both;overflow:hidden;zoom:1;padding-top:24px;margin-bottom:24px;}
#content #homepage_content_tertiary .primary,
#content #homepage_content_tertiary .secondary {float:left;padding:10px 16px 0;min-height:24em;}
#content #homepage_content_tertiary .primary {width:324px;border-right:4px solid #000;background-color:rgba(0,0,0,0.3)!important;background-color:transparent;}
#content #homepage_content_tertiary .secondary {width:568px;background-color:rgba(255,255,255,0.6)!important;background-color:#FFF;}
#content #homepage_content_tertiary h3.main-title {margin-bottom:16px;font-size:100px;line-height:1;border-bottom:4px solid #000;}
#content #homepage_content_tertiary .secondary h3.main-title {text-align:right;}

#content #homepage_video_wrapper {width:560px;height:312px;padding:12px;background-color: rgba(255,255,255,0.3) !important;background-color:#FFF;text-align:center;margin-bottom:20px;}
#content #homepage_video_wrapper a {margin-top:100px;display:block;}

#content #intro_blurb {text-align:right;}
#content #intro_blurb h3 {font-size:36px;line-height:1.2;margin-bottom:10px;color:#FFF;}
#content #intro_blurb h2 {font-size:40px;line-height:1.2;margin-bottom:10px;}

#content #latest_blog {background-color: rgba(255,255,255,0.8) !important;background-color:#FFF;padding:16px 16px 0;overflow:hidden;zoom:1;}
#content #latest_blog h2 {font-size:160px;line-height:0.85;margin-bottom:8px;background:url(../img/blog-title.png) no-repeat top left;text-indent:-9999px;}
#content #latest_blog h2 a {color:#888;text-decoration:none;display:block;overflow:hidden;}
#content #latest_blog #latest_blog_meta {overflow:hidden;zoom:1;}
#content #latest_blog #latest_blog_meta li {text-transform:uppercase;line-height:1;font-size:52px;float:left;width:50%;margin-bottom:0;}
#content #latest_blog #latest_blog_meta li.comment-count {text-align:right;font-size:24px;margin-top:24px;}
#content #latest_blog #latest_blog_meta li.comment-count a {color:#bf7a4e;}
#content #latest_blog #latest_blog_meta li.comment-count a:hover,
#content #latest_blog #latest_blog_meta li.comment-count a:focus {color:#600;}

#content #homepage_mission_statement {position:relative;overflow:hidden;zoom:1;padding-bottom:22px;}
#content #homepage_mission_statement img {float:left;margin-right:20px;}
#content #homepage_mission_statement h2 {font-size:92px;margin-bottom:10px;line-height:1;position:absolute;right:0;top:0;height:100px;}
#content #homepage_mission_statement .content {padding-top:100px;overflow:hidden;zoom:1;}
#content #homepage_mission_statement p.read-more {float:right;width:254px;}

#content #homepage_mission_statement #hp_donate_now {display:block;position:absolute;bottom:0;left:0;width:297px;height:83px;}

#content #social_media_links li {line-height:1;margin-bottom:0.75em;}
#content #social_media_links li a {padding-left:42px;font-size:34px;color:#FFF;display:block;text-decoration:none;border-bottom:2px solid #FFF;padding-bottom:0.25em;}
#content #social_media_links li.twitter {background:url(../img/icon-twitter.png) no-repeat 0 0;}
#content #social_media_links li.RSS {background:url(../img/icon-rss.png) no-repeat 0 0;}
#content #social_media_links li.facebook {background:url(../img/icon-fb.png) no-repeat 0 0;}
#content #social_media_links li a:hover,
#content #social_media_links li a:focus {padding-left:47px;}

/* - Blog */

#content #blog_title_wrapper {background-color: rgba(255,255,255,0.6) !important;background-color:#FFF;padding:24px 24px 16px;overflow:hidden;zoom:1;margin-bottom:16px;}
#content #blog_title_wrapper h1 {font-size:160px;line-height:0.85;margin-bottom:0;}
#content #blog_title_wrapper h1 .supplement {font-size:40px;float:right;}
#content #blog_title_wrapper h1#blog_title {background:url(../img/blog-title.png) no-repeat top left;text-indent:-9999px;}
#content #blog_title_wrapper h1#search_results_title {font-size:80px;}
#content #blog_title_wrapper h1#search_results_title .supplement {font-size:30px;clear:both;float:none;display:block;margin-top:10px;}
#content #blog_title_wrapper h1#about_title {font-size:120px;}
#content #blog_title_wrapper h1#about_team_title {font-size:76px;}
#content #primary_content {width:584px;float:left;overflow:hidden;zoom:1;}
#content #aside {padding-left:16px;width:360px;float:left;overflow:hidden;zoom:1;}

#content .post {background-color: rgba(255,255,255,0.2) !important;padding:24px 24px 0px;overflow:hidden;zoom:1;margin-bottom:24px;}
#content .post h2.post-title,
#content .post h2.post-title a {font-size:26px;color:#FFF;letter-spacing:1pt;clear:both;text-decoration:none;}
#content .post .titles h3.post-date {font-size:50px;line-height:1;margin-bottom:4px;}
#content .post .titles {float:left;width:70%;}
#content .post ul.meta {float:right;width:30%;text-align:right;font-size:24px;color:#000;}
#content .post ul.meta li {line-height:1.1;}
#content .post ul.meta li a {color:#000;text-decoration:underline;}
#content .post ul.meta li a:hover,
#content .post ul.meta li a:focus {color:#FFF;}
#content .post .titles a {color:#000;text-decoration:none;}
#content .post .content {clear:both;overflow:hidden;zoom:1;}
#content .post .content .more-link a {background-color:rgba(0,0,0,0.8) !important;background-color:#000;color:#FFF;float:left;padding:8px 16px 5px;line-height:1;display:block;margin-bottom:24px;text-transform:uppercase;font-size:18px;text-decoration:none;letter-spacing:1pt;font-weight:normal;}
#content .post .content .more-link a:hover,
#content .post .content .more-link a:focus {background-color:rgba(0,0,0,1) !important;}
#content .post .content ul li {list-style:square outside;margin-left:2em;}
#content .post .content ol li {list-style:decimal outside;margin-left:2em;}
#content .post .content ul,
#content .post .content ol {margin-bottom:1em;}
#content .post .content a {color:#600;font-weight:bold;}
#content .post .content blockquote {font-style:italic;padding:0 16px;border-left:4px solid #000;}

#content #single_post_title {font-family: "chunk-1","chunk-2",Arial,Helvetica,sans-serif;color:#FFF;margin-bottom:0;line-height:1;}

#content .post img.size-medium,
#content .post img.size-large,
#content .post img.size-thumbnail {background-color:rgba(255,255,255,0.3) !important;background-color:#FFF;padding:12px;}

#content .post .video {background-color:rgba(255,255,255,0.3) !important;background-color:#FFF;padding:12px;clear:both;display:block;overflow:hidden;text-align:center;margin-bottom:1em;}
#content .post .video object,
#content .post .video embed,
#content .post .video p {display:block;margin:0 auto;padding:0;}

#content .pagination a {display:block;background-color: rgba(0,0,0,0.6) !Important;background-color:#000;color:#FFF;text-decoration:none;font-size:16px;padding:6px 8px 2px;text-transform:uppercase;margin-bottom:16px;letter-spacing:1pt;}
#content .pagination a:hover,
#content .pagination a:focus {background-color: rgba(0,0,0,1) !Important;}
#content .pagination .older-entries a {float:left;}
#content .pagination .newer-entries a {float:right;}


#respond h2 {font-size:62px;color:#FFF;line-height:1;}

#commentform {margin:8px 0 24px;}
#commentform label {clear:both;display:block !important;text-transform:uppercase;font-size:18px;margin:12px 0 4px;}
#commentform label abbr {margin-left:0.25em;}
#commentform input,
#commentform textarea {width:100%;clear:both;font-size:16px;background-color:rgba(255,255,255,0.3) !important;background-color:#FFF;border:none;padding:8px;}
#commentform input {border-bottom:2px solid #000;}
#commentform textarea {margin-top:16px;}
#commentform input:focus,
#commentform textarea:focus {background-color:rgba(255,255,255,0.5) !important;}
#commentform input#submit {width:220px;background-color:rgba(0,0,0,0.6) !important;background-color:#000;color:#FFF;border:none;-border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;padding: 8px 16px 4px;text-transform:uppercase;cursor:pointer;margin-top:8px;}
#commentform input#submit:hover {background-color:rgba(0,0,0,1) !important;}



#aside .box {background-color: rgba(0,0,0,0.3) !important;padding:8px 24px 8px;margin-bottom:24px;}
#aside .box h3 {font-size:38px;}
#aside .box ul li {color:#FFF;font-size:26px;}
#aside .box ul li a {color:#FFF;display:block;background:url(../img/white-star.png) no-repeat 0 0;padding-left:38px;text-transform:uppercase;text-decoration:none;}
#aside .box ul li a:hover {margin-left:8px;}

#aside .box ul li.twitter a {background:url(../img/icon-twitter.png) no-repeat 0 0;padding-left:43px;}
#aside .box ul li.RSS a {background:url(../img/icon-rss.png) no-repeat 0 0;padding-left:43px;}
#aside .box ul li.facebook a {background:url(../img/icon-fb.png) no-repeat 0 0;padding-left:43px;}

#aside #searchform {overflow:hidden;zoom:1;border-top:5px double #000;border-bottom:5px double #000;padding:16px 0;margin:24px 0;}
#aside #searchform label {display:none;}
#aside input#s {width:240px;font-size:30px;padding:8px 8px 4px;border:0;font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;background-color:rgba(255,255,255,0.1) !important;background-color:transparent;float:left;-border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;}
#aside input#s:focus {background-color:rgba(255,255,255,0.5) !important;}
#aside button {cursor:pointer;width:96px;height:54px;background:transparent;font-size:28px;border:4px solid #000;-border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;color:#000;float:right;}
#aside button:hover {color:#FFF;border-color:#FFF;}

/* - Contact */

#clean_contact {margin:8px 0 24px;}
#clean_contact label {clear:both;display:block !important;text-transform:uppercase;font-size:18px;margin:12px 0 4px;}
#clean_contact label em {margin-left:0.25em;}
#clean_contact input,
#clean_contact textarea {width:100%;clear:both;font-size:16px;background-color:rgba(255,255,255,0.3) !important;background-color:#FFF;border:none;padding:8px;}
#clean_contact input {border-bottom:2px solid #000;}
#clean_contact input:focus,
#clean_contact textarea:focus {background-color:rgba(255,255,255,0.5) !important;}
#clean_contact fieldset.CleanContact {width:100%;}
#clean_contact input#clean_contact_send {width:140px;background-color:rgba(0,0,0,0.6) !important;background-color:#000;color:#FFF;border:none;-border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;padding: 8px 16px;text-transform:uppercase;cursor:pointer;margin-top:8px;}
#clean_contact input#clean_contact_send:hover {background-color:rgba(0,0,0,1) !important;}
#content .CleanContact_msg {border:0;text-align:center;margin:1em 0;}
#content .CleanContact_msg.ok {background:#FFF;}

/* - About - The Route */

#map {width:100%;height:680px;margin-bottom:24px;}

/* Aside */

#aside {
	overflow:hidden;
	zoom:1;
	position:relative;
}

/* Footer */

#footer {
	clear:both;
	position:relative;
	overflow:hidden;
	zoom:1;
	padding:24px 32px 48px;
	margin-top:8px;
	border-top:5px double #000;
	font-size:26px;
}

#footer, #footer a {
	color: rgba(30,30,30,0.5) !important;
	color:#333;
	text-decoration:none;
}

#footer a:hover,
#footer a:focus {
	color: rgba(30,30,30,1) !important;
	color:#000;
}

#footer .attribute {float:right;}
#footer .licence {float:left;}



/* Animate */

#navigation li a,
#content a {-webkit-transition: 0.2s linear;-moz-transition: 0.2s linear;}
#content #social_media_links li a {-webkit-transition: 0.1s linear;-moz-transition: 0.2s linear;}
#content p.read-more a, #content .post .content .more-link a {-webkit-transition: 0.2s linear;-moz-transition: 0.2s linear;}
#footer a, #aside input, #aside .box ul li a, #content .pagination a {-webkit-transition: 0.2s linear;-moz-transition: 0.2s linear;}

/* Modernizr */

body.background-clip #header a {color:transparent;background:url(../img/main-title-tile.png) repeat;-webkit-background-clip: text;}
body.background-clip #homepage_mission_statement h2,
body.background-clip #respond h2 {color:transparent;background:url(../img/mission-title-tile.png) repeat;-webkit-background-clip: text;}
