@charset "UTF-8";

/*   
Theme Name: Aspen Brewing Company
Theme URI: http://aspenbrewery.com
Description: An optimized web framework for the Aspen Brewing Company to be used with WordPress.
Author: Jeremy Elder
Author URI: http://aspenbrewery.com/
Version: 1.0
Tags: Comma-separated tags that describe your theme
.
© 2009 Aspen Brewing Company.
.
*/

/* Reset default browser styles */
@import url('styles/reset.css');
/* Rebuild default browser styles */
@import url('styles/rebuild.css');
/* Basic WordPress Styles */
@import url('styles/wp.css');
/* Import typography */
@import url('styles/typography.css');

html {
	background: #181F26;
}

body {
	background: #181F26;
	color: #262033;
	font: normal 12px/15px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
a, a:link, a:visited {
	color: #2A74B3;
	text-decoration: none;	
}
a:hover {
	text-decoration: underline;
}

/* Primary navigation
----------------------------------------------------------------------------*/
#access {
	clear: right;
	float: right;
	margin: 0 0 10px 0;
	overflow: auto;
}
.skip-link {
	display: none;
}
.menu ul {
	list-style: none;
	margin: 0;
	padding-top: 20px;
}
.menu ul ul {
	display: none;
}
.menu ul li {
	color: #E0E3EF;
	display: inline;
}
.menu a, .menu a:visited {
	color: #E0E3EF;
	display: block;
	font: bold 11px Arial, Helvetica, sans-serif;
	float: left;
	padding-left: 20px;
	text-decoration: none;
	text-transform: uppercase;
}
.menu ul li a:hover {
	color: #FFF;
}
.menu ul li.current_page_item>a, .menu ul li.current_page_parent>a {
	color: #FFF;
}

/* Left secondary navigation
----------------------------------------------------------------------------*/
#subnav {
	clear: left;
	float: left;
	font-size: 12px;
	margin: 22px 20px 0 0;
	padding: 0;
	width: 220px;
}
#subnav h3 {
	border-bottom: 1px solid #262033;
	border-top: 1px solid #262033;
	color: #262033;
	margin-bottom: 5px;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}
#subnav ul {
	border-bottom: 1px solid #262033;
	list-style: none;
	margin: 0 0 8px 0;
	padding: 0 0 3px 0;
	width: 220px;
}
#subnav .page_item {
	line-height: 12px;
	margin: 0;
	padding: 3px 8px 3px 0;
}	
#subnav .page_item a {
	color: #262033;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-transform: uppercase;
}
#subnav .page_item a:hover {
	color: #EB3F00;
	text-decoration: none;
}  
#subnav .current_page_item a { /* the current Page */
	background: #EB3F00;
	color: #FFF;
	padding: 1px 5px 0 5px;	
}
#subnav .current_page_item a:hover { /* the current Page */
	background: #EB3F00;
	color: #FFF;	
}

/* Define a fixed layout
----------------------------------------------------------------------------*/
#wrapper {
	background: #F0F0E4;
	margin: 0 auto;
	width: 100%;
}
#container {
	margin: 0 auto;
	width: 940px;
}
#header {
	background: #858894;
	height: 50px;
	margin: 0;
	padding: 0;
	width: 100%;	
}
#masthead {
	margin: 0 auto;
	width: 940px;
}
#branding {
	float: left;
	width: 300px;
	z-index: 10;	
}

/* Banner
----------------------------------------------------------------------------*/
#banner {
	background: #858894 url(images/range_faded.png) no-repeat center bottom;
	height: 250px;
	width: 100%;	
}
#banner_short {
	background: #858894 url(images/range.png) no-repeat center top;
	height: 80px;
	width: 100%;	
}

/* Mountain content divider
----------------------------------------------------------------------------*/
#mountain_base {
	background: #d5d5c8;
	border-top: 1px solid #FFF;
	height: 5px;
	width: 100%;
}

/* Billboard Images
----------------------------------------------------------------------------*/
#board_home {
	background:transparent url(images/established.jpg) no-repeat center bottom;
	height: 250px;
	width: 940px;
	margin: 0 auto;
	padding: 0;
	text-align: right;
}
#board {
	height: 200px;
	width: 940px;
	margin: 0 auto;
	padding-top: 10px;
}

/* Left Aside
----------------------------------------------------------------------------*/
#feature {
	clear: left;
	float: left;
	margin: 20px 20px 0 0;
	width: 220px;
}

/* Layout
----------------------------------------------------------------------------*/
#content {
	float: left;
	margin: 0 20px 10px 0;
	min-height: 300px;
	width: 700px;
}
#content_center {
	float: left;
	margin: 0 20px 10px 0;
	min-height: 300px;
	width: 460px;
}
#content_center_home {
	float: left;
	margin: 0 20px 10px 0;
	width: 460px;
}
#content_right {
	float: left;
	margin: 0 0 10px 0;
	min-height: 250px;
	_height: 250px;
	width: 700px;
}
#content_right_tall {
	float: left;
	margin: 0 0 10px 0;
	min-height: 400px;
	_height: 400px;
	width: 700px;
}
#content_post {
	float: left;
	margin: 0 20px 10px 0;	
	min-height: 300px;
	_height: 300px;
	width: 520px;
}
#content_sidebar {
	clear: right;
	float: left;
	width: 220px;
	margin: 20px 0 0 0;
	padding: 0;
}
#content_gear {
	float: left;
	margin: 0 0 10px 0;
	min-height: 250px;
	_height: 250px;
	text-align: center;
	width: 940px;
}
#content_gear p {
	padding-top: 20px;
}

/* Recent posts home
----------------------------------------------------------------------------*/
#recent_posts_home {
	clear: right;
	float: right;
	width: 220px;
	margin: 20px 0 0 0;	
}
#recent_posts_home h3 {
	border-bottom: 2px solid #97ABB0;
	color: #262033;
	font-size: 12px;
	margin: 0;
	padding: 0;	
}
#recent_posts_home ul {
	font-size: 11px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 220px;
}
#recent_posts_home li {
	background: url(images/icon_leaf_sm.gif) no-repeat right 6px;
	border-bottom: 1px solid #C7D6D4;
	line-height: 12px;
	margin: 0;
	padding: 3px 8px 3px 0;
}
#recent_posts_home li a {
	color: #2A74B3;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-decoration: none;	
}
#recent_posts_home li a:hover {
	color: #233E6E;
	text-decoration: underline;	
}
.rp_date {
	color: #8C9FA3;
	font-size: 10px;	
}

/* Sidebar
----------------------------------------------------------------------------*/
#primary, #secondary {
	float: right;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 220px;
}
#secondary {
	clear: right;
}

/* Search
----------------------------------------------------------------------------*/
#search {
	float: right;
	height: 33px;	
	margin: 0;
	padding: 0;
	width: 220px;
}
#search form {
	padding: 0;
}
#search form div {
	width: 220px;
	height: 25px;
	background: url(images/search_field.gif) no-repeat 0 0;
	position: relative;
}
#search form input.search_box {
	width: 150px;
	border: 0;
	position: absolute;
	left: 5px;
	top: 5px;
	padding-top: 2px;
	background: transparent;
	font-size: 11px;
	outline: none;
}
#search form input.submit {
	position: absolute;
	right: 0;
}

/* Sidebar widgets
----------------------------------------------------------------------------*/
#primary ul ul, #secondary ul ul {
	font-size: 11px;
	list-style: none;
	margin: 0 0 12px 0;
	padding: 0;
	width: 220px;
}
#primary ul ul li, #secondary ul ul li {
	background: url(images/icon_leaf_sm.gif) no-repeat right 6px;
	border-bottom: 1px solid #C7D6D4;
	line-height: 12px;
	margin: 0;
	padding: 3px 8px 3px 0;
}
#primary ul ul li a, #secondary ul ul li a {
	color: #2A74B3;
	text-decoration: none;	
}
#primary ul ul li a:hover, #secondary ul ul li a:hover {
	color: #233E6E;
	text-decoration: underline;	
}
#primary h3, #secondary h3 {
	border-bottom: 2px solid #97ABB0;
	color: #262033;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;	
}

/* Sidebar events
----------------------------------------------------------------------------*/
#primary ul.wplc_event_list {
	line-height: 10px; 
	list-style:none;
	margin: 0 0 15px 0;
	padding: 0;	
}
#primary ul.wplc_event_list li {
	background: url(images/icon_leaf_sm.gif) no-repeat right 6px;
	border-bottom: 1px solid #C7D6D4;
	padding: 3px 8px 3px 0;	
}
#primary ul.wplc_event_list li h4{
	font-size: 10px;
	text-transform: uppercase;
}
#primary ul.wplc_event_list li p{
	font-size: 11px;
	line-height: 13px;
	margin: 0;
	padding: 0;	
}

/* Sidebar Availability, Contact
----------------------------------------------------------------------------*/
.feature_h {
	border-bottom: 1px solid #262033;
	border-top: 1px solid #262033;
	color: #262033;
	margin-bottom: 5px;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}
.feature_p {
	border-bottom: 1px solid #262033;
	font-size: 11px;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
}
.feature_p span {
	font-size: 14px;
	font-weight: bold;
}
.feature_p img {
	padding-right: 5px;
}
.feature_p a, .feature_p a:visited {
	color: #2A74B3;
}
.feature_p a:hover {
	text-decoration: underline;
}

/* Posts landing page
----------------------------------------------------------------------------*/
#entry_wrap {
	clear: right;
	float: left;
	margin-top: 20px;
	width: 520px;
}
#divider {
	clear: both;
	float: left;
	width: 100%;
}
hr.divide_summary {
	border-top: 1px solid #CCCCC2;
	border-bottom: 1px solid #FAFAFA;
	height: 0;
	margin: 0;
	padding: 0;
}
.entry-content h1 span {
	color: #8C9FA3;
	font-size: 14px;
}
.entry-content h2 {
	font-size: 22px;
	text-transform: uppercase;	
}
.entry-content ul.wplc_event_list li h4 {
	font-size: 11px;
	text-transform: uppercase;
}
.entry-content ul.wplc_event_list {
	font-size: 12px;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}
.entry-content ul.wplc_event_list li {
	font-size: 12px;
	list-style: none;
	padding: 5px 0;
}
.entry-title, .entry-title a {
	color: #262033;
	text-decoration: none;
}
.entry-title a:hover {
	color: #EB3F00;
}

/* Single post meta date
----------------------------------------------------------------------------*/
#post_meta {
	border-right: 1px solid #262033;
	clear: left;
	float: left;
	margin: 23px 19px 0 0;
	text-align: right;
	width: 160px;	
}
#post_meta h3 {	
	color: #262033;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 3px;
	padding: 3px 20px 5px 0;
	text-transform: uppercase;
}

/* Single post Meta Author and Comments
----------------------------------------------------------------------------*/
#post_meta h4 {	
	color: #54505E;
	font-size: 12px;
	padding: 1px 0;
}
#post_meta h4.author {
	color: #54505E;
	background: url(images/icon_post.gif) no-repeat right 4px;
	font-size: 10px;
	font-weight: bold;
	margin-right: 20px;
	padding-right: 18px;
	text-decoration: none;
}
#post_meta h4.comments {
	background: url(images/icon_comments.gif) no-repeat right 2px;
	font-size: 10px;
	font-weight: bold;
	margin-right: 20px;
	padding-right: 20px;
	text-decoration: none;
}
#post_meta h4.comments a, #post_meta h4.author a {
	color: #54505E;
	text-decoration: none;
}
#post_meta h4.comments a:hover, #post_meta h4.author a:hover {
	text-decoration: underline;
}

/* Post entry utility
----------------------------------------------------------------------------*/
.entry-utility {
	font-size: 10px;
	padding-bottom: 10px;	
}
.entry-utility a {
	color: #2A74B3;
	text-decoration: none;	
}
.entry-utility a:hover {
	text-decoration: underline;	
}

/* Nav below
----------------------------------------------------------------------------*/
#nav-below {
	margin-top: 15px;
}
#nav-below-single {
	border-bottom: 1px solid #97ABB0;
	border-top: 1px solid #97ABB0;
	height: 20px
}
.nav-previous a, .nav-next a {
	color: #2A74B3;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
#nav-below-single .nav-previous {
	float: left;
	margin: 0;
	padding: 2px 8px 8px 0;
}
#nav-below-single .nav-next {
	float: right;
	margin: 0;
	padding: 2px 8px 8px 0;
}

/* Images
----------------------------------------------------------------------------*/
img.alignleft {
	margin: 3px 10px 5px 0;
	padding: 0;
}

/* Footer
----------------------------------------------------------------------------*/
#footer {
	background: #181F26 url(images/abc_chalkboard_sm.jpg) repeat-x left top;
	clear: both;
	width: 100%;
}
#colophon {
	clear: both;
	margin: 0 auto;
	padding: 15px 0 20px 0;
	width: 940px;	
}
#site-info {
	border-top: 1px solid #626A70;
	clear: both;
	color: #626A70;
	font-size: 9px;
	margin: 0 auto;
	padding-top: 3px;
	width: 940px;
}

/* Footer sections: Location, Specials, Tours, Fans
----------------------------------------------------------------------------*/
#location, #specials, #tours {
	float: left;
	margin-right: 20px;
	padding-top: 18px;
	width: 220px;	
}
#location h4, #specials h4, #tours h4, #fans h4 {
	color: #EB3F00;
}
#location p, #specials p, #tours p, #fans p {
	color: #8C9FA3;	
	font-size: 10px;
	line-height: 13px;
}
/* Location
----------------------------------------------------------------------------*/
#location {
	background: url(images/location.png) no-repeat left top;
}
/* Specials
----------------------------------------------------------------------------*/
#specials {
	background: url(images/specials.png) no-repeat left top;
}
/* Tours
----------------------------------------------------------------------------*/
#tours {
	background: url(images/tours.png) no-repeat left top;	
}
/* Fans
----------------------------------------------------------------------------*/
#fans {
	background: url(images/fans.png) no-repeat left top;
	float: right;
	padding-top: 18px;
	width: 220px;	
}
#fans a, #fans a:visited {
	color: #8C9FA3;	
	font-size: 10px;
	padding-left: 5px;
	text-decoration: none;
}
#fans a:hover {
	color: #FFF;	
}
#fans a img {
	border: 0;	
}
#fans p {
	margin-top: 8px;
}

/* Sidebar
----------------------------------------------------------------------------*/
.xoxo {
	list-style: none;
	padding: 0;
	margin: 0;
}
.xoxo ul li {
	padding: 0;
	margin: 0;
}

/* Color Guide
	
	#F0F0E4;	beige			wrapper bg
	#F0F7F6;	snow			wrapper bg alt
	#D5E5E3;	ice				menu
	#C7D6D4;	dark ice		border
	#181F26;	chalkboard		body bg, footer bg
	#858894;	light charcoal	header bg
	#2A74B3;	cobalt			links
	#97ABB0;	light slate		news bar bg, nav below bg
	#8C9FA3;	slate			news bar border, recent posts date
	#344152;	dark slate		news bar title
	#EB3F00;	orange-red		accents
	#368C20;	green			post date
	#262033;	dark mountain	h1, p, nav below
	#54505E;	mountain		
	#233E6E;	deep blue		current page link
	
*/