/*
Theme Name: Blue Trails Guide
Theme URI: http://www.bluetrailsguide.org
Description: Custom Template for the American Rivers Blue Trails Guide.
Version: 1.0
Author: Sean O'Connor
Author URI: http://www.r2integrated.com
Tags: blue trails guide, american rivers

*/



/* clear all margin and padding */

* {
	margin: 0;
	padding: 0;
}

p, ul, ol, li, blockquote {
	margin: 1em 0;
}

a, a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0;
}

/* overall page styles */

body {
	margin-top: 0;
	background: #1f3f77 url(images/site_bg.gif) top left repeat-x;
}

/* site wrapper and container */

#wrapper {
	width: 100%;
	height: auto;
	margin: 0;
	text-align: center;
}

#container {
	width: 1024px;
	margin: 0 auto;
}

/* header area */

#header {
	width: 1024px;
	height: 127px;
	margin: 0 0 0 0;
	padding: 0;
	background: url(images/header_bg2.gif) bottom left no-repeat;
	text-align: left;
}

#header img {
	float: left;
	margin-left: 32px;
}

/* navigation */

#navigation {
	float: right;
	width: 700px;
}

#navigation ul {
	list-style: none;
	float: right;
	margin: 0;
}

#navigation ul li {
	float: left;
	margin: 0 5px;
}

#navigation ul li a, #navigation ul li a:visited {
	float: left;
	width: 80px;
	text-align: center;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #E38025;
	text-decoration: none;
	padding: 20px 0 5px 0;
}

#navigation ul li a:hover {
	background-color: #2d8dbd;
	color: #fff;
}


#navigation ul li.page-item-11 {
	display: none;
}


#navigation ul li.current_page_item a {
	background-color: #12679b;
	padding-top: 30px;
	color: #FECF0C;
}
/* top home area */

#home_content {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#welcome {
	width: 640px;
	float: left;
}

#welcome h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	margin-top: 20px;
}

#welcome p {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
}

#welcome a, #welcome a:visited {
	color: #FECF0C;
}


#photos {
	width: 300px;
	float: right;
}

#photos_interior {
	width: 300px;
	float: right;
	padding-bottom: 15px;
	background: url(images/shadow.gif) bottom right no-repeat!important;
}

#photos h2, #photos h2.icon_photo, #photos_interior h2, #photos_interior h2.icon_photo {
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	margin: 0;
}

#flickr {
	clear: both;
	width: 100%;
}

#flickr img {
	float: right;
	margin: 5px 0 5px 10px;
	width: 48px;
	height: 48px;
	border: 1px solid #fff;
}

/* three column content layout */

#threeColumn {
	width: 960px;
	margin: 0 auto;
	background:url(images/3colbg.gif) repeat-y;
	overflow:auto;
}

#colOne {
	float: left;
	width: 320px;
	padding: 25px 10px 10px 10px;
	text-align: left;
}

#colTwo, #colThree {
	float: left;
	width: 270px;
	margin: 0 0 0 20px;
	padding: 25px 10px 10px 10px;
	text-align: left;
}

#colOne h2, #colTwo h2, #colThree h2 {
	color: #016699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#colOne h3, #colTwo h3, #colThree h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #E38025;
	font-weight: normal;
}

#colOne p, #colTwo p, #colThree p, #colOne li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	font-size: 12px;
	color: #333333;
}

#colOne ul {
	list-style: none;
}

#colOne h3.widgettitle a.rsswidget {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #016699;
	text-decoration: none;
	font-weight: normal;
	font-size: 18px;
}

#colOne h3.widgettitle a.rsswidget:hover {
	text-decoration: underline;
}

#colOne a.rsswidget {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #E38025;
	text-decoration: none;
	font-weight: bold;
}

#colOne a.rsswidget:hover {
	text-decoration: underline;
}

#colOne ul li span.rss-date {
	float: left;
	width: 100%;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333;
}

/* interior page layout */

#twoColumn {
	width: 960px;
	margin: 0 auto;
}

#interior_colOne {
	width: 640px;
	margin: 0 auto;
	text-align: left;
	float: left;
}

#interior_colTwo {
	float: right;
	width: 300px;
	text-align: right;
}

#page_content {
	width: 640px;
	float: left;
}

#interior_colTwo h2 {
	color: #016699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	margin: 0 0 10px 0;
}
#interior_colTwo h3 {
	color: #018899;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;

}

#page_content h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	margin-top: 20px;
}

#page_content h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	margin-top: 20px;
}

#page_content p {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
}

#page_content a, #page_content a:visited {
	color: #FECF0C;
}

.files {
	width: 270px;
	padding: 10px 10px 10px 10px;
	margin: 0 0 20px 10px;
	text-align: left;
	background: #fff;
}
.description p {
margin-bottom:0px;
}
.files iframe {
	border: 2px solid #FECF0C;
}

#trailsmap {
	width: 270px;
	padding: 10px 10px 10px 10px;
	margin: 20px 0 0 10px;
	background: #fff;
	text-align: left;
}

/* site footer */
#footer {
	width: 960px;
	margin: 0 auto;
}

#footer p span.copyright {
	width: 20%;
	float: left;
	text-align: left;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#footer p span.credits {
	width: 20%;
	float: right;
	text-align: right;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#footer p span.wordpress {
	float: left;
	width: 60%;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
}

#footer p span.credits a, #footer p span.credits a:visited, #footer p span.wordpress a, #footer p span.wordpress a:visited {
	color: #fff;
}

/* box top shadows */

.smallbox {
	background: #fff url(images/small_column_top.gif) top left no-repeat;
	width: 290px;
}

.largebox {
	background: #fff url(images/large_column_top.gif) top left no-repeat;
	width: 340px;
}

/* icon classes */

.icon_photo {
	background: url(images/icons/icon_photo.gif) top left no-repeat;
	padding-left: 30px;
}

/* special span classes */
.yellow {
	color: #FECF0C;
}

/* drainhole icon templates */


/* homepage files template */
.trails_guide_home {
	width: 100%;
	margin: 1em 0;
}

.trails_guide_home p {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	padding-left: 30px;
}

.trails_guide_home a {
	color: #E38025;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
}

.trails_guide_home h3.title a, .trails_guide_home h3.title a:visited, h3.title a, h3.title a:visited {
	color: #E38025!important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
}

.trails_guide_home .icon {
	float: left;
	width: 30px;
	height: 30px;
}

/* interior page sidebar files template */

.files_interior {
	width: 100%;
	margin: 1em 0;
	padding-bottom:10px;
	*padding-bottom:0px;
}

.files_interior p {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	padding-left: 30px;
}

.files_interior a {
	color: #E38025;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
}

.files_interior .icon {
	float: left;
	width: 30px;
	height: 30px;
}

/* inline drainhole files */

.inline_files {
	width: 100%;
	margin: 1em 0 2em 0;
}

.inline_files .icon {
	float: left;
	width: 30px;
	height: 30px;
}

.inline_files p {
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
}

.inline_files p strong {
	color: #FECF0C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
}


/* clearing class */

.clear {
	clear: both;
}