/*
Theme Name: 	Stormable
Theme URI: 		http://stormable.com
Description: 	Stomrable Heroes Theme
Version: 		1.0
Author: 		John Greenhoe
Author URI: 	http://stromable.com
Tags: 			stormable, heroes
*/

/*

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

*	All Pages

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

body {
	color: #333333;
	font-family: Helvetica, Arial, sans-serif;
	font-size:13px; 
	text-align:left;
	line-height:1.5em;
	background-color: #08000f;
	margin:0;
	padding:0;
	background-image: url('http://stormable.com/img/bg/bg.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

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

*	HyperLinks

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

p a:link {color: #0096ff; text-decoration: none;}
p a:visited {color: #0096ff; text-decoration: none;}
p a:hover {color: #0096ff; text-decoration: underline;}
p a:active {color: #0096ff; text-decoration: underline;}

a:link {color: #0096ff; text-decoration: none;}
a:visited {color: #0096ff; text-decoration: none;}
a:hover {color: #0096ff; text-decoration: underline;}
a:active {color: #0096ff; text-decoration: underline;}


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

*	Wrappers

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

#wrapper {
	background-color: #ffffff;
	background: none;
	color: #333333;
	margin: 0 auto;
	padding: 0;
    max-width: 1180px;
}

#content{
	width: 1180px;
	border: solid 1px #252525;
	border-top: solid 10px #353535;
	border-bottom: solid 10px #353535;
	background-color: #f2f2f2;
	margin-top: 100px;
	box-shadow: 0 0 1em 0.2em rgba(0,0,0,0.2);
	position: relative;
}

.post-content{
	width: 800px;
	padding: 20px;
	float: left;
	background-color: #fff;
	border-right: solid 1px #ccc;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.post-content p{
	margin-bottom: 0;
	padding-bottom: 20px;
}

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

*	Headers

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

#content h1, h2, h3, h4, h5, h6 {
	color:#333333;
}

#content h1 { font-weight: bold; font-size: 32px; padding: 0 0 5px 0; }
#content h2 { font-weight: bold; font-size: 24px; padding: 0 0 5px 0; }
#content h3 { font-weight: bold; font-size: 18px; padding: 0 0 5px 0;}
#content h4 { font-weight: bold; font-size: 14px; padding: 0 0 5px 0;}


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

*	Sidebar

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

#sidebar{
	width: 380px;
	float: right;
}

.sidebar-content{
	padding: 0;
	float: left;
	width: 280px;
	padding: 0 20px;
	margin-right: 60px;
}

#sidebar h2{
	margin: 20px 0 10px 0;
}

.sb-post-block{
	margin: 0 0 10px 0;
	clear: both;
	display: block;
	height: 75px;
	text-decoration: none;
}

.sb-post-thumb img{
	width: 125px;
	height: 70px;
}

.sb-post-thumb{
	float: left;
	box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2);
	margin: 0 12px 0 0;
	border: 1px solid #cccccc;
	position: relative;
	width: 125px;
}

.sb-post-title{
	float: right;
	width: 140px;
	color: #333333;
	font-size: 15px;
}

.sb-post-date{
	float: right;
	width: 140px;
	font-size: 11px;
	color: #888888;
	padding-top: 2px;
}

.sb-post-block:hover .sb-post-thumb, .sb-post-block:hover .sb-video-thumbnail{
	border: 1px solid #0096ff;
}


.sb-post-block:hover .sb-post-title{
	color: #0096ff;
}

.sidebar-tabs {
	width: 60px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: rgb(44,83,158);
	background: -moz-linear-gradient(-45deg, rgba(44,83,158,1) 40%, rgba(66,43,106,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(40%,rgba(44,83,158,1)), color-stop(100%,rgba(66,43,106,1)));
	background: -webkit-linear-gradient(-45deg, rgba(44,83,158,1) 40%,rgba(66,43,106,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(44,83,158,1) 40%,rgba(66,43,106,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(44,83,158,1) 40%,rgba(66,43,106,1) 100%);
	background: linear-gradient(135deg, rgba(44,83,158,1) 40%,rgba(66,43,106,1) 100%);
}

#sidebar .tab {position: relative; }
#sidebar .tab a {color: #6d9fff ; display: block; margin: 20px 0 0 12px;}
#sidebar .tab a:hover {color: #ffffff;}
#sidebar .tab a.active {color: #ffffff; }

#sidebar .sb-tooltip{
	display: none;
	position: absolute;
	top: 0;
	right: 120%;
	z-index: 10;

	background: #2d3339;
	color: #fff;
	font-weight: bold;
	padding: 10px 12px 12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	text-align: right;
}

#sidebar .sb-tooltip:before{
	content: "";
	width: 0px;
	height: 0px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	border-left:10px solid #2d3339; 
	position: absolute;
	top: 10px;
	right: -10px;
}

#sidebar .tab a:hover span{ display: block; }

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

*	Footer

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

#footer{
	width: 1100px;
	margin: 0 auto;
	padding: 25px 0 0 0;
}

.footer-list {
	display:inline;
	float:left;
	margin: 0;
	width: 150px;
	padding-right: 25px;
	color: #e1e1e1;
}

.footer-list ul {
	margin-bottom:10px;
	list-style: none;
}

.footer-list ul li {
	clear:left;
	margin: 0 0 0 0;
	padding: 2px 0;
	font-size: 12px;
}

.footer-list ul li a {
	color:#e1e1e1;
	text-decoration:none;
}

.footer-list ul li a:hover {
	color: #00B6FF;
	text-decoration: none;
	padding-bottom: 1px;
}

div.footer-list h4 {
	color:#999999;
	display:block;
	font-family:"Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	font-size:14px;
	font-weight: bold;
	margin:0 0 7px 0;
}

#footer-legal{
	clear: both;
	margin: 30px 0;
	color: #e1e1e1;
}

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

*	Footer Newsletter

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

#scrolltriggered {
display:none;
position:fixed;
z-index:1000;
bottom:-192px;
background-color:#FFF;
-webkit-box-shadow:0 0 0 10px rgba(0,0,0,0.1);
-moz-box-shadow:0 0 0 10px rgba(0,0,0,0.1);
box-shadow:0 0 0 10px rgba(0,0,0,0.1);
width:300px;
right:10px;
}

#scrolltriggered #inscroll {
background-color:#FFF;
font-size:12px;
color:#696969;
font-family:Tahoma,Geneva,sans-serif;
padding:0 15px 10px;
}

#scrolltriggered #inscroll h5 {
font-family:Arial,Helvetica,sans-serif;
color:#2e2e2e;
font-size:18px;
background-color:#f0f0f0;
border-bottom:1px dashed #376378;
display:block;
margin:0 -15px 10px;
padding:10px 35px 5px 15px;
}

#scrolltriggered #inscroll p {
font-size:16px;
}

#scrolltriggered #inscroll ul {
font-size:14px;
margin:10px 0;
padding:0;
}

#scrolltriggered #inscroll ul li {
list-style:none;
font-size:14px;
background:url(http://shokzguide.com/images/footer/checkmark.png) 0 6px no-repeat;
line-height:17px;
padding:0 0 0 25px;
}

#scrolltriggered #inscroll ul.stb_social {
overflow:hidden;
clear:both;
margin:10px -7px 0 0;
}

#scrolltriggered #inscroll ul.stb_social li {
float:left;
list-style:none;
background:none;
height:30px;
margin:0 7px 0 0;
padding:0;
}

#scrolltriggered #inscroll ul.stb_social li.fb.standard {
width:45px;
overflow:hidden;
}

#scrolltriggered #inscroll ul.stb_social li.twitter.regular {
width:80px;
}

#scrolltriggered #inscroll ul.stb_social li.google.medium {
width:60px;
}

#scrolltriggered #inscroll ul.stb_social li.fb.box_count,#scrolltriggered #inscroll ul.stb_social li.google.tall,#scrolltriggered #inscroll ul.stb_social li.twitter.vertical,#scrolltriggered #inscroll ul.stb_social li.linkedin.top,#scrolltriggered #inscroll ul.stb_social li.stumbleupon.s5,#scrolltriggered #inscroll ul.stb_social li.pinterest.vertical {
height:66px!important;
}

#scrolltriggered form {
overflow:hidden;
margin:10px 0 0;
}

#scrolltriggered form input {
line-height:30px;
background-color:#e5e5e5;
-webkit-border-radius:5px;
border-radius:5px;
color:#7a7a7a;
display:block;
float:left;
border:solid 1px #c3c5c6;
width:57%;
outline:none;
height:30px;
padding:0 10px;
}

#scrolltriggered form input.submit,#scrolltriggered form input[type=submit] {
background-color:#2572E0!important;
width:33%!important;
height:32px!important;
cursor:pointer;
float:right!important;
color:#FFF!important;
}

#scrolltriggered form input.submit:hover,#scrolltriggered form input[type=submit]:hover {
background-color:#458ef5!important;
}

#scrolltriggered #closebox {
z-index:1001;
position:absolute;
top:8px;
right:8px;
background-color:#f2efef;
width:20px;
height:20px;
color:#424242;
font-size:13px;
line-height:18px;
font-family:Tahoma,Geneva,sans-serif;
text-align:center;
text-decoration:none;
-webkit-border-radius:10px;
border-radius:10px;
-webkit-box-shadow:0 0 0 4px #d3d2d2;
box-shadow:0 0 0 4px #d3d2d2;
}

#scrolltriggered #stbMsgArea {
display:none;
margin:0;
padding:10px 0 0;
}