/* Typefaces
-----------------------------------------------
Fonts by Jos Buivenga (exljbris) -> www.exljbris.nl
-----------------------------------------------*/
@font-face {
	font-family: "Museo Sans 500";
	src: url("/fonts/MuseoSans_500.eot");
	src: local("Museo Sans 500"), local("MuseoSans-500"),
		url("/fonts/MuseoSans_500.woff") format("woff"),
		url("/fonts/MuseoSans_500.otf") format("opentype"),
		url("/fonts/MuseoSans_500.svg#MuseoSans-500") format("svg");
	}
@font-face {
	font-family: "Museo Sans 500 Italic";
	src: url("/fonts/MuseoSans_500_Italic.eot");
	src: local("Museo Sans 500 Italic"), local("MuseoSans-500Italic"),
		url("/fonts/MuseoSans_500_Italic.woff") format("woff"),
		url("/fonts/MuseoSans_500_Italic.otf") format("opentype"),
		url("/fonts/MuseoSans_500_Italic.svg#MuseoSans-500Italic") format("svg");
	}
@font-face {
	font-family: "Museo 300";
	src: url("/fonts/Museo300-Regular.eot");
	src: local("Museo 300"), local("Museo-300"),
		url("/fonts/Museo300-Regular.woff") format("woff"),
		url("/fonts/Museo300-Regular.otf") format("opentype"),
		url("/fonts/Museo300-Regular.svg#Museo-300") format("svg");
	}
@font-face {
	font-family: "Museo 500";
	src: url("/fonts/Museo500-Regular.eot");
	src: local("Museo 500"), local("Museo-500"),
		url("/fonts/Museo500-Regular.woff") format("woff"),
		url("/fonts/Museo500-Regular.otf") format("opentype"),
		url("/fonts/Museo500-Regular.svg#Museo-500") format("svg");
	}
@font-face {
	font-family: "Museo 700";
	src: url("/fonts/Museo700-Regular.eot");
	src: local("Museo 700"), local("Museo-700"),
		url("/fonts/Museo700-Regular.woff") format("woff"),
		url("/fonts/Museo700-Regular.otf") format("opentype"),
		url("/fonts/Museo700-Regular.svg#Museo-700") format("svg");
	}








body {
  margin: 0;
  padding: 0 0 30px 0;
  font: 13px/20px "Trebuchet MS", Trebuchet, Verdana, sans-serif;
  color: #3d3c3b;
  background: #25565a url(/images/background-body.jpg) repeat-x top left;
}

a {
  color: #5c8834;
}

dl {
  margin: 0 0 15px 0;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 0 10px 0;
}

h1,
div.col1 h3 {
  margin: 0 0 10px 0;
  font: 24px/24px "Museo 500", "Trebuchet MS", Trebuchet, Verdana, sans-serif;
  color: #5c8834;
}

h1 em {
  font-family: "Museo Sans 500 Italic", "Trebuchet MS", Trebuchet, Verdana, sans-serif;
}

h2,
div.col1 h4 {
  margin: 20px 0 10px 0;
  color: #245759;
  font-size: 20px;
  line-height: 18px;
}

hr {
  height: 1px;
  color: #b0c7c8;
  background-color: #b0c7c8;
  border: 0;
}

img {
  border: none;
}

p {
  margin: 0 0 15px 0;
}

ul {
  margin: 0 0 15px 0;
  padding: 0;
}

li {
  margin: 0;
  padding: 0 0 5px 0;
}





#texture {
  padding: 1px 0 0 0;   /* top padding is necessary to prevent the element from being affected by its children's margins */
  background: url(/images/background-texture.jpg) no-repeat 50% 14px;
}

#container {
  width: 960px;
  margin: 0 auto 0 auto;
}

#header {
  position: relative;
  padding-left: 50px;
}

#header #social {
display: none;
  position: absolute;
  top: 60px;
  right: 60px;
  /*width: 310px;
  text-align: left;*/
}

#footer #social img {
  margin-right: 10px;
}

#logo {
  float: left;
  margin: 56px 0 0 0;
  padding: 0;
}

#logo a,
#logo img {
  display: block;
}

#mission {
  float: left;
  /*width: 612px;*/
  width: 450px;
  height: 34px;
  margin: 42px 0 0 20px;
  padding: 21px 0 0 78px;
  font: 14px/20px "Museo 500", "Trebuchet MS", Trebuchet, Verdana, sans-serif;
  color: white;
  background: url(/images/balloon.gif) no-repeat top left;
}

#mission span.tagline {
  top: -1px;
  white-space: nowrap;
}

#mission em,
#mission cite {
  font-family: "Museo Sans 500 Italic", "Trebuchet MS", Trebuchet, Verdana, sans-serif;
}

#mission a {
  color: white;
}

#tagline {
  clear: both;
  float: left;
  width: 560px;
  margin: 50px 0 0 0;
  font: 30px/32px "Museo 500", "Trebuchet MS", Trebuchet, Verdana, sans-serif;
  color: #a0ca3e;
}

#tagline span.tagline {
  top: 2px;
  white-space: nowrap;
}

#loginform {
  float: right;
  width: 260px;
  margin: 25px 50px 0 0;
  color: white;
}

#loginheading {
  margin: 0 0 10px 0;
  font: 14px/18px "Museo 500", "Trebuchet MS", Trebuchet, Verdana, sans-serif;
}

#login_submit {
  float: right;
  margin: 0 10px 0 0;
}

#cms_text {
  line-height: 15px;
}

#cms_text a {
  color: #98c240;
  text-decoration: none;
}

#cms_text a:hover {
  text-decoration: underline;
}

#topnav {
  clear: both;
  width: 960px;
  margin: 45px 0 0 0;
}

#topnav span {
  display: block;
  float: left;
}

#topnav a {
  display: block;
  float: left;
  width: 230px;
  height: 66px;
  padding: 7px 0 0 40px;
  font: 40px "Museo 700", "Trebuchet MS", Trebuchet, Verdana, sans-serif;
  color: #215253;
  text-decoration: none;
  /*text-shadow: 1px 1px 1px #78d0d4;*/
  background: url(/images/background-tab.gif) no-repeat 0 0;
}

#topnav a:hover,
#topnav a.currentpage {
  background-position: 0 -73px;
  text-shadow: none;
}

#topnav span {
  display: block;
  float: left;
  width: 55px;
  padding: 7px 0 0 0;
  font: 46px "Museo 700", "Trebuchet MS", Trebuchet, Verdana, sans-serif;
  color: white;
  text-align: center;
  text-shadow: none;
}

#topnav a span {
  float: none;
  width: auto;
  margin-top: -7px;
  padding: 0;
  font: 13px "Trebuchet MS", Trebuchet, Verdana, sans-serif;
  color: #215253;
  text-align: left;
}

#topnav a:hover span,
#topnav a.currentpage span {
  color: #5c8834;
}


#topnav #tab_you {
  width: 225px;
  padding-left: 30px;
  background-position: -15px 0;
}

#topnav #tab_you:hover,
#topnav #tab_you.currentpage {
  background-position: -15px -73px;
}

#tab_us,
#tab_awesome {
}


#content {
  clear: both;
  padding: 30px 50px 30px 30px;
  background-color: white;
}

.col0 {
  float: left;
}

.col1 {
  float: right;
}

#content div.col0 {
  width: 560px;
}

#content div.col1 {
  width: 260px;
}

#content div.col0 div.col0,
#content div.col0 div.col1 {
  width: 260px;
}

#content img {
  border: 2px solid #dcdcd7;
}

#content img.noborder {
  border: none;
}

div.col0 p.photo_grid {
  width: 560px;
}

p.photo_grid img {
  float: left;
  margin: 0 10px 10px 0;
}

#content p.photo_grid a:hover img {
  border-color: #5fa3a6;
}

#content p.photo_grid a.currentpage img {
  border-color: #25565a;
}

#awesome_navigation {
  margin-bottom: 45px;
}


#content div.col0 ul {
  list-style: none;
}

#content div.col0 li {
  padding: 1px 0 3px 26px;
  background: url(/images/checkmark.gif) no-repeat top left;
}


#content div.col0 ul#slideshow,
#content div.col0 ul#slideshow_nav {
  width: 560px;
  margin: 0;
  padding: 0;
}

/*#content div.col0 ul#slideshow li {
  display: none;
}

div.cms_Content #content div.col0 ul#slideshow li {
  display: block;
}*/

#content div.col0 ul#slideshow img {
  width: 556px;
  height: 416px;
}

#content div.col0 ul#slideshow_nav {
  margin: 10px 0 20px 0;
}

#content div.col0 ul#slideshow li,
#content div.col0 ul#slideshow_nav li {
  margin: 0;
  padding: 0;
  background: none;
}

#content div.col0 ul#slideshow_nav li {
  float: left;
  width: 116px;
  height: 116px;
  margin: 0 10px 10px 0;
}

#content div.col0 ul#slideshow_nav a,
#content div.col0 ul#slideshow_nav img {
  display: block;
  width: 116px;
  height: 116px;
}

#content div.col0 ul#slideshow_nav a:hover img {
  border-color: #5fa3a6;
}

#content div.col0 ul#slideshow_nav .activeSlide img,
#content div.col0 ul#slideshow_nav .activeSlide a:hover img {
  border-color: #25565a;
}








#sidenav {
  list-style: none;
}

#sidenav li {
  margin: 0;
  padding: 0;
}

#sidenav a {
  display: block;
  padding: 6px 0 6px 15px;
  font-size: 15px;
  color: #225456;
  border-bottom: 1px solid #d0dcdc;
  text-decoration: none;
}

#sidenav a:hover,
#sidenav a.currentpage {
  background: #eaf3ce;
}

#sidenav a.currentpage {
  padding-left: 40px;
  background: #eaf3ce url(/images/background-sidenav.gif) no-repeat 15px 4px;
}


#footer {
  margin: 15px 0 0 0;
  padding: 0 0 0 30px;
  font-size: 15px;
  color: white;
}

#footer p {
  margin: 0;
  padding: 10px 0 0 0;
}

#footer #social {
  float: right;
  width: 310px;
  text-align: left;
}

#footer #social img {
  margin-right: 10px;
}


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







div.field {
  float: left;
}

div.field label {
  display: block;
}

div.field input.text {
  display: block;
}



div.field textarea {
  /*display: block;
  width: 148px;
  height: 77px;
  padding: 5px;
  color: #373529;
  background: #aba298;
  border: 1px solid #ccc7c0;*/
}

input.button {
  /*display: block;
  width: 77px;
  height: 35px;
  font: 12px "Trebuchet MS", Trebuchet, Verdana, sans-serif;
  text-align: center;
  text-transform: uppercase;
  color: white;
  background: #3b2e24;
  border: none;
  cursor: pointer;*/
}

#contact_submit {
  float: right;
  margin: 5px -3px 0 0;
}

.required,
.warn {
  color: #5c8834;
}

label .required {
  font-style: italic;
}


#loginform div.field {
  margin-bottom: 10px;
}

#loginform div.field label {
  display: none;
  font-size: 11px;
}

#loginform div.half {
  width: 130px;
}

#loginform div.half input.text {
  width: 110px;
  height: 22px;
  padding-left: 5px;
  font: 13px "Trebuchet MS", Trebuchet, Verdana, sans-serif;
  color: #565655;
  background: #f9f9f5;
  border: 2px solid #e7e7e0;
}

#loginform div.pad {
  width: 120px;
  padding-right: 10px;
}

#u_password,
#password-clear {
  display: none;
}


#contact_form div.field {
  padding-bottom: 10px;
}

#contact_form div.field label {
  margin-bottom: 3px;
  font-size: 15px;
  color: #225456;
}



#contact_form div.full {
  width: 260px;
}

#contact_form input.text {
  width: 256px;
  height: 23px;
  padding: 5px 0 5px 5px;
  font: 13px "Trebuchet MS", Trebuchet, Verdana, sans-serif;
  color: #565655;
  background: #f9f9f5;
  border: 2px solid #e7e7e0;
}

#contact_form textarea {
  width: 256px;
  height: 104px;
  padding: 5px 0 5px 5px;
  font: 13px "Trebuchet MS", Trebuchet, Verdana, sans-serif;
  color: #565655;
  background: #f9f9f5;
  border: 2px solid #e7e7e0;
}

#contact_form_warning {
  font-weight: bold;
  font-size: 15px;
}

#fibblesnork {
  display: none;
}




/* WordPress styles */

div.post {
  padding-bottom: 20px;
  border-bottom: 1px solid #b0c7c8;
}

div.entry-meta {
  font-style: italic;
  font-size: 11px;
}

div.addthis_container {
  position: relative;
  float: right;
  top: 20px;
}

#content div.addthis_container img {
  border: none;
}

div.entry-utility {
  font-style: italic;
  font-size: 11px;
}

h2.entry-title {
  margin: 20px 0 10px 0;
  color: #245759;
  font-size: 20px;
  line-height: 18px;
}

h2.entry-title a {
  color: #245759;
  text-decoration: none;
}

h2.entry-title a:hover {
  text-decoration: underline;
}

#nav-below {
  display: none;
}

.nav-previous {
  width: 50%;
  float: left;
  font-size: 11px;
}

.nav-next {
  width: 50%;
  float: right;
  text-align: right;
  font-size: 11px;
}

#comments {
	clear: both;
}

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}
.widget_search #s { /* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display:none;
}
.widget-container {
	margin: 0 0 18px 0;
}
.widget-title {
	color: #222;
	font-weight: bold;
}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}
.widget-area .entry-meta {
	font-size: 11px;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	width:100%;
}
#wp-calendar caption {
	font-weight: bold;
	color: #222;
	text-align: left;
	font-size:14px;
	padding-bottom: 4px;
}
#wp-calendar thead {
	font-size:11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	padding: 3px 0 2px;
	background: #f5f5f5;
	border:1px solid #fff;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #FF4B33;
}
.widget_rss .widget-title img {
	height: 11px;
	width: 11px;
}



/* Bicycle Bash form styles -- this probably should have been in its own stylesheet. */

#rsvp_form input.text {
  padding-left: 5px;
  font: 13px "Trebuchet MS", Trebuchet, Verdana, sans-serif;
  border: none;
  border-bottom: 1px solid #dddddd;
}

#rsvp_form input.blur {
  color: #aaaaaa;
}

#rsvp_form #fname,
#rsvp_form #lname {
  width: 75px;
}

#rsvp_form #num_guests {
  width: 20px;
}

#rsvp_form #extra {
  width: 140px;
}