/*  
Theme Name: VLP Final
Theme URI: http://jasonthings.com/wordpress
Description: The finalized, custom theme for the Village Learning Place website.
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: 20%;
		left: 330px;
		width: 270px;
		*/
		bottom: 0;
		width: 596px;
		padding: 12px; 
		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;
}

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

.edit-link { display: none; }