@charset "utf-8";

/* Fonts */
body {
	font-family: 'PT Sans', sans-serif;
}
nav, #nav, h3, .buyLinks a, .one-social {
	font-family: 'BenchNine', sans-serif;
}

/* General Styles */
a {
	text-decoration: none;
	cursor: pointer;
}
body {
	background-color: #f6f1d2;
	text-align: center;
	margin: 0px;
	padding: 50px 0px 0px;
	font-size: 18px;
	line-height: 27px;
	color: #FFF;
}
h1 { font-size: 25px; }
h3 {text-transform: uppercase; letter-spacing: 2px; font-size: 28px; font-weight: normal;}
img.fullwidth { width: 90%; margin: 0 auto 20px; height: auto; display: block;}
img.mediumwidth {width: 70%; margin: 0 auto; height: auto; display: block;}
img.padded {margin: 30px auto;}

.videoshell {margin: 30px auto 50px;
	max-width: 700px;}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Nav */
nav, #nav {
	background: #000;
  display: block;
  left: 0;
	margin: 0px auto;
	position: fixed;
  right: 0;
	text-align: center;
  top: 0;
	width: 100%;
  z-index: 1000;
	height: 63px;
}
nav ul.logo, #nav ul.logo { background-image: url(images/arc-large.png); background-repeat: no-repeat; background-position: 4% 19px;
background-size: 36% auto; }
nav ul, #nav ul { margin: 0px 5% 0px 5%; }
nav ul, #nav ul { padding: 0px 0 0 35%; }
nav ul li, #nav ul li {
	display: inline-block;
	margin: 0px 5px;
}
nav ul li a, #nav ul li a {
	color: #f2de9d;
	font-size: 23px;
	padding: 20px 15px;
	text-transform: uppercase;
	letter-spacing: 2px;
	display: inline-block;
	line-height: 23px;
}
nav ul li .active, #nav ul li .active,
nav ul li a:hover, #nav ul li a:hover {
	background-image: url(images/triangle.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

/* Sections */
#askthunderhead {
	background-image: url(images/book-2-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 55% auto;
	background-attachment: fixed;
	padding: 20px 0 60px;
}
.main-content {margin: 30px 5% 30px 40%;}
.main-content p {color: #000;
max-width: 800px; margin: 20px auto; }
.center-ask p {padding: 0 5%;}

table img {display: block;}
.top-ask {background-image: url(images/upper.png);background-repeat: repeat-x;}
.lower-ask {background-image: url(images/lower.png);background-repeat: repeat-x;}
.left-ask {background-image: url(images/left.png);background-repeat: repeat-y;}
.right-ask {background-image: url(images/right.png);background-repeat: repeat-y;}
.center-ask { background-color: #154340;}
.center-ask b { color: #f6f3d2; font-size: 22px; }

#myQuestion {background-color: #000; color: #FFF; padding: 10px 20px; margin: 15px auto; display: block; border: 0; font-size: 18px;  width: 80%; text-align: center;}
#submit { 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,a50002+100 */
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top, #000000 0%, #a50002 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #000000 0%,#a50002 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #000000 0%,#a50002 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#a50002',GradientType=0 ); /* IE6-9 */
	font-weight: bold; text-transform: uppercase; 
	color: #FFF; font-size: 21px; 
	letter-spacing: 2px; padding: 10px 25px; 
	border-top: 3px solid #900; 
	border-right: 3px solid #900; 
	border-left: 3px solid #d2cfae; 
	border-bottom: 3px solid #d2cfae; 
	cursor: pointer; border-radius: 7px;
	text-shadow: 0px 0px 5px #000;
	margin: 10px auto 30px;
}
p.note {font-size: 15px; color: #444; font-style: italic; padding: 0 10%;}

#books { background-color: #63686b; padding: 100px 50px; background-image: url(images/right-angles.jpg); background-position: top right; background-repeat: no-repeat; background-attachment: fixed;}
.bookCol, .textCol { display: inline-block; vertical-align: top;}
.bookCol { clear: both; width: 25%; max-width: 469px; margin-right: 5%;}
.bookCol img {width: 100%; height: auto;}
.textCol { width: 45%; max-width: 700px; text-align: left; color: #FFF;}
.buyLinks {width: 75%; margin: 30px auto 70px; border-radius: 20px; background-color: #0f1525; padding: 15px; color: #317270; font-weight: bold; }
.buyLinks a { color: #FFF; text-transform: uppercase; letter-spacing: 2px; font-weight: normal; }
.buyLinks.red {background-color: #310606; color: #ad0e14;}
.buyLinks a:hover, .buyLinks.red a:hover { color: #f2de6a; }
.buyLinks.purple {background-color: #191e41; color: #9995aa;}



#author { background-color: #0f1525; padding: 80px 50px 120px;}
#author .bookCol img { max-width: 200px; }

#footer {background-color: #090311; padding: 40px; color: #cecba6; border-top: 1px solid #f4eeca;}
.oneThird { display: inline-block; vertical-align: top; width: 300px; margin: 20px 2%; font-size: 14px;}
.oneThird a { color: #FFF; font-weight: bold;}
.oneThird h4 { color: #FFF; font-weight: bold; margin: -20px 0 10px; text-transform: uppercase; letter-spacing: 2px; font-size: 17px;}
.sharing a {width: 30px;
height: 30px;
display: inline-block;
margin: 0 7px;
background-color: #d2cfae;
border-radius: 50%;
line-height: 36px;
padding: 8px 5px 2px;}
.sharing a:hover {box-shadow: 0px 0px 10px #FFF;}
#theQuestion { font-size: 24px;
padding: 20px; font-weight: bold;}
.youasked { color: #dde7bb; text-transform: uppercase; font-size: 16px;  }
#myShares {margin-top: 30px;}
#myShares a, a.whitelink { display: inline-block; background-color: #2d5554; width: 100px; border-radius: 10px; color: #ebeab2;  text-align: left; padding: 10px 60px 10px 20px; margin: 20px 10px 10px; line-height: 1.0em;}
a.fb-share, a.tw-share, a.em-share { background-position: 84% center; background-repeat: no-repeat; background-size: auto 45px; }
a.fb-share {background-image: url(images/facebook-sm.jpg);}
a.tw-share {background-image: url(images/twitter-sm.jpg);}
a.em-share {background-image: url(images/mail-sm.jpg);}
#myShares a.dl-share { width: 60%;  padding: 10px; text-align: center; margin: 10px auto;}
a.whitelink { width: 50%;  background-color: #8b1618; color: #FFF; text-align: center; padding: 10px; font-weight: bold; text-shadow: 2px 2px 5px #000;}
#myShares a:hover, a.whitelink:hover {box-shadow: 0px 0px 10px #000;}

.one-social { display: inline-block; text-align: center; background-color: #000; background-color: rgba(0,0,0,.6); border-radius: 20px; padding: 20px; width: 65px; vertical-align: top; margin: 0 10px 20px 0; color: #78cac5; text-transform: uppercase; letter-spacing: 2px;}
.one-social img { display: block; margin: 0 auto 10px; height: 25px; width: auto; opacity: .6;}
.one-social a { color: #CCC; font-size: 15px;}
.one-social img:hover { opacity: 1.0;}

.burst img {position: absolute; left: 11%; top: 55vh;}

#choose { background-color: #e6da9d; padding: 100px 0 70px; color: #000;}
#choose p { width: 90%; max-width: 700px; margin: 0 auto 50px; }
.one-choose { width: 400px; display: inline-block; vertical-align: top; margin: 0 5% 60px;}
.one-choose a { 
	background-image: url(images/download.png); color: #000;  text-transform: uppercase; font-size: 15px; display: inline-block;
	width: 72px; text-align: left; padding: 10px 0 10px 25px; background-repeat: no-repeat; background-size: auto 16px; 
	background-position: 0px 12px; 
}
#choose p a { color: #204450; font-weight: bold; }
#choose p a:hover { color: #4e8288; }
.one-choose a.tweet { background-image: url(images/twitter.png); }
.one-choose a.fb { background-image: url(images/facebook.png); }

/* VERY LARGE Styles */
@media only screen and (min-width: 1600px) {
	nav ul.logo, #nav ul.logo { background-image: url(images/arc-large.png); 
	background-repeat: no-repeat; background-position: 10% 15px; 
	background-size: auto 50%;
}
	#askthunderhead {
	background-image: url(images/book-2-large.jpg);
}
}

/* Medium Styles */
@media only screen and (max-width: 1150px) {
	nav ul.logo, #nav ul.logo {
    	background-position: 5% 23px;
	}
}

/* Tablet Styles */
@media only screen and (max-width: 836px) {
	nav ul, #nav ul {
    	padding: 0px 0 0 0%;
	}
	nav ul.logo, #nav ul.logo {
		background-image: none;
	}
	#askthunderhead {
   	 	background-image: none;
    	padding: 20px 0 60px;
	}
	.burst img {display: none;}
	.main-content {
    	margin: 30px 5% 30px 5%;
	}
	.textCol {
    	width: 60%;
	}
	.bookCol {
    	width: 30%;
	}
	.one-social {
        padding: 20px 10px;
    	width: 50px;
	}
}

/* Phone Styles */
@media only screen and (max-width: 1140px) {
	.mtext {display: none;}
}
@media only screen and (max-width: 505px) {
	
	.bookCol, .textCol {
		display: block;
		vertical-align: top;
		width: 80%;
		margin: 30px auto;
	}
	h2 img { width: 100%; height: auto; }
	.buyheader { display: block; text-align: center;}
	#books { background-size: 30% auto; }
	.one-social { padding: 20px 10px; width: 75px; }



}