/*
Theme Name: Friendly Pines Camp
Theme URI: http://friendlypines.com/
Description: Custom design for Friendly Pines Camp
Version: 1.0
Author: Todd Wilson
Author URI: http://icreativepro.com/
Tags: custom header, three columns, widgets

	Friendly Pines v1.0
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */

	body {margin:40px 0;background:#003300 url(images/pine_tile.jpg) repeat-x top left;}

	.container{width:960px;margin:0 auto;}	
	.top {width:960px;height:220px;background:url(images/wood_top.jpg) no-repeat;margin:0;}
	.bot {width:960px;height:86px;background:url(images/wood_bot.jpg) no-repeat;}
	.bot ul {width:750px;margin:0 auto;list-style:none;color:#003300;position:relative;top:20px;}
	.bot ul li {float:left;margin:0 10px;border-right:1px solid #ccc;padding:0 20px 0 0px;}
	.bot ul li a {color:#996633;text-decoration:none;font-weight:bold;font-size:10px;text-transform:uppercase;}
	.bodytile {background:url(images/wood_tile.jpg) repeat-y;}
	.bodytext h1 {color:#996633;font-size:18px;font-weight:bold;margin:0 0 0 15px;}
	.bodytext h2, .events_list h2 {color:#996633;font-size:16px;font-weight:bold;margin:0 0 0 15px;}	
	.events_list span { display:none; }
	.bodytext h3 {color:#996633;font-size:14px;font-weight:bold;margin:0 0 0 15px;}	
	.bodytext h1 a, .bodytext h2 a, .bodytext h3 a, .bodytext h4 a {color:#006600;font-size:16px;text-decoration:none;}
	.bodytext p, .entry, .bodytext small {margin:10px 5px 10px 5px;text-align:justify;}
	.bodytext {background:url(images/body_watermark.jpg) no-repeat 100% -2%;margin:0px 0 0 0;}
	.logo {width:246px;height:251px;background:url(images/fpc_logo.png) no-repeat;position:relative;z-index:15;top:-84px;left:15px;display:block;}
	.logo span {display:none;}
	.top_menu{width:960px;height:50px;position:relative;top:140px;left:0;z-index:16;}
	.top_photo{width:709px;height:159px;background:url(images/top_pics.jpg) no-repeat;position:relative;z-index:999;left:479px;top:41px;}
	#lightbox-caption-title {display:none;}
	#ll2, #ll3, #ll4, #ll5, #ll6, #ll1 {display:none;}
	.watermark {width:350px;height:310px;position:absolute;top:300px;left:760px;background:url(images/body_watermark.jpg) no-repeat;}
	.album_imgs {list-style:none;width:550px;margin:10px auto;}
	.album_imgs ul {list-style:none;margin:0;}
	.album_imgs ul li {float:left;margin:10px 10px 10px 10px;width:150px;height:150px;text-align:center;}
	.album_imgs ul li img {margin:0 auto;border:1px solid #ccc;}
	.album_imgs ul li a {margin:0 auto;}
	.widecolumn {min-height:500px;}
	.pgallery img {border:0;margin:10px 0 0px 0;}
	.pgallery strong {font-size:18px;text-align:center;display:block;width:150px;color:#996633;}
	.pgallery a {text-decoration:none;margin:0 0 10px 0;display:block;width:150px;}
	.slideshow {width: 520px; height: 340px;}
	.slideshow img { max-height:350px;max-width:500px;margin:0 auto;}
	.alumni_menu {list-style:none;}
	.alumni_menu li {float:left;margin:5px 5px;background:#f1f1f1;padding:10px;}
	.alumni_menu li a {font-size:14px;font-weight:bold;text-align:center;}
	
	.cform1 {width:200px;margin:0 auto;}
	.cform1 h2 {width:200px;font-size:18px;margin:0 0 0 20px;}
	#cformsform {width:200px;}
	#cformsform input, #cformsform textarea {max-width:180px;}
	#ll, #ll6 {display:none;}
	#cformsform ol li label {display:block;text-align:left;clear:left;margin:0 0 10px 15px;}
	#cformsform input[type=text], #cformsform textarea {margin:0 0 0 15px;}
	#cformsform textarea {margin:0 0 0 15px;height:50px;}
	#cformsform span .reqtxt {display:none;}
	
	.menu_about {width:139px;height:50px;background:url(images/btn_about.png) no-repeat 0 1px;float:left;}
	.menu_about:hover{background-position:0 -49px;}
	.menu_campers {width:135px;height:50px;background:url(images/btn_campers.png) no-repeat;float:left;}	
	.menu_campers:hover{background-position:0 -50px;}	
	.menu_parents {width:134px;height:50px;background:url(images/btn_parents.png) no-repeat 0 2px;float:left;}		
	.menu_parents:hover{background-position:0 -48px;}		
	.menu_program {width:136px;height:50px;background:url(images/btn_program.png) no-repeat 0 2px;float:left;}			
	.menu_program:hover{background-position:0 -48px;}		
	.menu_staff {width:133px;height:50px;background:url(images/btn_staff.png) no-repeat 0 2px;float:left;}			
	.menu_staff:hover{background-position:0 -48px;}		
	.menu_alumni {width:133px;height:50px;background:url(images/btn_alumni.png) no-repeat 0 5px;float:left;}			
	.menu_alumni:hover{background-position:0 -47px;}			
	.menu_rentals {width:150px;height:50px;background:url(images/btn_rentals.png) no-repeat 0 4px;float:left;}			
	.menu_rentals:hover{background-position:0 -47px;}			
	.mlink {cursor:pointer;display:block;}
	.mlink span{display:none;}
	.toplinks {width:950px;height:20px;background:#91c65c;padding:5px;float:right;margin:20px 0 0 0;white-space: nowrap;position:relative;}
	.toplinks ul {list-style:none;position:absolute;right:0;}
	.toplinks ul li {float:left;font-weight:bold;color:#003300;padding:0 8px;border-right:1px solid #006600;}
	.toplinks ul li:hover {background:#b2e580;font-weight:bold;color:#fff;height:20px;}	
	.toplinks ul li a {text-decoration:none;color:#003300;}
	
	.logo_aca {width:124px;height:75px;background:url(images/logo_aca.png) no-repeat;margin:0 0 0 0px;float:left;}
	.logo_waic {width:66px;height:88px;background:url(images/logo_waic.png) no-repeat;margin:0 10px 0 30px;float:left;}
	.alignleft {float:left;margin-right:10px;}
	.alignright {float:right;margin-left:10px;}	
	.phonetag {width:208px;height:102px;background:url(images/fpc_phone.png) no-repeat;margin:10px 0 0 25px;}
	
	.photo_gallery {width:173px;height:160px;background:url(images/photo_gallery.png) no-repeat;margin:-25px 0 5px 0px;padding:175px 0 0 5px;}
	.photo_btn {width:160px;height:30px;background:url(images/gallery_btn.png) no-repeat;margin:0 0 0 5px;}
	.photo_btn:hover {background-position:0 -30px;}
	.photo_btn a {font-size:12px;color:#006600;background:url(images/photo_btn_arrow.png) no-repeat 5px 11px;padding:5px 0 0 14px;display:block;text-decoration:none;font-weight:bold;width:150px;height:30px;}
	
	.photo_pines {width:196px;height:210px;background:url(images/photo_pines.jpg) no-repeat;float:left;margin:0px 10px 10px;}
	.noborder {border:0;}
	
	.copyright {width:960px;height:20px;text-align:center;color:#99cc99;font-size:10px;margin:10px 0 10px;}
	.copyright a {text-decoration:none;color:#99cc99;font-weight:bold;}
	.navigation {color:#996633;margin:10px 0 10px 50px;list-style:none;}
	.navigation li h2 {font-size:16px;color:#996633;margin:20px 0 10px;font-weight:bold;}
	.navigation li {font-size:14px;line-height:1.5em;text-align:left;}
	.search {text-align:center;padding:10px 0 0 10px;list-style:none;width:220px;margin:0 0 0 15px;}
	.search input {margin:0 0 10px;}
	
	.breadcrumbs {font-size:10px;color:#333;border-bottom:1px solid #ccc;padding:0 0 5px 5px;text-transform:uppercase;width:485px;margin:0 0 10px 10px;}
	.breadcrumbs a {color:#996633;text-decoration:none;}
	.breadcrumbs a:hover {text-decoration:underline;}
/*	.narrowcolumn {background:url(images/body_watermark.jpg) no-repeat 80% 0;}*/
/* End Structure */


/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative;list-style:none;margin:0; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; color: #222; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { color: black; position: relative; }
ul.dropdown li.hover a              { color: black; text-decoration:none; }
ul.dropdown li a:hover				{ background-color:transparent;background-position:0 -49px; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; list-style:none;padding:5px;width:200px;margin:0 0 0 0px;}
ul.dropdown ul li 					{ font-weight: bold; background: #e0ab7f; color: #000;padding:5px;
									  border-bottom: 1px solid #fff; float: none; }
ul.dropdown ul li:hover				{ background:#996633;color:#fff; }									  
ul.dropdown ul li:hover a			{ color:#fff; }									  
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; text-decoration:none;} 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */