/*  
Theme Name: Wapiti Ridge Outfitters
Theme URL: http://www.wapitiridgeoutfitters.com/
Description: A theme from the pros at Marketing By Design
Version: 1.0
Author: Marketing By Design
Author URL: http://www.utahmbd.com/ 
*/
/* CSS Document */

*{margin:0; padding:0;}
ul{list-style:none;}
body{  font-family:Tahoma; font-size:11px; line-height:15px; color:#000000; background:#4d2e1a url('images/body_bg.jpg') 0 0 repeat;}
img { border:0;}

table, td {border-collapse:collapse;}
table, td, img {border:0;}
td, tr {vertical-align:top; text-align:left;}

/***forms*******************************************/

input, textarea{font-family:Tahoma; font-size:11px; color:#000000; vertical-align:middle; font-weight:normal; text-align:left;}
.searching {width:153px; height:auto; color:#000000; height:18px; margin-right:6px; border: solid 1px #404040;}
.column_center input, .column_center textarea { margin:3px 0 3px 10px;}

/***end forms*******************************************/


.min_width {width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 766)? "766px" : "100%"); min-width:766px;}
.main {width:766px; margin:auto; background:url('images/page_bg4.png') 5px 0 repeat-y; padding:0 22px;}

a {color:#292727; text-decoration:underline;}
a:hover{text-decoration:none;}
 
h1 { font-size:3.273em; color:#ffffff; text-transform:uppercase; font-weight:bold; font-family:arial; line-height:1.01em; width:auto;}
h1 a  {color:#ffffff; text-decoration:none;}
h1 a strong {color:#ffe9ad;}
h2{ font-size:1.091em; color:#000000;}
h3 { color:#000000; font-weight:bold; text-transform:uppercase; font-size:1.01em; line-height:1.18em; padding-right:140px;}
h3 a {color:#000000; font-size:1.6em; line-height:1.01em; text-decoration:none;}
h3 a:hover {text-decoration:underline;}
.pagetitle { padding:10px 0 0 6px; font-size:2.2em; color:#fff; line-height:1.2em;}
.center { padding:0 0 10px 0;}

/***global*******************************************/

/* 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 37px;display: inline;}
img.alignleft {padding: 4px;margin: 0 37px 2px 0;display: inline;}

.alignright {float: right;}
.alignleft {float: left}

/* End Images */


ul { margin:0;}
.float{float:left; margin:0 20px 0 0;}
.col{float:left;}
.side_bar { float:left; width:278px; margin:0 -278px 0 0; position:relative;}
.column_center{float:left; width:100%;}
.indent_center { padding:0 0 0 0; margin:0 0 0 278px;}
.clear{clear:both;}
.w100 { width:100%;}
.h100 { height:100%;}
.in5 { padding-bottom:5px;}
.in10 { padding-bottom:10px;}
.in15 { padding-bottom:15px;}
.in20 { padding-bottom:20px;}

/***global*******************************************/

.contentwrapper{background:url('images/content_bg_tile3.png') 0 0 repeat; }
.content {background:url('images/content_bg4_over.png') 0 0 repeat-x; padding:3px 0 40px 0;}
.content .inner{background:url('images/content_bg_tile.png') 0 0 repeat; padding:3px 0 0 0; margin:20px 0 0 0; border-bottom:0px solid #725941;}
.content .indent { padding:0 20px 0 0;}
.navigation {padding:20px 0 20px 0;}
.floatleftmenu{clear:both; float:left;width:100%; text-align:center;}

/***box*******************************************/

.left_top{ background:url(images/left_top.gif) left top no-repeat;}
.right_top{ background:url(images/right_top.gif) right top no-repeat;}
.left_bot{ background:url(images/left_bot.gif) left bottom no-repeat;}
.right_bot{ background:url(images/right_bot.gif) right bottom no-repeat; width:100%;}

.side_left{ background:url(images/side_left.gif) left top repeat-y #FFFFFF; margin:0 24px 0 0;}
.side_right{ background:url(images/side_right.gif) right top repeat-y;}
.side_top{ background:url(images/side_top.gif) left top repeat-x;}
.side_bot{ background:url(images/side_bot.gif) left bottom repeat-x;}

/***box*******************************************/


/***header*******************************************/

#header {width:100%; background:url('images/logo2.png') 50% -5px no-repeat; height:auto; border:0px solid #F00;}
#header .picture { border:1px solid #211309; text-align:center; font-weight:bold; margin:10px 0 0 0;}
#header .header_title{background:url('images/header_title.png') 50% 100% no-repeat; padding-top:126px; height:30px; border:0px;}
#header span  { font-size:1.091em; line-height:1.45em; color:#f7e9d4; text-decoration:none; font-family:arial; margin-left:21px;}
#header .shelf{width:100%; height:16px; background:url('images/shelf.png') 0 0 no-repeat;}

#video {padding:5px 0;}

#menuholder{width:100%; padding:5px 0 0 0; border:0px solid #9F0; background:url('images/headermenu_bg.gif') 2px 100% no-repeat; font-weight:bold;}
#menuholder .searchbox{padding:0 0 0 20px; float:left; height:50px; width:250px; border:0px solid #093;}

#menuholder .menu{float:right; border:0px solid #F00; width:472px; padding:0 0 10px 0; text-transform:uppercase;}
#menuholder .menu  ul { padding:0 0 0 0; margin:0 auto; }
#menuholder .menu  li { float:left;list-style-type:none; padding:0 6px;background:url('images/menu_divider.gif') 100% 75% no-repeat;}
#menuholder .menu  li.current,#menuholder .menu  li.section { }
#menuholder .menu  a { display:block; font-weight:bold; padding:4px 0 0 0; color:#000000; text-decoration:none;}
#menuholder .menu  a:hover { text-decoration:none; color:#e7dc90; }
#menuholder .menu .last{ border-right:0; }
#menuholder .menu  li.active a,#menuholder .menu  li.section a { color:#e7dc90; }
#menuholder .menu  li.current_page_item a{color:#e7dc90; } 


/***end header*******************************************/


/***side_bar*******************************************/

.side_bar .inside{ padding:20px 20px;}

/**********************************************/

.children { margin:0 0 0 10px;}
.indentX p { padding:0 0 10px 0;}
.widget_style { margin:0 0 0 0; padding:0 0 30px 0;}
.widget_style h2 {font-size:1.091em; line-height:1.27em; color:#000000; font-weight:bold; text-transform:uppercase; padding:0 0 12px 20px; background:url('images/h2_bg.png') no-repeat 0 6px; position:relative;}
.widget_style h2 a {color:#FFFFFF; text-decoration:none;}
.widget_style h2 a:hover {text-decoration:none;}

.widget_style ul { margin:0 0 0 26px;}
.widget_style li { font-size:1.01em; line-height:1.45em; color:#000000;}
.widget_style li a { font-size:1.01em; line-height:1.45em; color:#000000; text-decoration:none; background:url('images/arr.gif') no-repeat 0px 4px; padding:0 0 0 15px;}
.widget_style li a:hover { text-decoration:underline;}

/**********************************************/


#links_with_style ul {margin:0 0 0 0; background:none;}
#links_with_style ul ul h2{ margin:0 0 0 0; background:none;}
#links_with_style ul li h2 {font-size:1.091em; line-height:1.27em; color:#000000; font-weight:bold; text-transform:uppercase; padding:0 0 12px 20px; background:url('images/h2_bg.png') no-repeat 0 6px; list-style:none; margin:0 0 0 0;}
#links_with_style ul li ul { margin:0 0 0 26px;}
#links_with_style ul li ul li { font-size:1.01em; color:#000000;  padding:0 0 0 0;}
#links_with_style ul li ul li a{padding:0 0 0 17px;}

/**********************************************/

#calendar_wrap {vertical-align:top; width:auto; margin:auto;padding:13px 70px 0px 0;}
#calendar_wrap caption { color:#000000; font-weight:bold; font-size:1.01em;}
#calendar_wrap td {width:25px; text-align:right; color:#000000; font-size:1.11em;}
#calendar_wrap td a {color:#000000;}
#calendar_wrap th { color:#000000; text-align:right;}
#calendar_wrap a {font-weight:bold;}

/**********************************************/

#tag_cloud a{ color:#000000; line-height:1.01em; text-decoration:none;}
#tag_cloud a:hover{ text-decoration:underline;}

.post { padding:0 0 20px 0;}
.post h3{ padding:0 0 5px 0;}

/**********************************************/

#statusbar {text-align:left; color:#fff;}
#statusbar p {padding:0px 20px 20px 0;}
#statusbar a {font-weight:bold; color:#fff;}

/***end side_bar*******************************************/


/***column_center*******************************************/

.title { padding:6px 5px; border-bottom:1px solid #85735b;}
.title span { color:#828a8f;  font-size:1.01em; line-height:1.18em;}
.title .date { font-size:1.273em; line-height:1.09em; color:#85735b; font-weight:bold; float:right; font-family:tahoma; padding:0 0 2px 16px; margin-top:-3px;}
.title .info {float:left;}
.text_box { font-size:1.01em; line-height:1.455em; padding:28px 20px 12px 10px;}
.text_box p { margin-bottom:15px;}
.images {width:100%; overflow:hidden;}
.images li {float:left;}
.text_box .col-1 {width:241px; float:left;}
.text_box .col-2 {width:194px; float:left;}
.text_box li {background:url('images/arr_2.gif') no-repeat 0 8px; padding-left:13px;}
.text_box li a {line-height:1.818em;}
.text_box .img {margin:-10px 4px 17px 0;}
.text_box .img1 {margin:-10px 4px 17px -10px; position:relative;}
.text_box .img2 {margin:-10px 0 17px 0;}

.comments {color:#000000; font-size:1.01em; font-weight:bold; line-height:1.9em; padding:10px 40px 30px 20px; text-align:right; background:url('images/content_line.gif') bottom left repeat-x;}
.comments a { background:url('images/arr_1.gif') 0 4px no-repeat; padding:0 0 0 8px; text-transform:uppercase; text-decoration:underline; color:#005838; font-size:1.01em; line-height:1.9em;}
.comments a:hover{text-decoration:none;}

/***end column_center*******************************************/



/*************************************/

#recent-posts  {vertical-align:top;}
.widget_style#recent-comments li a {background:none;}
#calendar {vertical-align:top;}
#google-search  {vertical-align:top;}
#gsearch {text-align:left;}
#pages  {vertical-align:top;}
#text-1 {vertical-align:top;}
#delicious {vertical-align:top;}
#delicious-box {text-align:left;}

/*************************************/

.textwidget {padding:13px 0px 0px 0px;}

.oddcomment{color:#FF0000;}

/***footer*******************************************/

.floatbottommenu{clear:both; margin:auto; width:700px; text-align:center; color:#000;}
.floatbottommenu li{float:left;padding:0 10px; height:49px; }

#footer {font-size:1.01em; line-height:1.636em; color:#828a8f; padding:10px 0 20px 0; margin:0 auto; background:url('images/content_bg_tile4.png') 0 0 repeat;  width:766px;}
#footer a{ color:#000000;}
#footer li{float:left;list-style-type:none; padding:0 6px 3px 6px; height:24px;}

/***end footer*******************************************/