@charset "utf-8";
/* CSS Document for Yampa Valley Sustainability Council */
/*
Theme Name: Yampa Valley
Theme URI: ??
Description: Custom Theme for Yampa Valley Sustainability Council
Version: 1 (WP2.7.1)
Author: Jeremiah Tolbert, design by OneTribe Creative
Author URI: http://www.clockpunkstudios.com/
Tags: sustainability, custom, colorado
*/


/* RESET RELOADED by Eric Meyer */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,  font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* Site Layout */
body {background:url(images/page-background.jpg) repeat-x #dcd0a8;font-size:66.7%;}
#wrapper {margin:0 auto; width:1000px; background-image:url(images/wrapper-background.jpg);height:700px;position:relative;}
#logo {text-indent:-9999px;background-image:url(images/logo.png);width:201px;height:146px;position:absolute;z-index:100;left:76px;}
#logo a {display:block;height:146px;width:201px;}
#featured_image {width:900px;height:500px;position:absolute;left:49px;top:99px;overflow:hidden;}

/* Front Page Styling */
#highlight_stories, #secondary_navigation {width:191px;top:146px;background-image:url(images/stories-background.png); background-position:-1px bottom;position:absolute;z-index:100;left:76px;padding:0px 5px 0px 0px;}
.story {clear:both;padding:10px 10px 20px 22px;border-bottom:1px solid #b3935d;}
.story h2, .story h2 a, .story h2 a:visited {color:#992d08;font-family: Arial, Verdana, sans-serif;font-size:1.2em;margin-bottom:5px;text-decoration:none;}
.story h2 a:hover {text-decoration:underline;}
.story p {font-family:Arial, Helvetica, sans-serif;line-height:1.2em;}
.thumbnail {float:left;margin-right:10px;margin-bottom:30px;}
.read_more {text-indent:-9999px;background:url(images/arrow.png) right no-repeat;display:inline-block;height:10px;width:15px;float:right;margin-top:5px;}

/* Secondary Page STyling */
#secondary_navigation li {font-family:Arial, Helvetica, sans-serif;text-align:right;padding: 15px 25px 10px 0px;border-bottom:1px solid #b3935d;}
#secondary_navigation li a {color:#643f1f;text-decoration:none;font-size:1.2em;padding-left:10px;letter-spacing:.02em;}
#secondary_navigation li.current_page_item a {background:url(images/arrow.png) no-repeat 0px 5px;}

#page_text_area {background-image:url(images/page-text-background.png);height:399px;width:631px;position:absolute;left:293px;top:146px; z-index:110;}
#page_text_area h2 {color:#2b5f0f;font-size:2.2em;position:absolute;left:40px;top:45px;letter-spacing:.03em;font-family:Georgia, "Times New Roman", Times, serif;}
#scroll_box {position:absolute;left:40px;width:540px;height:260px;overflow:auto;color:#643f1f;font-size:1.2em;line-height:1.2em;font-family: Arial, Helvetica, sans-serif;padding:10px 10px 0px 0px;}
#scroll_box p {margin-bottom:1.2em;;}

/* Define common styles for body text */
#scroll_box a {color:#060;}
#scroll_box a:hover {text-decoration:none;color:#483213;}
#scroll_box a:visited {color:#060; text-decoration:none;}
#scroll_box blockquote {margin: 1.2em 2em;}
#scroll_box .alignleft {float:left;margin-right:1em;}
#scroll_box .alignright {float:right;margin-left:1em;}
#scroll_box h1, #scroll_box h2 {font-size:1.8em;margin-bottom:1em;position:static;}
#scroll_box h3 {font-size:1.6em;margin-bottom:1em;}
#scroll_box h4 {font-size:1.4em;margin-bottom:1em;}
#scroll_box h5 {font-size:1.2em;margin-bottom:1em;font-weight:bold;}
#scroll_box em {font-style:italic;}
#scroll_box strong {font-weight:bold;}

/* Navigation styling */
#navigation {width:563px;height:20px;position:absolute;left:418px;top:56px;font-size:1.4em; font-family:"Myriad Pro", Arial, Verdana, sans-serif;font-weight:condensed; }
	#navigation li {float:left;margin-right:35px;text-indent:-9999px;}
	#navigation li a {color:#523213;text-decoration:none;display:block;}
	#navigation li a#about_link {height:17px;width:57px;background:url(images/navigation-map.png) 0px 17px;}
		#navigation li a#about_link:hover {background-position: 0px 34px; }
		#navigation li a#about_link.active {background-position:0px 51px;}
	#navigation li a#programs_link {height:17px;width:119px;background:url(images/navigation-map.png); background-position:433px 17px;}
		#navigation li a#programs_link:hover {background-position: 433px 34px; }
		#navigation li a#programs_link.active {background-position:433px 51px;}
	#navigation li a#events_link {height:17px;width:83px;background:url(images/navigation-map.png); background-position:280px 17px;}
		#navigation li a#events_link:hover {background-position: 280px 34px; }
		#navigation li a#events_link.active {background-position:280px 51px;}
	#navigation li a#involved_link {height:17px;width:74px;background:url(images/navigation-map.png); background-position:164px 17px;}
		#navigation li a#involved_link:hover {background-position: 164px 34px; }
		#navigation li a#involved_link.active {background-position:164px 51px;}
		#navigation li a#share_link {height:17px;width:54px;background:url(images/navigation-map.png); background-position:50px 17px;}
		#navigation li a#share_link:hover {background-position: 50px 34px;  }
		#navigation li a#share_link.active {background-position:50px 51px;}

#share_box {background-image:url(images/sharebox-background.png);display:none;width:104px;height:41px;z-index:200;position:absolute;right:18px;top:83px;padding:30px 15px 20px 15px;line-height:16px;}
#share_box a.open_close {position:absolute;display:block;height:20px;width:20px;right:1px;top:5px;text-indent:-9999px;}

a#attribution {color:#926841;font-size:1.1em;font-family:"Myriad Pro", Arial, Helvetica, sans-serif;position:absolute;right:40px; top:620px;text-decoration:none;}

/* Newsletter Sign-up */
div.sociable {margin:0 !important;}

#newsletter {width:500px;height:25px;position:absolute;left:58px;bottom:56px;font-size:1.1em;font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-weight:bold;}
	#newsletter label {color:#284016;padding-right:10px;}
	#newsletter #email {border:0;outline:0;background-image:url(images/form-field-background.png);height:13px;width:81px;background-color:transparent;color:#e2dfc1;padding: 2px 5px;font-size:8pt;}
	#newsletter #submit {border:0;outline:0;background-image:url(images/submit-background.png);height:16px;width:53px;background-color:transparent;color:#e2dfc1;text-indent:-9999px;position:relative;top:1px;overflow:hidden;cursor:pointer;}
	#newsletter #submit:hover {background-image:url(images/submi-background-over.png);}
#social_links {position:absolute;width:350px;right:233px;bottom:65px;line-height:18px;font-size:13px;font-family:Arial, Helvetica, sans-serif;}
#social_links a, #social_links a:visited {color:#000;}
#social_links a:hover {text-decoration:none;}

#calendar_wrapLarge h2 {position:relative;font-size:14px;top:0;left:0;}
#calendar_wrapLarge { font-size:10px; margin-left:5px;}
#wp-calendarLarge td {height:35px !important; width:100px !important;}
#wp-calendarLarge .dayHead {background-color:#E8C88C !important; color:#000 !important;}
#CalendarLarge-Header td {height:33px;}
#wp-calendarLarge .event-block {color:#030 !important;}
#todayLarge {background-color:#D0974A!important;}
#calendar_wrapLarge a, #calendar_wrapLarge a:visited {color:#060;}
.calendar {top:75px !important;}