/*-------------------------------------------------------------------------
Main Style Sheet

version:	1.0
author: 	Brian Gardel
contact:	www.advdigitalconsulting.com
-------------------------------------------------------------------------*/

/* Project: Vanatta Outfitters
URL: www.vanattaoutfitter.com
Date: April 2009
Author: Advanced Digital Consulting
Author URL: http://www.advdigitalconsulting.com */

/**************************************
  Override default styling rules
**************************************/
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

:link, :visited { text-decoration: none; }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; }
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {	margin: 0; padding:0; }
a img, :link img, :visited img { border: none; }
h1, h2, h3, h4 { font-size: 100%; }
/*img, fieldset { display: block; border: none; }*/
/* removes red dot in FF */
a:focus, a:hover, a:active { outline: none; }


/**************************************
  Default rules
**************************************/
/* Transparency method used for IE6 - js/unitpngfix.js */

a, a:link {
	color: #4a78ff;
	text-decoration: none;
}
a:visited {
	color: #4a78ff;
}
a:visited:hover {
	color: #03c;
}
a:hover, a:active {
	color: #03c;
}

h1 {
	margin-bottom: 1em;
	/*margin-top: 1.5em;*/
	font-size: 150%;	
}
h2 {
	margin: 1.25em 0 .75em 0;
	font-size: 120%;	
}
h2 a:link	{
	text-decoration: none;
}
h2.following_h1 {
	margin-top:0;
}
p {
	margin-bottom: 1em;
}
ul {
	padding: 0px 0px 20px 50px;
	list-style-type: disc;
}



/**************************************
  Header rules
**************************************/
#header {
	clear: both;
	padding: 10px 0 0 0;
}
#logo {
	background: url(/images/logo.jpg) no-repeat;
	height: 165px;
	width: 350px;
	float: left;
	cursor:hand;
}
.banner-main	{
	/*background: url(/images/placeholder_banner.jpg) no-repeat;*/
	height: 90px;
	width: 468px;
	float: right;
	margin-top: 20px;
	margin-right: 30px;
	border: 10px solid #333;
}


/**************************************
  Navigation rules
**************************************/
#nav_toptier	{
	background: #815220;
	height: 20px;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
	clear: both;
	z-index: 1;
}


/**************************************
  Overall layout rules
**************************************/
body {
	margin: 0; /* t/b, l/r */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 145%;
	color: #fff;
	background: #ccc url(/images/dscamo-pattern_400.jpg) repeat;
}
#wrapper {
	margin: 0 auto;
	width: 880px;
	color: #fff;
	background: #000;
	padding: 0 30px 0 30px;
	margin-top: 25px;
	margin-bottom: 25px;
}
#content #right-column	{
	width: 220px;
	float: right;
	padding-left:10px;
}
#content #left-column	{
	width: 620px;
	padding: 0 20px 0 0px;
	border-right: 2px solid #FFF;
}


#home_content #right-column	{
	width: 220px;
	float: right;
	padding-left:10px;
}
#home_content #middle-column	{
	width: 260px;
	padding: 0 10px 0 10px;
	float: right;
	border-right: 2px solid #FFF;
	border-left: 2px solid #FFF;
}
#home_content #middle-column .icon	{
	margin-top: 10px;
}
#home_content #left-column	{
	width: 350px;
	line-height: 145%;
	font-size: 90%;
}

/************************************************
  Content rules
************************************************/
#page_banner-placeholder	{
	background: url(/images/placeholder_pagebanner.jpg) no-repeat;
	height: 140px;
	width: 880px;
	border-bottom: 8px solid #815220;
	margin-bottom: 15px;
}
#page-title_image-placeholder	{
	background: url(/images/placeholder_pagebanner-title.jpg) no-repeat;
	height: 255px;
	margin-bottom: 15px;
}


#page_banner-home	{
	/*background: url(/images/placeholder_pagebanner_home.jpg) no-repeat;*/
	height: 355px;
	width: 880px;
	border-bottom: 8px solid #815220;
	margin-bottom: 15px;
	z-index: 3;
}
#page_banner-about-us	{
	background: url(/images/pagebanner_about-us.jpg) no-repeat;
	height: 140px;
	width: 880px;
	border-bottom: 8px solid #815220;
	margin-bottom: 15px;
}
#page_banner-the-hunt	{
	background: url(/images/pagebanner_the-hunt.jpg) no-repeat;
	height: 140px;
	width: 880px;
	border-bottom: 8px solid #815220;
	margin-bottom: 15px;
}
#page_banner-trophy-hunts	{
	background: url(/images/pagebanner_trophy-hunts.jpg) no-repeat;
	height: 140px;
	width: 880px;
	border-bottom: 8px solid #815220;
	margin-bottom: 15px;
}
#page_banner-contact-us	{
	background: url(/images/pagebanner_contact-us.jpg) no-repeat;
	height: 140px;
	width: 880px;
	border-bottom: 8px solid #815220;
	margin-bottom: 15px;
}


#page_banner-blog	{
	background: url(/images/pagebanner_blog.jpg) no-repeat;
	height: 140px;
	width: 880px;
	border-bottom: 8px solid #815220;
	margin-bottom: 15px;
}


#page-title_image-about-us	{
	background: url(/images/headers_about-us.gif) no-repeat;
	height: 69px;
	margin-bottom: 10px;
}
#page-title_image-the-hunt	{
	background: url(/images/headers_the-hunt.gif) no-repeat;
	height: 71px;
	margin-bottom: 10px;
}
#page-title_image-trip-planning	{
	background: url(/images/headers_trip-planning.gif) no-repeat;
	height: 85px;
	margin-bottom: 10px;
}
#page-title_image-after-the-harvest	{
	background: url(/images/headers_after-the-harvest.gif) no-repeat;
	height: 88px;
	margin-bottom: 10px;
}
#page-title_image-faq	{
	background: url(/images/headers_faq.gif) no-repeat;
	height: 81px;
	margin-bottom: 10px;
}
#page-title_image-videos	{
	background: url(/images/headers_videos.gif) no-repeat;
	height: 65px;
	margin-bottom: 10px;
}
#page-title_image-gear-guide	{
	background: url(/images/headers_guide-gear.gif) no-repeat;
	height: 70px;
	margin-bottom: 10px;
}
#page-title_image-videos	{
	background: url(/images/headers_videos.gif) no-repeat;
	height: 70px;
	margin-bottom: 10px;
}
#page-title_image-trophy-hunts	{
	background: url(/images/headers_trophy-hunts.gif) no-repeat;
	height: 85px;
	margin-bottom: 10px;
}
#page-title_image-testimonials	{
	background: url(/images/headers_testimonials.gif) no-repeat;
	height: 61px;
	margin-bottom: 10px;
}
#page-title_image-news	{
	background: url(/images/headers_news.gif) no-repeat;
	height: 78px;
	margin-bottom: 10px;
}
#page-title_image-contact-us	{
	background: url(/images/headers_contact-us.gif) no-repeat;
	height: 67px;
	margin-bottom: 10px;
}
#page-title_image-meet-the-guides	{
	background: url(/images/headers_meet_the_guides.jpg) no-repeat;
	height: 57px;
	margin-bottom: 10px;
}
#page-title_image-area-info	{
	background: url(/images/headers_area_info.jpg) no-repeat;
	height: 75px;
	margin-bottom: 10px;
}
#page-title_image-book-your-hunt	{
	background: url(/images/headers_booking_your_hunt.jpg) no-repeat;
	height: 75px;
	margin-bottom: 10px;
}
#page-title_image-gear-review	{
	background: url(/images/headers_gear_review.jpg) no-repeat;
	height: 75px;
	margin-bottom: 10px;
}
#page-title_image-trophy-units	{
	background: url(/images/headers_trophy_units.jpg) no-repeat;
	height: 75px;
	margin-bottom: 10px;
}
#page-title_image-media-gallery	{
	background: url(/images/headers_media_gallery.jpg) no-repeat;
	height: 75px;
	margin-bottom: 10px;
}
#page-title_image-videos	{
	background: url(/images/headers_videos.jpg) no-repeat;
	height: 55px;
	margin-bottom: 10px;
}
#page-title_image-mercantile	{
	background: url(/images/headers_the_mercantile.jpg) no-repeat;
	height: 60px;
	margin-bottom: 10px;
}



.weather_info	{
	float: left;
	padding: 5px 5px 5px 10px;
	text-align: center;
	line-height: 180%;
}
.weather_info .day	{
	font-weight: bold;
	color: #999;
	font-size: 13px;
	text-align: center;
}
.weather_info .hi	{
	font-weight: bold;
	color: #FF0;
	font-size: 15px;
}
.weather_info .low	{
	font-weight: bold;
	color: #06C;
	font-size: 12px;
}

.seperator	{
	padding-top: 20px;
	border-bottom: 1px solid #FFF;
	width: 80%;
	margin: 10px auto;
	clear: both;
}



/**************************************
  Footer rules
**************************************/
#footer {
	clear: both;
	padding: 20px 25px 10px 0;
	color: #999;
	background: transparent;
	font-size: 80%;
	text-align: center;
}
#footer a, #footer a:link, #footer a:hover, #footer a:active, #footer a:visited {
	color: #999;
}
#footer .link	{
	color: #F90;
	text-decoration:underline;
}


/************************************************
  Miscellaneous rules
************************************************/
.img_left {
	float: right;
	padding: 5px 0 13px 13px;
}
.clear {
	clear: both;
}
.center {
	text-align: center;
}



/************************************************
  Wordpress rules
************************************************/
/* 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 {
	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 */