/* base.css - primary stylesheet for CrossCanadaRun.com */

/* "reset" HTML elements to 0 */
body, form, h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd { margin: 0; padding: 0; }

body { background: #fff; color: #000; font: normal normal normal 0.95em verdana, arial, helvetica, sans-serif; }

	/* Global Link Style */
	a:link, a:visited { color: #06c; }
	a:hover, a:active { color: #f60; }
	
	h1 { clear: both; color: #f60; font: normal normal normal 2em verdana, arial, helvetica, sans-serif; line-height: 1em; padding: 20px 0; }
	
	h2 { color: #06c; font-size: 1.1em; margin: 16px 0 0 0; }
	
	h3 { font-size: 1.1em; margin: 4px 0 20px 0; }
	
	p { font-size: 0.95em; padding: 0.5em 0.2em; line-height: 1.3em; }
	
	.container { margin: auto; width: 770px; }
	

	
/* PAGE HEADER */
	.header { background: #f60; clear: both; float: left; width: 100%; }
		.header .container { background: url('../img/pres/header_logo.gif') no-repeat top left; color: #fff; font: italic normal bold 0.9em verdana, arial, helvetica, sans-serif; padding: 64px 0 16px 112px; width: 648px; }
			.header .container span { display: block; font-size: 1px; height: 1px; margin: 0; padding: 0; visibility: hidden;}

	/* MAIN NAVIGATION BAR */
	.main_nav { background: #fa0; border-bottom: 2px solid #f60; float: left; width: 100%;}

		.main_nav ul { float: left; list-style: none; }
			.main_nav ul li { float: left; font-size: 0.85em; }
				.main_nav ul li a { border-left: 1px solid #f60; border-right: 1px solid #f60; display: block; padding: 10px 14px; }
					.main_nav ul li a:link, .main_nav ul li a:visited { color: #000; text-decoration: none; }
					.main_nav ul li a:hover, .main_nav ul li a:active { background: #06c; color: #fff; }

				/* thicken outside borders of first/last menu items */
				.main_nav ul li#m_home a { border-left: 2px solid #f60; }
				.main_nav ul li#m_contact a { border-right: 2px solid #f60; }

				/* change style for "current" section nav item */
				.main_nav ul li.current a { background: #f60; color: #fff; font-weight: bold; }

				/* visually hide "skipnav" menu item */
				.main_nav ul li#m_skipnav { visibility: hidden; }
					.main_nav ul li#m_skipnav a { font-size: 0.1em; padding: 0; width: 14px; }
					
					
/* PAGE CONTENT */
	#content .container { padding-bottom: 20px; }
	
	#content dl { margin: 10px 4px; }
		#content dl dt { font-size: 1em; font-weight: bold; }
		#content dl dd { margin: 2px 0 20px 0; }
		
	#content ul { margin: 10px 10px 30px 16px; }
		#content ul li { margin: 10px 6px; }

/* PAGE FOOTER */
	.footer { background: #f60; color: #fff; clear: both; float: left; font-size: 0.7em; margin: 10px 0 0 0; padding: 6px 0; width: 100%;}
			.footer a:link, .footer a:visited { color: #fff; }
			.footer a:hover, .footer a:active { color: #06c; }
	
			.footer p { float: left; }
	
			.footer ul { float: right; list-style: none; margin: 10px 0 6px 0; }
				.footer ul li { border-left: 1px solid #fff; float: left; padding: 0 6px 1px 6px; }
				.footer ul li#f_home { border: 0; }

/* HOMEPAGE */

.intro { background: url('../img/pres/wayne_run_angled_dropshadow.jpg') right -25px no-repeat; float: left; height: 200px; padding: 10px 0 0 0; width: 72%; }
	.intro h1 { color: #000; font: normal normal normal 1.6em verdana, arial, helvetica, sans-serif; margin: 0 0 10px 0; padding: 0; width: 65%; }
		.intro .myname { color: #06c; font-weight: bold; }
		.intro .myreason { color: #f60; font-weight: bold; }

	.intro p { width: 55%; }
	
.blog_roll { float: right; margin: 50px 10px 0 0; width: 26%; }
	.blog_roll h2 { background: none; color: #f60;}

.more_info { background: url('../img/pres/home_more_dividerlines.gif'); clear: both; float: left; width: 100%; }
	.more_info h2 { background: #fff; border-bottom: 1px solid #f60; font-size: 1.6em; margin: 0; }
		.more_info h2 span { background: #f60; color: #fff; font-size: 0.9em; padding: 0 8px; }

	.more_info div { float: left; padding: 6px; width: 165px; }
		.more_info h3 a:link, .more_info h3 a:visited { color: #000; }
		.more_info h3 a:hover, .more_info h3 a:active { color: #666; }
		.more_info p { font-size: 0.9em; margin-top: 4px; }
		.more_info #more_blog { margin-left: 13px; }
		.more_info #more_route { margin-left: 3px; }
		.more_info #more_resources { margin-left: 22px; }
		.more_info #more_contribute { margin-left: 13px; }


/* DONATE PAGE */

	.donate_methods { background: url('../img/pres/dot_orange.gif') 38% 0 repeat-y; float: left; margin: 10px 0; width: 100%; }
		.donate_methods h2 { background: #fff; margin: 0; padding: 0 0 16px 0; }
		.donate_methods h3 { font-size: 1em; margin: 0 0 4px 0; }

		.donate_methods #donate_mail { float: left; margin: 0 40px 0 0; width: 38%; }
		.donate_methods #donate_online { float: left; width: 50%; }
			.donate_methods #donate_online div { width: 30%; float: left; font-size: 0.8em; margin: 4px 40px 0 0; text-align: center; }
				.donate_methods #donate_online div form { margin: 4px 0 0 0; }


/* RESOURCES PAGE - MAIN */

	#resources #content dl dt { font-size: 1.1em; }
	
/* RESOURCES PAGE - PROFESSIONAL */
	
	#resources_pro #content dd { border-bottom: 1px solid #ccc; padding-bottom: 20px; }

/* ROUTE PAGE */
	#route table { border-collapse: collapse; font-size: 0.9em; margin: 0 0 30px 0; }
		#route table th, #route table td { border: 1px solid #930; padding: 4px 8px; text-align: left; }
		#route table th { background: #f60; color: #fff; }

	#route #content .route_map iframe { width: 60%; height: 400px; }
	#route #content .route_map a { display: block; font-size: 0.7em; }