/*  

Theme Name: Village

Theme URI: http://jasonthings.com/wordpress

Description: The rebuilt theme, based on an earlier version, after the site's webhost was most likely hacked in April 2012.

Version: 1.0

Author: Jason Rhodes (graphic design by Gina Eliadis)

Author URI: http://jasonthings.com

*/



/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 

	margin:0;

	padding:0;

}





table {

	border-collapse:collapse;

	border-spacing:0;

}

fieldset,img { 

	border:0;

}

address,caption,cite,code,dfn,em,strong,th,var {

	font-style:normal;

	font-weight:normal;

}

/* I prefer to remove list-styles when necessary, so that the default action is still to look like lists */

/* ol,ul { list-style:none; } */

caption,th {

	text-align:left;

}

h1,h2,h3,h4,h5,h6 {

	font-size:100%;

	font-weight:normal;

}

abbr,acronym { border:0;

}

a { outline: none; }



/* Global reset-RESET */

/* The below restores some sensible defaults */

strong { font-weight:bold }

em { font-style:italic }

* a { position:relative } /* Gets links displaying over a PNG background */

a img { border:none } /* Gets rid of IE's blue borders */



a:link, a:active, a:visited { 

	color: #298AAD;

	text-decoration: none;

}

	#main-nav a { background: none; }

	.page-sidebar a, .page-sidebar a:hover { background: none; }



a:hover { color: #FDB813; }

/* ************************************************************************************************************************************************************



Theme Styles Below



************************************************************************************************************************************************************ */



/* General Fonts & Colors */

/**

*	green: #94B200

*	blue: #298AAD

*	yellow: #FDB813

*/

body { 

	font-family: Lucida Grande, Lucida Sans, Cambria, Helvetica, Arial, sans-serif; 

	color: #111;

	font-size: 12px;

	line-height: 18px;

	background: #fff url(_images/bg-page.gif) center 133px repeat-x;

}

	body.home {

		background-image: url(_images/bg.gif);

	}

	

.story { overflow: hidden; }



	/* For lists to be styled plain */

	ul.no-list { list-style: none; margin: 0; padding: 0; }

	

	/* For clearing */

	.clear { clear: both; }

	

	.button150 {

		background: url(_images/button_bg.jpg) center center no-repeat;

		display: block;

		width: 150px;

		height: 32px;

		text-align: center;

		line-height: 32px;

		font-size: 12px;

		color: #fff;

		text-decoration: none;

		margin-top: 15px;

		letter-spacing: 1px;

	}

	

	.learn-more-link {

		margin-top: 20px;

	}

	.learn-more-link a {

		text-decoration: none;

		color: #efefef;

	}

		.learn-more-link a:hover { color: #FDB813; }

	

	h2.cufon, #news h2.cufon, h1.cufon, .page-sidebar h2.cufon {

		font-size: 18px;

		text-transform: uppercase;

		line-height: 22px;

		margin-bottom: 10px;

		position: relative;

		left: -1px;

		font-weight: normal;

		margin-top: 0;

	}

		.page-sidebar h2.cufon { margin-top: 40px; }

		.page-sidebar h2.top { margin-top: 0; }

	

	#content p { margin: 20px 0; }

		#content p.single-meta { margin: 0 0 20px 0; color: #666; }

		.single #content h1 { margin-bottom: 3px; }

		#content .event-details { margin: 10px 0 20px 0; }

		#content .event-details p { margin: 2px 0; }

		

	#events p, #news .post-meta { font-size: 11px; color: #333; }

	

	#news .post-meta { margin: 0 0 10px 0; }

	#news h2 { font-size: 14px; }

	

	#stories .story .post .edit-link {

		position: absolute;

		top: -30px;

		right: 0; 

		font-size: 10px;

		text-transform: uppercase;

	}

		#stories .story .post .edit-link a { color: #666; }

		#stories .story .post .edit-link a:hover { color: #CCC; text-decoration: underline; }





/* General Layout */

#container { 

	width: 940px; 

	border: none !important;

	margin: 0 auto; 

	background: #fff;

}

#header { height: 170px; }

	#vlp-logo { 

		display: block; 

		height: 133px; 

		width: 300px; 

		float: left; 

		background: url(_images/logo-vlp.jpg) 25px 15px no-repeat;

		text-indent: -9999px;

	}

	#sub-nav { 

		height: 50px; 

		width: 560px; 

		text-align: right; 

		float: right; 

		padding: 0 20px;

		margin-top: 20px; 

	}

	#sub-nav li { 

		font-size: 11px; 

		display: inline; 

		margin-right: 10px;

	}

	#main-nav {

		background: #94B200;

		clear: both; 

		height: 37px; 

		padding: 0 20px;

		

	}

	

	#main-nav ul { 

		width: 748px; 

		margin: 0 auto; 

		border-left: 1px solid #7E9801;

	}

	#main-nav li { 

		display: block;

		float: left; 

		font-size: 14px;

		line-height: 35px;

		color: #fff;

		border-right: 1px solid #7E9801;

		width: 120px;

		height: 37px;

		text-align: center;

	}

	#main-nav li a {

		 color: #fff;

		 text-decoration: none;

		 display: block;

		 margin: 0; 

		 padding: 0 4px;

		 height: 37px;

	}

	



/* Main Nav Hover and In-State Styles */



.home #main-nav li a.home, .page-id-2 #main-nav li a.our-story, .parent-pageid-2 #main-nav li a.our-story, .page-id-5 #main-nav li a.calendar, .parent-pageid-5 #main-nav li a.calendar, .page-id-9 #main-nav li a.library, .parent-pageid-9 #main-nav li a.library, .page-id-11 #main-nav li a.programs, .parent-pageid-11 #main-nav li a.programs, .page-id-13 #main-nav li a.get-involved, .parent-pageid-13 #main-nav li a.get-involved {

	background: #7E9801;

}

#main-nav li a:hover {

	background: #88a400;

	



}

#banner { 

	height: 230px; 

	background: #298AAD;

	padding: 0;

}

	#intro { 

		width: 260px; 

		height: 172px; 

		float: left; 

		padding: 29px 30px;

		color: #fff;

		font-size: 12px;

		line-height: 18px;

	}

		#intro h2 {

			font-size: 30px;

			margin-bottom: 5px;

			text-transform: none;

		}

			

	#stories { 

		width: 620px; 

		height: 230px; 

		float: left;

		margin: 0;

		overflow: hidden;

	}

	#stories .story {

		width: 620px;

		height: 230px;

		position: relative;

	}

	#stories .features {

		position: absolute;

		top: 200px;

		width: 596px;

		padding: 7px 18px 25px 5px; 

		background-color: #103745;

		background-color: rgba(8,28,35,0.65);

		border-top: 1px solid rgba(255,255,255,0.3);

		-webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.3);

		z-index: 120;

		color: #fff;

	}

	#stories .dark-box {

		position: absolute;

		top: 10px;

		left: 310px;

		width: 300px;

		height: 210px;

		background: #000;

		filter:alpha(opacity=70);

		-moz-opacity:0.7;

		-khtml-opacity: 0.7;

		opacity: 0.7;

	}

	#stories .feature-image {

		width: 100%;

		height: 100%;

	}

	#stories .story .cufon-chunk { 

		font-size: 14px; 

		margin-bottom: 0; 

		line-height: 14px;

	}

	#stories .story .entry { margin-bottom: 1.2em; }

	

#related-content {

	width: 252px;

	float: left;

	padding: 30px 48px 20px 20px;

}

	#related-content div {

		clear: both;

		margin-bottom: 30px;

	}

	#related-content div.clear { margin: 0; }

	#donate form { 

		text-align: center; 

		margin: 10px 0; 

		padding: 10px 0;

		border: 1px solid #ccc;

		background-color: #efefef;

		-moz-border-radius: 5px;

		-webkit-border-radius: 5px;

}

	#related-content div.event-details { 

		padding-bottom: 10px; 

		border-bottom: 1px solid #efefef; 

		margin-bottom: 10px; 

	}

#news {

	width: 520px;

	float: left;

	padding: 30px 100px 20px 0;

}

	#news .post { margin-bottom: 30px; }

	#news p { margin: 10px 0 25px 0; }

	#news .imgtfe { margin: 0 15px 10px 0; padding: 3px; border: 1px solid #d2d2d2; }



/* PAGE Styles */



.page-sidebar { width: 260px; padding: 30px; float: left; }

.page-sidebar ul { 

	width: 200px; 

	border-top: solid 1px #d2d2d2;

	margin-top: 38px;

}

	.page-sidebar ul.filters { margin-top: 15px; }

.page-sidebar li { 

	list-style: none; 

	font-size: 12px;  

	border-bottom: solid 1px #d2d2d2;

}

.page-sidebar li a { 

	padding: 5px 0; 

	color: #000; 

	text-decoration: none; 

	display: block; 

	-webkit-transition: padding 0.2s ease-in-out;

}



/* Sidebar Hover and In State Styles */

.page-sidebar li a:hover, .page-sidebar .current, .page-parent .page-sidebar .home, .page-sidebar .current_page_item a { 

	background: url(_images/marker1.jpg) right center no-repeat; 

	padding-left: 6px; 

}



#content { 

	padding: 30px 100px 50px 320px;

}

.page #content h2 { font-size: 14px; color: #298AAD; margin: 30px 0 20px 0; }

	.page-id-39 #content h2 { margin: 20px 0 2px 0; }

.page #content p { margin: 20px 0;  }

#content ul { padding-left: 40px; }



.page-sidebar .flickr, #related-content .flickr {

	display: block;

	width: 75px;

	height: 75px;

	margin-right: 5px;

	margin-bottom: 5px;

	border: 2px solid #FDB813;

	float: left;

}



body #container .to-flickr {

	float: right;

	clear: both;

	margin-top: 10px;

	margin-right: 16px;

}



.page-sidebar .quote {

	padding: 65px 10px 10px 10px;

	-moz-border-radius: 15px;

	-webkit-border-radius: 15px;

	margin-top: 40px;

	font-family: Cambria, Georgia, Times, serif;

	color: #666;

	background: url(_images/quotebg.jpg) center top no-repeat;

	text-align: left;

}

	.page-sidebar .quote p {

		margin-bottom: 15px;

		font-size: 14px;

	}

	



.page-id-5 #content h2, .page-id-11 #content h2 { margin: 15px 0 5px 0; padding-right: 150px; }

#content .event .event-details p { 

	margin: 0 0 3px 0; 

	font-size: 12px; 

	color: #666;

}

#content .event .event-details p strong {

	text-transform: uppercase;

	padding: 0 5px;

	margin-right: 10px;

	font-weight: normal;

	font-size: 11px;

	line-height: 14px;

	text-align: center;

	color: #666;

}

	#content .event .event-details p strong.when { 

		position: relative; 

		left: -2px; 

		padding: 0 6px;

	}

.page-id-5 .post, .page-id-11 .post { border-bottom: 1px solid #efefef; position: relative; }

.page-id-5 #content .post .event-cat a {

	font-size: 9px;

	text-transform: uppercase;

	margin: 0;

	color: #298AAD;

	background-color: #efefef;

	text-align: center;

	padding: 1px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border: 1px solid #ccc;

	display: block;

}

.page-id-5 #content .post .event-cat { 

	margin: 0;

	position: absolute;

	top: 0;

	left: 430px;

	width: 80px;

}

.page-id-5 #content .post .edit-link, .page-id-11 #content .post .edit-link  {

	position: absolute;

	top: 0;

	left: -30px;

	font-size: 10px;

	margin: 0;

	color: #666;

}

	.page-id-5 #content .post .edit-link a, .page-id-11 #content .post .edit-link a { color: #999; }

	.page-id-5 #content .post .edit-link a:hover, .page-id-11 #content .post .edit-link a:hover { text-decoration: underline; }



.page #content .expires {

	font-size: 10px;

	margin: 1px 0 10px 0;

	display: block;

	padding: 0 15px 0 27px;

	background: url(_images/hurry.jpg) 5px center no-repeat;

	width: 280px;

	color: #666;

}

	#content .expires:hover {  }

	#content .expires span { 

		font-size: 12px; 

		text-transform: uppercase; 

		padding-right: 2px; 

		text-decoration: none;

	}



.page #content .page { position: relative; }

.page #content .page .edit-link {

	position: absolute;

	top: 0;

	left: -30px;

	font-size: 10px;

	margin: 0;

	color: #666;

}

	.page #content .page .edit-link a, #main-content .page-sidebar .edit-link a { color: #999; font-family: Lucida Grande, Lucida Sans, Cambria, Helvetica, Arial, sans-serif; }

	.page #content .page .edit-link a:hover, #main-content .page-sidebar .edit-link a:hover { text-decoration: underline; }





/* End PAGE Styles */



#footer { height: 30px; padding: 25px 20px; text-align: center; }

#footer p { margin-bottom: 10px; }



/* ADDED STYLES - FEB 3RD 2011 */

#cse-search-box {

	float: right;

	clear: right;

	margin-right: 30px;

	position: relative;

}

#cse-search-box .search-input {

	padding: 4px 8px;

}

#cse-search-box .search-input {

    width: 200px;

    height: 14px;

    background-color: #efefef;

    -webkit-transition: all 0.5s ease-out;

    float: right;

    position: relative;

    top: -3px;

    padding: 8px 25px 8px 8px;

    border: 0;

    outline: none;

    -webkit-border-radius: 3px;

       -moz-border-radius: 3px;

            border-radius: 3px;

}

#cse-search-box .search-input:focus {

    width: 300px;

}

#cse-search-box .search-submit {

    border: 0;

    background: transparent url(_images/mag-glass.png) center center no-repeat;

    width: 18px;

    height: 18px;

    position: absolute;

    right: 4px;

    top: 3px;

    text-indent: -9999px;

    cursor: pointer;

    opacity: 0.6;

}

#cse-search-box .search-submit:hover {

    opacity: 1;

}



.header .subscribe-link {

	float: right;

	margin-right: 20px;

	background-color: #999;

	text-transform: uppercase;

	font-size: 15px;

	padding: 4px 8px;

	-webkit-border-radius: 8px;

	   -moz-border-radius: 8px;

	        border-radius: 8px;

	color: #fff;

}

.header .subscribe-link:hover { 

	background-color: #e2792b;

}



/*	blue: #298AAD

*	yellow: #FDB813; 



/* ADDED STYLES: April 2011 */



.eventlist h3 {

	font-size: 18px;

	line-height: 140%;

	margin-bottom: 10px;

}

#content .events .dateline {

	margin: 0;

	color: #666;

}

#related-content .type-events {

	margin-bottom: 20px;

}

.eventlist .type-events {

	margin-bottom: 40px;

}

#content .events .excerpt p {

	margin: 0.8em 0;

}



#news .postmeta {

	margin: 3px 0 10px;

	font-size: 12px;

	color: #999;

}



.sm-box {

	float: right;

	height: 26px;

	width: 96px;

	margin-right: 0px;

}

.sm-box a {

	display: block;

	float: left;

	height: 26px;

	width: 26px;

	margin-right: 6px;

	overflow: hidden;

	text-indent: -9999px;

	background-image: url(_images/sprite-social-media.png);

	background-repeat: no-repeat;

}

.sm-box .twitter {

	background-position: top right;

}

	.sm-box .twitter:hover {

		background-position: bottom right;

	}

.sm-box .facebook {

	background-position: top left;

}

	.sm-box .facebook:hover {

		background-position: bottom left;

	}

.sm-box .flickr {

	background-position: top center;

}

	.sm-box .flickr:hover {

		background-position: bottom center;

	}

	

	

a.button {

	padding: 5px 15px;

	background-color: #298AAd;

	-webkit-border-radius: 6px;

	   -moz-border-radius: 6px;

	        border-radius: 6px;

	color: #fff;

}

.mc_custom_border_hdr {

	font-size: 16px;

	font-weight: bold;

	margin: 30px 0 10px;

}

.mc_form_inside input {

	padding: 5px 10px;

	border: 1px solid #ccc;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

	width: 250px;

	margin-bottom: 15px;

}

#mc_interests_header {

	margin-top: 30px;

}

.mc_interest input {

	width: 20px;

}

.mc_signup_submit, #mc_display_rewards { text-align: left !important; }



.mc_form_inside {

	margin-bottom: 50px;

}



.post-1903 h3 {

	font-size: 16px;

	font-weight: bold;

	margin-bottom: 1em;

}



.boxed {

  border: 1px solid green ;

}





#intro .fbog-like, .page-sidebar .fbog-like { display: none; }



.edit-link { display: none; }