/*
Theme Name: Foot Hills Car Club
Theme URI: http://www.andyblackwell.com
Description: Original theme created for foothillscarclub.com - based on Hybrid
Version: 1.0
Author: Andy Blackwell
Author URI: http://www.andyblackwell.com
Template: hybrid
*/
/********************************************************************
*	Start: CSS Browser Reset
****************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,table,thead,th,tr,td,tbody{margin:0;padding:0;}
body{font-family: Arial, Helvetica, sans-serif;font-size:62.5%;}
a{text-decoration:none;color:black;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul,li,dl,dd,dt{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal;padding:0;margin:0;}
q:before,q:after{content:'';}
abbr,acronym,.help{cursor:help;text-decoration:none;border:0;border-bottom:1px #666 dotted;}
button {cursor:pointer;}
/*****************************
*	End: CSS Browser Reset  
*****************************/

/********************************************************************
*	Start: Site-Specific Base Styles
************************************/
body {height:100%;text-align:center;padding:0 10px;}
a,h1,h2,h3,h4,h5,h6 {}
a {}
a:hover {}
th,td {vertical-align:top;padding:0 5px 3px 0;}
th {font-weight:bold;}
ul, ol {margin-left:20px;}
ul li {list-style:disc;}
ol li {list-style:decimal;}
:focus {outline:0;}
/*****************************
*	End: Site-Specific Base Styles
*****************************/

/********************************************************************
*	Start: Typography
********************************************************************/
/* keeping things to a vertical rhythm of 15px, to line up text lines in the site */
body {font-family: Arial, Helvetica, sans-serif;font-size:13px;color:#666769;}
h1 {font-size:25px;}
h2 {font-size:23px;}
h3 {font-size:21px;}
h4 {font-size:19px;}
h5 {font-size:17px;}
h6 {font-size:16px;}
h1,h2,h3 {line-height:30px;} /* to keep the 15px vertical rhythm going */
h4,h5,h6 {line-height:20px;} /* to keep the 15px vertical rhythm going */
p,blockquote,ul,ol,dl,table {margin-bottom:15px;line-height:15px;} /* to keep the 15px vertical rhythm going */
.required {color:#5F0000;}
/*****************************
*	End: Typography
*****************************/

/********************************************************************
*	Start: Grids
********************************************************************/
/* Make sure to clear your floats, this does not use the .clearFix method */
.grid {margin:0 !important;padding:0 !important;border-left:0 !important;border-right:0 !important;float:left;_zoom:1;_height:1%;}
.grid1of1{float:none;}
.grid1of2{width:49.999999%;}
.grid1of3{width:33.333333%;}
.grid2of3{width:66.666666%;}
.grid1of4{width:24.999999%;}
.grid3of4{width:74.999999%;}
.grid1of5{width:19.999999%;}
.grid2of5{width:39.999999%;}
.grid3of5{width:59.999999%;}
.grid4of5{width:79.999999%;}
.grid-content {padding:0 5px;}
.grid-content > .grid:first-child > .grid-content
.grid-content > .grid-first > .grid-content {padding-left:0;}
.grid-content > .grid:last-child > .grid-content
.grid-content > .grid-last > .grid-content {padding-right:0;}
/*****************************
*	End: Grids
*****************************/

/********************************************************************
*	Start: Utils
********************************************************************/
.float-left {float:left;}
.float-right {float:right;}
img.float-left {margin:0 5px 5px 0;}
img.float-right {margin:0 0 5px 5px;}
.clear {clear:both}
span.clear {clear:both;height:0;line-height:1%;display:block;visibility:hidden;overflow:hidden;}
.align-left {text-align:left;}
.align-right {text-align:right;}
.align-center {text-align:center;}
.align-justify {text-align:justify;}
/*****************************
*	End: Utils
*****************************/


/* Get base CSS */
@import url('../hybrid/library/css/18px.css');
/* Get drop-downs CSS */
@import url('../hybrid/library/css/drop-downs.css');

body {padding-bottom:50px;color:white}
a {color: #B5CFCB;text-decoration: none;}
a:visited {color: #B5CFCB;}
a:hover, a:active {color: #B5CFCB;text-decoration: underline;}
h1,h2,h3,h4,h5,h6 {margin-bottom:10px;line-height:1.2em;text-shadow:3px -3px 4px rgba(0,0,0,.5);}
h1,h2,h3,h4,h5,h6,
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:bold;color:rgb(180, 210, 200);}
p {}
hr {color:rgb(145, 145, 145);border:0;border-top:1px dotted rgb(145, 145, 145);}
em,i {font-style:italic}
b,strong {font-weight:bold}

body {
	text-align:center;
	background:url('images/body_bg.jpg') repeat-x top center rgb(0,13,13);
	color:#fff;
}

#body-container {
	width:799px;
	margin:auto;
	position:relative;
	text-align:left;
}

#header {
	height:130px;
	background:url('images/header_bg.jpg') no-repeat top center;
	position:relative;
	margin:0;
}
	#LogoLinkHome {
		display:block;
		height:130px;
		width:180px;
		position:absolute;
		top:0;
		left:50%;
		margin-left:-90px;
		border:0;
	}
	#UserNav p {
		text-align:right;
		padding-top:5px;
		padding-right:10px;
	}
#container {
	width:759px;
	min-height:225px;
	position:relative;
	z-index:10;
	padding:35px 10px 10px 10px;
	margin:auto;
	font-size:1.1em;
	background:url('images/content_bg.jpg') #717777 no-repeat top left;
}

#footer {
	width:779px;
	height:57px;
	margin:auto;
	clear:both;
	position:relative;
	z-index:5;
	background:url('images/footer_bg.jpg') no-repeat top left;
	font-style: normal;
	color: #bbb;
}
#footer p {
	margin:0
}

#footer .copyright {
	margin-right: 0;
	position:absolute;
	bottom:10px;
	left:60px;
}

#footer p.contact{
	text-align:right;
	position:absolute;
	bottom:5px;
	right:10px;
	z-index:5;
}

.footerImage{
	padding-bottom:150px;
}
img.flushRight {
	float:right;
	position:relative;
	right:-15px;
}
img.flushBottom {
	position:absolute;
	bottom:-7px;
	right:0;
}

.clear {
	clear:both;
}

.breadcrumbs {margin-top:-30px !important;margin-left:30px !important;color:#ccc;text-shadow:3px 3px 3px rgba(0,0,0,.75);}

#site-title,
#site-title a {color:rgb(180, 210, 200);}

/**
 * Dropdowns Stylesheet
 * Sets up some default dropdown menu styles
 * Style rules for both the page and category menus
 *
 * @since 0.5
 * @package Hybrid
 * @subpackage CSS
 */

#navigation {overflow: visible;height: 25px;margin: 0 0 10px 0;z-index: 100;position:absolute;top:60px;left:490px;}
.menu ul {position: absolute;top: -999em;width: 10em;}
/* Default page menu styles */
#navigation div {display:inline;}
#navigation ul {display:inline;margin: 0;padding: 0;list-style: none;}
#navigation ul {line-height: 1.0;}
#navigation li li {margin-right: 0;}
#navigation ul ul li {width: 100%;}
#navigation li:hover {visibility: inherit;}
#navigation li {float: left;position: relative;margin:0 5px;}
#navigation a {display: block;position: relative;padding:0 5px 3px 5px;line-height: 25px;color: #ddd;background: #363636;background: rgba(0,0,0,.15);border: 1px solid #777;border-right-color: #333;border-bottom-color: #333;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
#navigation .current-cat a,
#navigation a:hover {text-decoration:none;color: #fff;background: #333;background: rgba(0,0,0,.25);border: 1px solid #333;border-right-color: #666;border-bottom-color: #777;}
#navigation li:hover ul, li.sfHover ul {left: 0;top: 2em;z-index: 99;}
#navigation li:hover li ul, li.sfHover li ul {top: -999em;}
#navigation li li:hover ul, li li.sfHover ul {left: 10em;top: 0;}
#navigation li li:hover li ul, li li.sfHover li ul {top: -999em;}
#navigation li li li:hover ul, li li li.sfHover ul {left: 10em;top: 0;}
#navigation li {list-style:none;}
/* Drop-downs style */
#navigation li:hover ul, li.sfHover ul {top: 32px;}
#navigation li li a {border-top: none;margin-right: 0;}
#navigation li ul {background: #fff;border-top: 1px solid #ccc;}
#navigation li li:hover ul, li li.sfHover ul , #navigation li li li:hover ul, li li li.sfHover ul  {top: -1px;}
#navigation li li li {margin-left: -1px;}
.navigation-links .previous {margin-right:15px;}
/* Images */
.post img {max-width: 100%;padding: 5px;border: 1px solid;}
.thumbnail {float: left;width: 100px;height: 100px;margin: 5px 15px 0 0;}
/* Captions [caption] */
.wp-caption {margin-top: 6px;padding: 6px 1px 0 1px;border: 1px solid;text-align: center;}
.wp-caption .wp-caption-text {margin: 0;padding: 0 5px;text-align: right;font-size: .9em;font-style: italic;}
.wp-caption img {max-width: 100%;margin: 0 auto;padding: 0;border: 1px solid;}
/* Gallery [gallery] */
.gallery img {border: 1px solid ;max-width: 100%;}
/* Avatars */
.avatar {display:none;width: 50px;height: 50px;margin: 0 10px 0 0;padding: 2px;border: 1px solid #666;}

.category-info,.breadcrumb {margin: 0 0 10px 0;}
.post {margin-bottom:20px;}
.byline,.entry,.entry-meta {margin:0 0 5px 0;}
.entry-meta {margin:10px 0 5px 0;}
.byline {margin:-12px 0 10px 0;}
.byline,.entry-meta {font-style: italic;font-size: 11px;color: #b3b3b3;}
.content {width:auto !important;padding:0;}
#respond {margin:10px 0 5px 0;}
#respond p {margin-bottom:5px;}
#respond .comments-header {font-size:18px;}
#respond label {display:inline-block;width:75px;}
#respond input,#respond textarea {background:#ddd;border:4px double #777;padding:3px 2px;}
#respond textarea {display:block;height:100px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}

#container > :last-child,
.content > :last-child,
.post > :last-child,
.entry > :last-child,
.aside > :last-child {margin-bottom:0 !important;}

.aside {margin-bottom:5px;}
.aside {float:right;width:29.99999%;clear:right;}
.primary-active .content,
.secondary-active .content {width: 69.99999% !important;}
#secondary {padding-bottom:150px;}

.entry-title {color:rgb(180, 210, 200);margin-bottom:5ox;line-height:1.1em;}
.entry-title a {color:rgb(180, 210, 200);}
.category-title,
.category-title a {color:#aaa;}

.button, .submit, .reset {cursor: pointer;	width: 100px;	margin-right: 6px;	padding: 5px 6px;	border: 1px solid #555;	border-radius:5px;	-moz-border-radius:5px;	-webkit-border-radius:5px;	}
.button:hover, .submit:hover, .reset:hover {border: 1px solid #333;color:#222;}


/* Widgets */
.widget {overflow: hidden;margin: 0 0 5px 0;}
.widget ul {margin-left:0;}
.widget li {list-style:none;}
.widget-cat_posts .widget-title {}
/* Widget titles */
.widget-title,
.widget-title a {font-size: 18px;	font-weight: normal;	font-style: italic;color:#aaa;margin-bottom:5px;text-decoration:none;}
.current_page_item a {font-weight:bold;}
/* Utility widget areas */
#utility-before-content, #utility-after-content, #utility-after-page, #utility-after-single {	margin: 0 0 21px 0;	padding: 20px 20px 0 20px;	border: 1px solid;}
/* Comments template */
#comments-template {}
/* Comment headers */
.comments-header {font-size: 1.2em;}
/* Comments are closed */
.comments-closed {font-style: italic;}
/* Comment list */
#comments-template ol {	list-style: none;	margin: 0 0 21px 0;	}
#comments li, #comments li li li, #comments li li li li li {overflow: hidden;	margin: 0 0 15px 0;padding: 0 0 15px 15px;}
#comments li li, #comments li li li li {}
/* Avatar */
#comments-template .avatar {width: 40px;	height: 40px;	float: left;	margin-right: 15px;	padding: 0;	border: 1px solid;}
/* Comment meta data */
.comment-meta-data {margin: 10px 0 21px 0;	font-size: 13px;}
.comment-author {font-size: 15px;}
.comment-reply-link, .permalink, .comment-edit-link {font-style: italic;}
/* Comment text */
.comment-text {	clear: left;	margin: 0 15px;	}



/**
 * Plugins Stylesheet
 * Sets up default styles for  the support plugins
 *
 * @since 0.3
 * @package Hybrid
 * @subpackage CSS
 */
/* WP PageNavi (plugin) */
.wp-pagenavi .pages {margin: 2px 3px 2px 0;font-style: italic;}
.wp-pagenavi .current {margin: 2px;padding: 1px 6px;font-weight: bold;}
.wp-pagenavi .extend {margin: 2px;}
.wp-pagenavi a {margin: 0 2px;padding: 1px 6px;font-style: italic;border: 1px solid #ccc;}
/* WP Email */
.WP-EmailIcon {padding: 0;margin: 0;border: none;}
/* Comment License */
.comment_license {font-style: italic;}
/* WP Stats */
img#wpstats {overflow: hidden !important;width: 0 !important;height: 0 !important;padding: 0 !important;margin: 0 !important;}
/* Easy Contact */
.contact-form {margin-bottom: 21px;}
.contact-form legend {display: none;}
.contact-form .form-input input {display: block;margin-bottom: 6px;padding: 3px 6px;width: 300px;}
.contact-form label {font-size: .9em;}
.contact-form textarea {width: 97%;margin-bottom: 6px;padding: 6px;}
.contact-form .form-option {margin-bottom: 6px;}
.contact-form .button {width: 100px;margin-right: 9px;padding: 6px 9px;}
.contact-form .button:hover {cursor: pointer;}