/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
#logo {position: absolute;
top: 0; left:0;z-index: 0;}
blockquote {font-size:1.6em;line-height: 1.4em;}
.photo-caption {font-size: .8em; font-style: italic;}

/* JS disabled styles */
.no-js nav li:hover ul { display:block; }

/* base nav styles */

nav { display:block; margin: 50px auto; position:relative; font:24px 'IM FELL English SC', Georgia, serif; color: #DBD10C; text-transform: uppercase;z-index: 999;}
nav ul { padding:0; margin: 0;}
nav li { position:relative; float:left; list-style-type:none; }
nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
nav li a:link, nav li a:visited { display:block; padding:10px 12px; color: #dbd9cc; text-decoration:none;}
nav li a:hover {color:#888; text-shadow: 0,2px,2px,#000;}
nav li a:focus { outline:none; text-decoration:underline; }
nav li:first-child a { border-left:none; }
nav li.last a { border-right:none; }
nav a span { display:block; float:right; margin-left:5px; }
nav ul ul { display:none; width:100%; position:absolute; left:0; background:#6a6a6a; }
nav ul ul li { float:none; }
nav ul ul a { padding:5px 10px; border-left:none; border-right:none; font-size:14px; }
nav ul ul a:hover { background-color:#555; }

header {}

/* container background styles */
.container_header {background: url(/images/bg-header.jpg) repeat-x; min-height: 236px;}
.container_purpose {
background: white url(/images/bg-purpose.jpg) repeat;
min-height: 236px;
padding: 40px 0;
}
.container_pine {background: #8c936a url(/images/bg-pine.jpg) repeat; min-height: 236px; padding: 40px 0;}
.container_mission {background: url(/images/bg-purpose.jpg) repeat; min-height: 236px; padding: 40px 0;}
.container_heaven {background: #8c936a url(/images/bg-purpose.jpg) repeat; min-height: 236px; padding: 40px 0;}
.container_donate {background: #6f6f6f url(/images/bg-donate.jpg) repeat; min-height: 236px; padding: 40px 0;}
.container_causes {background: url(/images/bg-purpose.jpg) repeat; min-height: 236px; padding: 40px 0;}
.container_footer {background: #3b4453 url(/images/bg-footer.jpg) repeat; min-height: 236px; padding: 40px 0;}

/* #purpose, #pine, #motto, #donate {margin: 0 auto;} */
#donate {color: white;}
/* #Page Styles
================================================== */
.white {color: #fcfcfc;}


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		nav { display:block; margin: 50px auto; position:relative; font:20px 'IM FELL English SC', Georgia, serif; color: #DBD10C; text-transform: uppercase;z-index: 999;}
#logo {top: 20px;}
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		nav { display:block; margin: 50px auto; position:relative; font:16px 'IM FELL English SC', Georgia, serif; color: #DBD10C; text-transform: uppercase;z-index: 999;}
#logo {top: 40px;}

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		nav { font:19px 'IM FELL English SC', Georgia, serif;}
		#topnav {margin-top: 30px;}
        #logo {top: 120px;}
        nav ul li {margin-bottom:0;}

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		nav { display:block; margin: 50px auto; position:relative; font:14px 'IM FELL English SC', Georgia, serif; color: #DBD10C; text-transform: uppercase;z-index: 999;}
		#topnav {margin-top: 30px;}
        #logo {top: 140px;}
        nav ul li {margin-bottom:0;}
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/
#up {
background: #8c936a;
color: white;
text-decoration: none;
padding: 6px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: thin solid white;
box-shadow: 0px 0px 1px 3px #333;
}

.center {text-align: center;}
.credits {font-size: .8em;color: white;}
.credits a {color: white; text-decoration: none;}
.credits a:hover {text-decoration: underline;}
#menu-icon {
	display: none;
	visibility: hidden;
}
.donate-button {
background: #8c936a;
color: white;
text-decoration: none;
padding: 12px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: thin solid white;
box-shadow: 0px 0px 1px 3px #333;
}
a.donate-button {
    color: white;
    font-size:18px;
}
a.donate-button:hover {border:thin solid black;}
.fb-like-box {background: url(/images/bg-purpose.jpg) repeat;}