/**
 * Theme Name: Canyon Journeys
 * Description: Custom theme based on hybrid at themehybrid.com
 * Author: CryBaby Design
 * Author URI: http://crybabydesign.com
 * Version: 1.0
 * Template: hybrid
 */

/**
* Import pre-made styles from Hybrid
************************************************/

/* Eric Meyer's reset.css */
	 /*@import url('../hybrid/library/css/reset.css'); */

/* 18px, 20px, 21px, 22px, 24px or 25px margins and line-height (don't use reset.css with these) */
	/* @import url('../hybrid/library/css/18px.css'); */
	 @import url('../hybrid/library/css/20px.css'); 
	/* @import url('../hybrid/library/css/21px.css'); */
	/* @import url('../hybrid/library/css/22px.css'); */
	/* @import url('../hybrid/library/css/24px.css'); */
	/* @import url('../hybrid/library/css/25px.css'); */

/* Layout */
	 @import url('../hybrid/library/css/2c-l-fixed.css');
	 /*@import url('../hybrid/library/css/2c-r-fixed.css'); */
	/* @import url('../hybrid/library/css/3c-l-fixed.css'); */
	/* @import url('../hybrid/library/css/3c-r-fixed.css'); */
	/* @import url('../hybrid/library/css/3c-c-fixed.css'); */

/* Plugins CSS */
	 @import url('../hybrid/library/css/plugins.css'); 

/* Drop-downs CSS */
	/* @import url('../hybrid/library/css/drop-downs.css'); */

/* Hybrid's default CSS */
	 @import url('../hybrid/library/css/screen.css'); 
	 
/* Drop Shadow CSS */
@import url('css/drop-shadow.css');	 

/**
* Body
************************************************/

/* Contains everything */
body {
	background: transparent url(images/tile.gif) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	}

	/* Wrapper for everything inside of the body */
	#body-container {
	width: 800px;
	margin: 0 auto 20px auto;
	background-color: #fff;
	}

/**
* Elements
************************************************/

/* Hyperlinks */
a {
	color: #5D3409;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #F36910;
	text-decoration: none;
	font-weight: bold;
}

a:link {}
a:visited {}
a:active {}

/* Headers */
h1 {
	margin: 0 0 6px 0;
	padding: 0;
	font-size:1.3em;
	color: #603913;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 6px 0 0 0;
	padding: 0;
	font-size: 1.0em;
	color: #F36910;
}
h3 {
	margin: 6px 0 0 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #406B29;
}
h3 a {
	font-size: 1.0em;
	color: #406B29;
}
h3 a:hover {
	text-decoration: none;
	color: #406B29;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	margin: 6px 0 0 0;
	padding-bottom: 0;
	color: #666;
}

h5 {}
h6 {}

/* Text elements */
strong {}
em {}
cite {}
abbr {}
acronym {}
sup {}
sub {}
address {}
ins {}
dfn {}
del {}

/* Paragraphs */
p {}

/* Unordered lists */
ul {}
	ul li {}

/* Ordered lists */
ol {}
	ol li {}

/* Defition lists */
dl {}
	dt {}
	dd {}

/* Blockquotes */
blockquote {}
	blockquote blockquote {}
	blockquote em {}

/* Object */
object {}

/* Code */
code {}
pre {}
pre code {}

/* Tables */
table {}
	caption {}
	tr {}
	th {}
	td {}

/* Forms */
form {}
	textarea {}
	input {}
	label {}
	option {}

/* Notes */
.note {}

/* Warnings/Alerts */
.warning, .alert {}

/* Errors */
.error {}

/* Downloads */
.download {}

/* Alignment */
.left, .alignleft {}
.right, .alignright {}
.center, .aligncenter {}
.block, .alignnone {}
.clear {}

/**
* Images
************************************************/

/* Normal images */
img {}
a img {}

/* WP Smilies */
img.wp-smiley {}

/* Thumbnails */
.thumbnail {}

/* WP Captions [caption] */
.wp-caption {}
	.wp-caption img {}
	.wp-caption p {}

/* Gallery [gallery] */
.gallery {}
	.gallery img {}

/* Avatars */
.avatar {}

/**
* Header
************************************************/

/* Contains entire header */
#header-container {
	}

	/* Contains site title and tagline */
	#header {	margin: 0;
	padding: 0;
	}

		/* Site title */
		#site-title {
			}
		#site-title a {
			display: block;
			height: 158px;
			background: url(images/banner.jpg) no-repeat 0 0;
			}
		#site-title a span {
			display: none;
			}

		/* Site description/tagline */
		#site-description {
		display: none;}

/**
* Primary Menu
************************************************/

/* Wrapper for entire menu area */
#primary-menu {
	width: 800px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	}

	/* Wrapper for unordered list of menu items */
	div.menu { margin: 0;}

		/* Menu list. */
	    div.menu ul#menu-main {
		float: right;
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		}
		
		div.menu ul#menu-main li {
		margin-top: 10px;
		padding: 0 0 0 8px;
		color: #000;
		font-weight: bold;
		font-size: 1.0em;
		border-left:1px solid #ccc;
		}
		div.menu ul#menu-main li:first-child {
		border-left:none
		}
		
		div.menu ul#menu-main li.menu-item a {
		padding-right: 8px;
		color: #FFFFFF;
		text-decoration: none;
		background-color: transparent;}
		div.menu ul#menu-main li.menu-item a:hover {
		color: #FFF53B;}
			
		div.menu ul#menu-main li.current-menu-item a {
		color: #FFF53B;
		}
		
		ul#menu-main {
		list-style: none;
		margin: 0 0 4px 0;
		padding: 0 0 0 16px;
		}
		ul#menu-main li {
		float: left;
		margin: 0;
		padding: 0;
		}
		
		div.menu ul#menu-main li.current-page-ancestor a {
		color: #FFF53B;
		}
		/*secondary nav */
		#sec-nav {
			height: 22px;
			margin: 0 0 0 100px;
			float: right;
			clear: both;
		}
		
		#sec-nav ul {
			float: right;
			list-style: none;
			margin: 0;
			padding: 0 0 0 0;
		}
		
		#sec-nav ul li {
			float: left;
			margin: 0;
			padding: 0;
			color:#FFFFFF;
		}
		
		#sec-nav li {
		
		}
		
		#sec-nav ul li a {	
			padding: 0 10px 0 10px;
			color: #5D3409;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-size: 0.8em;
			text-decoration: none;
			text-align: center;
			float: left;
		}
		
		
		#sec-nav ul li a:hover {
			color: #FFF53B;
			text-decoration: none;
		}
		
		#sec-nav ul li a.active {
			color: #FFF53B;
			
		}		
		#sec-nav ul li.current_page_item a {
			color: #FFF53B;
		}

/**
* Containers below the header and navigation
************************************************/

/* Wrapper for the content and primary/secondary widget sections */
#container {
	width: 800px;
	font-size: 86%;
	line-height: 1.2em;
	background-color: #fff;
}

	/**
	* Content
	************************************************/

	/* Contains site's main content */
	#content .home {
	padding: 15px 0 0 20px;
	}
	#content {
	padding: 15px 0 0 20px;
	}
    .content{
	width: 500px;
	}
	
	.no-widgets .content, .no-default-widgets .content {
	width: 760px;
	}
		/* Breadcrumb trail */
		.breadcrumb {}
			.breadcrumb-trail {}

		/* Archive and search <div> before posts are listed */
		.archive-info
		.author-info {}
		.term-info
		.category-info {}
		.tag-info {}
		.date-info {}
		.search-info {}

			/* Archive and search page titles. */
			.archive-title
			.author-title {}
			.term-title {}
			.category-title {}
			.tag-title {}
			.date-title {}
			.search-title {}

		/* Entry wrapper <div> */
		.hentry {}
		.post {}
		.page {}

			/* Post, page, and 404 page titles */
			.entry-title {}
			.post-title {}
			.page-title {}
			.attachment-title {}
			.error-404-title {}

			/* Author and date byline */
			.byline {}

			/* Full entries */
			.entry-content {}

			/* Excerpts (introduced) */
			.entry-summary {}

				/* Using <!--nextpage--> */
				p.page-links a {}

				/* More link <!--more--> */
				a.more-link {}

			/* Entry metadata */
			.entry-meta {}

		/* Post series */
		.series {} 
			.series-title {}

		/* Navigation links */
		.navigation-links {}
			.navigation-links .previous {}
			.navigation-links .next {}

		/* WP PageNavi (plugin) */
		.wp-pagenavi {}
			.wp-pagenavi .pages {}
			.wp-pagenavi .current {}
			.wp-pagenavi .extend {}
			.wp-pagenavi a {}

		/* Attachment image navigation */
		.navigation-attachment {}

		/**
		* Comments template
		************************************************/

		/* Wrapper for entire comments area */
		#comments-template {}

			/* Comments section headers/titles */
			.comments-header {}
			#comments-number {}

			/* Comments closed paragraph */
			p.comments-closed {}

				/* Main comments section */
				#comments {}
					#comments ol {}

						/* Individual comments (note that WordPress has even/odd backwards) */
						#comments li {}
							#comments li li {}
								#comments li li li {}
									#comments li li li li {}
						#comments li.even {}
						#comments li.odd {}
						#comments li.thread-even {}
						#comments li.thread-odd {}
						#comments li.author {}
						#comments li.trackback {}
						#comments li.pingback {}

							/* Comment avatars */
							#comments .avatar {}

							/* Comment metadata */
							#comments .comment-meta {}
								#comments .comment-meta cite {}

							/* Comment text */
							#comments .comment-text {}

					/* Paged comments navigation */
					#comments-template .paged-navigation {}
						#comments-template .paged-navigation .page-numbers {}
						#comments-template .paged-navigation .next {}
						#comments-template .paged-navigation .prev {}

				/* Main comment form div */
				#respond {}

					/* Comment form title */
					#reply {}

					/* Comment form elements */
					p#cancel-comment-reply {}
					#respond form {}
						#respond .form-author {}
							#respond input {}
						#respond .form-email {}
						#respond .form-url {}
						#respond .form-textarea {}
							#respond textarea {}
						#respond #submit {}
							#respond #submit:hover {}

		/**
		* Utility widget sections (see other widget code below)
		************************************************/

		/* All utility widget sections (except widgets template) */
		.utility {}

		/* Before content */
		#utility-before-content {}

		/* After content */
		#utility-after-content {}

		/* After post but before comments */
		#utility-after-single {}

		/* After page but before comments */
		#utility-after-page {}

		/* Widgets page template widgets */
		.page-template-widgets #content .widget {}

	/**
	* Widget sections (Primary and Secondary)
	************************************************/

	/* Widgets in general */
	.widget {
	padding-bottom: 10px;
	background-color: #F6821F;
	}
		.widget-inside {
		margin: 0;
		padding: 0 0 10px 0;
		color: #5d3409;	
		}
	.widget-title {
			margin: 0;
			padding-left: 20px;
			font-size: 1.4em;
			font-style: normal;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			line-height: 2.5em;
			color: #FFFFFF;
			background-color: #F36910;	
	}		
	.widget h4 {
		margin: 6px 0 0 20px;
		padding: 0;
		font-size: 1.2em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #fdd633;
	}		

    .widget-inside p {
		margin: 5px 0 0 20px;
		padding-right: 15px;
	}
	.widget-inside a {
	color: #5D3409;
	text-decoration: none;
	font-weight: bold;
	}
	
	.widget-inside a:hover {
		color: #FFFFFF;
		text-decoration: none;
		font-weight: bold;
	}		
	/* Primary widget section */
	#primary { 
		width: 230px;
		margin: 20px 15px 20px 0;
		line-height: 1.2em;
		color: #5D3409;
		font-size: 94%;
	}
		#primary .widget {}
			#primary .widget-inside {}
				#primary .widget-title {}
				#primary .widget ul {}
					#primary .widget ul li {}

	/* Secondary widget section */
	#secondary {width: 250px;}
		#secondary .widget {}
			#secondary .widget-inside {}
				#secondary .widget-title {}
				#secondary .widget ul {}
					#secondary .widget ul li {}
					
	/*				
	#text-3 {
	line-height: 1.4em;
	padding-bottom: 10px;
	background-color: #F6821F;
	}
	#text-3 h3 {
		margin: 0;
		padding-left: 20px;
		font-size: 1.5em;
		font-style: normal;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		line-height: 2.5em;
		color: #FFFFFF;
		background-color: #F36910;
	}
	#text-3 h4 {
		margin: 6px 0 0 0;
		padding: 0;
		font-size: 0.85em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #fdd633;
	}
	#text-3 .textwidget {
		margin: 0;
		padding: 5px 0 0 20px;
		font-size: 1.5em;
		color: #5d3409;	
	}*/
	#text-4 {
		background-color: #BC9E6A;
	}
	#text-4 h3 {
		background-color: #AB8852;
	}
	/*
	#text-4 .textwidget {
		margin: 0;
		padding: 5px 0 0 20px;
		font-size: 1.4em;
		color: #5d3409;	
	}
	#text-3 p, #text-4 p {
		margin-top: 5px;
		padding-right: 15px;
		font-size: 0.75em;
	}
	#text-3 a, #text-4 a {
	color: #5D3409;
	text-decoration: none;
	font-weight: bold;
	}
	
	#text-3 a:hover, #text-4 a:hover {
		color: #FFFFFF;
		text-decoration: none;
		font-weight: bold;
	}			*/	

/**
* Footer
************************************************/

/* Wrapper for the entire footer */
#footer-container {
	margin: 0;
	padding: 0;}

	/* Subsidiary widget section */
	#subsidiary {}
		#subsidiary .widget {}
			#subsidiary .widget-inside {}
				#subsidiary .widget-title {}

	/* Footer section */
	#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 94%;
	font-style: normal;
	color: #666;
	background-color: #FFFFFF;
	clear:both;
	background: transparent url(images/bottom.jpg) repeat-x;}

	#footer p{
	font-size: 80%;
	margin: 0;
	padding: 116px 0 0 0;
	}
	#footer a {
	color: #5D3409;
	font-weight: bold;
	}
	
	#footer a:hover {
		color: #F36910;
		font-weight: bold;
	}

		/* Footer extra */
		#footer .copyright {}
		#footer .credit {}
				
	hr {
	border: none 0;
	border-top: 1px solid #CCC;
	height: 1px;
	width: 95%;
	padding-bottom: 6px;
	clear:both;
	}	
/*map styles */
#map_canvas {
	margin-left: 20px;
	border:2px solid #CCC;
	margin-bottom: 15px;
}	