/******************************************************************
Theme Name: FRIENDSHIP BOOK
Version: 2.0


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

/******************************************************************
GENERAL LAYOUT STYLES
******************************************************************/

body {
    background: url("library/images/global_bg.gif") repeat center -26px #DAF0F6;
    color: #666666;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#fade { width: 100%; height: 281px; background: transparent url("library/images/global_fade.png") repeat-x center bottom; position: fixed; left:0; bottom: 0; z-index: 0;}


/* Mostly for the sticky footer */
#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -130px; }

	#nav { float: left; }
	
	
/******************************************************************
LINK STYLES
******************************************************************/

a, a:visited, a:link { color: #DD7726; }
a.grey, a.grey:visited, a.grey:link { color: #666666; }
a:hover  { color: #999999;}
a:active { color: #000000;} /* on click */
a:link { 
	-webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */
}
a.indent {padding-left: 20px;}

/******************************************************************
TEXT SELECTION STYLES
******************************************************************/

/* Safari, Chrome, iPhones, iPads */
::-webkit-selection { 
	background: #6fc2f6; 
	color:#fff; 
	text-shadow : none; 
}

/* Firefox */
::-moz-selection { 
	background: #6fc2f6; 
	color:#fff; 
	text-shadow : none; 
}

/* The Rest of em */
::selection { 
	background: #6fc2f6; 
	color:#fff; 
	text-shadow : none; 
}


/******************************************************************
WORDPRESS BODY CLASSES
want to style a page via body class? go ahead
******************************************************************/

body.rtl {}
body.home {} /* home page */
body.blog {} 
body.archive {} /* archive page */
body.date {} /* date archive page */
	body.date-paged-1 {} /* replace the number to the corresponding page number */
body.search {} /* search page */
	body.search-results {} /* search result page */
	body.search-no-results {} /* no results search page */
	body.search-paged-1 {} /* individual paged search (i.e. body.search-paged-3) */
body.error404 {} /* 404 page */
body.single {} /* single post page */
	body.postid-1 {} /* individual post page by id (i.e. body.postid-73) */
	body.single-paged-1 {} /* individual paged single (i.e. body.single-paged-3) */
body.attachment {} /* attatchment page */
	body.attachmentid-1 {} /* individual attatchment page (i.e. body.attachmentid-763) */
	body.attachment-mime-type {} /* style mime type pages */
body.author {} /* author page */
	body.author-nicename {} /* user nicename (i.e. body.author-samueladams) */
	body.author-paged-1 {} /* paged author archives (i.e. body.author-paged-4) for page 4 */
body.category {} /* category page */
	body.category-1 {} /* individual category page (i.e. body.category-6) */
	body.category-paged-1 {} /* replace the number to the corresponding page number */
body.tag {} /* tag page */
	body.tag-slug {} /* individual tag page (i.e. body.tag-news) */
	body.tag-paged-1 {} /* replace the number to the corresponding page number */
body.page-template {} /* custom page template page */
	body.page-template-page-php {} /* individual page template (i.e. body.page-template-contact-php */
	body.page-paged-1 {} /* replace the number to the corresponding page number */
	body.page-parent {}
	body.page-child {}
	body.parent-pageid-1 {} /* replace the number to the corresponding page number */
body.logged-in {} /* if user is logged in */
body.paged {} /* paged items like search results or archives */
	body.paged-1 {} /* individual paged (i.e. body.paged-3) */
	
/* new browser classes */
body.browser-lynx {} /* lynx browsers */
body.browser-gecko {} /* firefox browsers */
body.browser-opera {} /* opera browsers */
body.browser-ns4 {} /* ns4 browsers */
body.browser-safari {} /* safari browsers */
body.browser-chrome {} /* chrome browsers */
body.browser-ie {} /* ie browsers ( aka dinosaurs) */
body.browser-iphone {} /* iphones (expirimental, best to use Media Queries) */


/******************************************************************
HEADLINES & TITLES
******************************************************************/

#content_left h1 { display: block; width: 725px; padding: 19px 5px 3px 5px; border-bottom: 1px solid #009AC6; color: #DD7726; font-weight:normal; font-size: 30px; line-height: 30px; text-transform:uppercase; background: transparent url("library/images/sprite2.png") no-repeat right bottom;}

#content_left h3 {
	font-size: 14px;
	text-transform: uppercase;
	color: #DD7726;
	text-align:left;	
	padding: 0 0 10px 0;
	line-height: 16px;
	}

body.archive #content_left h3 {
	padding: 0;	
	}
	
#content_left h4 {
	font-size: 15px;
	color: #009AC6;
	padding: 15px 0 0 0;	
}
	body.tax-activity-types #content_left h4 {padding-top: 0;}

	#content_left span.press_date, #content_left span.activity_date, #content_left span.award_date, #content_left span.news_date, #content_left span.event_date {color: #CCCCCC; }

h1, .h1 {}
h2, .h2 {}
h3, .h3 {}
h4, .h4 {}
h5, .h5 {}

h1 a, h2 a, h3 a, h4 a, h5 a {}

/******************************************************************
HEADER SYTLES
******************************************************************/

#headerwrap {position: relative; width: 100%; height: 209px; background: transparent url("library/images/sprite.png") no-repeat center 15px; padding: 15px 0 0 0; z-index:10;}

#header {width: 990px; margin: 0 auto; position: relative; height: 209px; }

#header a#header_newsletter { position: absolute; left: 5px; top: 130px; width: 113px; height: 0; padding: 62px 0 0 0; display:block; background: transparent url("library/images/sprite.png") no-repeat 0 -209px; overflow: hidden;}
#header_social { width: 121px; height: 62px; padding: 0; display:block;background: transparent url("library/images/sprite.png") no-repeat -122px -209px; position:absolute; top: 130px; left: 128px; }
#header_social a#header_facebook { width: 31px; height: 0; padding: 31px 0 0 0; overflow:hidden; display:block; background: transparent url("library/images/sprite.png") no-repeat -1015px -213px; position: absolute; left: 34px; top: 5px; }
#header_social a#header_twitter { width: 31px; height: 0; padding: 31px 0 0 0; overflow:hidden; display:block; background: transparent url("library/images/sprite.png") no-repeat -1015px -244px; position: absolute; left: 73px; top: 5px;}

#header a#header_newsletter:hover { background: transparent url("library/images/sprite.png") no-repeat 0 -271px; }
#header_social a#header_facebook:hover { background: transparent url("library/images/sprite.png") no-repeat -1015px -275px;} 
#header_social a#header_twitter:hover { background: transparent url("library/images/sprite.png") no-repeat -1015px -306px;} 

#header_social a:active, a#header_newsletter:active { opacity:0.2; }

#header h1 { position: absolute; top: 0; left: 0; width: 630px;}
	#header h1 a {height:0; padding: 115px 0 0 0; overflow:hidden; display: block;}
#header p { position: absolute; top: 0; right: 0; width: 80px;}
	#header p a {height:0; padding: 75px 0 0 0; overflow:hidden; display:block;}


/******************************************************************
NAVIGATION STYLES
(Main Navigation)
******************************************************************/


div#nav ul {}
div#nav ul li { display:inline; }

div#nav ul.header_global { display:block; position:absolute; right: 0; bottom: 20px; height:39px; width: 732px;}
div#nav ul.header_global li a { display: block; height: 0; float:left; padding: 39px 0 0 0; background: transparent url("library/images/sprite.png") no-repeat -254px -226px; overflow:hidden; }

div#nav ul.header_global li a:active { opacity:0.2; }

	div#nav ul.header_global li.home a {background-position: -254px -226px; width: 105px;}
	div#nav ul.header_global li.how_it_works a {background-position: -359px -226px; width: 153px;}
	div#nav ul.header_global li.peek_inside a {background-position: -512px -226px; width: 133px;}
	div#nav ul.header_global li.purchase a {background-position: -645px -226px; width: 115px;}
	div#nav ul.header_global li.faq a {background-position: -760px -226px; width: 63px;}
	div#nav ul.header_global li.news a {background-position: -823px -226px; width: 70px;}
	div#nav ul.header_global li.video a {background-position: -893px -226px; width: 93px;}
	
	div#nav ul.header_global li.home a:hover {background-position: -254px -265px; width: 105px;}
	div#nav ul.header_global li.how_it_works a:hover {background-position: -359px -265px; width: 153px;}
	div#nav ul.header_global li.peek_inside a:hover {background-position: -512px -265px; width: 133px;}
	div#nav ul.header_global li.purchase a:hover {background-position: -645px -265px; width: 115px;}
	div#nav ul.header_global li.faq a:hover {background-position: -760px -265px; width: 63px;}
	div#nav ul.header_global li.news a:hover {background-position: -823px -265px; width: 70px;}
	div#nav ul.header_global li.video a:hover {background-position: -893px -265px; width: 93px;}
	


div#nav ul.header_sub { display:block; position: absolute; right: 0px; bottom: -1px; padding: 0 5px 0 0;}
div#nav ul.header_sub li a {display:block; float:left; color: #3FAECF; text-transform: uppercase; text-decoration:none; padding: 0 9px; line-height: 16px;}
div#nav ul.header_sub li a:hover {text-decoration: underline!important;}


/******************************************************************
POSTS & CONTENT STYLES
******************************************************************/

#content { width: 990px;
	margin: 0 auto;
	padding: 10px 0 20px 0;
	max-width: 990px; /* remove or edit to adjust width */
	min-width: 990px; /* remove or edit to adjust width */
	position:relative;
	z-index:10; }


#content_left {
	width: 735px;
	padding: 0 15px 0 15px;
	float:left;
	background: transparent url("library/images/white_trans_75.png") repeat 0 0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(library/css/PIE.htc);
	}
	
	#content_left_wrap {
	position: relative;
	padding: 15px 0px 190px 0px;
	background: transparent url("library/images/content_left_wrap_bg.png") no-repeat left bottom;
	min-height:500px;
  	height:auto !important;
 	 height:500px;
	}
	
	#content_left_wrap img#footer_image {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 190px;
	width: 735px;	
	}
	
	#content_left_main { 
	width: 480px;
	float:left;
	padding: 0 10px 0 10px;
	}
	
		div.activities { /* #content_left_main */
		background: transparent url('library/images/activities_left_bg.png') no-repeat 0 0;
		}
		
		div.activities div.activities_content {
		padding: 266px 0 0 0;	
		}
		
		div.activities_content div.activities_left {
		float: left;
		width: 120px;
		}
		
		div.activities_content div.activities_left a {
		width: 120px;
		height: 0px;
		display:block;
		padding: 140px 0 0 0;	
		overflow: hidden;
		}
		
		div.activities_content div.activities_right {
		float: right;
		width: 338px;
		}
		
	body.page-id-34 #content_left_main { /* PEEK INSIDE PAGE w/SLIDESHOW */
	padding: 0;
	width: 500px;
	}
	
	#content_left_sidebar {
	width: 215px;
	float: right;
	border-left: 1px solid #C8E8F1;		
	padding: 0 0 0 10px;
	font-size: 13px;
	}
	
	#content_left_sidebar h3 {
	font-size: 15px;
	text-transform: uppercase;
	color: #919396;
	text-align:center;	
	padding: 0 0 5px 0;
	line-height: 19px;
	}
	
	#content_left_sidebar h4 {
	font-size: 13px;
	text-transform: uppercase;
	color: #009AC6;
	text-align:center;	
	padding: 10px 0 5px 0;
	line-height: 19px;
	}
	
	#content_left_sidebar h3.orange {
	font-size: 12px;
	font-weight:normal;
	color: #DD7726;	
	}
	
	#content_left_sidebar p {
	text-align:center;	
	padding: 0 0 20px 0;
	margin: 0;
	}
	
	#content_left_sidebar ul {
	padding-bottom: 15px;	
	}
	
	#content_left_sidebar ul li {
	text-align: center;	
	}
	
	#content_left_sidebar p a {line-height: 13px; display:block; text-align:center;}
	
	#content_left_sidebar p.orange {color: #DD7726; text-align:center; padding: 15px 0 0 0; margin: 0;} 
	#content_left_sidebar p.orange a {display: inline; padding: 0; margin: 0;}
	
	#content_left_sidebar div.campaign {text-align:center;}
	#content_left_sidebar div.campaign a {display:block; padding: 0 0 10px 0;}
	
	
#content_right {
	width: 218px;
	float: right;	
}

div.article {padding: 0 0 30px 0;}
body.page div.article {padding: 0;}

span.blue {color: #009AC6;}


.news_left { 
		width: 125px; 
		height: 90px; 
		float:left; 
		border: 1px solid #888888;
		-webkit-box-shadow: #72CEED 0px 0px 5px;
		-moz-box-shadow: #72CEED 0px 0px 5px;
		box-shadow: #72CEED 0px 0px 5px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		behavior: url(library/css/PIE.htc);	}
.news_left img { 		
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;}

.news_right {width: 340px; float:right;}

span.tax  {color:#CCCCCC;}
span.tax a {color:#CCCCCC;}

.news_post_image {
		width: 230px;
		height:168px;
		float:right; 
		margin: 0 0 15px 15px;
				border: 1px solid #888888;

		-webkit-box-shadow: #72CEED 0px 0px 5px;
		-moz-box-shadow: #72CEED 0px 0px 5px;
		box-shadow: #72CEED 0px 0px 5px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		behavior: url(library/css/PIE.htc);
		}
		
.news_post_image img { 		
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;}		


/* default styles & fixes */
	#main { 
		width: 680px; 
		padding: 20px;
		float: right;
		background: #fafafa; /* adds bg to post area */
		-moz-border-radius: 1px;
		-webkit-border-radius: 1px;
		border-radius: 1px;
	}
	
		/* want to style individual post classes? Booya! */
		.post-id {} /* post by id (i.e. post-3) */
		.post {} /* general post style */
		.page {} /* general article on a page style */
		.attachment {} /* general style on an attatchment */
		.sticky {} /* sticky post style */
		.hentry {} /* hentry class */
		.category-slug {} /* style by category (i.e. category-videos) */
		.tag-slug {} /* style by tag (i.e. tag-news) */
	
		/* post meta */
		.meta {}
			.meta time {}
			
		/* post content */
		.post_content {}
			
			.post_content p {}
			.post_content ul, .post_content ol, .post_content table, .post_content dl {}
			.post_content ul, .post_content ol {
				list-style-position: outside;
				line-height: 1.5em;
				padding: 0 0 15px 20px;
				margin: 0px;
			}
			.post_content li {}
			.post_content ul li {}
			.post_content ol li {}
			
			.post_content blockquote {}
			.post_content blockquote:before {} /* this adds the quote before the blockquote */
			
			.post_content dl {}
			.post_content dt {}
			.post_content dd {}
			
			.post_content img {}
			.post_content video {}
			.post_content object {}
			
			.wp-caption {}
			.wp-caption img {}
			.wp-caption p.wp-caption-text {}
			
			/* image gallery styles */
			.gallery dl {}
			.gallery dt {}
			.gallery dd {}
			.gallery dl a {}
			.gallery dl img {}
			.gallery-caption {}
			
			.size-full {}
			.size-large {}
			.size-medium {}
			.size-thumbnail {}
			
		article[id*=post-] footer {}
		
ul#docs li {
	list-style:	none;
}
	
	
/******************************************************************
PWA SPECIFIC STYLES
******************************************************************/

/* PWA Gallery Styles */
#pwaheader {padding: 10px 0 20px 0;}
span.lang_gallery {display: none;}
.pwaplusphp_albumcover {margin: 0 5px 0 6px;}
.pwaplusphp_albumcover a.overlay {width: 162px!important; height: 162px; margin: 0;}
#title h2 {font-size: 18px; font-weight: normal;}
p.blocPhoto {width: 116px!important; height:116px!important; padding: 0 15px 30px 15px!important; margin: 0!important;}
	
	
/******************************************************************
HOME SPECIFIC STYLES
******************************************************************/
	

#home_full { 
width: 966px;
height: 391px;
		background: transparent url("library/images/white_trans_50.png") repeat 0 0;
padding: 12px; 
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(library/css/PIE.htc);
}

#home_left { width: 307px; float:left;}

#home_left h2 {
color: #009AC6;	
text-align: center;
width: 297px;
font-size:17px;
line-height: 25px;
display:block;
margin: 0 auto;
font-weight:normal;
padding: 5px 0 0 0;
}

#home_left span {
display:block;
	width: 307px;
	padding: 8px 0 0 0;
	color: #009AC6;	
	text-transform: uppercase;
	font-size: 12px; 
	text-align: center;
	line-height: 15px;
}

#home_left a {display:block; overflow:hidden; height:0; width: 307px;  padding: 75px 0 0 0; margin: 16px 0 2px 0;}
#home_left a.how_it_works { background: transparent url('library/images/sprite2.png') no-repeat -229px -11px;}
#home_left a.peek_inside { background: transparent url('library/images/sprite2.png') no-repeat -229px -104px; }
#home_left a.purchase { background: transparent url('library/images/sprite2.png') no-repeat -229px -197px; }

#home_right { width: 640px; float:right;}

#homeslider {display:block;
width: 640px;
height: 390px;
overflow:hidden;
}

#homeslider li {
width: 640px;
height: 390px;	
}

#homeslider img {
	display:block;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(library/css/PIE.htc);
}

.bx-pager {position:absolute; bottom: 10px; right: 10px; height: 17px; line-height: 17px;}
.bx-pager a {display: block; width: 17px; padding: 17px 0 0 0; height: 0; overflow: hidden; background-color: #CBCBCB; margin: 0 0 0 10px; float:left;}
.bx-pager a.pager-active, .bx-pager a:hover {background-color:#B7CE76;}

#home_blocks { padding: 10px 0 0 0;  }

	#home_news, #home_testimonials, #home_activities {
		width: 303px;
		float:left;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		background: transparent url("library/images/white_trans_50.png") repeat 0 0;
		height: 158px;
		padding: 10px;
		behavior: url(library/css/PIE.htc);
		}
		
	#home_blocks h3 { width: 303px; height: 0px; padding: 30px 0 0 0; overflow:hidden; display:block;}

	#home_news { position:relative;}
		#home_news h3 {background: transparent url('library/images/sprite2.png') no-repeat -325px -632px;}
		#home_news div.article { display:block; float:right; width: 175px; line-height: 20px; }
		
		#home_news div.news_left { 
		width: 108px; 
		height: 77px; 
		float:left; 
		border: 1px solid #888888;
		-webkit-box-shadow: #72CEED 0px 0px 5px;
		-moz-box-shadow: #72CEED 0px 0px 5px;
		box-shadow: #72CEED 0px 0px 5px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		behavior: url(library/css/PIE.htc);	
		position: absolute;
		left: 15px;
		top: 44px;}
		
		#home_news.news_left img { 		
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		}
		
	#home_testimonials { margin: 0 10px; background: transparent url('library/images/sprite2.png') no-repeat 0 -538px;}
		#home_testimonials h3 {background: transparent url('library/images/sprite2.png') no-repeat -325px -602px;}
		#home_testimonials a {width: 303px; height: 0; padding: 133px 0 0 0; background: transparent url('library/images/sprite2.png') no-repeat -327px -398px; overflow:hidden; display:block; }
	#home_activities { position: relative; }
		#home_activities h3 {background: transparent url('library/images/sprite2.png') no-repeat -325px -572px;}
				#home_activities p {display:block; float:right; width: 173px; line-height: 20px;}
				#home_activities a.unplug_and_play {width: 125px; height: 0; padding: 87px 0 0 0; overflow: hidden; background: transparent url('library/images/sprite2.png') no-repeat -243px -280px; display:	block; position:absolute; top: 34px; left: 9px; }



/******************************************************************
LEARN MORE SPECIFIC STYLES
******************************************************************/

ul#learn_more { width: 200px; display: block; margin: 0 auto;}
ul#learn_more li {padding: 0 0 10px 0;}
ul#learn_more li a {}
ul#learn_more li img {
		-webkit-box-shadow: #CDEBF1 0px 0px 5px;
		-moz-box-shadow: #CDEBF1 0px 0px 5px;
		box-shadow: #CDEBF1 0px 0px 5px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		border: 1px solid #888888;
		behavior: url(library/css/PIE.htc);	
}

ul#learn_more li span {padding: 0 0 0 10px; font-style:italic; font-size:12px;}

/******************************************************************
PURCHASE SPECIFIC STYLES
******************************************************************/
#content_left h3.books {font-size: 16px; color:#009AC6; padding: 0 0 10px 0; border-bottom: 1px solid #CCCCCC;}

ul.books {margin: 0; padding: 15px 0 0 0; list-style: none;}
ul.books li {margin: 0; padding: 0 0 30px 0;; list-style:none;}
div.book_left {width: 125px; float:left;}
div.book_left img {
	-webkit-box-shadow: #CDEBF1 0px 0px 5px;
		-moz-box-shadow: #CDEBF1 0px 0px 5px;
		box-shadow: #CDEBF1 0px 0px 5px;
		behavior: url(library/css/PIE.htc);
		margin: 0;	
}
div.book_left a.purchase {margin: 10px auto 0 auto; padding: 30px 0 0 0; width: 119px; background: transparent url('library/images/sprite2.png') -384px -289px; overflow: hidden; height:0; display:block;}
div.book_right {width: 335px; float:right;}
div.book_right p {margin: 0 0 10px 0;}	
div.book_right span.price {font-weight:bold;}
#content_left div.book_right h4 {padding: 0 0 10px 0; margin: 0; color: #666666; line-height:15px;}


/******************************************************************
HOW IT WORKS SPECIFIC STYLES
******************************************************************/
ul#how_it_works_side { width: 200px; display: block; margin: 0 auto;}
ul#how_it_works_side li {padding: 0 0 10px 0;}
ul#how_it_works_side li a {}
ul#how_it_works_side li img {
		-webkit-box-shadow: #CDEBF1 0px 0px 5px;
		-moz-box-shadow: #CDEBF1 0px 0px 5px;
		box-shadow: #CDEBF1 0px 0px 5px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		border: 1px solid #888888;
		behavior: url(library/css/PIE.htc);	
}

ul#how_it_works_side li span {padding: 0 0 0 10px; font-style:italic; font-size:12px;}

/******************************************************************
FAQ SPECIFIC STYLES
******************************************************************/

/* FAQ PAGE */
body.page-id-36 { }

ul.faq {
	list-style:none;
	padding: 20px 10px 0 10px;
	margin: 0;
}

ul.faq li {
	list-style: none;
	padding: 0 0 15px 0;
}

ul.faq li p {font-weight:bold;}



/******************************************************************
AWARD SPECIFIC STYLES
******************************************************************/

ul.awards {list-style:none; margin: 0; padding: 0;}
ul.awards li { list-style:none; margin: 0; padding: 0 0 20px 0;}

.award_left { 
		width: 125px; height: 90px; float:left; 
		border: 1px solid #888888;
		-webkit-box-shadow: #72CEED 0px 0px 5px;
		-moz-box-shadow: #72CEED 0px 0px 5px;
		box-shadow: #72CEED 0px 0px 5px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		behavior: url(library/css/PIE.htc);	}
.award_left img { 		
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;}

.award_right {width: 340px; float:right;}

.award_right span.tax {color:#CCCCCC;}
.award_right span.tax a {color:#CCCCCC;}

/******************************************************************
TESTIMONIAL SPECIFIC STYLES
******************************************************************/

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

ul.testimonials li {
	display: block;
	width: 460px;
	margin: 5px 0 15px 0;	
}

ul.testimonials li div.quote {
	padding: 15px;
	color: #6D6E70;
	background: #D9F0F6;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(library/css/PIE.htc);	
	}


ul.testimonials li div.author {
	height: 18px;
	line-height: 18px;
	text-transform: uppercase;
	width: 400px;
	margin: 0 auto;

}

ul.testimonials li.even div.author {
	padding: 5px 25px 0 0;
	text-align: right;
	background: transparent url('library/images/sprite2.png') no-repeat right -375px;
	}
	
ul.testimonials li.odd div.author {
	padding: 5px 0px 0px 25px;
	text-align: left;
	background: transparent url('library/images/sprite2.png') no-repeat left -510px;
	}

/******************************************************************
EVENTS STYLING
******************************************************************/

span.heading {display:block; padding: 20px 0px 0px 0px; font-size: 153.9%; color: #53331D; }

#events ul, #events_archive ul {list-style:none; margin: 0; padding: 10px 0 0 0;}
li.events_wrap {border-top: 1px solid #CCCCCC; padding: 0px; list-style:none; font-size: 116%; color: #666666; line-height: 1.2em; position: relative; height: 48px; overflow:hidden;}
li.event_open {height: auto!important; overflow: visible!important;}
li.event_open {background: #FFFFFF;}
#events_archive li.article_wrap {padding: 10px 0;} 
#content_left li.events_wrap h3  {color: #000000; text-decoration:none; font-size:14px; line-height: 14px; padding: 8px 0 2px 0; margin: 0;}
a.event_toggle {position:absolute; width: 26px; height: 0px; display: block; padding: 48px 0 0 0; overflow:hidden; top: 0px; right: 5px; background: url('library/images/sprite2.png') no-repeat right -525px;}
a.event_toggle:hover {background: url('library/images/sprite2.png') no-repeat right -716px;}
a.event_open { background: url('library/images/sprite2.png') no-repeat right -716px }

p#past_events {border-top: 1px solid #CCCCCC; text-align:right; display:block; margin: 0; padding-top: 10px;}
p#past_events a {color: #333333;}
p#past_events a:hover {text-decoration:none;}

li.events_wrap a.event_date { display: block; width: 80px; height: 48px; text-decoration: none; float:left; padding: 0px 5px 0px 5px; color: #009AC6; line-height:48px; font-size:20px; overflow:hidden;}

.events_content {float:right; width: 368px; padding: 0 20px 0 0;}


.event_time {font-size: 14px; line-height: 14px; padding: 2px 0 8px 0; margin: 0; color: #AAAAAA;}
.event_description {padding: 10px 0 15px 0; font-size: 14px; }

li.set_height {height: 48px; } /* THIS IS REMOVED BY JS...STOPS THE FOUC  */

/******************************************************************
GRAVITY FORM STYLING
******************************************************************/

.gform_footer {margin: 0!important;}


/******************************************************************
PEEK INSIDE STYLING
******************************************************************/

#content_left_wrap .slides_container {
	width:492px;
	overflow:hidden;
	float:left;
	position:relative;
	padding: 4px 4px 39px 4px;
	display:none;
}

.slides_container div.slide {
	width:500px;
	height:357px;
	display:block;
}

.slides_container a img {
		-webkit-box-shadow: #CDEBF1 0px 0px 5px;
		-moz-box-shadow: #CDEBF1 0px 0px 5px;
		box-shadow: #CDEBF1 0px 0px 5px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		border:1px solid #7f7f7f;
		behavior: url(library/css/PIE.htc);	
}

#content_left_wrap .pagination {}

#content_left_wrap .pagination li {
	float:left;
	margin:2px 4px;
	list-style:none;
}

#content_left_wrap .pagination li a {
	display:block;
	width:94px;
	height:67px;
	margin:1px 2px 5px 1px;
	float:left;
	background:#f9f9f9;
	overflow:hidden;
}

#content_left_wrap .pagination li a img {
border-radius: 3px;	
}

#content_left_wrap .pagination li a  {
		-webkit-box-shadow: #CDEBF1 0px 0px 5px;
		-moz-box-shadow: #CDEBF1 0px 0px 5px;
		box-shadow: #CDEBF1 0px 0px 5px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border:1px solid #7f7f7f;
}

#content_left_wrap .pagination li.current a, #content_left_wrap .pagination li a:hover  {
	-webkit-box-shadow: #000000 0px 0px 5px;
		-moz-box-shadow: #000000 0px 0px 5px;
		box-shadow: #000000 0px 0px 5px;
		border:1px solid #CCCCCC;
}

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 0 0 15px;
	width:470px;
	font-size:13px;
	color:#000000;
	text-shadow:none;
}

/******************************************************************
SIDEBARS & ASIDES
******************************************************************/

#sidebar { padding: 30px 0 0 0; }

#sidebar a {color: #DD7726; text-decoration: underline;}
#sidebar a:hover {text-decoration: none;}

a#how_it_works, a#peek_inside, a#play_video, a#purchase {display:block; overflow: hidden; width: 218px; height: 0; padding: 73px 0 0 0;}

a#how_it_works {background: transparent url("library/images/sprite2.png") no-repeat 0 -10px; }

a#peek_inside {background: transparent url("library/images/sprite2.png") no-repeat 0 -85px; }

a#play_video {background: transparent url("library/images/sprite2.png") no-repeat 0 -160px; }

a#purchase { background: transparent url("library/images/sprite2.png") no-repeat 0 -236px; }

#sidebar h2 { display:block; overflow: hidden; width: 218px; height: 0; padding: 30px 0 0 0; }

h2#kids_activities { background: transparent url("library/images/sprite2.png") no-repeat 0 -325px; }
div.kids_activities {
	padding: 0 0 0 0;
	min-height:120px;
  	height:auto !important;
 	 height:120px;
	 text-align:center;
	}
a#unplug_play {
display:block; overflow: hidden; width: 218px; height: 0; padding: 90px 0 0 0; background: transparent url("library/images/sprite2.png") no-repeat 0 -356px;
}


h2#latest_news { background: transparent url("library/images/sprite2.png") no-repeat 0 -450px; }
div.latest_news {
	padding: 5px 0 25px 0;
	min-height:90px;
  	height:auto !important;
 	 height:100px;
	 text-align:center;
	}

h2#testimonials { background: transparent url("library/images/sprite2.png") no-repeat 0 -480px; }
div.testimonials { 
padding: 10px 0 30px 0;
text-align:center;
background: transparent url("library/images/sidebar_bg.png") no-repeat left bottom;}



	.widget {}
		.widget li {}
		
		.widgettitle {}

	/* links widget */
	.widget_links {}
	.widget_links ul {}
	.widget_links ul li {}
	.widget_links ul li a {}
	
	/* meta widget */
	.widget_meta {}
	.widget_meta ul {}
	.widget_meta ul li {}
	.widget_meta ul li a {}
	
	/* pages widget */
	.widget_pages {}
	.widget_pages ul {}
	.widget_pages ul li {}
	.widget_pages ul li a {}
	
	/* recent-posts widget */
	.widget_recent_entries {}
	.widget_recent_entries ul {}
	.widget_recent_entries ul li {}
	.widget_recent_entries ul li a {}
	
	/* archives widget */
	.widget_archive {}
	.widget_archive ul {}
	.widget_archive ul li {} 
	.widget_archive ul li a {}
	.widget_archive select {}
	.widget_archive option {}
	
	/* tag-cloud widget */
	.widget_links {}
	.widget_links li:after {}
	.widget_links li:before {}
	.widget_tag_cloud {}
	.widget_tag_cloud a {}
	.widget_tag_cloud a:after {}
	.widget_tag_cloud a:before {}
	
	/* calendar widget */
	.widget_calendar {}
	#calendar_wrap {}
	#calendar_wrap th {}
	#calendar_wrap td {}
	#wp-calendar tr td {}
	#wp-calendar caption {}
	#wp-calendar a {}
	#wp-calendar #today {}
	#wp-calendar #prev {}
	#wp-calendar #next {}
	#wp-calendar #next a {}
	#wp-calendar #prev a {}
	
	/* category widget */
	.widget_categories {}
	.widget_categories ul {}
	.widget_categories ul li {} 
	.widget_categories ul ul.children {}
	.widget_categories a {}
	.widget_categories select{}
	.widget_categories select#cat {}
	.widget_categories select.postform {}
	.widget_categories option {}
	.widget_categories .level-0 {}
	.widget_categories .level-1 {}
	.widget_categories .level-2 {}
	.widget_categories .level-3 {}
	
	/* recent-comments widget */
	.recentcomments {}
	#recentcomments {}
	#recentcomments li {}
	#recentcomments li a {}
	.widget_recent_comments {}
	
	/* search widget */
	#searchform {}
	.widget_search {}
	.screen-reader-text {}
	
	/* text widget */
	.textwidget {}
	.widget_text {}
	.textwidget p {}
/******************************************************************
TABLE STYLES
******************************************************************/
table{
	width:100%;
	
}
table tr{

}

table tr th{
}
table tr td{
	vertical-align:middle;
	padding: 15px
}
table tr td p{
	margin:0 !important;
}
table tr.even{
	border-bottom:1px solid #999999;
	background-color:#CCCCCC;
	
}


/******************************************************************
FOOTER STYLES
******************************************************************/
.push {height: 127px;} /* Height needs to match that of the footer (below) */

#footer {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
clear: both; 
text-align: center; 
margin: 0 auto; 
height:130px; 
background: transparent url("library/images/sprite.png") no-repeat 0 -338px; 
text-align:center;
font-weight: normal;
position:relative;
z-index:10;
width: 990px;
}	

#footer p#slogan {color: #FFFFFF; font-size: 22px; height: 0; padding: 34px 0 0 0; overflow:hidden; display:block;}
#footer p#foot_disclaimer {width: 600px; display:block; font-size: 9px; color: #000000; line-height: 10px; margin: 0 auto; padding: 5px 0 0 0;}			
		
#footer ul {margin: 0; padding: 1px 0; list-style:none; display:block; line-height: 14px;}			
#footer ul li { display: inline; margin: 0; padding: 0 2px 0 0; list-style:none;}
#footer ul li a { color: #58595B; font-size: 11px; text-transform: uppercase; text-decoration:none; padding: 0 5px 0 0; border-right: 1px solid #58595B; margin:0; }
#footer ul li.last a {margin: 0; padding: 0; border: 0;}
#footer ul li a:hover {color: #000000; text-decoration: underline;}
	
/******************************************************************
MEDIA QUERIES & DEVICE STYLES
Developed by: Andy Clarke & the 320 & Up Extension
URL: http://stuffandnonsense.co.uk/projects/320andup/
******************************************************************/

@media only screen and (min-width: 480px) {
	/* insert styles here */
}

@media only screen and (min-width: 768px) {
/* insert styles here */
}

@media only screen and (min-width: 992px) {
/* insert styles here */
}

@media only screen and (min-width: 1382px) {
/* insert styles here */
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
/* insert styles here */
}

@media only screen and (max-device-width: 1024px) {
/* @media only screen and (max-device-width: 1024px) and (orientation:landscape) { */
/* CSS rule to hide the bigger background fade on ipads/tablets in landscape mode...then re-applying a bg image to the footer tag in those cases */
#fade { display:none; }
footer {background: transparent url("library/images/tablet_fade.png") repeat-x 0 0;}
}



/******************************************************************
PRINT STYLES
(Handled by default, but if you want to edit it, feel free)
******************************************************************/

@media print { }

/******************************************************************
IE SPECIFIC FIXES
******************************************************************/

/*
Thanks to the HTML5 Boilerplate there's an easier way
to target IE specific bugs. Simply use the html class
to target the specific version of IE.

To target the .post_content area in IE6, use:
html.ie6 .post_content { ... }

To target the .post_content area in IE7, use:
html.ie7 .post_content { ... }

To target the .post_content area in IE8, use:
html.ie8 .post_content { ... }


Much easier right? This way, you don't have to call
any more stylesheets, you can leave it at the bottom
and it will overwrite depending on the html class.
*/