/*
Theme Name: Spark House Brand- THQ
Template: genesis
Description: A Genesis child theme
*/

/* Colors

e06b26 - orange (brand/logo)
999999 - grey (logo text)

f2664c - lt orange
febe28 - yellow orange
d6c439 - green
c9b9ca - lt purple
dbd7b5 - lt tan

*/

/*
@font-face {
    font-family: 'KlavikaRegular';
    src: url('fonts/klavika-regular-webfont.eot');
    src: url('fonts/klavika-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/klavika-regular-webfont.woff') format('woff'),
         url('fonts/klavika-regular-webfont.ttf') format('truetype'),
         url('fonts/klavika-regular-webfont.svg#KlavikaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

* { margin: 0; padding: 0; outline:0; }

html,body, #wrap {height: 100%; width: 100%;}

body {
    font-size: 13px;
    line-height: 19px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #6b5f5f;
    background: #EBEBEB;
}

a { color: #d56650; text-decoration: none; cursor:pointer; }
a img { border: 0; }

/* font-family: 'Rokkitt', serif; */

h1, h2 { font-family: 'Rokkitt', serif; font-weight:normal; color:#e06b26; font-size:28px; line-height:22px;  padding-bottom:7px;  }

h2 { font-size: 28px; line-height: 20px; margin-top: 40px;}

h2.top { margin-top: 0;}

#comments h3, h3 { font-family: 'Rokkitt', serif; font-weight:normal; font-size:18px; line-height:18px;  color:#e06b26; text-transform: uppercase; font-style: italic; margin-bottom: 10px;}

.home h2{
	color: #999;
	
}

#comments h3{
	margin-top: 40px;
}

h3 span { color:#797979;  }

h4.widgettitle{
	color: #c9b9ca;
	font-family: 'Rokkitt', serif; font-weight:normal; font-size:16px; line-height:18px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

div.widget{
	margin-bottom: 30px;
}

input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
textarea { overflow:hidden; }

ul { list-style:none; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

#wrapper { margin-bottom: -82px; height: auto !important; height: 100%; min-height: 100%; }
#footer, #footer-push { height: 82px; }

.wrap,
#content-sidebar-wrap { width:960px; margin:0 auto; position:relative;   }

#header { height:80px; background:#fff url(images/header.png) repeat-x 0 bottom;  min-width:960px; clear: both; overflow: hidden;}

#title { float:left; padding:16px 22px 0 28px; font-size: 0; line-height: 0; text-indent: -4000px;  }
#title a { display:block; width:80px; height:38px; background:url(images/logo.png);   }

#nav { float:left; height:23px; padding-top:30px;  }
#nav .wrap {width: auto; margin: 0;}
#nav ul li { float:left; background:url(images/divider.png) no-repeat right 0 ; padding:0 17px 0 10px;   }
#nav ul li.last { background:transparent;  }
#nav ul li a { display:block; line-height:23px; height:23px; font-size:13px; color:#6b5f5f; letter-spacing:1px; font-family: 'KlavikaRegular';  }
#nav ul li a:hover { color:#ed4832;  }

#footer { height:65px; padding-top:17px;  background:url(images/footer.png) repeat-x 0 0 ; min-width:960px; text-align:right; line-height:50px;  }

#footer-social { float:left; margin:13px 0 0 18px; background:url(images/footer-social.png) no-repeat 0 0;  }
#footer-social a { float:left; width:24px; height:24px; margin-right:5px; }

a.footer-logo { width:30px; height:46px; float:right;  background:url(images/footer-logo.png);  margin:0 38px 0 13px;  }

.copy { float:right;  font-size:10px; text-transform:uppercase; color:#fff;  padding-top:13px; line-height:23px;   }
.copy a { display:inline-block;  margin-right:5px; height:23px;   padding-right:16px; background:url(images/footer-divider.png) no-repeat right center; color:#fff;   }
.copy a:hover { text-decoration:underline;  }

#inner {clear: both; overflow: hidden; min-height: 767px;}

#inner { background:#ebebeb url(images/main.png) repeat-x 0 -69px ; min-width:960px; }
#inner .wrap,
#content-sidebar-wrap { background:#fff;  }

#menu { height:37px; padding-top:10px;   }
#menu ul li { float:left; width:182px;  margin-right:10px; position: relative;}
#menu ul li a { display:block; padding:0 18px;  height:37px; line-height:37px;   background: #939393 url(images/menu-btn.png) repeat-x 0 37px ; color:#fff; font-family: 'KlavikaRegular'; font-size:18px; text-transform:uppercase;  }
#menu ul li a:hover,
#menu ul li.hover > a { background-position:0 0;  }
#menu ul li a:hover span,
#menu ul li.hover > a span { color:#feae26;  }
#menu ul li.first,
#menu ul li.last,
#menu ul li.first li,
#menu ul li.last li { width:187px;  }
#menu ul li.last { margin:0;  }
#menu ul ul {position: absolute; top: 37px; left: 0; margin: 0; display: none;}
#menu ul ul li {margin: 0;}

.content { padding:25px 28px 27px 28px; }
#content { padding:27px 28px 27px 28px; }
p.slogan { float:left; width:535px; color:#6b5f5f; letter-spacing:2px; font-size:24px; line-height:36px; font-family: 'KlavikaRegular'; text-transform:uppercase;  }

blockquote#home-quote { float:right; width:278px; padding-top:3px;   }
blockquote#home-quote p { padding-left:61px; background:url(images/quotes.png) no-repeat 10px 3px; font-size:13px; line-height:17px;   }
blockquote#home-quote p.aut { font-size:11px; padding: 9px 0; color:#010101; line-height:12px; padding-left: 0; background: transparent;   }

#subnav .wrap{ background-color: transparent; }
#subnav { height:26px; padding-top:6px;  background: #999; clear: both; overflow: hidden; }
#subnav ul { float:right; padding-right:28px; background-color: transparent; }
#subnav ul li { float:left; display:block; height:21px; background-color: transparent; }
#subnav ul li a, 
#subnav ul li a span { float:left; display:block; line-height:21px; height:21px; background: transparent url(images/nav-btn.png) no-repeat 0 42px; padding:0 0 0 12px; font-family: 'Skia Regular','Skia','Helvetica', 'Arial', _sans; font-size:14px; color:#fff; text-transform:uppercase;  }

/* Shop Now Button */
#subnav ul li.shop a {
background-image: url(images/nav-btn-shop.png);
background-position: 0 0;
}

#subnav ul li.shop a span{
background-image: url(images/nav-btn-shop.png);
background-position: right 0;
}

#subnav ul li.shop a:hover{
background-position-y: -21px;
}

#subnav ul li.shop a:hover span{
color: #000;
}

#subnav ul li.shop a:hover span{
background-position: right -21px;
}
/* Shop Now Button */

#subnav ul li a span { background-position: right 42px; padding:0 12px 0 0; background-color: transparent; }
#subnav ul li.current-menu-item a, .single #subnav ul li.menu-item-3591 a { background-position: 0 bottom;  }
#subnav ul li.current-menu-item a span, .single #subnav ul li.menu-item-3591 a span { background-position: right bottom; }
#subnav ul li a:hover { background-position: 0 0;  }
#subnav ul li a:hover span { background-position: right 0; }

/* .left-sidebar { width:153px; float:left;  min-height: 1px;margin-right: 25px;} */

.left-sidebar{display: none; }

.right-sidebar {width: 260px; float: right; min-height: 1px;}
.page-container { width:590px; float:left; }
.page-container p { padding-bottom:10px;  }

.testimonials .post { padding-bottom:21px;  }
.testimonials .post p { font-size:12px; line-height:15px;  background:url(images/quotes-small.png) no-repeat 0 2px; padding-bottom:10px;   }
.testimonials .post p:first-letter { padding-left:17px;  }
.testimonials .post p.aut { font-size:11px; line-height:14px; color:#888888; padding-bottom: 0; background: transparent;}
.testimonials .post p.aut:first-letter {padding-left: 0;}

a.red-btn { display:block; padding-left:8px; height:21px; line-height:21px; background:url(images/gray-and-red-btn.png) no-repeat 0 bottom; margin-bottom:4px; font-family: 'Skia Regular','Skia','Helvetica', 'Arial', _sans; color:#fff; font-size:13px; text-transform:uppercase;  }
a.red-btn:hover { background-position: 0 0; }


.community-box { float:right; margin: 2px 2px 0 35px;  }
.community-box p { font-size:13px; line-height:30px; padding:0;  }
.community-box a.video-link { display:block; }
.community-box a.video-link img { border:1px solid #d3d4d4;  }
.theme-widget .socials { height:24px; clear: both; overflow: hidden; margin-bottom: 10px; }
.theme-widget .socials a { width:24px; height:24px; float:left;  }
.theme-widget .socials a.fb2 { background:url(images/fb.png); margin-right:5px;  }
.theme-widget .socials a.tw2 { background:url(images/tw.png); margin-right:3px;  }
.theme-widget .socials a.yt2 { background:url(images/yt.png);  }

.page-container ul { padding-left:10px;  }
.page-container ul li { display:block; background:url(images/content-list.png) no-repeat 0 7px; padding-bottom:6px;  padding-left:8px;    }


a.fb3,
a.tw3,
a.yt3,
a.cal { float:left;  width:24px; height:24px; background:url(images/fb3.png); margin-right:5px;  }
a.tw3 { background:url(images/tw3.png);  }
a.yt3 { background:url(images/yt3.png);  }
a.cal {  background:url(images/cal.png);  }

.press-content { padding:25px 50px 0 15px; }
.press-content .book-thumbs a { display:block; float:left; margin-right:10px;  }
.press-content .book-thumbs a.first { margin-right:5px;  }
.press-content .page-container { float:none; padding:13px 0 10px 12px; width:890px;   }
.press-content .page-container p { font-family: 'KlavikaRegular'; font-size:14px; line-height:26px; text-transform:uppercase; }

.home-slider {position: relative; width: 960px; height: 330px;}
.home-slider img {display: none; position: absolute; top: 0; left: 0;}

#sidebar {display: none;}

/* Archive */

#thq-bba ul, #thq-bba ul li, #thq-ma ul, #thq-ma ul li{
		list-style: none;
		list-style-type: none;
		background: none;
}

#thq-bba .ot, #thq-bba .nt{
	float: left;
	width: 30%;
}

#thq-ma{
	clear: both;
}

ul li.categories{
	font-weight: bold;
}

ul li.cat-item{
	font-weight: normal;
}

div.archives ul.year{
	margin-bottom: 20px;
	width: 30%;
	float: left;
}

/* Tweaks */

.entry-content ol, ol.comment-list{
	margin-left: 40px;
	margin-bottom: 20px;
	
}

ol.comment-list{
	list-style: none;
	list-style-type: none;	
	margin-left: 20px;
	margin-bottom: 20px;
}

ol.comment-list li.comment{
	margin-bottom: 10px;
}

.home .author-image{
	margin: 0 0 20px 20px;
}

.comment-form-comment textarea{
	width: 100%;
	padding: 5px;
	color: #666;
}

#reply-title{
	margin-top: 40px;
}

.home .home-excerpt{
	margin-top: 10px;
}

.author-photo{
	float: right;
	margin: 0 0 20px 20px;
}

.author-name{
	margin: 5px 0;
	font-weight: bold;
	font-style: italic;
}

.author-bio{
	margin: 20px 0;
	padding: 10px;
	background-color: #efefef;
}

p.retired{
	font-style: italic;
	color: #666;
	border: 1px dotted #666;
	padding: 10px;
	background-color: #efefef;
}