/*

Theme Name: BAW-2020

Theme URI: http://workshed.com

Description: Custom theme for the Bicycle Alliance of Washington

Author: Workshed

Author URI: http://workshed.com/

Version: 5/26/2016

*/

/*table,caption,tbody,tfoot,thead,tr,th,td*/

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,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{
	font-size:100%;
	font:inherit;
	padding:0;
	border:0;
	margin:0;
	vertical-align:baseline
}

body
{
	line-height:1
}

ol,ul
{
	list-style:none
}

blockquote,q
{
	quotes:none
}

blockquote:before,blockquote:after,q:before,q:after
{
	content:'';
	content:none
}

table
{
	border-collapse:collapse;
	border-spacing:0
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
{
	display:block
}

.sticky{}
.bypostauthor{}
.wp-caption{}
.wp-caption-text{}
.gallery-caption{}
.alignright{}
.alignleft{}
.aligncenter{}



/* `Basic HTML

----------------------------------------------------------------------------------------------------*/



body {

	font: 13px/1.5 Verdana, 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;

	/* JR 5/25/16: remove asphalt tile, leave white background */
	/* background: url(images/asphalt_tile.png) repeat; */

}



strong {
	font-weight: bold;
}



a {
	/* JR 5/26/16: recolor old green to new green */
	/* color: #78A22F; */
	color: #43b02a;
	text-decoration: none;
}


a:hover 
{
	color: #F1901E;	
}


em {

	font-style: italic;

}


#header {

	height: 156px;
	width: 100%;
	background: url(images/head_tile_bg.png) repeat-x;
	position: relative;
	z-index: 500;

}



	#headcontainer {

		margin: 0 auto;
		height: 147px;
		width: 960px;

	}

	

	#logo {

		/* JR 5/25/16: BAW-2016 uses PNG instead of JPG */
		background: url(images/logo.png) no-repeat;

		width: 236px;

		height: 94px;

		float: left;

		margin-top: 10px;

	}

	

	#utility{

		width: 720px;

		height: 30px;

		float: right;

		color: #f1901e;

	}

	

	#utillinks{

		float: right;

		width: 400px;

		list-style-type: none;

		text-transform: uppercase;

		height: 30px;

		margin-top: 26px;

	}

	

	#utillinks li{

		float: left;

		margin-left: 10px;

		margin-right: 0;

		color: #f1901e;

	}

	

	#utillinks li a{

		text-decoration: none;

		color: #fff;

		font-size: 12px;

	}

	

	#utillinks li a:hover{

		color: #f1901e;

	}

	

	

	#utillinks li:after {

		content: "|";

		margin-left: 10px;

	}

	/* ,#utillinks li:first-child:after */



	#utillinks li:last-child:after {

		content: "";

		margin-left: 10px;

	}



	

	#sociallinks {

		width: 180px;

		list-style-type: none;

		float: right;

		height: 30px;

		margin-top: 15px;

		margin-left: 0;

	}

	

	#sociallinks li{

		float: left;

		margin-right: 2px;

		margin-left: 0;

	}

	

	#searchbox{

		width: 300px;

		height: 30px;

		padding: 0;

		margin: 40px 0 0 0;

		float: right;

	}

	

		#searchfield{

			width:284px;

			height: 30px;

			border: none;

			background-color: transparent;			

			background: url(images/searchfield.png) no-repeat;

			position: relative;

			z-index: 600;

			padding: 0;

			color: #bcc2c4;

			font-size: 14px;

			padding-left: 10px;

		}

		

	#navigation{

		list-style-type: none;

		height: 37px;

		margin: 8px 0 0 0;

		padding: 0;

		width: 960px;

	}

	

	#navigation li{

		float: left;

		margin: 0 0 0 0;

		/* font-size: 14px; ELB 20150914 - this started causing problems for some reason */

		font-weight: bold;

		/* JR 5/25/16 recolor blue->teal */
		/* color: #044580; */
		color: #00677f;

		height: 30px;

		padding: 8px 0px 0 10px;

		position: relative;

		border-right: 1px solid #4173a2;

	}

	

	#navigation li a{

		/* JR 5/25/16 recolor menu text blue->white */
		/* color: #044580; */
		color: #fff;

		text-decoration: none;

		height: 31px;

		display: block;

		padding-right: 10px;

	}

	

	.navhov,#navigation li.current-page-parent a,#navigation li.current-menu-item a{

		color: #fff !important;

	}

	

	#navigation li:hover,#navigation li.current-page-parent,#navigation li.current-menu-item{

		/* JR 5/25/16 recolor blue->teal */
		/* background: #004382; */
		background: #00677f;

	}



	

	#navigation li:last-child {

		border-right:none;

	}

	

	#navigation .sub-menu {

		position: absolute;

		top:38px;

		left: -1px;

		z-index: 800;

		display: none;

		width: 200px;

		height: auto;

		padding: 10px 0 10px 0;

		color: #2d3a64 !important;

		font-weight: normal;

		font-size: 16px !important;

		list-style: none;

		/* JR 5/25/16 recolor blue->teal */
		/* background-color: #004382; */
		background-color: #00677f;

		opacity: .9;

	}

	

	#navigation .sub-menu li {

		float: none;

		border: none;

		width: auto;

		height: auto;

		padding: 0 0 0 0;

		margin: 7px 0px 0px 0px;

		color: #fff !important;

		font-size: 16px !important;

		background-image: none;

		display: block;

		

	}

	

	

	#navigation .sub-menu li a {

		font-weight: normal;

		font-size: 16px !important;

		color: #002647 !important;

		text-transform: none;

		padding: 3px 5px 5px 10px;

		text-align: left;

		color: #fff !important;

		display: block;

		margin: 0 10px 10px 10px;

		width: auto;

		height: auto;

		line-height: 17px;

		text-indent: 0px;

		padding-left: 10px;

	}

	

	#navigation .sub-menu li a:hover,#navigation .sub-menu li.current-menu-item a {

		background-image: none;

		color: #EE7F00 !important;

		margin: 0 10px 10px 10px;

		text-shadow: none !important;

		font-size: 16px !important;

	}

	

	#navigation .sub-menu li:after {

		content: "";

	}





#main{

	background: #fff;

	margin-top: -10px;

	padding-bottom: 204px;

	padding-left: 20px;

}



	#herobox{

		padding-top: 30px;

	}

	

	#herobox h1{

		color: #004382;

		font-size: 24px;

		font-weight: normal;

		margin-bottom: 10px;

	}

	

	#herobox p{

		margin-top: 0;

		font-size: 13px;

		line-height: 20px;

	}

	

	#content{

		padding-top: 30px;

	}

	

	#content h1{

		color: #004382;

		font-size: 24px;

		font-weight: normal;

		margin-bottom: 10px;

	}

	

	#content h2{

		/* JR 5/26/16: recolor old green to new green */
		/* color: #78A22F; */
		color: #43b02a;

		font-weight: bold;

		font-size: 18px;

		margin-top: 30px;

		margin-bottom: 20px;

	}

	

	#content h3{

		font-weight: bold;

		font-size: 14px;

		margin-top: 10px;

		margin-bottom: 10px;

	}

	

	#content p{

		margin-top: 20px;

		font-size: 13px;

		line-height: 20px;

		margin-bottom: 20px;

	}

	

	#content ul{

		list-style-type: disc;

		margin-left: 30px;

	}

	

	#content ol{

		list-style-type:decimal;

		margin-left: 30px;

	}

	

	#content ul li,#content ul li{

		padding-left: 10px;

	}

	

	#content table.peeps tbody tr td img {

		width: 100px !important;

		height: auto;

		/* JR 5/26/16: recolor old green to new green */
		/* border:1px solid #78A22F; */
		border:1px solid #43b02a;

	}

	

	.attachment-post-thumbnail {

		float: right;

		margin: 0 0 10px 10px;

	}

	

	.bionotes {

		display: block;

		margin-top: 20px;

	}

	

	.calnav {

		width: 100%;

	}

	

	.prevmonth {

		float: left;

		font-size: 14px;

		font-weight: bold;

	}

	

	.nextmonth {

		float: right;

		font-size: 14px;

		font-weight: bold;

	}

	

	

	.slideshow{

	width:700px;

	height:290px;

	margin-bottom: 10px;

	}

		

	.slide{

		display: none;

	}

	

	

	.odiv {

		width: 100%;

		height: 3px;

		background: #f1901e;

		margin-bottom: 20px;

		margin-top: 20px;

	}

	

	#sidebar {

		/* JR 5/26/16: drop the sidebar background gradient */
		/* background: url(images/sidebarbg.png) no-repeat; */

		min-height: 500px;

	}

	

		#sidebarcontent {

			margin: 25px 10px 10px 10px;

			font-size: 12px;

			font-weight: bold;

			color: #fff;

		}

		

		#sidebarcontent ul{

			font-size: 11px;

			list-style-type: disc !important;

			color: #fff;

			font-weight: normal;

		}

		

		#sidebarcontent ul li {

			margin-bottom: 7px;

			margin-left: 20px;

		}

		

		#sidebarcontent ul li a{

			color: #fff;

			text-decoration: none;

			font-weight: normal;

			text-shadow: #666 1px 1px 0;

		}

		

		#sidebarcontent ul li a:hover {

			color: #f1901e;

		}

		

		#sidebar h2{

			font-size: 15px;

			line-height: 18px;

			color: #fff;

			font-weight: bold;

			text-transform: uppercase;

			text-align: center;

			text-shadow: 1px 1px 5px #666;

		}

		

		#sidebar h3, .widget-title{

			font-size: 13px;

			line-height: 12px;

			margin-bottom: 5px;

			margin-top: 15px;

			color: #004382;

			font-weight: bold;

			text-transform: uppercase;

			text-shadow: 1px 1px 5px #666;

			width: 100%;

			display: block;

		}

		

		#cat{

			width: 180px;

			margin-bottom: 20px;

		}

		.cat-item{

			font-size:11px;

			color: #fff;

		}

		

		.cat-item a{

			color: #f1901e;

		}

		

		.eventcontainer, .event_body{

			margin-top: 5px;

			color: #000;

			font-weight: normal;

		}

		

		.event-title a{

			text-decoration: none !important;

			color: #044580 !important;

		}

		

		.calendar-events {

			background: #fff !important;

		}

			

		.eventcontainer div.date, div.when{

			font-size: 11px;

			line-height: 12px;

			color: #004382;

			font-style: italic;

		}

		

		.event_body {

			margin-bottom: 10px;

		}

		

		.eventcontainer a.headline, .event a{

			font-size: 11px;

			line-height: 16px;

			/* JR 5/26/16: recolor old green to new green */
			/* color: #78a22f; */
			color: #43b02a;

			font-weight: bold;

			text-shadow: 1px 1px 1px #ccc;

			text-decoration: none;

		}

		

		.eventcontainer a.headline:hover, .event a:hover{

			color: #f1901e;

		}

		

		.eventcontainer p, .event_body{

			font-size: 11px;

			line-height: 16px;

			margin-bottom: 5px;

		}

		

		.event_body{

			margin-bottom: 10px;

		}

		

		#sidebar a.seemore, .tribe-view-all-events{

			color: #f1901e;

			text-transform: uppercase;

			float: right;

			text-align: right;

			display: block;

			text-decoration: none;

			margin: 0 0 20px 0;

			padding: 0;

			font-size: 11px;

			line-height: 16px;

			clear: right;

			width: 100%;

		}

		

		.widget-container{

			width: 100%;

			display: block;

			margin-bottom: 0;

		}

		

		.tribe-events-othermonth {

			background: #fff;

		}

		

		#tribe-mini-ajax-month {

			color: #fff;

			font-size: 14px;

		}

		

		.eventcontainer a.seemore:hover {

			/* JR 5/26/16: recolor old green to new green */
			/* color: #78a22f; */
			color: #43b02a;

		}

		

		.widget_my_calendar_mini_widget{

			margin-bottom: 20px;

		}

		

		.mini .my-calendar-nav ul {

			height: 15px !important;

			padding: 3px 5px 0 5px !important;

		}

		

		.mc-main .my-calendar-nav li a{

			background: none !important;

			border: none !important;

			/* JR 5/26/16: recolor old green to new green */
			/* color: #78a22f !important; */
			color: #43b02a !important;

		}

		

		.my-calendar-month{
			
			/* JR 5/26/16: recolor old green to new green */
			/* color: #78a22f; */
			color: #43b02a !important;

		}

		

		.my-calendar-next{

			float: right !important;

		}

		

		.widget-container{

			list-style-type: none;

		}

	

	#emailinput {

		width:189px;

		height: 30px;

		border: none;

		background-color: transparent;			

		background: url(images/emailinputbg.png) no-repeat;

		position: relative;

		z-index: 600;

		padding: 0;

		color: #bcc2c4;

		font-size: 13px;

		padding-left: 5px;

		border: none;

	}

	

	.homecol img {

		box-shadow: 1px 1px 5px #666;

	}

	

	.homecol h2 {

		/* JR 5/26/16: recolor old green to new green */
		/* color: #78a22f; */
		color: #43b02a;

		font-size: 13px;

		font-weight: bold;

		margin-top: 10px;

		margin-bottom: 10px;

		text-shadow: 1px 1px 2px #ccc;

		text-transform: uppercase;

	}

	

	.homecol p {

		font-size: 11px !important;

		line-height: 18px !important;

		margin-top: 0;

		margin-bottom: 10px;

	}

	

	.obtn {

		background: url(images/orangebtnbg.png) no-repeat;

		width: 108px;

		height: 29px;

		font-size: 12px;

		font-weight: bold;

		text-transform: uppercase;

		text-align: center;

		padding-top: 6px;

		color: #fff;

		display: block;

		text-shadow: 1px 1px 5px #666;

		text-decoration: none;

		border: none;

	}

	

	#footer {

		/* JR 5/26/16: remove gradient, use solid header teal color */
		/* background: url(images/footerbg.png) repeat-x; */
		background-color: #00677f;

		height: 184px;

		width: 100%;

		position: relative;

		z-index: 700;

		margin-top: -184px;

		padding-left: 10px;

	}

	

	#footer .footbox {

		width: 960px;

		margin: 0 auto;	

		padding-top: 20px;

	}	

	

	#footer h2 {

		color: #cacbc9;

		font-size: 14px;

		font-weight: bold;

		margin-bottom: 5px;

		padding-bottom: 0;

	}

	

	#footer .footbox ul, #footer .footbox .textwidget {

		list-style-type: none;

		font-size: 10px;

		line-height: 18px;

		/* JR 5/26/16: recolor footer link text to white */
		/* color: #262922; */
		color: #fff;

		margin-left: 0;

		padding-left: 0;

		margin-top: 0;

		padding-top: 0;

	}

	

	#footer .footbox .textwidget a{

		color: #fff;

	}

	

	#footer .footbox ul li {

		margin-left: 0;

		padding-left: 0;

		margin-top: 0;

		padding-top: 0;

	}

	

	#footer .footbox ul li a{

		/* JR 5/26/16: recolor footer link text to white */
		/* color: #262922; */
		color: #fff;

		text-decoration: none;

	}

	

	#footer .footbox ul li a:hover{

		color: #f1901e;

		text-decoration: none;

	}

	

	 			/* =WordPress Core

-------------------------------------------------------------- */

.alignnone {

    margin: 5px 20px 20px 0;

}



.aligncenter, div.aligncenter {

    display:block;

    margin: 5px auto 5px auto;

}



.alignright {

    float:right;

    margin: 5px 0 20px 20px;

}



.alignleft {

    float:left;

    margin: 5px 20px 20px 0;

}



.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



a img.alignright {

    float:right;

    margin: 5px 0 20px 20px;

}



a img.alignnone {

    margin: 5px 20px 20px 0;

}



a img.alignleft {

    float:left;

    margin: 5px 20px 20px 0;

}



a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto

}



.wp-caption {

    background: #fff;

    border: 1px solid #f0f0f0;

    max-width: 96%; /* Image does not overflow the content area */

    padding: 5px 3px 10px;

    text-align: center;

}



.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignright {

    margin: 5px 0 20px 20px;

}



.wp-caption img {

    border: 0 none;

    height: auto;

    margin:0;

    max-width: 98.5%;

    padding:0;

    width: auto;

}



.wp-caption p.wp-caption-text {

    font-size:11px;

    line-height:17px;

    margin:0;

    padding:0 4px 5px;

}



.st_sharethis_custom{

	background: url(/wp-content/themes/baw/images/sharethis.png) center top no-repeat;

	padding:0 28px 32px 0;

	height: 28px;

}



.eventcats{

	float: right;

}



.tribe-events-calendar .cat_rides-that-support-the-bicycle-alliance a {

	color: red !important;

}



.loc{

	color: #004382;

	font-size: 11px;

	font-style: italic;

	font-weight: normal;

	margin-top: 3px;

	margin-bottom: 3px;

}



.form_fixed_width{

	width: 500px !important;

}



div.form_fixed_width .frm_checkbox {

	width: 250px !important;	

	float: left;

	display: block;

}



.smallformlink{

	font-size: 12px !important;	

}



#menu-item-69 a, .donatebtn{

	display: block;

	padding: 6px 10px 5px 10px;

	background: #f1901e;

	font-weight: bold;

	margin-top: -5px;

	font-size: 12px;

	border: 1px solid #fff;

}



#menu-item-69 a:hover, .donatebtn:hover{

	background: #004382;

	color: #fff;

}



.donatebtn{

	display: inline-block;

	color:#fff;

	font-size: 16px;

}