/*
Theme Name: Mobile theme
Theme URI: http://ipopcolor.com
Description: author site
Version: 1
Author: Tessa Elwood
Tags: book

## BASICS */
* {margin: 0;}
html,body {margin:0px;padding:0px;
height:100%;} 
body {
text-align:center;  /* because IE7 is picky */
}
#bg { 
position:fixed; 
height:100%;width:100%;
  background: url(i/spbg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.i/spbg.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/spbg.jpg', sizingMethod='scale')";
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #bg {
    background-image: url(i/spbg@x2.jpg);
    background-size: cover;
     -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  }
}
p {margin-bottom:20px;}	
.clearfix:after {
content: "";
display: block;
height: 0px;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}



/* ## LINKS */
a, a:visited {color: #0382b0;text-decoration: none;font-weight:bold;}
a img {border: none;}
a:hover {color: #136e42;text-decoration: none;}
#navtxt a, #navtxt a:visited {color:#0382b0;font-weight:normal;letter-spacing:0px;}
#innavtxt a:hover, #spnavtxt a:hover {color:#795526;}


h2 a:visited, h2 a {color:  #135bb7;text-decoration: none;}
h3 a:visited, h3 a {color:  #135bb7;text-decoration: none;}

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

/* ## LAYOUT */

#everything {z-index:5;}

.bookinfo {font-size:.9em;
line-height:1.1em;
padding:15px 0 15px 0;
margin-bottom: 10px;
border-top:dotted 1px #a9ecf1;
border-bottom:dotted 1px #a9ecf1;}

.star {display:inline-block;
height:28px;width:28px;
 background-image: url(i/star.png);
    background-size: 28px 28px;}
    
 #spname {position:relative;margin:0 auto 15px auto;padding:10px 0 0 0;width:240px;height:102px;
 background: url("i/meagan.png") no-repeat bottom left;}
@media all and (-webkit-min-device-pixel-ratio : 1.5),
 all and (-o-min-device-pixel-ratio: 3/2),
 all and (min--moz-device-pixel-ratio: 1.5),
 all and (min-device-pixel-ratio: 1.5) {
 
 #spname {
    background-image: url(i/meagan@2x.png);
    background-size: 240px 102px;
  }
}

#spname a {display:block;width:240px;height:102px;
position:absolute;top:0px;left:0px;
text-indent: 100%; white-space: nowrap; overflow: hidden;}

#topstuff {width:100%;
position:relative;z-index:20;}
	
#rightstuff {width:100%;z-index:20;
position:relative;}	
	
#quotes {
font-family:BernhardModernStd-Roman, serif;
font-size:1em;
color:#000;
padding:0;
line-height:1.7em;
text-align:right;
text-transform:none;
position:relative;
z-index:1;
}

#quotes h4 {display:none;}

.testimonial_rotator_author_info {display:block; margin-top:10px;font-weight:bold;font-style:italic;text-align:right;}

.socialimg {text-align:center;}
.socialimg img {width:30px;height:30px;margin:3px;}

#latestinfo{
position:relative;margin:0px auto 25px auto;
width:90%;
padding:0 0 8px 0;
color:#136e42;
font-family: 'BernhardGothicBQ-Light';
font-size:1.1em;text-transform:uppercase;
line-height:1.7em;
text-align:center;
border-top:solid 1px #4ebaca;
border-bottom:solid 1px #4ebaca;
}

 #newsletterinfo {
position:relative;margin:13px auto 0 auto;
width:90%;
padding:12px 0 8px 0;
color:#136e42;
font-family: 'BernhardGothicBQ-Light';
font-size:1.1em;text-transform:uppercase;
text-align:center;
border-top:solid 1px #4ebaca;
border-bottom:solid 1px #4ebaca;
 }

#latestinfo .testimonial_rotator_quote {text-align:center;}

#bookmenu {
position:relative;margin:0px auto 25px auto;
width:100%;
padding:0 0 8px 0;
color:#136e42;
font-family: 'BernhardGothicBQ-Light';
font-size:1em;text-transform:uppercase;
line-height:1.7em;
text-align:center;
border-top:solid 1px #4ebaca;
border-bottom:solid 1px #4ebaca;
}
#bookmenu a {display:inline-block;
margin:0 10px;
}

.mobileimg {float:none;margin:0 auto 15px auto;}

#spbooks, #.inbooks {text-align:center;
margin-top:20px;display:block;z-index:20px;position:relative;}

#spbooksmain {position:relative;width:100%;}

#spbooksmain img {
margin:5px auto 10px auto;
width:80%;height:auto;
}

#spbooksmain img.bksm {
margin:0 5px;
width:25%;height:auto;
}

#spbooksmain img.bkmid {
margin:0 5px;
width:45%;height:auto;
}


.inbooks {position:relative;width:100%;text-align:center;}

.inbooks img {
margin:0 5px;
height:150px;
}

.inbooks a:hover img {
 opacity: .5;
 transition: opacity .35s ease-in-out;
 -moz-transition: opacity .35s ease-in-out;
 -webkit-transition: opacity .35s ease-in-out;
 }

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1; /* ie 6/7 */
}

.txtstuff {
font-family: 'BernhardGothicBQ-Light';
font-size:1.2em;
color:#000;
letter-spacing:1px;
line-height:1.5em;
text-align:left;}


.bookfeature {position:relative;width:80%;margin:10px auto;}
.bookfeature img, .bookfeaturepreorder img {width:100%;height:auto;}
.tbs {float:left;width:46%;margin-right:3%;padding:0 30px;}
.starsb {width:320px;margin:0 auto;}
.theother {padding:0 30px;}
.gr {width:36px;height:36px;}

.signed img {width:80px;height:40px;margin:0 8px 8px 0;
opacity: 1.0;
 transition: opacity 1s ease-in-out;
 -moz-transition: opacity 1s ease-in-out;
 -webkit-transition: opacity 1s ease-in-out;}
 .signed img.gr {width:36px;height:36px;}
.signed a:hover img {
 opacity: .5;
 transition: opacity .55s ease-in-out;
 -moz-transition: opacity .55s ease-in-out;
 -webkit-transition: opacity .55s ease-in-out;
 }

.prebuy {display:block;margin-bottom:8px;font-style:italic;}
.social {text-align:center;margin:0 auto;margin:10px;}
.social img {
width:30px;height:30px;
margin:0 8px 0px 0;
opacity: 1.0;
 transition: opacity 1s ease-in-out;
 -moz-transition: opacity 1s ease-in-out;
 -webkit-transition: opacity 1s ease-in-out;}
.social a:hover img {
 opacity: .5;
 transition: opacity .55s ease-in-out;
 -moz-transition: opacity .55s ease-in-out;
 -webkit-transition: opacity .55s ease-in-out;
 }

#navtxt {
position:relative;
color:#0382b0; padding:4px 0 12px 0;
font-family: 'BernhardGothicBQ-Light';
font-size:1.2em;text-transform:uppercase;
text-align:left;
letter-spacing:0px;
border-bottom:solid 1px #4ebaca;
z-index:99;}

#navtxt a {margin:0px 5px;}

/* begin menu */

	#navtxt ul {
	position:relative;
 font-family: 'BernhardGothicBQ-Light';
font-weight:normal;font-size:1.3em;
color:#0382b0;
text-align:right;
letter-spacing:0px;
line-height:1.7em;
text-transform:uppercase;
margin:0;
z-index: 99;
	}
	
	#navtxt li {display: inline-block;
	font-family: 'BernhardGothicBQ-Light';
	    line-height: 30px; 
	    height: 30px; 
	    margin: 0; padding: 0 0; 
	    position: relative;
	    z-index: 99;
	}
	#navtxt li a  {
	    display: block;
	    height: 30px;
	    line-height: 30px;
	   padding: 0 5px;
	}
	#navtxt .current-menu-item a:visited, #navtxt .current_page_item a:visited, #navmenu a:visited {	    
	color: #136e42;}	
	
	#navtxt .current-menu-item a:hover, #navtxt .current_page_item a:hover, #navtxt a:hover {	    
	color: #fff;}
	#navtxt li a:hover { color: #136e42;}
	
	#navtxt ul ul { 
   display: none;
	    position: absolute;
	    font-family: 'BernhardGothicBQ-Light';
	    top: 25px;
	    padding:10px 0 0 0; 
	    margin-left:0;
	z-index:100;
	z-index: 99;}
	#navtxt ul ul li { 
	    float: none; display:block;
	    font-family: 'BernhardGothicBQ-Light';
	    width: 180px;
	    font-size:.9em;
	    background: #fff;
	    border-right:0px;
text-align:left;
z-index: 99;
height:auto;
position:relative;}
#navtxt ul ul li:hover {background:#4ebaca;color:#fff;}
#navtxt ul ul li a:hover {color:#fff;}
	#navtxt ul ul li a { padding: 1px 5px; 
font-size:.6em;
/* border-bottom:dotted 1px #e4e4e4; */}
	#navtxt ul li:hover > ul {  display: block; z-index: 99;}
	#navtxt ul ul li ul { top: -10px;left: 180px; z-index: 99;}	     

    

/* end menu */



/* ## BASIC LAYOUT */

#content {position:relative;
margin:0 auto;
width:90%;
padding:0 0 70px 0;
}

#innertext {
padding:0px 30px 60px 30px;
font-family:verdana,Tahoma,Arial, Helvetica, sans-serif;
font-size:1em;
color:#000;
letter-spacing:1px;
line-height:1.7em;
text-align:left;
}

.pibot {margin-top:30px;}
.pitop {text-transform:uppercase;}
.postinfo {font-family:BernhardModernStd-Roman, serif;
letter-spacing:0px;margin-bottom:20px;font-size:.8em;
border-bottom:solid 1px #e6e6e6;
border-top:solid 1px #e6e6e6;}
.postinfo img {width:18px;height:18px;}

/* ## HEADER */
h1 {

font-size:9em;
padding:70px 0 10px 0;
text-shadow: 1px 1px 9px rgba(150, 150, 150, 1);
text-align:center;}
#insideheader h1 {color:#fff;text-shadow: 4px 4px 7px rgba(0, 0, 0, 0.54);
padding:20px 0;}
#sppapermid #midstuff h1 {margin:30px auto 60px auto;}
h2 {
position:relative;
font-weight:normal;font-size:2em;
margin:15px 0;
padding:5px 0;
line-height:1em;
color:#0382b0;
letter-spacing:0px;
text-transform:uppercase;
border-top:solid 1px #4ebaca;
border-bottom:solid 1px #4ebaca;
text-align:center;
clear:both;}
.bookstitle {font-size:1.5em;} 

.blogtitle {font-size:1.5em;}

h3 {
font-family: 'BernhardGothicBQ-Light';
font-size:1.2em;
margin:40px 0 5px 0;
color:#0382b0;
text-transform:uppercase;
text-align:center;
font-weight:normal;}

.blognote {font-family: 'BernhardGothicBQ-Light';
text-transform:none;
font-size:1em;
line-height:1.1em;
padding:20px;
font-weight:bold;
margin:0px 0 30px 0;
background: #0382b0;
color:#fff;
}

.faqbold {display:block;margin:20px 0 0 0;}

.avatar {float:left;
margin:2px 5px 0px 0px;
border:solid 3px #fff;}

/* ############################################################## Posts */
.wp-pagenavi {
text-transform:uppercase;
font-size:.9em;
letter-spacing:2px;
color:#fff;
font-weight:normal;}
/* ############################################################ more stuff */	
.metatalk {
/* margin:0px 0px 20px 10px;
padding-left:10px; */
text-align:left;
line-height:13px;
color:#000;
/* border-left: solid 7px #000; */
font-size:9px;}
.comtalk {
margin:10px 0px 30px 30px;
text-align:left;
padding-left:5px;
line-height:13px;
border-left: solid 7px #5dabb2;
font-size:10px;}
.avatar {float:left;
margin:2px 5px 0px 0px;
border:solid 3px #fff;}
.postnav {height:20px;}
/* ################################################## image, form, & extras */
hr {
border:0px;
border-bottom:dotted 1px #a9ecf1;
margin:30px 0px;}


#btnSearch, #searchsubmit{
background-color:#b52f2f; 
border: 1px solid; 
text-transform:uppercase;
border-color: #76005c; 
color:#fff;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
height:22px;
font-size:1em;
padding:0px 3px;}
#searchsubmit {
font-size:0.6em;
visibility:hidden;}
#submit {
background-color:#76005c; 
border: 1px solid; 
text-transform:uppercase;
border-color: #930b0c; 
color:#fff;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
height:22px;
font-size:1em;
padding:0px 3px;}
input.textbox, input#s {
padding:5px;
width:135px;
height:12px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;}
input#s{width:160px; background:#fff;}
textarea{
width: 95%;
padding:5px;
height: 15em;
border: 1px solid #000;	
background:#0382b0;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;}
input{
width: 50%;
padding:5px;
border: 1px solid #000;	
background:#0382b0;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
    margin: 0 0 10px 0;}

#newssignup {color:#fff;
font-family: 'BernhardGothicBQ-Light';
text-transform:none;
font-size:1em;
padding:15px 0;
border-top:solid 1px #3daebf;}

#newssignup input {width: 100%;
height:50px;
padding:5px;margin:5px 0;
border: 2px solid #dadada;	
background:#fff;
color:#000;}

.newsletter {width:150px;
color:#000;display:inline;
background:#bee2e7;} 
.newslettersub {width:80px;
color:#fff;text-transform:uppercase;display:inline;}   
    
div.mc-field-group label {width:30px;}    
.wpcf7-submit {background:#000;
color:#fff; text-transform:uppercase;}  
    
input.textbox:focus, textarea:focus {
background:#fff;
border:#999 1px solid;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* ################################################################# Lists */
ul {
list-style: none;
margin:0 0 8px 0;
padding:0;}
ul li {font-family:verdana,Tahoma,Arial, Helvetica, sans-serif;
font-size:.75em;
color:#000;
letter-spacing:1px;}

ul.faqstyle {list-style:disc;margin:0 0 8px 40px;}
ul.faqstyle li {font-size:1em;}
.mg_item_text p {font-family:verdana,Tahoma,Arial, Helvetica, sans-serif;
font-size:.8em;
color:#000;
line-height:1.5em;
letter-spacing:1px;}
small {line-height:15px;}
.realrelations {
text-transform:uppercase;
font-weight:bold;
font-size:1.2em;}
ol {margin:20px 0;}
ol li {margin-bottom:15px;}
ol li p {padding:0px; margin:0px;}
#contentpro ol li {font-family:verdana,Tahoma,Arial, Helvetica, sans-serif;
font-size:.85em;
color:#000;
letter-spacing:1px;
line-height:1.7em;}
/* ################################################################## Original */
acronym, abbr {border-bottom: 1px dashed #333;}
acronym, abbr, span.caps {
font-size: 90%;
letter-spacing: .07em;}
acronym, abbr {cursor: help;}
blockquote {
padding: 3px 0px 10px 45px;
margin-left:5px;
font-style:normal;
font-size:.9em;
color:#b80d0d;}
cite {
font-size: 90%;
font-style: normal;}
.wp-caption img {border: solid 3px #e6abab;}
.wp-caption-text, .wp-caption {text-align:center; font-style:italic;}

/* Captions & aligment */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;}
.alignleft {float: left;
margin:0px 12px 8px; 0px}
.alignright {float: right;
margin:0px 0px 0px 8px;}
.bites {border:solid 4px #000;
margin-left:-2px;}
b, strong {font-weight:bold;}