@charset "UTF-8";
/* CSS Document */
/*
Theme Name: panic
Theme URI: http://www.josephrtravis.com
Description: Child theme of blankslate. It attempts to simulate the user interface for the Hitchhiker's Guide to the Galaxy.
Author: Joseph Travis
Author URI: http://www.josephrtravis.com/static
Template: blankslate
Version: 1.0.0
*/

@import url("../blankslate/style.css");

@font-face {
	font-family:"Destructo Beam";
	src:url(fonts/destructobeambb_reg.ttf);
}

html {
	padding:0;
	margin:0;
	font-size:100%;
	font-family:Arial, Verdana, Helvetica, san-serif;
	background:gray;
}

/* header styles*/

#header {
	margin-left:auto;
	margin-right:auto;
	padding:1em 1em;
}

/* body styles*/

body {
	width:95%;	
	max-width:1400px;
	height:95%;
	background:#b0acba url(images/background-steel.jpg) repeat;
	overflow-x:hidden;
	border-radius:24px;
	margin:auto;
	margin-top:2.5%;
}

/* wrapper styles */

#wrapper {
	max-width:1300px;	
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

/* content window styles */

img {
	max-width:100%;
}

h1 {
    font-size: 175%;
    font-weight: bold;
}

h2 {
	font-size:140%;
    font-weight: bold;
}

.postmeta span {
	font-style:italic;
}

.lynda .postmeta p {
	font-size:small;
}

hr { 
    margin: 1.5em 3%;
} 
 
#accordion{
    list-style: none;
}

#accordion h3{
    margin: 0px;
	font-weight:bold;
}

#accordion li div.content{
	display: none;
    padding: 10px;
}


#accordion li:hover div.content, #accordion li:focus div.content{
    display: inherit;
}

.more-link {
	display:none;
}

.more, .nav-previous a, .nav-next a {
    margin: 3%;
    padding: 8px;
    border: 2px solid;
    border-radius: 24px;
}

.wpcf7-submit, .search-submit, .submit {
    padding: 8px;
	color:white;
	background:black;
    border: 2px solid;
    border-radius: 24px;
}


.search-field {
	margin-right: .5em;
	padding: .75em;
	max-width: 100%;
}

.page-item-2 {
	display: none;
}

.search-form {
	margin:3%;
}

.screen-reader-text {
	position:relative  !important;
}

.wpcf7-response-output {
	color: white;
}

#faq-questions {
	padding-bottom:50px;
}

ul {
	margin:0;
	padding:0;
}

#block-navigation {
	margin:1em;
}

#block-navigation img{
	margin:.5em;
}

.pagenav {
	list-style:none;
	text-align:center;
	color:black;
}

#inner-navigation {
	list-style:none;
	text-align:center;
	margin:1em;
}

#inner-navigation li{
	list-style:none;
	margin:0;
	margin-right:15px;
	padding:8px;
	padding-left:12px;
	border-radius:24px;
	border:2px solid white;
	display:inline-block;
}

#inner-navigation ul {
	margin:0;
	padding:0;
	padding-left:20px;
	padding-top:20px;
	border:0px solid white;
}

#inner-navigation a {
	font-size:large;
}

.menu-book {
	display:none;
}

.nav-previous {
	text-align:left;
}

.nav-next {
	text-align:right;
}

a {
	cursor:url(images/finger.png), auto;
	font-size:x-large;
}

.search-submit, .wpcf7-submit, .submit {
	cursor:url(images/finger.png), auto;
	font-size:medium;
}

.post_before_after a, .postmeta a, .logged_in_as a {
	font-size:100%;
}

.post_before_after {
	margin:15px;
}

.submit {
	cursor:url(images/finger.png), auto;
}

a:link {
	color: white;
	text-decoration: none;
	text-shadow: 2px 2px 4px #000000;
}

a:visited {
	color:white;
}

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

a:active {
	color: red;
}

.wpcf7-submit:hover, .search-submit:hover, .submit:hover {
	text-decoration: none;
	color:#920d10;
}

.wpcf7-submit:active, .search-submit:active, .submit:active {
	color: red;
}

.menu a:hover {
	color:red;
}

.menu a:active {
	color: red;
	text-shadow:none;

}

#faq-answers a:visited {
	color:white;
}

.sources a{
	color: green;
	text-decoration:underline;
}

#faq-answers a:hover, .sources a:hover {
	color:#920d10;
	text-decoration: none;
}

#faq-answers a:active, .sources a:active {
	color: red;
	text-decoration: none;
}

.source a{
	color: green;
	text-decoration: underline;
}

.entry-content h1, h2, h3, p, li {
	color:white;
	margin:1em 3% 1em;
	line-height:125%;
}

#accordion p {
	font-size:88%;
	line-height: 120%;
	margin:0;
}

.attachment-thumb {
	margin:0 3% 3%;
}

.book-text {
	width:372px;
	font-size:90%;
	line-height: 120%;
}


#character-text {
	z-index:10;
	line-height: 120%;
}

.small-text{
	font-size:88%;
	line-height: 120%;
}

#gallery-page .lynda {
    display: inline-block;
	width: 30%;
	margin-left: 2%;
	margin-bottom: 2em;
}

.galleries {
	padding: 0;
	margin: 0;
	text-align: center;
}

.galleries img {
	height: 144px;
	width: 200px;
}

.galleries h2 {
    text-align: center;
    margin: 0;
}

.gallery-item {
    margin-top: 3% !important;
	width: 33% !important;
}

.gallery-item img {
    width: 80%;
    height: 80%;
}

.gallery-caption {
    display: none;
}

.entry-title {
    text-align: left;
}

.entry-title a {
    padding: 8px;
    color: white;
    background: black;
    border: 2px solid;
    border-radius: 24px;
}

.attachment {
    text-align: center;
}

.attachment img {
    height: 50%;
}

.entry-caption {
    font-size: x-large;
    font-weight: bold;
}

.see-more h2 {
    font-size: x-large;
}

/* home page ^ home page sidebar styles */

#home .entry-content {
    float: left;
    width: 65%;
}

.header {
    font-size: 90%;
}

#sidebar3, #sidebar4 {
    float: right;
    background-color: gray;
    padding: 1em;
    margin: 1em 1em;
	width: 25%;
}

#sidebar3 h1, #sidebar4 h1 {
    margin: 0 0 .75em;
	color:white;
}

#sidebar3 h2 {
    color: black;
    padding: .25em 0;
}

#sidebar3 .lynda, #sidebar4 .lynda  {
    background-color: white;
    color: black;
    padding-bottom: 1.5em;
    margin: 1em 0 .5em;
    padding-left: .25em;
}

#sidebar3 a:link, #sidebar4 a:link  {
    color: black;
    text-shadow: none;
}

#sidebar3 a:visited, #sidebar4 a:visited {
	color:black;
}

#sidebar3 a:hover, #sidebar4 a:hover {
	text-decoration: none;
	color:#920d10;
}

#sidebar3 a:active, #sidebar4 a:active {
	color: red;
}

#sidebar4 h2 {
    color: black;
	padding: .75em 0 0;
}

#sidebar4 .lynda {
	text-align: center;
}

#sidebar4 .more {
    margin: 0;
    padding: 0;
    border: none;
}

#sidebar4 img {
    max-width: 60%;
    height: 75%;
}


/* sidebar styles */

.menu {
	font-family:"Destructo Beam";
	letter-spacing:2px;
	text-align:center;
}

.menu-main-container ul{
	width:34%;
}

/* footer styles */

#footer {
	text-align:center;
    padding: 1em;
}

#footer_thumb img{
	max-width:30%;
}

/* this section deals with positioning */

.anchor {
  padding: .25em .55em;
  color: #fff;
  text-decoration: none;
  border-radius: 1em;
  background: gray;
  background-image: -webkit-radial-gradient(circle, #cccccc, #666666);
  background-image: -moz-radial-gradient(circle, #cccccc, #666666);
  background-image: -ms-radial-gradient(circle, #cccccc, #666666);
  background-image: -o-radial-gradient(circle, #cccccc, #666666);
  box-shadow: 3px 3px 5px grey;
}
     
.anchor:hover {
  background-color: #5b5756;
  background-image: -webkit-radial-gradient(circle, #999999, #333333);
  background-image: -moz-radial-gradient(circle, #999999, #333333);
  background-image: -ms-radial-gradient(circle, #999999, #333333);
  background-image: -o-radial-gradient(circle, #999999, #333333);
}

#main-navigation {
	position:relative;
	float:left;
}

.sources {
	position: absolute;
    bottom: 25px;
	left:0;
}

.gps {
	margin-top:12px;
}

#character-text img{
	position:relative;
	float:right;
	margin: 0 0 1.5em 1.5em;
}

.book {
	max-width:40%;
	margin: 0 0 1.5em 1.5em;
}

.clearfix {
	clear:both;
}

/* mobile styles */
@media only screen and (max-width:480px) {

/* header styles*/

.large-header {
	display: none;
}

#header {
	padding:.5em 1em 1em;
}

/* header menu anchor styles */

.anchor {
  padding: .25em .55em;
  color: #fff;
  text-decoration: none;
  border-radius: 1em;
  background: gray;
  background-image: -webkit-radial-gradient(circle, #cccccc, #666666);
  background-image: -moz-radial-gradient(circle, #cccccc, #666666);
  background-image: -ms-radial-gradient(circle, #cccccc, #666666);
  background-image: -o-radial-gradient(circle, #cccccc, #666666);
  box-shadow: 3px 3px 5px grey;
}
     
.anchor:hover, .anchor:focus {
  background-color: #5b5756;
  background-image: -webkit-radial-gradient(circle, #999999, #333333);
  background-image: -moz-radial-gradient(circle, #999999, #333333);
  background-image: -ms-radial-gradient(circle, #999999, #333333);
  background-image: -o-radial-gradient(circle, #999999, #333333);
}

a.anchor{
	font-size:medium;
}

/* body styles*/

body {
	width:98%;	
	height:98%;
	border-radius:12px;
	margin-top:1%
}

body {
	min-width:310px;
}
/* content window styles */

#content {
	position:relative;
	width:100%;
	background-color:black;
	float:right;
	padding:0 0 2em;
}

#content-gps {
	position:relative;
	width:100%;
	background-color:black;
	background-image: url(images/galaxy-sm.gif);
	background-repeat: no-repeat;
    background-position: left;
	min-height:20em;
	float:right;
	padding:0 0 2em;
}

#content-gps h1 {
	font-size: 100%;
	margin:0px 15px 15px;
}

#content-gps a {
	padding: .25em 100% 15em;
}

.planet {
	position:relative;
	float:right;
	max-width:75%;
}

.search-form {
	margin:15px;
}

.entry-content h1, h2, h3, p {
	margin:15px 15px 15px;
}

#accordion h3 {
    margin: .25em;
}

a {
  font-size:large;
}

.more, .nav-previous a, .nav-next a {
	font-size:small;
}

#block-navigation {
	text-align:center;
	margin:0 1em 0 1em;
}

#block-navigation img{
	margin:.75em 0;
}

#inner-navigation ul {
	margin: 0;
	padding: 1em 0;
	border-radius: 0 0 24px 24px;
    border: 2px solid white;
	padding-bottom: 1em;
}

#inner-navigation li {
	border:none;
	margin:0;
	padding:1em;
}

.menu-book {
	position: relative;
    display: inline-block;
	color:white;
	text-shadow: 2px 2px 4px #000000;
	margin: 0;
    padding: 1em;
}
     
.dropdown:hover, .dropdown:focus {
	border-radius:24px 24px 0 0;
	background-color: #5b5756;
	background-image: -webkit-radial-gradient(circle, #999999, #333333);
	background-image: -moz-radial-gradient(circle, #999999, #333333);
	background-image: -ms-radial-gradient(circle, #999999, #333333);
	background-image: -o-radial-gradient(circle, #999999, #333333);
}

.dropdown {
    position: relative;
    display: inline-block;
	border-radius: 24px;
    border: 2px solid white;
	background: gray;
	background-image: -webkit-radial-gradient(circle, #aaa6a6, #666666);
	background-image: -moz-radial-gradient(circle, #aaa6a6, #666666);
	background-image: -ms-radial-gradient(circle, #aaa6a6, #666666);
	background-image: -o-radial-gradient(circle, #aaa6a6, #666666);
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: black;
	margin: 0;
	z-index: 1;
}

.dropdown:hover .dropdown-content, .dropdown:focus .dropdown-content  {
    display: block;
}

.dropdown-content a {
	text-align: center;
	text-shadow: none;
}

.wpcf7-form-control, #comment{
	max-width: 98%;
}

.wpcf7-submit{
	max-width:25%;
}

#character-text img{
	position:relative;
	float:none;
	margin:0;
	margin-bottom:5%;
}

#character-text h1{
	font-size: 150%;
}

.book {
	max-width:70%;
	padding:0 15%;
}

#gallery-page .lynda {
    width: 100%;
}

.galleries img {
	max-height: 12em;
	width: 75%;
	max-width: 225px;
}

.gallery-item {
    width: 50% !important;
}

/* home page ^ home page sidebar styles */

#home .entry-content {
	float:none;
    width: 100%;
}

#sidebar3, #sidebar4 {
    margin: auto;
    float: none;
    width: 65%;
    margin-top: 2em;
}

#sidebar3 h1, #sidebar4 h1{
	font-size: 150%;
}


/* sidebar styles */

#sidebar {
	display: none;
}

/* footer menu styles */

.menu-main-container ul{
	width:100%;
}

.menu-main-container a:link, .menu-main-container a:visited {
	color: #ff1b00;
	margin: 0 0 .8em;
}

.menu a:link, .menu a:visited {
	color: #ff0000;
	margin: .5em 0 1.25em;
	padding:.6em;
	text-decoration: none;
	background: #660000;
	background-image: -webkit-linear-gradient(top, #660000, #990000, #660000);
	background-image: -moz-linear-gradient(top, #660000, #990000, #660000);
	background-image: -ms-linear-gradient(top, #660000, #990000, #660000);
	background-image: -o-linear-gradient(top, #660000, #990000, #660000);
	display:block;
}

.menu a:hover {
	color:red;
}

.menu a:active {
	color: red;
	text-shadow:none;
}

#footer_thumb img {
	width:25%;
}

#copyright {
	font-size:75%;
}

}

/* tablet styles */
@media only screen and (min-width:481px) and (max-width:768px) {

/* header styles*/

.small-header {
	display: none;
}

#header {
	text-align:center;
    padding: 1em 1em 0;
}

/* header menu anchor styles */

.anchor {
	display: none;
}

/* wrapper styles */

#wrapper {
	width:95%;
	margin-left:auto;
	margin-right:auto;
}


/* body styles */

body {
	min-width:520px;
}

a {
  font-size:medium;
}

/* content window styles */

#content {
	position:relative;
	width:72%;
	background-color:black;
	float:right;
	padding: 0 0 2em;
}

#content-gps {
	position:relative;
	width:72%;
	background-color:black;
	background-image: url(images/galaxy-sm.gif);
	background-repeat: no-repeat;
    background-position: left;
	min-height:20em;
	float:right;
	padding:0 0 2em;
	background-size: 120%;
}

#content-gps h1 {
	font-size: 100%;
	margin:0px 15px 15px;
}

#content-gps a {
    padding: .25em 100% 18em;
}

.planet {
	position:relative;
	float:right;
	max-width:50%;
}

.entry-content h1, h2, h3, p, li {
    margin: 1em 4% 1em;
}

#character-text img {
    max-width: 50%;
}

#block-navigation img {
    margin: .5em;
    max-width: 45%;
}

#inner-navigation {
    text-align: left;
}

#inner-navigation ul {
	margin: 0;
	padding: 1em 0;
	border-radius: 0 0 24px 24px;
    border: 2px solid white;
	padding-bottom: 1em;
}

#inner-navigation li {
	border:none;
	margin:0;
	padding:1em;
}

.menu-book {
	position: relative;
    display: inline-block;
	color:white;
	text-shadow: 2px 2px 4px #000000;
	margin: 0;
    padding: 1em;
}
     
.dropdown:hover, .dropdown:focus {
	border-radius:24px 24px 0 0;
	background-color: #5b5756;
	background-image: -webkit-radial-gradient(circle, #999999, #333333);
	background-image: -moz-radial-gradient(circle, #999999, #333333);
	background-image: -ms-radial-gradient(circle, #999999, #333333);
	background-image: -o-radial-gradient(circle, #999999, #333333);
}

.dropdown {
    position: relative;
    display: inline-block;
	border-radius: 24px;
    border: 2px solid white;
	background: gray;
	background-image: -webkit-radial-gradient(circle, #aaa6a6, #666666);
	background-image: -moz-radial-gradient(circle, #aaa6a6, #666666);
	background-image: -ms-radial-gradient(circle, #aaa6a6, #666666);
	background-image: -o-radial-gradient(circle, #aaa6a6, #666666);
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: black;
	margin: 0;
	z-index: 1;
}

.dropdown:hover .dropdown-content, .dropdown:focus .dropdown-content  {
    display: block;
}

.dropdown-content a {
	text-align: center;
	text-shadow: none;
}

#gallery-page .lynda {
    width: 45%;
}

.gallery-item {
    width: 50% !important;
}

.galleries img {
    height: 120px;
    width: 160px;
}

/* home page ^ home page sidebar styles */

#home .entry-content {
	float:none;
    width: 100%;
}

#sidebar3, #sidebar4 {
    margin: auto;
    float: none;
	width: 80%;
    margin-top: 2em;
	text-align: center;
}

#sidebar3 h1, #sidebar4 h1{
	font-size: 150%;
}

#sidebar3 .lynda {
    display: inline-block;
	margin: .26em;
	text-align: center;
	width: 27%;
}

#sidebar4 .lynda {
    text-align: none;
}

#sidebar3 h2 {
	font-size: medium;
	height: 4em;
}

#sidebar4 h2 {
    width: 45%;
	text-align: left;
	float: left;
}

#sidebar4 img {
    max-width: 35%;
    height: 75%;
    margin: 1.5em 0 0;
}


/* sidebar styles */

.menu-main-container ul{
	width:34%;
}

.menu a:link, .menu a:visited {
	color: #ff0000;
	margin-bottom: 1.75em;
	padding: .8em 11% ;
	text-decoration: none;
	background: #660000;
	background-image: -webkit-linear-gradient(top, #660000, #990000, #660000);
	background-image: -moz-linear-gradient(top, #660000, #990000, #660000);
	background-image: -ms-linear-gradient(top, #660000, #990000, #660000);
	background-image: -o-linear-gradient(top, #660000, #990000, #660000);
	max-width: 50%;
	display:block;
}

.menu a:hover, .menu a:active {
	color: red;
	text-shadow:none;
}

/* footer menu styles */

#footer-menu {
	display: none;
}

#footer_thumb img {
	max-width:15%;
}

#copyright {
	font-size:75%;
}

}

@media only screen and (min-width:651px) and (max-width:768px) {

#content-gps {
	padding: 0 0 3.5em;
	background-size: 110%;
}



}

/* desktop styles */
@media only screen and (min-width:769px) {

/* header styles*/

.small-header {
	display: none;
}

#header {
	text-align:center;
}

/* header menu anchor styles */

.anchor {
	display: none;
}

/* body styles */

body {
	min-width:955px;
}

/* content window styles */

#content {
	position:relative;
	width:70%;
	min-height:34em;
	background-color:black;
	float:right;
	padding:0 0 2em;
}

.planet {
	position:relative;
	float:right;
	max-width:60%;
}

#block-navigation {
	text-align:none;
	margin:1em;
}

#block-navigation img{
	margin:.5em;
	max-width:29.75%;
}

/* home page ^ home page sidebar styles */

.header {
    font-size: 80%;
}

/* footer menu styles */

#footer-menu {
	display: none;
}

}

@media only screen and (min-width:769px) and (max-width:1150px) {

/* wrapper styles */

#wrapper {
	width:95%;
	margin-left:auto;
	margin-right:auto;
}

/* content window styles */

#content {
	position:relative;
	width:73%;
	min-height:34em;
	background-color:black;
	float:right;
	padding:0 0 1em;
}

#content-gps {
	position:relative;
	width:73%;
	min-height:34em;
	background-color:black;
	background-image: url(images/galaxy.gif);
	background-repeat: no-repeat;
    background-position: center;
	float:right;
	padding:0 0 1em;
}

#content-gps h1 {
	font-size: 125%;
	margin:0px 15px 15px;
}

#content-gps a {
	padding: .25em 100% 26.5em;
}

a {
	font-size:large;
}

.more, .nav-previous a, .nav-next a {
	font-size:small;
}

#inner-navigation li li{
	list-style:none;
	margin:0;
	margin-right:15px;
	padding:8px;
	border-radius:24px;
	border:2px solid white;
	display:inline-block;
}

#inner-navigation ul {
	margin:0;
	padding:.5em;

}

#inner-navigation a {
	font-size:medium;
}

/* sidebar styles */

.menu a:link, .menu a:visited {
	color: #ff0000;
	margin-bottom: 1.75em;
	padding: .8em 11% ;
	text-decoration: none;
	background: #660000;
	background-image: -webkit-linear-gradient(top, #660000, #990000, #660000);
	background-image: -moz-linear-gradient(top, #660000, #990000, #660000);
	background-image: -ms-linear-gradient(top, #660000, #990000, #660000);
	background-image: -o-linear-gradient(top, #660000, #990000, #660000);
	max-width: 50%;
	display:block;
}

.menu a:hover, .menu a:active {
	color: red;
	text-shadow:none;
}

}


@media only screen and (min-width:1151px) {

/* wrapper styles */

#wrapper {
	max-width:1300px;	
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

/* body styles*/

body {
	min-width:1200px;
}

/* content window styles */

#content {
	position:relative;
	width:70%;
	min-height:34em;
	background-color:black;
	float:right;
	padding:0 0 2em;
}

#content-gps {
	position:relative;
	width:70%;
	min-height:34em;
	background-color:black;
	background-image: url(images/galaxy.gif);
	background-repeat: no-repeat;
    background-position: center;
	float:right;
	padding:0 0 2em;
}

#content-gps h1 {
	font-size: 125%;
	margin:0px 15px 15px;
}

#content-gps a {
	padding: .25em 100% 19.75em;
}

a {
	font-size:x-large;
}

.more, .nav-previous a, .nav-next a {
	font-size:small;
}

#inner-navigation li li{
	list-style:none;
	margin:0;
	margin-right:15px;
	padding:8px;
	border-radius:24px;
	border:2px solid white;
	display:inline-block;
}

#inner-navigation ul {
	margin:0;
	padding:0;
	padding-left:20px;
	padding-top:20px;
	border:0px solid white;
}

#inner-navigation a {
	font-size:large;
}

.text-full{
	width:100%;
}

/* home page ^ home page sidebar styles */

.header {
    font-size: 90%;
}

/* sidebar styles */

.menu a:link, .menu a:visited {
	color: #ff0000;
	margin-bottom: 1.125em;
	padding: .75em 0 .75em 20%;
	text-decoration: none;
	background-color: none;
	background-image: url(images/nav-button-bar-1.png);
	background-repeat: no-repeat;
	max-width: 60%;
	display:block;
}

.menu a:hover, .menu a:active {
	color: red;
	text-shadow:none;
	background-image: url(images/nav-button-bar-2.png);
	background-repeat: no-repeat;
}

}