/* 
Theme Name: Smoke Wizard
Theme URI: http://themehybrid.com/themes/skeleton
Description: Proprietary/custom theme for exclusive for smokewizard.com
Author: Jason Pim
Author URI: http://www.sharkinetics.com
Version: beta
Tags: Framework
Template: hybrid
*/

/**
* Import pre-made styles from Hybrid
************************************************/

/* Eric Meyer's reset.css 
	 @import url('../hybrid/library/css/reset.css'); */

/* 18px, 20px, 21px, 22px, or 25px margins and line-height (don't use reset.css with these) */
	 @import url('../hybrid/library/css/18px.css'); 
	/* @import url('../hybrid/library/css/20px.css'); */
	/* @import url('../hybrid/library/css/21px.css'); */
	/* @import url('../hybrid/library/css/22px.css'); */
	/* @import url('../hybrid/library/css/25px.css'); */

/* Holy Grail */
	/* @import url('../hybrid/library/css/holy-grail-fluid.css'); */

/* Plugins CSS */
	/* @import url('../hybrid/library/css/plugins.css'); */

/* Hybrid's default CSS */
	/* @import url('../hybrid/library/css/screen.css'); */

/**
* Body
************************************************/

/* Contains everything */

html{
	background: #000 url(images/bkg.jpg) left top no-repeat;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-smooth: always;
	/* background: #000 url(images/bkg.jpg) left top no-repeat; */
	color: #333;
}

	/* Wrapper for everything inside of the body */
	#body-container {
		margin: 0 auto;
		
	}

/**
* Elements
************************************************/

/* Hyperlinks */
a:link, a:visited {
	color: #c60;
}
a:hover, a:active {
	color: /*#61778a*/ #999;
}

/* Headers */
h1 {
	margin-bottom: .4em;
}
h2 {
	margin-bottom: .4em;
}
h3 {
	margin-bottom: .4em;
}
h4 {
	margin-bottom: .4em;
	color: #61778a;
}
h5 {
	margin-bottom: .4em;
}
h6 {
	margin-bottom: .4em;
}

/* Text elements */
strong {}
em {}
cite {}
abbr {}
acronym {}
sup {
	font-size: 65%;
	bottom: 0.6em;
	z-index: 14;

}
sub {}
address {}
ins {}
dfn {}
del {}

/* Paragraphs */
p {}

/* Unordered lists */
ul {}
	ul li {}

/* Ordered lists */
ol {}
	ol li {}

/* Defition lists */
dl {}
	dt {}
	dd {}

/* Blockquotes */
blockquote {
	border-left: solid 2px #ccc;
	color: #888;
	font-style: italic;
	padding: 1em;
	margin: 1em;
	background: #f9f9f9;
}
	blockquote blockquote {}
	blockquote em {}

/* Object */
object {}

/* Code */
code {}
pre {}
pre code {}

/* Tables */
table {}
	caption {}
	tr {}
	th {}
	td {}

/* Forms */
form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	z-index: 1;
	postition: relative;

}
	textarea {
		font-family: Arial, Helvetica, sans-serif;
	}
	input {
		font-family: Arial, Helvetica, sans-serif;
	}
	label {}
	option {}


/* Drop caps */
.drop-cap {	}

/* Notes */
.note {}

/* Warnings/Alerts */
.warning, .alert {
	color: #600;
}

/* Errors */
.error {}

/* Downloads */
.download {}

/* Alignment */
.left, .alignleft {
	float: left;
	display: block;
}
.right, .alignright {
	float: right;
	display: block;
}
.center, .aligncenter {}
.block, .alignnone {}
.clear {
	clear: both;
	display: block;
	padding-top: 1em;
}

/**
* Images
************************************************/

/* Normal images */
img {}
a img {}

/* WP Smilies */
img.wp-smiley {}

/* Thumbnails */
.thumbnail {
	border: solid 2px #ccc;
}

/* WP Captions [caption] */
.wp-caption {
	text-align: center;
}
	.wp-caption img {
		
	}
	.wp-caption p {
		color: #999;
		font-size: .8em;
	}

/* Gallery [gallery] */
.gallery {}
	.gallery img {}

/* Avatars */
.avatar {}

/**
* Header
************************************************/

/* Contains entire header */
#header-container {
	width: 960px;
	margin: 0 auto;
	height: 134px;
	overflow: hidden;
	}

	/* Contains site title and tagline */
	#header {
		width: 700px;
		float: right;
		padding: 2em;
		color: #bbb;
		margin: 0;
	}
	#header h1{
		margin: 0;
	}
	#header img {
		float: left;
		margin: 0 2em 2em 0;
	}

		/* Site title */
		#site-title {
			margin: 15px 0;
			font-weight: bolder;
			font-size: 2.2em;
			width: 400px;
			float: left;
			color: #EF943A;
		}
			#site-title a {
				color: #EF943A;
				}
				#site-title a span {}

		/* Site description/tagline */
		#site-description {
			font-size: 1.2em;
			width: 400px;
			float: left;
		}

/**
* Page navigation
************************************************/

/* Wrapper for navigation */
#navigation {
	clear: both;
	overflow: hidden;
	margin: auto;
	width: 960px;
	/* border-top: solid 1px #666; */
}

	/* Page nav */
	#page-nav {	
		width: 680px;
		line-height: 1em;
		float: right;
	}
		#page-nav ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
			#page-nav li {
				float: left;
				
			}
				#page-nav li a {
					display: block;
					padding: 8px 16px;
					text-decoration: none;
					color: #EF943A;
				}
				#page-nav li a:hover {
					background: #222;
					color: #bbb;
				}
			#page-nav li.current_page_item {
				background: #ccc;
				color: #000;
			}
			#page-nav li.current_page_item a{
				color: #000;
			}
			#page-nav li.current_page_item a:hover, #page-nav li.current_page_item a:active{
				color: #bbb;
			}
			#page-nav li.current_page_item ul a{
				color: #EF943A;
			}
					#page-nav li ul {
						position: absolute;
						z-index: 999;
						background: #333;
						left: -999em;
						width: 200px;
						font-size: 0.9em;
						border-left: solid 1px #666;
						border-right: solid 1px #666;
						border-bottom: solid 1px #666;
					}
						#page-nav ul li ul li a{
							padding: 8px;
							width: 184px;
							border-bottom: solid 1px #444;
						}
					#page-nav li:hover ul, #page-nav li.sfhover ul {
						left: auto;
					}
					#page-nav li ul li:hover, #page-nav li ul li.sfhover  {
					}
					#page-nav li li ul {
						font-size: 1em;
						margin-top: -2.5em;
					}

/**
* Containers below the header and navigation
************************************************/

/* Wrapper for the content and primary/secondary widget sections */
#container {
	width: 960px;
	margin: 0 auto;
}

	/**
	* Content
	************************************************/

	/* Contains site's main content */
	#content {
		background: #fff url(images/bkg_content.jpg) repeat-x;
		padding: 20px;
		width: 636px;
		float: right;
		border-right: solid 2px #999;
		border-left: solid 2px #999;
	}

		/* Breadcrumb trail */
		.breadcrumb {
			background: #eee;
			border: solid 1px #bbb;
			float: right;
			padding: 0px 8px;
			font-size: .85em;
			color: #666;
		}

		/* Archive and search <div> before posts are listed */
		.author-info {}
		.category-info {}
		.date-info {}
		.search-info {}
		.tag-info {}

		/* Posts */
		.post {}

			/* Post, page, and archive titles */
			.entry-title {}
			.single-title {}
			.page-title {}
			.attachment-title {}
			.error-404-title {}
			.author-title {}
			.category-title {}
			.date-title {}
			.search-title {}
			.tag-title {}

			/* Author and date byline */
			.byline {
				color: #888;
				font-size: .85em;
			}

			/* Full entries */
			.entry-content {}

			/* Excerpts (introduced in Hybrid 0.4) */
			.entry-summary {}

				/* Using <!--nextpage--> */
				p.pages a {}

				/* More link <!--more--> */
				a.more-link {}

			/* Post meta data */
			.post-meta-data {
				border-bottom: solid 1px #bbb;
				padding: 0px 8px;
				font-size: .85em;
				color: #666;
			}

		/* Post series */
		.series {} 
			.series-title {}

		/* Navigation links */
		.navigation-links {}
			.navigation-links .previous {}
			.navigation-links .next {}

		/* WP PageNavi (plugin) */
		.wp-pagenavi {}
			.wp-pagenavi .pages {}
			.wp-pagenavi .current {}
			.wp-pagenavi .extend {}
			.wp-pagenavi a {}

		/* Attachment image navigation */
		.navigation-attachment {}

		/**
		* Comments template
		************************************************/

		/* Wrapper for entire comments area */
		#comments-template {
			font-size: .8em;
			line-height: 1.4em;	
		}

			/* Comments section headers/titles */
			.comments-header {}
			#comments-number {}

			/* Comments closed paragraph */
			p.comments-closed {}

				/* Main comments section */
				#comments {
				}
					#comments ol {
						list-style: none;
					}

						/* Individual comments (note that WordPress has even/odd backwards) */
						#comments li {
							clear: both;
							margin: 1em;
						}
							#comments li li {}
								#comments li li li {}
									#comments li li li li {}
						#comments li.even {}
						#comments li.odd {}
						#comments li.thread-even {}
						#comments li.thread-odd {}
						#comments li.author {}
						#comments li.trackback {}
						#comments li.pingback {}

							/* Comment avatars */
							#comments .avatar {
								display: none;
							}

							/* Comment meta data */
							#comments .comment-meta-data {
								color: #888;
								margin-bottom: 1em;
							}
								#comments .comment-meta-data cite {}

							/* Comment text */
							#comments .comment-text {}

					/* Paged comments navigation */
					#comments-template .paged-navigation {}
						#comments-template .paged-navigation .page-numbers {}
						#comments-template .paged-navigation .next {}
						#comments-template .paged-navigation .prev {}

				/* Main comment form div */
				#respond {
					clear: both;
					margin: 1em;
					background: #fff url(images/bkg_feature.jpg) repeat-x;
					border: solid 1px #aaa;
					padding: 10px 10px 0 10px;
				}

					/* Comment form title */
					#reply {}

					/* Comment form elements */
					p#cancel-comment-reply {}
					#respond form {}
						#respond .form-author {}
							#respond input {}
						#respond .form-email {}
						#respond .form-url {}
						#respond .form-textarea {
						}
							#respond textarea {}
						#respond .button {}
						#respond .comment-action {}
						#respond label{
							width: 70px;
							float: left;
						}
						#respond .form-textarea label{
							
							}

		/**
		* Utility widget sections (see other widget code below)
		************************************************/

		/* All utility widget sections (except widgets template) */
		.utility {}

		/* Before content */
		#utility-before-content {}

		/* After content */
		#utility-after-content {}

		/* After post but before comments */
		#utility-after-single {}

		/* After page but before comments */
		#utility-after-page {}

		/* Widgets page template widgets */
		.page-template-widgets #content .widget {}

	/**
	* Widget sections (Primary and Secondary)
	************************************************/

	/* Widgets in general */
	.widget {}
		.widget-inside {}
			.widget-title {}

	/* Primary widget section */
	#primary {
		background:url(../../uploads/photo_smokewizard.gif) no-repeat center top;
		padding-top: 385px;
		margin: -145px 20px 0 0;
		float: left;
		width: 260px;
		color: #bbb;
	}
	#primary a{
		color: #EF943A;
	}
	#primary a:hover{
		color: #c60;
	}
		#primary .widget {}
			#primary .widget-inside {
				border-bottom: solid 1px #666;
				padding-bottom: .4em;
				margin-bottom: 1em;
			}
				#primary .widget-title {}
				#primary .widget ul {
					margin: 0;
				}
					#primary .widget ul li {
						margin: 0;
					}
				
					#primary h4{
						color: #ccc;
						line-height: 2em;
						font-style: italic;
						text-align: center;
					}
					#primary h3{
						/*color: #61778a;*/
						font-size: 15px;
					}
					#primary h4 a{
						color: #fc0;
					}
					#primary h4 a:hover{
						/*color: #c60;*/
					}
					#primary h5{
						text-align: center;
					}
					#primary ul{
						font-weight: bold;
						margin-left: 1.5em;
					}
					#primary blockquote{
						margin: 0;
						background: #000 url(images/bkg_footer2.jpg) top center no-repeat;
						border-top: 1px solid #666;
						border-right: 1px solid #333;
						border-bottom: 1px solid #333;
						border-left: 1px solid #333;
						color: #ccc;
						padding: .4em;
						font-weight: bold;
					}
					#primary blockquote p{
						margin: 0;
					}
					#primary blockquote a{
						color: #ccc;
					}
					#primary ul{
						list-style:none;
						margin: 0em;
						padding: 0em;
					}
					#primary li{
						margin: .5em;
						padding: .5em;
						float: left;
					}

	/* Secondary widget section */
	#secondary {}
		#secondary .widget {}
			#secondary .widget-inside {}
				#secondary .widget-title {}
				#secondary .widget ul {}
					#secondary .widget ul li {}

/**
* Footer
************************************************/

/* Wrapper for the entire footer */
#footer-container {
	clear: right;
	width: 960px;
	margin: 0 auto;
}

	/* Subsidiary widget section */
	#subsidiary {}
		#subsidiary .widget {}
			#subsidiary .widget-inside {}
				#subsidiary .widget-title {}

	/* Footer section */
	#footer {
		line-height: 1em;
		font-size: 1em;
		color: #ccc;
		padding: 20px;
		width: 636px;
		float: right;
		background: #000 url(images/bkg_footer2.jpg) top center no-repeat;
		border-right: solid 2px #444;
		border-bottom: solid 2px #333;
		border-left: solid 2px #444;
		margin-bottom: 3em;	
	}
	#footer h3{
		color: #ccc;
		font-weight: bold;
		
	}
	#footer a{
		color: #61778a;
	}

		/* Footer extra */
		#footer .copyright {
		font-size: .89em;
		color: #999;
		}
		#footer .credit {}
		
/**
* My Styles
************************************************/
.fineprint{
	font-size: .7em;
	color: #999;
	margin: 0;
}
#primary .fineprint{
	/*color: #fc0;*/
}
embed, object{
	z-index: 1;
}
#oem{
	display: block;
	font-size: smaller;
	text-align: center;
	line-height: 1.8em;
}
#oem ul{
	list-style: none;
	margin: 0;
}
#oem li{
	float: left;
	margin: 0 1em;
	display: block;
}
.feature{
	background: #fff url(images/bkg_feature.jpg) repeat-x;
	border: solid 1px #aaa;
	padding: 10px 10px 0 10px;
	font-size: .89em;
	line-height: 1.6em;
	width: 285px;
	float: left;
	clear: right;
	display: block;
}
.cart-item{
	float: right;
	clear: right;
	text-align: center;
}
.cart-item input {
		margin: 0;
		background: #000 url(images/bkg_footer2.jpg) top center no-repeat;
		border-top: 1px solid #666;
		border-right: 1px solid #333;
		border-bottom: 1px solid #333;
		border-left: 1px solid #333;
		color: #ccc;
		padding: .4em;
		font-weight: bold;
}
.download{
	background: #fff url(images/bkg_feature.jpg) repeat-x;
	border: solid 1px #aaa;
	padding: .5em;
	font-size: .89em;
	line-height: 1.4em;
	display: block;
	width: 175px;
	margin: 1.8em 0 1em 2em;
	text-align: center;
}
.download p{
	margin: .5em;
}
#comparison{
	clear: both;
	font-size: .85em;
	line-height: 1.5em;
}
#comparison th{
	background: #fff url(images/bkg_feature.jpg) repeat-x;
	padding: 4px;
	border: solid 1px #bbb;
}
#comparison td{
	padding: 4px;
	border: solid 1px #bbb;
}
.comparison-notes{
	font-size: .8em;
}
.comparison-highlight-c{
	background: #f4f4f4;
}
.eshoppaywidget, .eshoppaywidget ul, .eshoppaywidget li{
	list-style: none;
	margin: 0;
	padding: 0;
}


.sw-swatch{
	width: 48px;
	height: 48px;
	margin: 0 1em;
	display: block;
	float: left;
	border: 2px solid #999;
}
.sw-yellow{
	background: #ffed30;
}
.sw-black{
	background: #303031;
}
.sw-gray{
	background: #7f838f;
}
.sw-purple{
	background: #7d4eb3;
}
.sw-green{
	background: #12a74c;
}
.sw-red{
	background: #e0191b;
}

/* Contact Form */
#wpcf7-f1-p9-o1{
	width: 420px;
}
#wpcf7-f1-p9-o1 label {
		float: left;
		clear: left;
		width: 41%;
	}
	#wpcf7-f1-p9-o1 p, #wpcf7-f3-p43-o1 p, #wpcf7-f2-p7-o1 p {
		margin: 1.8em 0;
		border-bottom: solid 1px #ccc;
		display: block;
	}
	
/* All Form Fields*/	
.wpcf7-form-control-wrap {
	float: right;
	vertical-align: top;
	margin-top: -1.9em; 

}

.eshoppaywidget img{
 height: 19px;
 width: 60px;
}

#utility-header{
	float: right;
	width: 260px;
	margin-top: -60px;
}

#dealers{
	color: #bbb;
	text-align: center;
}
			#dealers .widget-inside {
				border-bottom: solid 1px #666;
				padding-bottom: .4em;
				margin-bottom: 1em;
			}
				#dealers .widget ul {
					margin: 0;
				}
					#dealers.widget ul li {
						margin: 0;
					}
					
					#dealers h4{
						color: #ccc;
						line-height: 2em;
						font-style: italic;
						text-align: center;
					}
					#dealers h3{
						color: #61778a;
					}
					#dealers h4 a{
						color: #fc0;
					}
					#dealers h4 a:hover{
						color: #c60;
					}
					#dealers ul{
						font-weight: bold;
						margin-left: 1.5em;
					}
					#dealers blockquote{
						margin: 0;
						background: #000 url(images/bkg_footer2.jpg) top center no-repeat;
						border-top: 1px solid #666;
						border-right: 1px solid #333;
						border-bottom: 1px solid #333;
						border-left: 1px solid #333;
						color: #ccc;
						padding: .4em;
						font-weight: bold;
					}
					#dealers blockquote p{
						margin: 0;
					}
					#dealers blockquote a{
						color: #ccc;
					}
					#dealers p{
						margin: .5em;
						line-height: 1.4em;
					}