/*
Theme Name: OroQuay
Theme URI: http://www.oroquay.org/
Description: Theme for Camp Oro Quay
Version: 2.0
Author: Baney Design
Author URI: http://www.baneydesign.com/
File Name: style.css
*/


@charset "UTF-8";
/* CSS Document */


body {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #506031;
	line-height: 1.5em;
}
body {
	background-color: #8a6301; /* 484835 */
	background-image: url(images/bg-top.gif);
	background-repeat: repeat-x;
	margin: 0px 0px 0px 0px;
}



/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold; }
em { font-style: italic; }
ol, ul, li { list-style: none; }
* a { position: relative; } /* Gets links displaying over a PNG background */
a { outline: none; /* Gets rid of Firefox's dotted borders */ text-decoration: none; border: 0px; cursor: pointer; }
a img { border: none; } /* Gets rid of IE's blue borders */
abbr { color: #e9d6a7; cursor: help; }
p { margin-top: 0px; line-height: 1.7em; }




/* ========================================  LAYOUT  ======================================== */

#container {
	width: 100%;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #506031;
	line-height: 1.5em;
}
#headerWide {
	width: 100%;
	height: 170px;
	margin-top: 18px;
	background-image: url(images/bg-header.gif);
	background-repeat: repeat-x;
}
#header {
	width: 960px;
	text-align: left;
}
#photosWide {
	width: 100%;
	height: 229px;
	background-image: url(images/bg-photos.jpg);
	background-repeat: repeat-x;
	float: left;
}
#photos {
	width: 960px;
	text-align: left;
}
#navWide {
	width: 100%;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 17px;
	height: 106px;
	background-image: url(images/bg-nav.gif);
	background-repeat: repeat-x;
	float: left;
}
#nav {
	width: 960px;
	text-align: left;
}
#bodyTop {
	width: 960px;
	height: 31px;
	font-weight: normal;
	/* border: 1px dotted #999999; */
	padding: 7px 0px 0px 0px;
	text-align: right;
	float: left;
}
#bodyWide {
	width: 100%;
	min-height: 20px;
	padding: 30px 0px 70px 0px;
	background-color: #fffecd;
	background-image: url(images/bg-body.gif);
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
}
#body {
	width: 960px;
	text-align: left;
}
#bodyContainer {
	width: 960px;
	background-image: url(images/bg-minitrees.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	float: left;
}
#content {
	width: 580px;
	padding: 32px 20px 0px 0px;
	float: left;
}
#sidebar {
	width: 340px;
	padding: 32px 0px 100px 20px;
	float: left;
}
#xtndWide {
	width: 100%;
	min-height: 65px;
	color: #FFFFFF;
	background-color: #72844e;
	background-repeat: repeat-x;
	float: left;
}
#xtnd {
	width: 960px;
	padding: 23px 0px 0px 0px;
	text-align: center;
}
#copyWide {
	width: 100%;
	min-height: 20px;
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-variant: small-caps;
	float: left;
}
#copy {
	width: 960px;
	text-align: left;
	padding: 15px 0px 30px 0px;
	position: absolute;
	left: 50%;
	margin: 0px 0px 0px -480px;
	background-image: url(images/bg-copyr.gif);
	background-position: right;
	background-repeat: repeat-y;
	line-height: 1.3em;
	float: left;
}
#copyL {
	min-height: 20px;
	float: left;
}
#copyR {
	min-height: 20px;
	text-align: right;
	float: right;
	color: #c9b174;
}



/* ========================================  ADVANCED STYLES  ======================================== */

/* ----------  BLOG Styles  ---------- */
.wpEntry {
	float: left;
	/* border: 1px dotted #999999; */
}
	.wpDate {
		width: 127px;
		height: 88px;
		float: left;
		background-image: url(images/bg-date.gif);
		background-repeat: no-repeat;
		padding: 40px 0px 0px 0px;
		font-size: 15px;
		letter-spacing: 0.05em;
		text-align: center;
		color: #4e340d;
		margin: 0px 20px 10px 0px;
		/* border: 1px dotted #999999; */
	}
		.wpDay {
			font-size: 26px;
		}

	.wpContent {
		width: 423px;
		float: left;
		padding: 50px 0px 0px 0px;
		/* border: 1px dotted #999999; */
	}
		.wpTitle {
			font-family: "Times New Roman", Times, serif;
			font-size: 35px;
			color: #b15414;
			margin: 0px 0px 10px 0px;
			line-height: 1.1em;
			/* border: 1px dotted #999999; */
		}
		.hSmall {
			float: left;
			font-size: 12px;
			letter-spacing: 0.2em;
			margin-bottom: 10px;
			color: #97ae6c;
			/* border: 1px dotted #999999; */
		}
.postText {
	width: 100%;
	float: left;
	border-bottom: 1px solid #97ae6c;
	margin: 0px 0px 20px 0px;
}



/* ----------  PHOTOS Styles  ---------- */

/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-album {
    height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
    overflow:hidden;
    padding: 10px 15px 10px 15px;
    margin-bottom: 5px;
    border: 1px solid #eedca5;
} 

.ngg-album {
	overflow: hidden;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.ngg-thumbnail {
	float: left;
	margin-right: 12px;
}

.ngg-thumbnail img {
	background-color: ;
	border:1px solid #eedca5;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #eedca5;
}

.ngg-description {
	text-align: left;
}



/* ----------  SIDEBAR Styles  ---------- */

.weatherBox {
	width: 248px;
	float: left;
	padding: 15px 0px 20px 90px;
	background-color: #FFFFFF;
	border: 1px solid #e7e6a7;
	background-image: url(images/bg-weather.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	text-align: center;
}
div .wp_myweather em {
	padding: 5px 0px 0px 0px;
}



/* ----------  HEADING Styles  ---------- */

h1 {
	font-family: Georgia, Times, serif;
	color: #b15414;
	font-size: 40px;
}
h2 {
	font-family: Georgia, Times, serif;
	color: #b15414;
	font-size: 22px;
	margin: 40px 0px 20px 0px;
}
/* h3 - Don't use, already taken elsewhere */
h4 {
	font-family: Times New Roman, Times, serif;
	font-weight: normal;
	font-style: italic;
	color: #b15414;
	font-size: 20px;
	letter-spacing: 0.025em;
	line-height: 1.5em;
}

ul #images li {
	background-image: url(images/scrollshow/load.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#dateBG {
	width: 100px;
	height: 99px;
	color: #FFFFFF;
	text-align: center;
	margin-right: 20px;
	background-image: url(images/bg-date.jpg);
	background-repeat: no-repeat;
	float: left;
}
#dateMonth {
	width: 100px;
	height: 25px;
	font-size: 22px;
	padding: 25px 0px 0px 0px;
	float: left;
}
#dateDay {
	width: 100px;
	height: 49px;
	font-size: 17px;
	padding: 0px 0px 0px 0px;
	float: left;
}
blockquote {
	display: block;
	color: #8a6301;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	padding: 15px 20px 15px 20px;
	border: 0px solid #8a6301;
	background-color: #eee7af;
	background-image: url(images/bg-callquotetrees.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.LittleText {
	font-size: 11px;
}
.redText {
	color: #FFFF66;
	/* border: 1px solid #FF0000;
	background-color: #FFFF66;
	padding: 7px 10px 7px 10px;
	display: block; */
}



/* ----------  FORM Styles  ---------- */

input {
	color: #000000;
	font-size: 17px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 5px 5px 5px;
	background-color: #ffffe4;
	border: 3px solid #5e7536;
}
input:focus {
	border-color:#475b26;
	background-color:#ffffff;
}
textarea {
	color: #000000;
	font-size: 17px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 5px 5px 5px;
	background-color: #ffffe4;
	border: 3px solid #5e7536;
}
textarea:focus {
	border-color:#475b26;
	background-color:#ffffff;
}

.btnSubmit {
	width: 125px;
	height: 33px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(images/btn-submit.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}
.btnReset {
	width: 125px;
	height: 33px;
	border: 0px;
	margin: 0px 0px 0px 10px;
	background-image: url(images/btn-reset.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}
.btnLogin {
	width: 125px;
	height: 33px;
	border: 0px;
	margin: 0px 0px 0px 10px;
	background-image: url(images/btn-login.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}
.btnLogout {
	width: 125px;
	height: 33px;
	border: 0px;
	margin: 0px 0px 0px 10px;
	background-image: url(images/btn-logout.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}
.btnForgot {
	width: 125px;
	height: 33px;
	border: 0px;
	margin: 0px 0px 0px 10px;
	background-image: url(images/btn-forgot.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}
.btnSubmit-t {
	width: 125px;
	height: 33px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(images/btn-submit-t.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}
.btnReset-t {
	width: 125px;
	height: 33px;
	border: 0px;
	margin: 0px 0px 0px 10px;
	background-image: url(images/btn-reset-t.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}
#body li {
	list-style-image: url(images/bullet.gif);
	line-height: 2em;
}
#body ul ul li {
	list-style: disc;
	line-height: 2em;
	margin: 0px 0px 0px -10px;
}
.WeatherX {
	width: 240px;
	height: 278px;
	color: #FFFFFF;
	text-align: left;
	padding: 120px 40px 20px 60px;
	background-image: url(images/bg-weather.jpg);
	float: left;
}



/* ========================================  LINK STYLES  ======================================== */

/* NAV LINKS */
.NavList li {
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	display: inline;
	text-align: center;
	font-weight: normal;
	float: left;
}

/* Nav ------ */
.Nav {
	display: block;
	height: 45px;
	color: #fffecd;
	text-decoration: none;
	margin-bottom: 25px;
}
.Nav a, .Nav a:link, .Nav a:visited {
	display: block;
	height: 45px;
	color: #fffecd;
	text-decoration: none;
	padding: 23px 20px 0px 20px;
}
.Nav a:hover, .Nav a:active {
	display: block;
	height: 45px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 23px 20px 0px 20px;
	border-bottom: 0px;
	background-image: url(images/bg-navhvr.gif);
	background-position: 0px 0px;
}

/* Links */
a:link {
	color: #b15414;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #b15414;
}
a:hover {
	text-decoration: none;
	color: #b15414;
}
a:active {
	text-decoration: none;
	color: #b15414;
}


/* ----------  "bodyTop" Links  ---------- */
#bodyTop a:link {
	color: #b1cf78;
	text-decoration: none;
}
#bodyTop a:visited {
	text-decoration: none;
	color: #b1cf78;
}
#bodyTop a:hover {
	text-decoration: none;
	color: #ffffff;
}
#bodyTop a:active {
	text-decoration: none;
	color: #ffffff;
}

/* Copy Links */
.Copy a:link {
	color: #e9d6a7;
	text-decoration: underline;
}
.Copy a:visited {
	text-decoration: underline;
	color: #e9d6a7;
}
.Copy a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
.Copy a:active {
	text-decoration: none;
	color: #FFFFFF;
}

/* MiniNav Links */
.MiniNav a:link {
	color: #e9d6a7;
	padding: 0px 20px 1px 5px;
	border-left: 1px solid #653f00;
	text-decoration: none;
}
.MiniNav a:visited {
	color: #e9d6a7;
	padding: 0px 20px 1px 5px;
	border-left: 1px solid #653f00;
	text-decoration: none;
}
.MiniNav a:hover {
	color: #FFFFFF;
	padding: 0px 20px 1px 5px;
	border-left: 1px solid #FFFFFF;
	text-decoration: none;
}
.MiniNav a:active {
	color: #FFFFFF;
	padding: 0px 20px 1px 5px;
	border-left: 1px solid #FFFFFF;
	text-decoration: none;
}