/*  
Theme Name: Big Country Audubon Society
Description: The awesome design of the Big Country Audubon Society
Version: 1.0
Author: Jay Packer
*/

/* Begin Typography & Colors */
body {
	text-align: center;
	color: #000;
	background: #587895 url(images/bg.jpg) fixed;
	margin: 0px;
	padding: 0px;
}

html, body {
	height: 100%;
}

a:link {
	color: #4E6C00;
	text-decoration: underline;
}

a:visited {
	color: #4E6C00;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

.homepage {
	margin-top: 11px;
	font-size: .75em;
	font-family: Arial, Helvetica, sans-serif;
}

.homepage ul {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	list-style-type: disc;
}

.homepage li {
	padding: 5px 0px;
}

ul.featured {
	margin-bottom: 10px;
}

.featured li {
	padding-bottom: 10px;
	border-bottom: 1px solid #000000;
}

.home-left-col {
	float: left;
	width: 275px;
	margin: 0px 10px 0px 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-right: 1px solid #000000;
}

.homepage h3 {
	margin-top: 0px;
	font-size: 1.30em;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}


.entry a:link, .entrytext a:link {
	color: #4E6C00;
}

.entry a:visited, .entrytext a:visited {
	color: #92AF4C;
}


h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 7px 0px 0px;
	padding: 0px;
}

h1 {
	font-size: 1.6em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1 a:link, h1 a:visited, h1 a:hover {
	color: #000000;
	text-decoration: none;
}

h1.pagetitle {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	color: #999999;
	margin-bottom: 20px;
	border-bottom: 1px solid #000000;
}

h2 {
	font-size: 1.3em;
}

h3 {
	font-size: 1.0em;
}

.entrytext h2, .entrytext h3 {
	font-size: 1.2em;
	margin-top: 15px;
}

ul {
 list-style-type: disc;
}

ul ul {
 list-style-type: square;
}

ul ul ul {
 list-style-type: none;
}

/***********************************************/
/* Layout 		                               */
/***********************************************/

#body {
	width: 691px;
	/* height: 96%; stretches content area to better fill screen in FF*/
	margin: auto;
	padding: 10px 0px;
	position: relative;
	text-align: left;
}


#box-top {
	background: url(images/box-top.gif) no-repeat top left;
	line-height: 11px;
	height: 11px;
	font-size: 1px;
	text-align: center;
}

#box-bottom {
	background: url(images/box-bottom.gif) no-repeat bottom left;
	line-height: 11px;
	height: 11px;
	font-size: 1px;
}

#box{
	/* min-height: 67%; along with height set in #body, stretches content area to better fill screen in FF */
	background: url(images/box-bg.gif) repeat-y top left;
}

#navseperator {
	background-color: #4E6C00;
	border-bottom: 2px solid #4E6C00;
	border-left: 3px solid #324211;
	border-right: 3px solid #324211;
}

.clear {
	font-size: 1px;
	line-height: 1px;
	clear: both;
}

/**************************/
/* main navigation styles */
/**************************/
#nav {
	color: #000000;
	background: #CF7E00;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 3px solid #324211;
	border-right: 3px solid #324211;
	text-align: center;
}

#nav ul {
	margin: 2px 0px;
	padding: 0px;
	list-style-type: none;
}

#nav li {
	margin: 0px;
	display: inline;
}


#nav a:link, #nav a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: .7em;
	font-weight: bold;
	padding: 6px 12px 3px 12px;
	text-decoration: none;
}

#nav a:hover {
	background: #EFAF4A;
	border-bottom: 4px solid #CF7E00;
}

/**************************/
/* content box           */
/**************************/
#content-box {
	float: left;
	text-align: left;
	width: 500px;
	margin-left: 10px;
}

/**************************/
/* left navigation styles */
/**************************/

#leftnav {
	float: left;
	width: 165px;
	border-left: 3px solid #324211;
}

#leftnav h3 {
	color: #000;
	background-color: #698F00;
	border-bottom: 1px solid #4E6C00;
	margin: 0px;
	padding: 3px;
}

#leftnav ul a:link, #leftnav ul a:visited {
	display: block;
}
#leftnav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#leftnav li {
	border-bottom: 1px solid #4E6C00;
}

/* fix for browsers that don't need the hack */
/* html>body #leftnav li {border-bottom: none;} */

#leftnav a:link, #leftnav a:visited, #leftnav a:hover {
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size: .7em;
	font-weight: bold;
	color: #000;
	background-color: #92AF4C;
	border-left: 5px solid #92AF4C;
	display: block;
	padding: 7px 0px 7px 5px;
	line-height: 1.17em;
	text-decoration: none;
}

#leftnav a:hover {
	background-color: #92AF4C;
	border-left: 5px solid #CF7E00;
}

/************* #search styles ***************/

#search {
	padding: 15px 0px 5px 10px;
	font-size: 90%;
	text-align: left;
}

.searchbox {
	font: bold 100% Arial,sans-serif;
	font-size: 1em;
	color: #000;
	background-color: #efece0;
	border: 1px solid #4f4214;
}

.button {
	font: bold 100% Arial,sans-serif;
	font-size: 1em;
	color: #f1f27b;
	background-color: #bda249;
	border: 1px solid #4f4214;
	margin: 0px;
}

/*************************************/
/* start of original wordpress theme */
/*************************************/

.alt {
	background-color: #EFEAE0;
	border-top: 1px solid #4E6C00;
	border-bottom: 1px solid #4E6C00;
}

.entry, .entrytext {
	font: 1.0em Arial, Helvetica, sans-serif;
	line-height: 1.25em;
}

.entry img, .entrytext img {
	border: 1px solid #666666;
}

#commentform {
	font-size: 0.80em;
}

.commentlist li {
	font: 0.80em Arial, Helvetica, sans-serif;
}

.commentlist li {
	font-weight: bold;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.25em;
	text-transform: none;
}

#commentform p {
	font-family: Arial, Helvetica, sans-serif;
}

.commentmetadata {
	font-weight: normal;
}

small, .postmetadata, blockquote, strike {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 0.85em;
	line-height: 1.5em;
}

.postmetadata {
	color: #999999;
}

.postmetadata a:link, .postmetadata a:visited {
	color: #999999;
}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
}
/* End Typography & Colors */



/* Begin Structure */
.post {
	font-size: .82em;
	margin: 10px 0px 30px;
	text-align: justify;
}

/* End Structure */

/*	Begin Headers */

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
}
/* End Headers */

/* 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, .aligncenter {
	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 Lists */

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
}

.entry ol li {
	margin: 0;
	padding: 0;
}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}
	
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
}

select {
	width: 130px;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}

#commentform textarea {
	width: 99%;
	padding: 2px;
}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0 0 10px;
	padding: 10px;
}

.commentlist {
	margin: 15px 0;
	padding: 0;
	text-align: justify;
}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}

#commentform p {
	margin: 5px 0;
}

.nocomments {
	font: 0.82em Arial, Helvetica, sans-serif;
	text-align: center;
}

.commentmetadata {
	margin: 0;
	display: block;
}
/* End Comments */

/* Start styles for feedback forms */
.contactform { 
	position: relative;
	overflow: hidden;
}

.cfrow {
	min-height: 35px; /* so that IE7 and FF space rows the same. Alas, IE6 shows a little extra whitespace between rows. 
		Using 'height:' causes problems with textarea overflow in both versions of IE */
	clear:both;
}

.cfrow textarea {
	margin-bottom: 12px;
	vertical-align: top;
}

.cfrow label {
	font-family: Arial, Helvetica, sans-serif;
	width: 23%; 
	text-align: right;
	clear: both;
	float: left; 
}
		
.cfrow div {
	width: 75%;
	text-align: left;  
	float: right; 
}

.cfrow div span { /* for (required) label after required fields */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
}

/* End styles for feedback forms */


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

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

blockquote {
	margin: 15px 30px 0 10px;
	padding: 0px 10px;
	border-left: 1px solid #bda249;

}

.center {
	text-align: center;
}

hr {
	display: none;
}

a img {
	border: none;
}

.navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .70em;
	color: #999;
	margin-top: 10px;
	margin-bottom: 20px;
}

.navigation span {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #333;
}

.navigation strong {
	font-size: 1em;
	padding: 0px 5px;
	color: #92791f;
}

.navigation a:link, .navigation a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.prevnext {
	line-height: 3.5em; /* necessary so IE wouldn't clip floated link */
	font-size: 0.75em;
	font-weight: bold;
}

.prevnext span {
	font-size: 1.1em;
}

.prevnext a:link, .prevnext a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 5px;
}

.prevnext a:hover {
	border: 1px solid #CF7E00;
}

.trackback {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
}
/* End Various Tags & Classes*/