/*
Theme Name: SM Firez
Theme URI: http://wp.saltermitchell.com/themes
Description: Simple clean theme based on k9
Version: 0.6
Author: Tyler Mulligan
Author URI: http://www.doknowevil.net
Tags: fixed-width, two-columns, right-sidebar, custom-header, threaded-comments, microformats, blue

License: GPL v2
*/

@import url('reset.css');
@import url('wordpress.css');
@import url('fonts.css');
@import url('scrollable.css');

body {
	font-family: "Arial", "Verdana", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	font-size:14px;
	text-align: center; 
	color: #444; 
	background: #3E3D40; 
	margin: 0 0 20px;
}

a {
	color: #000;
	text-decoration: underline;
}

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

a img {
	border: none;
}

h1, h2, h3, h4, h5, h6 { 
	padding: 10px 0; 
	line-height: 1.0;
}
h1, h2 {
	font-family: "Bebas", Arial, Verdana, "Lucida Grande";
}

h1 { font-size: 50px; }
h2 { font-size: 40px; }
h3 { font-size: 22px; color: #F8B000; font-style: italic; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 14px; }

p {
	margin: 0 0 15px;
	line-height:1.2em;
}

ul, ol, dl { 
	margin-top: 0;
	margin-bottom: 15px;
}

li, dd { 
	margin-bottom: 5px;
}

blockquote {
	padding: 5px 10px; 
	margin-bottom: 15px;
	border-left: 10px solid #e0e0d5; 
	font-style: italic;
}

pre,
code,
tt,
kbd { 
	font-size: 12px;
	line-height: 1.4;
}

pre { 
	color: #666;
	margin: 15px 0;
	white-space: pre-wrap; 
	white-space: -moz-pre-wrap !important; 
	white-space: -pre-wrap; 
	white-space: -o-pre-wrap; 
	word-wrap: break-word;
}

table { 
	border-collapse: collapse; 
	border-spacing: 0; 
	border: 1px solid #ccc; 
	margin-bottom: 20px; 
}

caption { 
	font-weight: bold; 
	padding-bottom: 10px;
}

th { 
	border-bottom: 1px solid #ccc; 
	padding: 10px; 
	text-align: left; 
}

td { 
	border: 1px solid #ccc; 
	border-width: 0 1px 1px 0; 
	padding: 10px; 
	vertical-align: top; 
}

input, 
textarea, 
select { 
	padding: 5px; 
	font: 13px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	background-color:#eee;
	border:1px solid #444;
	color:#000;
}

input.button {
	margin: 5px 0;
}

/**
 * STRUCTURE
 */
#loading {
	display:none;
	height:100px;
	width:100px;
	margin:300px auto;
	background:#3E3D40 url('img/loading.gif') no-repeat 0 0;
}
div#wrapper {
	width: 100%; 
	margin: 0 auto;
	text-align: left;
	background: #fff;
	border-top: none;
}

div#wrapper-inner {
	position:relative;
	left:-100px;
	padding: 10px 0 0 200px;
	margin:0 auto;
	width: 896px;
	height:auto !important;
	min-height:458px;
	height:460px;
	background: transparent url('img/smoke_bg.png') no-repeat bottom left;
}

div#header-inner, div#footer-inner {
	width: 896px;
	padding: 0; 
	position: relative; 
	margin:0 auto;
}

#social_sites {
	position:absolute;
	top:3px;
	right:406px;
}
#social_sites p {
	float:right;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	font-size:12px;
	color:#000;
	padding-right:5px;
}
#h_facebook {
	float:right;
	display:block;
	background:url('img/h_facebook.png') 0 0 no-repeat;
	padding-left:19px;
	height:20px;
	width:0;
	overflow:hidden;
}
#h_twitter {
	float:right;
	display:block;
	background:url('img/h_twitter.png') 0 0 no-repeat;
	padding-left:19px;
	height:20px;
	width:0;
	overflow:hidden;
	margin-right:5px;
}
a#h_twitter:hover, a#h_facebook:hover {
	opacity: .50; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=50); /* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-khtml-opacity: .5; /* Safari 1.x */
	-moz-opacity: .5; /* FF lt 1.5, Netscape */
}

div.menu {
	position:absolute;
	top:0;
	right:0;
}
div.menu ul {
	list-style: none; 
	padding: 0; 
	overflow: hidden; 
}

.entry-title, 
div.entry-content,
div.navigation,
div.entry-comment-meta {
	font-size:13px;
}
.entry-content p {
	margin: 10px 0 15px;
}

div#content {
	width: 100%;
	float: left;
	margin-bottom: 40px;
	min-height:418px;
	height:auto !important;
	height:418px;
}

div#content input.text {
	width: 50%;
}

div#content textarea {
	width: 95%;
	height: 200px;
	overflow: visible;
}

div.navigation div.alignleft,
div.navigation div.alignright { 
	width: 255px;
}

div.entry-meta {
	width: 115px;
	float: left;
}

div#sidebar {
	width: 195px; 
	float: right;
	margin-bottom: 40px;
}

#searchform input.text {
	width: 175px;
}

div#footer {
	clear: both;
	padding: 15px 0 20px;
	border-top: 1px solid #e0e0d5; 
	font-size: 12px;
	background-color:#3E3D40;
	color:#ccc;
}

div#footer p {
	margin-bottom: 0px;
}

div#entry-comment,
div#entry-comment ol li,
div#respond,
div#footer { 
	clear: both; 
}

/**
 * HEADER
 */
div#header {
	background: #999; 
	color: #fff; 
	border-top: 10px solid #3E3D40; 
	height: 98px; 
	position: relative;
}
div#header h1 {
	position:absolute;
	top:44px;
	left:20px;
}
div#header h1 a {
	color: #3E3D40;
}
div#header a#logo {
	display:block;
	width:0;
	height:23px;
	padding-left:216px;
	background:transparent url("img/stopgasfires.png") no-repeat 0 0;
	overflow:hidden;
}
div#header a#logo:hover {
	background-position:0 -23px;
}
div.menu ul li { 
	float: left; 
	margin: 0 2px;
}

div.menu ul li a { 
	float: left;
	display:block;
	background: transparent url('img/menu_item_bg.png') no-repeat 0 0;
	padding: 0;
	text-align:center;
	color: #fff;
	width:117px;
	height:26px;
	line-height:26px;
	vertical-align:middle;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
}

div.menu ul li a:hover { 
	color: #000; 
	background-position: 0 -26px;
	text-decoration: none;
}

div.menu ul li.current_page_item a,
div.menu ul li.current_page_ancestor a { 
	background-position: 0 -52px;
	color:#fff !important;
}

div.menu ul li.current_page_item a,
div.menu ul li.current_page_ancestor a { 
	color: #000; 
}

/**
 * ENTRY
 */
div.date {
	font-weight: bold;
}

.entry-title {
	padding-top: 0;
	margin-bottom: 5px; 
}

div.entry-meta div {
	margin-bottom: 10px;
	padding-right: 10px;
	font-size: 12px;
}

div.entry-meta h3 {
	text-transform: uppercase; 
	font-size: 12px; 
	padding: 0 0 5px;
}

div.entry-meta ul {
	list-style: none; 
	padding-left: 0; 
	margin-left: 0;
}

div.hentry {
	padding: 0 0 20px 20px;
	display: inline-block;
}

div.sticky {
	margin-bottom: 20px;
	border-bottom: 1px solid #e0e0d5;
}

div.error404 {
	padding-top: 40px;
	border-top: 1px solid #e0e0d5; 
}

div#content a {
	text-decoration: underline;
}

div#content a:hover {
	text-decoration: none;
}

div#content .entry-meta a {
	text-decoration: none;
}

div#content .entry-meta a:hover {
	text-decoration: underline;
}

div#content .entry-title a {
	color: #444;
	text-decoration: none;
}

div#content .entry-title a:hover {
	color: #27d;
}

/**
 * CONTENT
 */

#gas_and_fire_no_mix {
	display:block;
	width:0;
	padding-left:291px;
	height:94px;
	background: transparent url('img/gas_and_fire_no_mix.png') no-repeat 0 0;
	overflow:hidden;
	z-index:100;
}
#main_message {
	width:480px;
	position:absolute;
	top:20px;
	line-height:1.2em;
}
#main_message p {
	font-size:12px;
	margin-top:0;
}
#main_message p span {
	color:#F8B000;
	text-transform:uppercase;
}
#main_message p span strong {
	font-size:1.1em;
	font-weight:bold;
}
#subpage_message {
	width:580px;
}

/* subpages */
#h2_about_us, #h2_spread_the_word, #h2_show_your_kid, #h2_how_to {
	display:block;
	width:0;
	height:36px;
	overflow:hidden;
	margin-top:20px;
	padding-bottom:0 !important;
}

#h2_about_us {
	padding-left:198px;
	background: transparent url('img/h2_about_us.png') no-repeat 0 0;
}

#h2_spread_the_word {
	padding-left:380px;
	background: transparent url('img/h2_spread_the_word.png') no-repeat 0 0;
}

#h2_show_your_kid {
	padding-left:320px;
	background: transparent url('img/h2_show_your_kid.png') no-repeat 0 0;
}

#h2_how_to {
	padding-left:395px;
	background: transparent url('img/h2_how_to.png') no-repeat 0 0;
}

/* 3 column boxes */
.three_box, .right_box {
	float:left;
	position:relative;
	width:240px;
	background-color:#E8E8E8;
	color:#3E3D40;
	font-size:12px;
	padding:15px;
	margin-left:28px;
	height:auto !important;
	min-height:170px;
	height:170px;
	line-height:1.2em;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	border-radius: 10px; /* CSS3 */
	behavior: url(border-radius.htc);
}
.right_box {
	margin-top:20px;
	height:auto !important;
	float:right !important;
	min-height:100px;
	height:100px;
}
.three_box h2, .right_box h2 {
	display:block;
	width:225px;
	color:#3E3D40;
	margin:0;
	padding:0;
	font-family: Arial, Verdana;
	font-size:14px;
	text-align:left;
	text-transform:uppercase;
}
.yellow_box h2 { width:auto; }
.three_box p, .right_box p, .textwidget { padding:15px 0 0; }
.three_box.first, { clear:left; margin-left:18px !important; }
.three_box.wide {
	width:366px;
}
.three_box.tall {
  height:380px !important
}

.bg_video { background:#E8E8E8 url('img/bbg_video.png') no-repeat left bottom; }
.bg_email { background:#E8E8E8 url('img/bbg_email.png') no-repeat right top; }
.bg_think { background:#E8E8E8 url('img/bbg_think.png') no-repeat right center; }

#button_video, #button_continue, #button_download, #button_tips {
	display:block;
	height:20px;
	width:0;
	overflow:hidden;
}
#button_video {
	background: transparent url('img/button_share_video.png') no-repeat 0 0;
	padding-left:97px;
}
#button_continue {
	background: transparent url('img/button_continue.png') no-repeat 0 0;
	padding-left:77px;
}
#button_download {
	background: transparent url('img/button_download_and_tips.png') no-repeat 0 0;
	padding-left:127px;
}
#button_tips {
	background: transparent url('img/button_read_tips.png') no-repeat 0 0;
	padding-left:77px;
}
#button_video:hover, #button_continue:hover, #button_download:hover, #button_tips:hover { background-position: 0 -20px; }

/* videos */
#video_1_link, #video_2_link {
	display:block;
	float:left;
	background:transparent url('img/video_thumbs.png') no-repeat 0 0;
	margin:0 auto;
	height:206px;
	width:0;
	padding-left:366px;
	overflow:hidden;
}
#video_1_link { background-position: 0 0; }
#video_1_link:hover { background-position: 0 -206px; }
#video_2_link { background-position: -366px 0; }
#video_2_link:hover { background-position: -366px -206px; }
#video_1, #video_2, #share_email_popup { display:none; }

/* the overlayed element */
#tips, #video_1, #video_2, #email_popup, #share_email_popup {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#fff;

	padding:10px;
	
	width:675px;	
	min-height:200px;
	border:3px solid #F8B000;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 40px 5px #000;
	-webkit-box-shadow: 0 0 40px #000;

	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	border-radius: 10px; /* CSS3 */
}
#tips ol {
   padding-left:25px !important;
}
#tips li {
   margin-bottom:20px !important;
}
#video_1, #video_2, #video_3 {
	padding:20px;
	width:600px;
}
#email_popup, #share_email_popup {
	padding:20px;
	width:400px;
}

#friend_email {
	margin-top:15px;
	width:208px;
}

/* close button positioned on upper right corner */
.close {
	background-image:url('img/overlay_close.png');
	position:absolute;
	left:-15px;
	top:-15px;
	cursor:pointer;
	height:38px;
	width:38px;
}

#print_icon {
     display:block;
     background:transparent url('img/print_icon.png') 0 0 no-repeat;
     height:38px;
     width:0;
     overflow:hidden;
     padding-left:28px;
     position:relative;
     float:right;
}

/* FOOTER */
.edit-this { margin:0 0 10px; text-align:right; }
.foot_box {
	float:left;
	position:relative;
	width:275px;
	height:127px;
	background: transparent url('img/foot_box_bg.png') no-repeat 0 40px;
	color:#000;
	margin-right:35px;
}
.foot_box h2 {
	display:block;
	height:40px;
	width:225px;
	padding:3px 0 0 50px;
	color:#fff;
	font-family: Arial, Verdana;
	font-size:14px;
	text-align:left;
	text-shadow: 0px 1px 2px #000;
}
.foot_box h2#spread_the_word { background: transparent url('img/h_spread_the_word.png') no-repeat 0 0; }
.foot_box h2#show_your_kid { background: transparent url('img/h_show_your_kid.png') no-repeat 0 0; }
.foot_box h2#watch_the_video { background: transparent url('img/h_watch_the_video.png') no-repeat 0 0; }
.foot_box p { padding:0 10px; }
a.more { position:absolute; bottom:10px; right:10px; text-align:right; text-transform:uppercase; }
.foot_box a.more { font-size:10px; }
.foot_box a.more:hover { color:#333; text-shadow: 0 0 1px #aaa; }
.foot_box.last { margin-right:0 !important; }
a#foot_video_thumb {
	display:block;
	float:left;
	width:0;
	padding-left:123px;
	height:69px;
	background:transparent url('img/video_thumbnail.png') no-repeat 0 0;
	margin:0 8px;
	overflow:hidden;
}
a#foot_video_thumb:hover { background-position: 0 -69px; }

#webring, #copyright {
	margin-top:20px;
	text-transform:uppercase;
	font-size:10px;
	float:left;
}
#webring a { color:#ccc; }
#copyright {
	float:right;
	background:transparent url('img/national_gasoline_safety_project.png') 0 0 no-repeat;
	display:block;
	height:8px;
	width:0;
	overflow:hidden;
	padding-left:264px;
	margin-right:3px;
}

/**
 * SIDEBAR
 *
div#sidebar ul,
div#sidebar ul ol {
	list-style: none;
	margin: 0; 
	padding-left: 0;
}

div#sidebar ul ul ul,
div#sidebar ul ol {
	padding-top: 5px;
	padding-left: 15px;
}

div#sidebar ul li {
	margin-bottom: 30px;
}

div#sidebar ul ul li, 
div#sidebar ul ol li,
div#sidebar ul li p {
	margin-bottom: 5px;
	font-size: 12px;
}

div#sidebar #searchform label {
	display: none;
}
*/
/**
 * NAVIGATION
 */
div.navigation { 
	font-size: 12px;
	padding: 10px 0 20px;
}

div.navigation div.alignleft { 
	text-align: left; 
	margin: 0;
	width: 40%;
}

div.navigation div.alignright { 
	text-align: right; 
	margin: 0;
	width: 40%;
}

/**
 * COMMENTS
 */
div#entry-comment ol.commentlist {
	margin: 0; 
	padding-left: 0;
}

div#entry-comment ol.commentlist ul.children {
	margin: 0;
	padding-left: 40px;
}

div#entry-comment li.comment,
div#entry-comment li.pingback {
	list-style: none;
	border-top: 1px solid #e0e0d5;
	margin-bottom: 0;
	padding: 10px 0;
}

div.comment-author {
	width: 115px;
	float: left;
	margin-bottom: 20px;
}

div.comment-author cite {
	font-size: 12px;
	font-style: normal;
	display: block;
}

div#respond p,
div.comment-entry,
div.comment-meta {
	margin-left: 135px;
}

div.comment-entry {
	padding: 10px 0 0;
}

div.entry-comment-meta,
div.comment-meta {
	font-size: 12px;
}

span.cancel-comment-reply {
	display: inline-block;
	margin: 10px;
}

/**
 * Media
 */
.mediasectiontitle {
	font-size:18px;
	font-weight:200;
}

.media_title {
	font-size:14px;
	font-family: "Arial","Verdana","Lucida Grande","Lucida Sans Unicode","Lucida Sans",sans-serif;
}

/**
 * alignment CSS classes
 * see: wordpress.css
 */
.aligncenter {}
.alignleft {}
.alignright {}

/**
 * MISC
 */
div.date,
div#sidebar h2,
h3#comments,
div#respond h3 {
	border-top: 1px solid #e0e0d5; 
	padding: 15px 0 10px;
	font-size: 1em; 
	text-transform: uppercase;
}
a#realmen {
	position:absolute;
	/*display:none !important;*/
	top:-56px;
	right:50px;
	background:transparent url('img/realmen.png') no-repeat 0 0;
	height:129px;
	width:0;
	padding-left:144px;
	overflow:hidden;
}
a#realmen:hover { background-position:0 -129px; }


/*OTHER MISC*/
.page-item-116 {
	display:none;
}
.share_me {
	width:180px;
	float:right;
	padding:0 !important;
	margin:0 !important;
}
.share_me strong {
	float:right;
}
.share_icon {
	float:right;
	display:block;
	height:16px;
	width:0;
	background-image:url('img/video_share_icons.png');
	overflow:hidden;
	padding-left:16px;
	margin-left:6px;
}

.share_email { background-position:0 0; }
a.share_email:hover { background-position:0 -16px; }
.facebook { background-position:32px 0; }
a.facebook:hover { background-position:32px -16px; }
.twitter { background-position:16px 0; }
a.twitter:hover { background-position: 16px -16px; }

/**
 * HACKS
 */
div#wrapper-inner:after,
div.hentry:after,
blockquote:after,
div.comment-entry:after,
div#respond:after,
div#footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* html div#wrapper-inner,
* html div.hentry,
* html blockquote,
* html div.comment-entry,
* html div#respond,
* html div#footer { height: 1%; }

/*Media Page
-----------------------------------------------------------------------------*/
.material {
	width:760px;
	height:65px;
	display:block;
	background-color: #E8E8E8;
	padding:10px;
	margin-bottom: 3px;
}

.material:nth-of-type(even) {
	width:760px;
	height:65px;
	display:block;
	background-color: #fff;
	padding:10px;
	margin-bottom: 3px;
}

.material br {
	display:none;
}

.material h3 {
	font-size:16px;
	padding:0;
}

.material img {
	float:left;
	margin-right: 10px;
}

.material p {
	font-size: 13px;
	margin-bottom: 15px;
}


.material_button {
  background:url("img/stopdownloadbutton.png") repeat scroll 0 0 transparent;
  height:23px;
  width:122px;
  text-indent:-99999px;
  display:block;
  float:left;
  line-height:0;
}

.material_button:hover {
  background-position: 0 -23px;
}

.spanish {
	font-family:Arial;
}