@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600);

html {
	width: 100%;
}
body {
	background: #fff;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
}

#wrapper {
	margin: 0;
	padding: 0;
	background: #FFF;
	background-image:url(../images/light_wool4.png);
	background-attachment:fixed;
	width: 100%;
}
header {
	background: #CCC;
	background-image: url(../images/scribble_light2.png);
	width: 100%;
	height: 125px;
}
p.opener {
  margin: 0;
}
header h1 {
	color: #F7ECD4;
	text-align: center;
	font-size: 600%;
	font-family: 'Raleway', sans-serif;
	margin: 0;
	padding: 1% 0 0 0;
	opacity: 0.7;
	filter: alpha(opacity=70);  /* Opacity for IE8 and lower */
	font-weight: 500;
	
}
.headshot {
	height: 125px;
	padding: 0;
	margin: 0;
	float: left;
}
h1, h2 {
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
}
h2 {
	text-align: center;
	font-size: 150%;
	font-weight: 400;
	  margin: 5% 0 0 0;
}
nav {
	background: #322318;
	background-image: url(../images/scribble_light3.png);
	font-family: 'Raleway', sans-serif;
	font-size: 100%;
	height: 75px;
  	width: 100%;
	margin:0;
    padding:0;
	text-align:center;
}
.nav li{
    display:inline;
}
.nav a{
    display:inline-block;
    padding:10px;
}
ul {
	margin: 0;
	padding: 1.5% 0 0 0;
}
ul li a {
	color: #E7DABD;
	text-decoration: none;
	padding: 0 5%;
	font-size: 175%;
	font-weight: 400;
}
ul li a:hover {
	color: #03A9A9;
}
.active {
	color: #03A9A9;
}
li {
    display: inline;
    position: relative;
}
ul ul {
    position: absolute;
}
/*.subMenu li {
	display: inline; 
}
a.booksDD {
  height: 50px;
  padding: 10% 0;
}
ul.subMenu {
  padding: 1.75% 0 .25% 0;
  width: 100%;
  background: #322318;
  background-image: url(../images/scribble_light3.png);
  margin: 0;
  z-index: 200;
  position: absolute;
  height: 35px;
}
.hidden {
	visibility: hidden;
}
.show {
	visibility: visible; 
}
a.subMen {
	font-size: 100%;
	text-align: center;
	  padding: 2%;
}*/
#main {
	min-height: 100%;
	padding: 0 0 50px 0;
	width: 1020px;
    margin: 0 auto;
	background: rgba(255,255,255);
	background: rgba(255,255,255,.5);
	z-index: 100;
}
.home h1 {
	padding: 5% 0 0 0;
	margin: 0;
	text-align: center;
	font-size: 180%;
  	font-weight: 300;
}  
.home p {
		width: 90%;
  	padding: 7.5% 10% 0 5%;
  	float: none;
  	margin: 0; 
  	font-size: 120%;
  	line-height: 150%;
}
.bio p {
  	padding: 7.5% 0 5% 7.5%;
  	font-size: 125%;
  	line-height: 150%;
}
.bio {
  	width: 90%;
  	margin: 0 auto;
  	padding: 0 0 1% 0;
}
.homePics.group {
    width: 105%;
  	margin: 0 auto;
  	padding: 0 0 5% 2.75%;
  
}
.stepPic {
  	width: 29%;
  	padding: 0 .5%;
    float: left;
}
img.tomSteps {
  	 width: 100%;
}
.stepPic.image-set {
  	background: none;
}
p.homePicsCopy {
  	padding: 0;
  	font-size: 40%;
    margin: 0;
	text-align: center;
}
.top {
   	width: 90%;
   	margin: 0 auto;
   	padding: 0;
}
img.smallCoverLinks {
  	width: 11.5%;
  	padding: 0 1%;
}
.bookLinks {
  	margin: 0 auto;
  	padding: 7.5% 0 0 0;
  	text-align: center;
}
span.quotes {
  font-weight: 600;
}
.aboutTom {
	border-bottom-width:2px;
   	border-bottom-color:#D2CEC9;
   	border-bottom-style: solid;
   	border-top-width:2px;
   	border-top-color:#D2CEC9;
   	border-top-style: solid;
	width: 80%;
   	margin: 0 auto;
   	padding: 0 0 5% 0;
}
.topTen {
	width: 80%;
   margin: 0 auto;
   padding: 0 0 1% 0;
}
.group:after {
    content: "";
    display: table;
    clear: both;
}
/*footer css*/
footer {
  	background:#322318;
  	background-image: url(../images/scribble_light3.png);
  	width: 100%;
  	min-height: 70px;
}
footer p {
	color: #E7DABD;
	float: left;
	margin: 1.75% 0 0 2%;
}
a.cnct {
  	color: #E7DABD;
  	float: right;
  	margin: 1.75% 1.5% 1% 1%;
}
a.cnct:hover {
	color: #03A9A9;
}
.fb {
	float: right;
	width: 3%;
	margin: .5% 1.5% 0 0;
}
/* BOOKS CSS */
.bookCover {
  	width: 25%;
  	float: left;
	margin-right: 2%;
}
.bookInfo {
	width: 73%;
  	float: right;
	padding: 0;
}
img.worksBookCover {
	width: 60%;
    margin: 10% 20% 0 20%;
}
.threePicsBoys.group {
  	margin: 0 auto;
 	padding: 0 0 3% 0;
	width: 745px;
}
img.boysPics1, img.boysPics2 {
	max-width: 100%;
	max-width: 100%;
}
.reviewsHome {
  	font-size: 90%;
  	float: left;
}
.reviewsHome blockquote {
  	font-size: 120%;
  	line-height: 140%;
  	padding: 0;
  	margin: 4% 0;
}
blockquote.kcQuote {
  line-height: 150%;
  font-size: 100%;
}
p.pubDate {
  	font-size: 80%;
  	text-align: center;
	margin: 1% 0 5% 0;
}
.stealhome, .boys, .lonesome, .kc, .travelin, .probation, .christmas {
   margin: 0 auto;
   padding: 0 5% 5% 5%;
}
img.rizzo {
  width: 100%;
}
p.photoRightsRizzo {
  font-size: 57.5%;
  margin: 0 0 15% 5%;
  text-align: center;
  width: 80%;
}
.rizzoPicture {
  /*width: 40%;
  float: left;
  clear: left; */
  width: 50%;
  float: right;
  clear: right;
  padding: 0 11%;
}
.praise {
 /* width: 60%; */
  float: right;
  padding-top: 20px;
}
.praise h2 {
	margin: 0;
	  padding: 0 0 0 5%;
	    font-size: 135%;
}
.praise blockquote, .praise p {
	font-size: 105%;
    line-height: 140%;
  margin: 0 0 0 5%;
}
img.kcPics {
  width: 32%;
}
.threePics.group {
  	float: left;
  	margin: 7% 0 5% 0;
    padding: 0 2%;
  	width: 100%;
}
img.kcPic {
  width: 75%;
}
.singlePicGroup {
  float: left;
  margin: 0 auto;
  padding: 5% 10% 0 15%;
  width: 80%;
}
.books h1 {
	padding: 6% 0 1% 0;
	margin: 0;
	text-align: center;
	font-size: 225%;
	font-weight: 300;
	color: #000;
}
.books h3 {
  font-size: 125%;
  font-weight: 300;
  text-align: center;
    padding: 5% 7.5% 0 0;
  margin: 0;
}
img.smallCoverLinks.TrilogyBooks {
  width: 50%;
  display: block;
  margin: 10% 0 10% 20%;
}
.trilogy {
	border-bottom: 2px #D2CEC9 solid;
   border-top: 2px #D2CEC9 solid;
       margin: 20% 10% 0 10%;
	 width: 80%;
}
.bookInfo p {
	padding: 2% 0 2% 0;
	font-size: 130%;
	line-height: 150%;
	margin: 0 10% 0 0;
}
.christmas p:nth-child(n+2) {
	font-size: 115%;
}
.novel {
	font-style: italic;
	font-size: 120%;
	text-align: center;
	margin: 0;
}
.italics {
	font-style: italic;
}
p.boysP {
  padding-bottom: 12.5%;
}
.reviews {
  	font-size: 90%;
  	float: left;
}
.reviews blockquote {
  	font-size: 110%;
  	line-height: 150%;
  	padding: 0;
  	margin: 1% 5%;
}
.reviews.group h2 {
  margin: 5% 0 2% 0;
  font-size: 160%;
}
img.stonewall, img.lla {
  	  width: 40%;
  		margin: 5% 30% 5% 30%;
}
p.swText {
  	font-size: 80%;
  	margin: 0;
	padding: 0;
	line-height: 110%;
	text-align: center;
}
.SW.group {
  margin-top: 10%;
    padding: 0 10% 50px 10%;
}
.otherStuff {
	text-align: center;
}
/*books page css*/
.books {
	border-bottom: 2px #D2CEC9 solid;
	  padding-bottom: 5%;
}
.christmas.books.group {
  border: none;
}
h1.booksPageH1 {
	font-size: 195%;
}
p.pullQuotes {
	font-size: 125%;
	margin: 0;
	  line-height: 140%;
}
blockquote {
  margin: 0;
    padding: 2% 0 2% 0;
  font-size: 110%;
  line-height: 135%;
}
.bookCover.smaller {
  width: 20%;
  float: right;
    margin-right: 0;
}
.bookInfo.small {
  width: 77%;
}
.readMore {
	background-color: #FAF7E9;
  padding: 2%;
  color: #000;
  cursor: pointer; 
	font-weight: 400;
	   border: 1px solid #C3C0B3;
}
a.readMore {
  text-decoration: none;
    float: left;
	  margin: 3% 0 0 0;
}
a.readMore:hover {
	background-color: #03A9A9;
}
/*events*/
.eventBox {
    padding-top: 2.5%;
}
.eventInner {
	border-bottom: 2px #D2CEC9 solid;
    margin: 0% 10%;
	padding: 1% 0;
}
#main.events {
	min-height: 800px;
}
.events {
	line-height: 190%;
	min-height: 800px;
}
.events h2 {
	font-size: 150%;
        font-weight: 400;
	margin: 0;
	padding-top: 5%;
        line-height: 34px;
}
.events h3 {
	font-weight: 300;
	text-align: center;
        padding: 5px 0 15px;
        margin: 0;
        font-size: 20px;
        line-height: 26px;
}
.events p {
	text-align: center;
	font-size: 125%;
	padding: 0 10% 5% 10%;
	font-weight: 200;
	margin: 0;
}
.eventInner blockquote {
	font-size: 115%;
	font-weight: 200;
	line-height: 150%;
	padding: 1% 7.5% 5% 7.5%;
	margin: 0;
}
h2.newReviews {
	padding-bottom: 2%;
	font-size: 160%;
}
h2.newLinks {
    padding-bottom: 2%;
}
img.bookSigning {
    width: 50%;
    margin: 2% 25% 0 25%;
}
img.nyEvent {
    width: 40%;
    margin: 1% 30% 3% 30%;
}
p.eventCopy {
    font-size: 65%;
	padding-bottom: 2%;
	margin-top: -1%;
}
.poppy {
	color: #000;
}
.poppy:hover {
	color: #03A9A9;
}
p.fleisher, p.ny {
    padding: 0 10% 2% 10%;
	font-size: 120%;
}
/*contact css*/
.contact h2 {
	text-align: center;
	margin: 0;
  	padding-top: 5%;
	font-size: 200%;
}
img.fbPic {
  width: 80%;
  padding-left: 50%;
}
.contactPic {
  width: 20%;
  float: left;
      padding: 8.5% 0 0 0;
}
.smallContact input {
	width: 65%;
	height: 40px;
	margin: 1.5% 15%;
	border: 1px solid #999;
}
.smallContact textarea {
	width: 65%;
	max-width: 70%;
	height: 130px;
	margin: 1.5% 15%;
	padding: 0;	
}
.smallContact label {
	margin-left: 15%;
	float: none;
	font-size: 130%;
}
input.submitSmall {
	font-size: 120%;
  margin: 1% 0 0 15%;
  width: 12%;
  color: rgb(49, 37, 29);
  background-color: #FAF7E9;
  height: auto;
  padding: 1%;
    border: 1px solid #888;
}
input.submitSmall:hover {
	background-color: #03A9A9;
}
.contactForm {
    width: 80%;
  margin: 0 auto;
  padding: 7.5% 0 7% 0;
  float: right;
}
.contactTop.group {
  border-bottom-width: 2px;
  border-bottom-color: #D2CEC9;
  border-bottom-style: solid;
}
.agents.group {
    display: flex;
    padding-top: 65px;
}
.rep, .rights, .pub {
	text-align: center;
	margin: 20px 10px;
	font-size: 15px;
	width: 33.333%;
}
a.sarah {
  color: #000;
}
a.sarah:hover {
	color: #03A9A9;
}
p.photoRights {
  text-align: center;
  margin: 0 5%;
  font-size: 75%;
  padding-top: 45px;
}
.photoRights a {
    color: #000;
}
.photoRights a:hover {
    color: #03A9A9;
}
h1.thanks {
	margin-bottom: 10%;
}
/*slider css*/
.image-row {
    width: 71%;
    margin: 0 auto;
    padding: 0;
    margin-top: 5%;
}
.image-set {
  background: #000;
  padding: 0.5%;
}
img.tinyPop {
  padding: 0 .3%;
}
/*toggle buyNow css*/
.buyNow {
  position: relative;
    left: 20%;
}
.buyNow.noTop {
	position: relative;
  padding-top: 7.5%;
  left: 25%;
}
.buyNow1 {
    width: 80%;
    margin: 0 20%;
}
.buyNow.noTop1 {
	position: relative;
	padding-top: 7.5%;
	  left: 20.5%;
}
ul.dropdown {
  display:none;
  position: absolute;
  left: -20%;
  margin-top: 2.5%;
  background: #FFF;
  border: 1px solid #CCC;
  width: 90%;
  padding: 0;
}
ul.dropdown1 {
  display:none;
  position: absolute;
  left: -15%;
  bottom: 115%;
  margin-top: 2.5%;
  background: #FFF;
  border: 1px solid #CCC;
  width: 90%;
  padding: 0;
}
ul.dropdown2 {
	display:none;
  	position: absolute;
  	left: -15%;
  	bottom: 75%;
  	margin-top: 2.5%;
  	background: #FFF;
  	border: 1px solid #CCC;
  	width: 90%;
  	padding: 0;
}
a.dropdown {
    text-decoration: none;
    padding: .5em 1em;
    display: block; 
}
a.dropdown-toggle {
  	background-color: #03A9A9;
 	padding: 5px;
  	color: #fff;
  	cursor: pointer; 
	font-weight: 400;
	border: 1px solid #888;
}
img.buyIcons {
  	width: 50%;
  	margin: 5% 20%;
}
img.buyIcons1 {
	width: 50%;
  	margin: 4% 20%;
}
@media only screen and (max-width: 1020px) {
	#main {
		width: 100%;
	}
	footer p {
    	margin: 2.5% 0 0 2%;
	}
	.fb {
    	margin: 2% 1.5% 0 0;
	}
	a.cnct {
    	margin: 2.5% 1.5% 1% 1%;
	}
	/*boys*/
	img.boysPics1, img.boysPics2 {
    	padding: 1px;
	}
	.image-set {
    	background: none;
	}
	.image-row {
    	margin: 5% 10.5% 0 16.5%;
	}
	img.tinyPop {
    	padding: 0;
		max-height: 100%;
    	max-width: 100%;
	}
	.threePicsBoys.group { /*slideshow pop up resize*/
    	width: 752px;
}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (max-width: 969px) {
	header h1 {
    	font-size: 450%;
		padding-top: 2%;
	}
	ul {
    	padding: 2.5% 0 0 0;
	}
	ul li a {
    	font-size: 140%;
	}
	.nav-collapse ul {
    	padding: 3% 0 0 0;
	}
	.fb {
		width: 5%;
		margin-top: 1.5%;
	}
	.homePics.group {
    	width: 90%;
    	padding: 0 0 0 10%;
	}
	/*books*/
	.stealhome, .boys, .lonesome, .kc, .travelin, .probation, .christmas {
    	width: 90%;
	}
	/*boys*/
	/*contact*/
	.agents.group {
    	width: 90%;
    	margin: 2% 5% 0 5%;
	}
	.rep, .rights, .pub {
    	margin: 2% 1.5%;
		font-size: 90%;
	}
	p.photoRights {
    	padding: 2% 0;
		font-size: 50%;
	}
}
@media only screen and (max-width: 900px) {
        .threePicsBoys.group {
        width: 432px;
}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	header h1 {
		font-size: 300%;
		padding-top: 3%;
	}
	.headshot {
    	height: 100px;
	}
	header {
		height: 100px;
	}
	ul li a {
    	font-size: 130%;
		padding: 0 3%;
	}
	.nav-collapse ul {
    	padding: 3.5% 0 0 0;
	}
	.top {
    	width: 100%;
	}
	.bio p {
    	padding: 7.5% 0 5% 5%;
	}
	.aboutTom {
		width: 90%;
	}
	.lb-nav {
    	width: 80%!important;
	}
	.home p {
	    padding: 1% 5% 5% 5%;
	}
	.topTen {
    	width: 90%;
	}
	.fb {
    margin-top: 2%;
	}
	footer p {
    margin: 3% 0 0 2%;
	}
	a.cnct {
    	margin: 3% 1.5% 1% 1%;
	}
	/*books*/
	h1.booksPageH1 {
    	width: 55%;
    	float: right;
    	font-size: 225%;
		padding: 17.5% 15% 1% 0;
	}
	.bookCover.smaller {
    	width: 30%;
    	float: left;
    	margin-right: 0;
	}
	img.worksBookCover {
    	width: 60%;
    	margin: 17.5% 15% 0 25%;
	}
	p.pubDate {
    	margin: 1% 0 5% 20%;
	}
	.buyNow1 {
    	left: 27.5%;
	}
	.bookInfo.small {
    	width: 85%;
    	margin: 0 7.5% 2% 7.5%;
	}
	p.pullQuotes {
    	padding-top: 5%;
	}
	ul.dropdown {
		left: 65%;
    	bottom: -25%;
	}
	ul.dropdown1 {
		left: 60%;
    	bottom: -35%;
	}
	ul.dropdown2 {
    	left: 60%;
   		bottom: -35%;
	}
	.buyNow {    /* for lonesome town */
    	left: 12.5%;
	}
	.buyNow.noTop {
    	left: 12.5%;
	}
	.buyNow.noTop1 {
    	left: 30%;
	}
	.bookInfo {
    	width: 100%;
    	float: none;
	}
	.bookInfo p {
    	margin: 0;
		font-size: 120%;
	}
	.bookCover.smaller {
    	padding-bottom: 1%;
	}
	/*boys*/
	.praise blockquote, .praise p {
    	padding: 2%;
	}
	.threePicsBoys.group {
    	width: 432px;
	}
	img.boysPics1, img.boysPics2 {
    	padding: 2px;
	}
	img.worksBookCover {
    	width: 70%;
    	margin: 17.5% 5% 0 15%;
	}
	p.pubDate {
    	margin: 1% 0 5% 0;
	}
	.buyNow.noTop1 {
    	left:0;
		margin-left: 15%;
	}
	.buyNow1 {
		left: 0;
		margin-left: 15%;
	}
	img.buyIcons {
    	margin: 10% 20%;
	}
	.image-row {
    	margin: 5% 0 0 20%;
	}
        .SW.group {
        padding: 0 10% 10px 10%;
        }
	/*contact*/
	.contactPic {
    	display: none;
	}
	.contactForm {
    	width: 90%;
    	padding: 7.5% 5% 7% 5%;
    	float: none;
	}
	.smallContact input {
    	height: 30px;
	}
	.smallContact textarea {
    	height: 110px;
	}
	.smallContact label {
    	font-size: 115%;
	}
	input.submitSmall {
    	font-size: 100%;
	}
	.rep, .rights, .pub {
    	margin: 5% 0;
    	font-size: 100%;
    	float: none;
	}
	p.photoRights {
    	padding: 5% 0 2% 0;
    	font-size: 30%;
	}
}
@media only screen and (max-width: 700px) { /*move slideshow box */
	.image-row {
    margin-left: 15%;
}
}
@media only screen and (max-width: 600px) { /*hide slideshow box */
	.image-row {
    display: none;
}
}
@media only screen and (max-width: 550px) {
	header h1 {
		font-size: 250%;
    	padding-top: 11%;
	}
	.headshot {
    	height:100px;
	}
	header {
		height: 100px;
	}
	nav {
		background-image: url(../images/scribble_light2.png);
	}
	 .nav-collapse.opened {
        width: 100%;
		clear: both;
    }
    nav.nav-collapse.group.nav-collapse-0.closed {
        width: 0;
    }
    nav {
        margin-left: 0;
    }
    .nav-collapse ul {
        width: 100%;
        padding: 0;
		background: url(../images/scribble_light3.png);
		height: 150px;
	}
    nav.nav-collapse.group.nav-collapse-0.opened {
        min-height: 150px!important;
		-moz-padding-top: 35%!important;
    }
	.nav-collapse.opened li {
		padding-top: 2%;
	}
	.nav-toggle {
    	position:absolute;
		right: 2%;
		top: 1%;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		width: 55px;
    	height: 55px;
		color: #03A9A9;
		background: url("../images/hamburger.svg") no-repeat 50% 33%; 
	}
	.homePics.group {
    	width: 100%;
    	padding: 0;
    	margin: 5% 0 0 0;
	}
	.stepPic {
    	width: 60%;
    	float: none;
    	padding: 0 17.5% 0 22.5%;
	}
	.stepPic.image-set {
    	margin: 0 auto;
	}
	.home p {
    	padding-top: 7.5%;
	}
	p.homePicsCopy {
    	font-size: 50%;
    	padding: 0 0 3% 0;
    	margin: 0 auto;
    	width: 100%;
	}
	img.smallCoverLinks {
    	width: 25%;
    	padding: 1%;
	}
	footer p {
    	margin: 5% 0 0 2%;
	}
	a.cnct {
    	margin-top: 5%;
	}
	.fb {
    	width: 8%;
	}
	/*books*/
	.buyNow1 {
    	left: 23%;
	}
	.books h1 {
    	width: 100%;
    	float: none;
    	padding: 10% 15% 0 0;
	}
	.novel {
		display: none;
	}
	.bookCover {
    	position: relative;
		margin-right: 4%;
	}
	.threePicsBoys.group {
    	display: none;
	}
	#main.books.image-row {
    	display: none;
	}
	img.worksBookCover {
    	width: 70%;
	} 
	ul.dropdown {
		left: 80%;
	}
	a.dropdown-toggle.singlePage {
    	font-size: 80%;
	}
	p.pullQuotes.bottom { /* for space on read more button - remebering christams*/ 
    	margin-bottom: 15%;
	}
	/* boys */
	.reviewsHome {
    	font-size: 85%;
	}
	.reviewsHome blockquote {
    	line-height: 135%;
	}
	.bookInfo p {
		font-size: 115%;
		margin: 0;
		padding: 5% 0;
	}
	ul.dropdown {
		width: 120%;
	}
	.buyNow.noTop {
    	left: 15%;
	}
	img.rizzo {
		width: 70%;
	}
	.rizzoPicture {
    	width: 80%;
    	margin: 0 22.5%;
        float: none;
	}
	p.photoRightsRizzo {
    	margin: 0 5% 5% 5%;
    	width: 60%;
		font-size: 45%;
	}
	.praise {
    	width: 100%;
		margin-bottom: 15%;
	}
	.praise h2 {
    	padding: 0 0 2% 5%;
    	font-size: 115%;
	}
	.praise blockquote, .praise p {
    	padding: 2% 0 0 0;
    	margin: 0;
    	font-size: 90%;
	}
	.image-set {
    	background: none;
    	padding: 0;
	}
	.image-row {
		width: 60%;
		margin: 0 0 0 27%;
	}
	/*contact*/
	p.photoRights {
    	padding: 5% 0 2% 0;
    	font-size: 8px;
	}	
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	header h1 {
		padding-top: 20%;
		float: none;
		width: 100%;
	}
	header {
    	height: 150px;
	}
	.headshot {
		height: 75px;
	}
	.home p {
    	font-size: 100%;
	}
	p.homePicsCopy {
    	padding: 0 0 2% 0;
    	font-size: 40%;
    	margin: 0;
    	text-align: center;
	}
	a.cnct {
    	display: none;
	}
	.social {
    	padding: 1% 5%;
	}
	.fb {
    	width: 12%;
		margin: 2% 3% 0 0;
	}
	.copy {
    	width: 90%;
    	padding: 0 5%;
	}
	footer p {
    	margin: 6% 0 0 2%;
	}
	/*books*/
	a.dropdown-toggle {
   	    padding: 3%;
		font-size: 90%;
	}
	.buyNow1 {
    	left: 22%;
	}
	buyNow.noTop1 {
    	left: 0;
	}
	p.pubDate {
    	margin: 1% 0 5% 10%;
	}
	ul.dropdown1 {
    	width: 130%;
		left: 85%;
	}
	ul.dropdown2 {
    	width: 130%;
		left: 85%;
	}
	.image-row { 
		display: none;
	}
	p.pullQuotes.bottom { /* for space on read more button - remebering christams*/ 
    	margin-bottom: 6%;
	}
	/*news&events*/
	.events h2 {
    	font-size: 135%;
		padding-bottom: 2%;
	}
	.events h3 {
    	font-size: 125%;
		padding-top: 0;
	}
	.events p {
    	font-size: 115%;
	}
	.events {
		line-height: 160%;
	}
	.eventInner blockquote {
    	font-size: 105%;
    	line-height: 140%;
    	padding: 1% 2.5% 6% 2.5%;
	}
	p.eventCopy {
    	font-size: 60%;
		margin-top: -3%;
	}
	/*contact*/
	.smallContact label {
    	font-size: 100%;
	}
	input.submitSmall {
    	font-size: 80%;
	}
	.rep, .rights, .pub {
    	font-size: 90%;
	}
	p.photoRights {
    	padding: 5% 0 2% 0;
    	font-size: 7px;
	}
}
@media only screen and (max-width: 381px) {
	header h1 {
		padding-top: 22.5%;
		float: none;
		width: 100%;
		font-size: 225%;
	}
	header {
    	height: 125px;
	}
	.headshot {
		height: 60px;
	}
	.nav-collapse.opened li {
    	padding-top: 2.5%;
	}
	.aboutTom {
    	width: 100%;
	}
	img.smallCoverLinks {
    	width: 28%;
    	padding: 1%;
	}
	.topTen {
    	width: 100%;
	}	
	.fb {
    	width: 15%;
		margin-top: 3%;
	}
	footer p {
    	margin: 12.5% 0 0 0;
    	font-size: 90%;
	}
	/*books*/
	.bookCover.smaller {
    	float: right;
    	width: 50%;
	    margin: 1.75% 0 0 0;
		padding: 0;
	}
	a.readMore {
		margin-left: 5%;
	}
	.readMore {
    	padding: 3.25%;
	}
	a.dropdown-toggle {
    	padding: 5%;
    	font-size: 80%;
	}
	a.dropdown-toggle.singlePage {
    	padding: 8%;
    	font-size: 100%;
		left: 32.5%;
	}
	.buyNow {
    	padding-top: 6%;
	}
	.buyNow.noTop.single {
		left: 32.5%;
	}
	p.pubDate {
    	display: none;
	}
	img.worksBookCover {
    	display: none;
	}
	ul.dropdown {
    	left: -25%;
    	bottom: 65%;
	}
	ul.dropdown1 {
    	left: -30%;
    	bottom: 65%;
		width: 110%;
	}
	ul.dropdown2 {
    	left: -30%;
    	bottom: 60%;
		width: 110%;
	}
	h1.booksPageH1 {
    	width: 90%;
    	float: none;
    	font-size: 150%;
    	padding: 7.5% 5% 0 5%;
    	text-align: center;
	}
	p.pullQuotes {
    	font-size: 100%;
		padding-top: 3%;
	}
	blockquote {
    	font-size: 90%;
		margin-bottom: 3.5%;
	}
	a.readMore {
    	font-size: 80%;
	}
	.stealhome, .boys, .lonesome, .kc, .travelin, .probation, .christmas {
		position: relative;
	}
	/*boys*/
	.books h1 {
    	width: 100%;
    	float: none; 
    	padding: 7.5% 0 5% 0;
	}
	.reviewsHome {
    	padding: 0 3.5%;
	}
	.bookCover {
		position: static;
	}
	.buyNow.noTop {
    	position: absolute;
		bottom: 1%;
		width: 50%;
		left: 35%;
	}
	.buyNow.noTop1 {
		position: absolute;
		bottom: 0;
		width: 50%;
		left: 40%;
		margin-bottom: 7.25%
	}
	.buyNow {         /*for lonesome town */
    	position: absolute;
    	bottom: 1%;
    	width: 50%;
    	left: 55%;
    	margin-bottom: 7.5%;
	}
	.buyNow.single {    /*for lonesome town */
    	position: absolute;
    	left: 30%;
    	bottom: 0;
    	margin-bottom: 9%;
    	width: 50%;
	}
	.bookInfo {
    	width: 100%;
	}
	.bookInfo.RC {
    	margin-bottom: 25%;
	}
	.praise blockquote, .praise p {
    	margin: 3% 3.5%;
	}
	.praise {
    	float: right;
		margin-bottom: 20%;
	}
	.praise h2 {
    	padding: 2% 0;
	}
	/*kc at bat*/
	.KC, .TM, .LT, .PR, .bf, .SH {
		float: right;
	}
	.trilogy {
    	margin: 5% 80%;
    	width: 250%;
	}
	.singlePicGroup {
    	padding: 5% 0 25% 20%;
	}
	/*probation*/
	.SW.group {
    	border-bottom: 2px #D2CEC9 solid;
    	border-top: 2px #D2CEC9 solid;
    	width: 250%;
		margin: 10% 25% 0 65%;
	}
	img.stonewall, img.lla {
    	padding: 2% 0;
	}
	p.swText {
    	padding: 0 0 3% 0;
	}
	.reviews {
    	margin-bottom: 30%;
	}
	.reviews blockquote {
    	margin: 3% 5%;
	}
	/*news&events*/
	.events h2 {
    	font-size: 130%;
		padding-bottom: 2%;
	}
	.events h3 {
    	font-size: 120%;
		padding-top: 0;
	}
	.events p {
    	font-size: 110%;
	}
	.eventInner {
    	margin: 0% 5%;
	}
	p.eventCopy {
    	font-size: 55%;
	}
	/*contact*/
	.smallContact input {
    	width: 70%;
    	margin: 1.5% 12.5% 7.5% 12.5%;
	}
	.smallContact label {
    	font-size: 115%;
	}
	.smallContact label {
    	margin-left: 12.5%;
	}
	.smallContact textarea {
    	width: 75%;
    	max-width: 100%;
    	margin: 1.5% 12.5%;
	}
	input.submitSmall {
    	width: 25%;
		margin-top: 7.5%;
	    font-size: 100%;
	}
	.rep, .rights, .pub {
    	margin: 7.5% 0;
    	font-size: 100%;
	}
	p.photoRights {
    	font-size: 6px;
	}
	/* footer*/
	.copy {
    width: 50%;
	}	
}