/*
Theme Name: Zoot Shooters
Theme URI: http://wordpress.org/
Description: The default WordPress theme for Zoot Shooters
Version: 1.0
Author: Bret Glassett - POST_interaktive
Author URI: http://www.bretglassett.com // http://www.post-interaktive.com

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

/*************************************************************
 
 Reset 

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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/*************************************************************
 
 CSS

 NOTES:
 
 -Author: Bret Glassett
          Post_
          post-interaktive.com
          
          -------------------------
          
          COLOR GUIDE:
          
          #333131 - gray
          #8d2517 - red (links)
          #333131 - dark gray (text)
          #342f2f - dark gray (header bg)
          #7f7a68 - light gray (lines)
          #68645e - medium gray (caption)  
 
 		  FONT GUIDE
 		  
 		  SAN SERIF - Futura, Century Gothic, AppleGothic, sans-serif
 		  SERIF - Georgia, Times, Times New Roman, serif
 		  

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

/**********************************
 
 GLOBAL
 
***********************************/

html, body {
	background: url(images/bg.jpg) repeat;
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
	height: 100%;
	min-height: 100%;
}

	*:first-child+html html,body {
		cursor: default;
	}

a:active, a:focus, a:hover {
	outline: none;
}

a {
	text-decoration: none;
	color: #8d2517;
	font-weight: bold;
}

a:hover {
	text-decoration: none;
	color: #8a8873;
}

.active a {
	color: #8a8873;
}

.more {
	text-transform: uppercase;
	background: url(images/bg_more.png) no-repeat bottom;
	margin-bottom: 10px;
	float: right;
}

.more a {
	font-size: 90%;
}

.more-link {
	text-transform: uppercase;
	background: url(images/bg_more.png) no-repeat bottom;
	margin-bottom: 10px;
	padding-bottom: 4px;
	float: right;
}

.more-link a {
	font-size: 90%;
}

.more-link2 {
	text-transform: uppercase;
	background: url(images/bg_more.png) no-repeat bottom;
	margin-bottom: 10px;
	padding-bottom: 8px;
	float: right;
}

.more-link2 a {
	font-size: 90%;
}

img {
	border: 0;
	display: block;
}

/****************
 
 Font Styles
 
*****************/

h1  { /*Index Page About Snippit*/
	font-family: Georgia, Times, Times New Roman, serif;
	font-weight: bold;
	font-size: 130%;
	line-height: 140%;
	color: #333131;
	margin: 0 0 10px 0;
	padding-bottom: 10px;
	border-bottom: 3px dotted; 
}

h2 { /*white header in front of gray bg*/
	color: white;
	font-size: 38px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 2px;
	font-family: Futura, Century Gothic, AppleGothic, sans-serif;
	margin-top: 5px;
}

h3 { /*smaller red title - sidebar*/
	font-family: Futura, Century Gothic, AppleGothic, sans-serif;
	font-size: 120%;
	text-transform: uppercase;
	color: #8d2517;
	padding: 0 0 15px 0;
}

h4 { /*gray sub title - sidebar*/
	font-family:Georgia,Times,Times New Roman,serif;
	padding: 0 0 20px 0;
	color: #333131;
	text-transform: uppercase;
	font-weight: bold;
}

h5 { /*blog post title*/
	font-family: Futura, Century Gothic, AppleGothic, sans-serif;
	font-size: 140%;
	text-transform: uppercase;
	color: #8d2517;
	padding: 0 0 5px 0;
	text-align: center;
}

h6 { /*inside content*/
	font-family: Futura, Century Gothic, AppleGothic, sans-serif;
	font-size: 100%;
	text-transform: uppercase;
	margin: 25px 0 10px 0;
	color: #342f2f;
}

p {
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; 
	font-size: 90%;
	color: #333131;
	line-height: 170%;
	margin-bottom: 15px;
}

p.first_letter:first-letter {
	float: left;
	font-size: 55px;
	margin:7px 10px 5px 0;
	line-height: .7em;
}

	* html p.first_letter:first-letter {
		line-height: .5em; /* Adjustment for IE. Otherwise it doesn't line up correctly */
		padding-right: 0.10em;
	}
	
	*:first-child+html p.first_letter:first-letter {
		line-height: .8em; /* Adjustment for IE. Otherwise it doesn't line up correctly */
		padding-right: 0.10em;
	}

p.first_line:first-line {
	font-weight: bold;
}

#mainWrapInner ul {
	margin: 10px 0 30px 50px;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; 
	font-size: 90%;
	color: #333131;
	font-weight: normal;
	line-height: 170%;
}

	*:first-child+html #mainWrapInner ul {
		margin-top: 20px;
	}

#mainWrapInner li {
	margin-bottom: 5px;
	list-style-image: url(images/bullet.png);
}

	* html #mainWrapInner li {
		list-style-image: none;
		list-style-type: disc;
	}

	*:first-child+html #mainWrapInner li {
		line-height: 50%;
		padding-bottom: 10px;
	}


/**********************************
 
 WRAPS
 
***********************************/

#wrap {
	left:0;
	top:0;
	width:100%;
}

#wrapSite {
	background: url(images/bg_gun.png) top no-repeat;
	position:absolute;
	left:50%;
	width:1986px;
	margin-left:-1125px;
	min-height: 100%;
}

#wrapSiteInner {
	width: 1004px;
	margin-left: 620px;
}

#wrapSiteInner2 { /*Outer Container*/
	width: 1004px;
	margin: 50px 0 0px 620px;
	background: url(images/bg_04.png) repeat-y;
	padding: 40px 0 0 0;
}

	* html #wrapSiteInner2 {
		position: relative;
		margin: 48px 0 0px 620px;
		z-index: 0;
	}
	
	*:first-child+html #wrapSiteInner2 { 
		margin: 48px 0 0px 620px;
	}

/**********************************
 
 HEADER & NAVIGATION
 
***********************************/

#header img {
	float: left;
}

#navigation a {
	font-size: 125%;
	font-weight: bold;
	font-family: Futura, Century Gothic, AppleGothic, sans-serif;
	text-transform: uppercase;
}

#navigation ul {
	list-style-type: none;
	margin: 0 0 0 10px;
}

#navigation li {
	border-bottom: 2px dotted #7f7a68;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

.subTitle {
	padding-left:15px;
	font-size: 80%;
	font-style: italic;
	color: #333131;
	text-transform: uppercase;
	font-size: 70%;
	font-weight: bold;
}

/**********************************
 
 MAIN
 
***********************************/

#content {
	background: url(images/bg_04.png) repeat-y;
	padding: 0 48px 0 20px;
	width: 937px;
}

#contentInner { /*Inner Container*/
	background: url(images/header_inner_01.png) top no-repeat;
	margin: -90px 0 0px 0;
}

	* html #contentInner { 
		margin: -860px 0 0px 0;
		width: 1004px
	}
	
	*:first-child+html #contentInner { 
		margin: -900px 0 0px 0;
		width: 1004px
	}

#sidebar {
	float: left;
	width: 158px;
}

#sidebarInner {
	float: left;
	width: 158px;
	margin: 0px 0 0 20px;
}

	* html #sidebarInner {
		position: relative;
		margin: 0 0 0 10px;
		z-index: 100;
	}
	
	*:first-child+html #sidebarInner {
		margin: 0px 0 0 10px;
		position: relative;
	}

#mainWrap {
	float: left;
	width: 777px;
}

#mainWrapInner {
	float: left;
	width: 767px;
	margin: -30px 0 0 0; /*Pulls Inner Content Wrap up*/
	padding: 0 0 0 10px;
}

	* html #mainWrapInner {
		margin: 63px 0 0 88px;
		min-height: 400px;
	}
	
	*:first-child+html #mainWrapInner {
		margin: 63px 0 0 174px;
		min-height: 400px;
	}	

.sidebarItem {
	border-bottom: 1px solid #7f7a68;
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
}

/****************
 
 Index Only
 
*****************/

.indexTopImage {
	float: right;
	padding: 0 0 15px 15px;
}

.indexH1 {
	width: 435px;
}

	* html .indexH1 {
		width: 415px;	
	}
	
	*:first-child+html .indexH1 {
		width: 415px;	
	}

#main {
	padding: 0 0 0 20px;
}

#mainTop {
	float: left;
	padding: 0 0 0 10px;
	width: 767px;
}

#mainBottom {
	margin: 10px 0 0 0;
	background: url(images/bg_index_sidebar.png) repeat-y right;
	width: 777px;
}		
	
#indexHeaderWrapLeft { /*blog snippits header*/
	float: left;
	width: 539px;
	background-color: #342f2f;
	margin: 0 0 20px 0;
	padding: 5px 0 5px 10px;
}

	* html #indexHeaderWrapLeft {
		padding: 10px 0 5px 10px;
	}

#indexHeaderWrapRight { /*right sidebar header*/
	float: left;
	width: 218px;
	background-color: #342f2f;
	margin: 0 0 20px 0px;
	padding: 5px 0 5px 10px;
}

	* html #indexHeaderWrapRight {
		padding: 10px 0 5px 10px;
	}

#mainBottomLeft { /*blog snippits */
	float: left;
	width: 530px;
	padding: 0 10px 0 10px;
}

	*:first-child+html #mainBottomLeft {
		width: 520px;
		margin: 0 0 0 10px;
	}

#mainBottomRight { /*right sidebar*/
	float: left;
	width: 205px;
	padding: 0 10px 0 10px;
}

	* html #mainBottomRight {
		margin: 0 0 0 10px;
		width: 195px;
	}

	*:first-child+html #mainBottomRight {
		width: 195px;
		margin: 0 0 0 10px;
	}
	
.post {
	border-bottom: 1px solid #7f7a68;
	margin: 0 0 20px 0;
}

/****************
 
 Inner
 
*****************/

.imgFloatLeft {
	float: left;
	margin: 0px 10px 10px 0;
}

#innerPageSpacer {
	margin: 10px 0 0 0;
}

.imgFloatRight {
	float: right;
	margin: 0 0px 10px 10px;
}

.innerHeader {
	margin-bottom: 0px;
}

	* html .innerHeader {
		margin-bottom: -6px;
	}
	
	* html h2.innerHeader {
		margin-top: 0px;
	}
	
	*:first-child+html h2.innerHeader {
		margin-top: 0px;
	}
	
	*:first-child+html .innerHeader {
		margin-bottom: -6px;
	}

.caption {
	text-align: center;
	font-style: italic;
	font-size: 70%;
	line-height: 120%;
	color: #68645e;
	margin-bottom: 10px;
	width: 280px;
}

.caption p {
	
}

.imageWraperLeft {
	float: left;
	width: 315px;
	padding: 0 10px 0px 0;
}

/****************
 
 Blog
 
*****************/

.date {
	text-align: center;
	font-size: 80%;
	color: #7f7a68;
	margin: 0 0 20px 0;
}

#blog {
	background: url(images/bg_index_sidebar.png) repeat-y right;
	width: 767px;
	padding: 10px 0 0 0;
	min-height: 850px;
}


	* html #blog {
		width: 769px;
		height: 100%;
	}

	*:first-child+html #blog {
		width: 772px;
	}


#blogExcerpts { /*blog excerpts */
	float: left;
	width: 530px;
	padding: 0 10px 0 0px;
}

#blogSidebar { /*right sidebar*/
	float: left;
	width: 205px;
	padding: 0 10px 0 10px;
}

.imageRight {
	float: right;
	margin: 0 0 0px 10px;
}

.postmetadata {
	font-size: 70%;
	float: left;
}

/**** Sidebar ****/

.blogSidebarTitle {
	color: #333131;
}
	*:first-child+html .blogSidebarTitle {
		margin-bottom: 0px;
		padding: 0px;
	}

#mainWrapInner #blogSidebar ul { /*List wrapping sidebar items*/
	margin: 0 0 10px 0px;
	padding: 0px;
	text-transform: uppercase;
}

	*:first-child+html #mainWrapInner #blogSidebar ul {
		margin-top: 10px;
	}

#mainWrapInner #blogSidebar li { /*List wrapping sidebar items*/
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	list-style-image: none;
	list-style: none;
	border-bottom: 1px solid #7f7a68;
}

#mainWrapInner #blogSidebar ul ul { /*Items within list*/
	margin: 0px;
}

#mainWrapInner #blogSidebar li li { /*Items within list*/
	list-style-image:none;
	margin:0;
	padding:0;
	border-bottom: none;
}

	*:first-child+html #mainWrapInner #blogSidebar li li {
		line-height: 16px;
		margin-bottom: 5px;
	} 

	*:first-child+html #mainWrapInner #blogSidebar #tag_cloud-3 {
		display: none;
	}

	*:first-child+html #mainWrapInner #blogSidebar ul li ul {
		margin-top: 20px;
	}
	
	*:first-child+html #mainWrapInner #blogSidebar ul li ul li {
		margin-top: 8px;
	}
	
	*:first-child+html .widget_tag_cloud div{
		margin-top: 15px;
	}


	* html #mainWrapInner h2 {
		margin-top: 0px;
	}

.navigation .alignleft {
	margin-bottom: 10px;
	font-size: 70%;
}

.navigation .alignright {
	margin-bottom: 10px;
	font-size: 70%;
}

#commentform textarea {
	width: 500px;
}

#mainWrapInner .commentlist li {
	list-style-image: none;
	list-style-type: none;
	border: 1px solid #7f7a68;
	margin-bottom: 20px;
	padding: 10px
}

.commentlist {
	border-bottom: 2px dotted #7f7a68;
}

.comment-author {
	margin-bottom: 4px;
}

.comment-meta {
	margin: 10px 0 10px; 
}

/**********************************
 
 CONTACT PAGE
 
***********************************/

#contactLeft {
	float: left;
	width: 290px;
}

#contactMiddle {
	float: left;
	width: 220px;
}

/****************
 
 CONTACT FORM
 
*****************/

#contactLeft input {
	float: left;
	background: #ffffff;
	border: 1px solid #e6e5e5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #342f2f;
	padding: 4px 4px 4px 4px;
	margin: 0px 0px 0px 0px;
	width: 262px;
}

	* html #contactLeft input {
		clear: both;
	}

#contactLeft p {
	float: left;
	font-weight: bold;
	color: #342f2f;
	text-transform: uppercase;
}

#contactLeft textarea {
	float: left;
	background: #ffffff;
	border: 1px solid #e6e5e5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #342f2f;
	padding: 4px 4px 4px 4px;
	width: 262px;
}


.wpcf7-not-valid-tip-no-ajax { /*Required Field MSD*/
	font-family: GillSans, Calibri, Trebuchet, sans-serif;
	font-size: 60%;
	color: #8d2517;
	line-height: 170%;
	padding: 0 0 10px 0;
	font-weight: bold;
	margin: 0px;
	float: left;
}

span.wpcf7-not-valid-tip {
	color: #8d2517;
	font-size: 65%;
	font-style: italic;
} 

.wpcf7-response-output { /*Validation Error MSG*/
	font-family: GillSans, Calibri, Trebuchet, sans-serif;
	font-size: 80%;
	color: #8d2517;
	line-height: 170%;
	padding: 0 0 10px 0;
	font-weight: bold;
	margin: 0px;
	float: left;
}

div.wpcf7-response-output {
	margin: 0;
	padding: 0;
}

div.wpcf7-validation-errors {
	border: 2px solid #8d2517;
}

.additional_description {
	color:#333131;
	font-family:Georgia,Palatino,Palatino Linotype,Times,Times New Roman,serif;
	font-size:80%;
	line-height:170%;
	margin-bottom:15px;
	font-style: italic;
}

/**********************************
 
 FOOTER
 
***********************************/

#footer {
	background: url(images/bg_05.png) no-repeat;
	width: 937px;
	height: 63px;
	padding: 20px 47px 0 20px;
}

#footerInner {
	background: url(images/bg_05.png) no-repeat;
	width: 937px;
	height: 63px;
	margin: 0 0 0 620px;
	padding: 20px 47px 0 20px;
}

#footer p, #footerInner p {
	font-family: Futura, Century Gothic, AppleGothic, sans-serif;
	text-transform: uppercase;
	font-size: 75%;
	font-weight: bold;
}

#footer a, #footerInner a {
	color: #333131;
}

#footer a:hover, #footerInner a:hover {
	color: #7f7a68;
}

.footerLeft {
	float: left;
}

.footerRight {
	float: right;
}

/**********************************
 
 VARIOUS RULES
 
***********************************/

.clear {
	clear: both;
}

a.tagsz-1 { font-size:  8px; }
a.tagsz-2 { font-size: 11px; }
a.tagsz-3 { font-size: 14px; }
a.tagsz-4 { font-size: 17px; }
a.tagsz-5 { font-size: 20px; }