html {background: #c9d3ea url('/images/bg.jpg?random=323527528432525.24234') repeat-x 0 0;}

body {
	background: url('/images/top.jpg?random=323527528432525.24234') repeat-x 0 0; 
	margin: 0; 
	padding-top: 11px; 
	font-size: 15px; 
	font-family: "Lora", Georgia, "Times New Roman", Times, serif; 
	text-align: center; 
	color: #10141e;
	min-width: 300px;}	

	body {-webkit-text-size-adjust: 100%;} /* Stop Iphone/Ipad from upscaling font sizes */

h1, h2, h3, h4 {letter-spacing: 1px; color: #4c6c93; margin-top: 0;}
h1 {font-size: 30px; font-weight: 400; color: #6ca3e6; padding-bottom: 8px; border-bottom: 2px solid #ddd;} 
h2 {font-size: 20px;} 
h3 {font-size: 16px;} 
h4 {font-size: 14px;}

hr {border: 0px; color: #C1C8D5; background: #C1C8D5; width: 200px; height: 2px; text-align: center;}
b, strong {font-weight: bold;}
.clear {clear: both; font-size: 1px; line-height: 1px;}
.left {float: left;}
.right {float: right;}
.center {text-align: center;}
map {border: 0 none;}

.nom   {margin: 0;}
.nom-t {margin-top: 0;}
.nom-b {margin-bottom: 0;}
.nowrap {white-space: nowrap;}

.small {font-size: 75%;}

a {color: #4c6c93; font-weight: bold; text-decoration: none;}
a:hover {color: #6ca3e6;}
a img {border: 0 none;}

ul {list-style-type: none; margin: 0; padding: 0;}
li {line-height: 24px; margin-bottom: 11px;}
li ul {list-style-type: none; /*list-style-image: url('/images/bull.png');*/ margin: 0 0 0 30px; padding: 0;}
li ul li {font-weight: bold; color: #4c6c93;}

ul .left,
ul .right {width: 46%;}

iframe {border: 0 none; overflow: hidden; margin: 0; padding: 0;}

#container {max-width: 1180px; /*box-shadow: 0px 0px 3px #46557c;*/ margin: 2px auto 0 auto; text-align: center; background: #ececed url('/images/palegrad.jpg') repeat-x bottom left;}

	#header {background: #d3d8e3; display: block; height: 121px; padding: 7px; position: relative;}

	/* PAGE TITLES =========== */
		#page-title {display: block; height: 80px; background: url('/images/ttl-tomharpur.jpg?random=323527528432525.24234') repeat-x center center; border: 1px solid #c5cbd8;}
		#books #page-title 		{background-image: url('/images/ttl-books.jpg?random=323527528432525.24234');}
		#biography #page-title 	{background-image: url('/images/ttl-biography.jpg?random=323527528432525.24234');}
		#media #page-title 		{background-image: url('/images/ttl-media.jpg?random=323527528432525.24234');}
		#comments #page-title 	{background-image: url('/images/ttl-comments.jpg?random=323527528432525.24234');}


	#nav {display: block; min-width: 100%; width: 100%; height: 40px; position: absolute; top: 96px; left: 0; background: #384464 url('/images/nav.png') 600px top;}
		
		#nav a {
			text-indent: -1px; 
			font-size: 15px; 
			font-weight: 700;
			width: 20%;
			color: #fff; 
			display: block; 
			padding-top: 10px; 
			height: 30px;  
			background: #384464 url('/images/nav.png?random=323527528432525.24234') no-repeat right top; 
			float: left;
			-webkit-transition: none; 
	   -moz-transition: none; 
	     -o-transition: none; 
	    -ms-transition: none; 
	        transition: none;
			}
		#nav a#nav-comments {background-position: left top;}
		
		#books #nav-books,
		#biography #nav-biography,
		#media #nav-media	    {background-position: right -80px;}
		#comments #nav #nav-comments {background-position: left -80px;}	
			
		#container #nav a:hover {background: #384464 url('/images/nav.png?random=323527528432525.24234') no-repeat right -40px;}
		
		#container #nav a#nav-comments:hover {background-position: left -40px;}

#content {min-height: 200px; padding: 30px; text-align: left; position: relative;}

#footer {
	background: #22273a url('/images/footer-bg.png?random=323527528432525.24234') repeat-y center top; 
	text-align: right; display: block; 
	margin: 7px auto 10px auto; 
	max-width: 1160px; 
	padding: 10px 10px; 
	font-size: 12px; 
	line-height: 20px; 
	color: #6ca3e6; 
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	}
	#footer a {color: #fff;}
	#footer a:hover {color: #6ca3e6;}
	#footer #ewartmedia {white-space: nowrap; margin-left: 10px;}
	#footer #copyright {font-size: 11px;}
	
	#footer-icons {display: block; float: right; margin: -1px 0 0 10px;}
	
	#footer a#backtotop img,
	#footer a#fb-link img,
	#footer a#blog-link img {margin: 0 0 0 0px; border: 0 none; filter:alpha(opacity=100); -moz-opacity:0.999999; opacity:0.999999; -khtml-opacity:0.999999;}
	#footer a#backtotop:hover img, #footer a#fb-link:hover img, #footer a#blog-link:hover img {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; -khtml-opacity:0.7;}




/* HOME =========================================================== */
		#home-left img {border-radius: 0px; border: 10px solid #fff; min-width: 100%; width: 100%;}
		#home-left {width: 42%; float: left;}
		
		#home-right {text-align: center; width: 51%; padding: 1%; float: right; margin-left: 5%;}
		#home-right h1 {margin: 6% 0 4% 0;}
		#home-right .intro {font-size: 16px; margin-top: 10%; line-height: 22px;}



/* BOOKS =============================================================== */
	#books-container {display: table; table-layout: fixed; margin: 0 0 20px 0; position: relative; left: -9px; top: -10px; border-spacing: 10px; width: 102%;}

		#books-container .row {display: table-row;}
		
		.abook { 
			width: 46%;
			padding: 2%;
			display: table-cell;
			background: none #fff;
			background: #fff url('/images/abook-bg.png?random=323527528432525.24234') no-repeat bottom left; 
			}
		.abook + .abook {margin: 0 0 2% 1%;}
		.abook + .abook + .abook {margin: 0 1% 2% 0;}
		.abook + .abook + .abook + .abook {margin: 0 0 2% 1%;}
	
		#books-container .abook a {color: #6ca3e6;}
		#books-container .abook a:hover {color: #4c6c93;}
	
		#books-container .abook a img {margin: 0 10px 0 0; width: 100%; min-width: 100%;}
			
			#books-container .abook .left {width: 35%;}
			#books-container .abook .right {width: 62%;}
			
			#books-container .abook .right a {white-space: nowrap;}
			
			#books-container .abook h2 {margin-top: 0; font-size: 17px; font-weight: bold;}
			#books-container .abook .subtitle {font-size: 80%;}
			#books-container .abook p {margin-bottom: 0; line-height: 18px;}
			#books-container .abook a img {filter:alpha(opacity=100); -moz-opacity:0.999999; opacity:0.999999; -khtml-opacity:0.999999;}
			#books-container .abook a:hover img {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; -khtml-opacity:0.7;}
		
		/*
		#books-bottom {text-align: center; display: block; display: none; width: 100%; height: 170px; clear: both; background: #fff;}
			 #books-bottom a {display: inline-block; padding: 7px 15px; margin: 0; text-align: center;}
			 	#books-bottom a.first {margin-left: 0;}
			   	#books-bottom a.last {margin-right: 0;}
			 #books-bottom a img {}
			 #books-bottom a:hover img {}
		*/
			

/* MEDIA =============================================================== */
	#media .vid-box {
		display: block; 
		padding: 20px; 
		/*background: #22273a url('/images/video-bg.png') repeat-y center top;*/
		background: #fff url('/images/abook-bg.png') no-repeat bottom left;
		font-size: 13px;
		margin-bottom: 30px;
		position: relative;
		}
		#media .thevid {width: 66%; float: left; background: #000;}
			#media .thevid p {margin: 4px 0 0 0;}
			#media .thevid a {font-size: 12px;}
			
			.embed-container { 
				position: relative;
				padding-bottom: 56.25%; 
				height: 0; 
				overflow: hidden; 
				max-width: 100%; 
				height: auto; 
				background: url('/images/video/placeholder.jpg') no-repeat center center;
				background-size: contain;
				border-bottom: 10px solid #fff;
				} 
			.embed-container iframe, 
			.embed-container object, 
			.embed-container embed { 
				position: absolute; 
				top: 0; 
				left: 0; 
				width: 100%; 
				height: 100%; 
				
				}
				.embed-container iframe {background: #000 url('/images/Buffer.gif') no-repeat center center; background-size: contain;}
			
		#media .vid-content {background-color: #fff; color: #444; display: block; width: 32%; float: right; line-height: 24px;}
			#media .vid-content h1 {text-align: center;}
			#media .vid-content h2 {margin-top: 0 auto; text-align: center;}
			#media .vid-content a {color: #47567A;}
			#media .vid-content a:hover {color: #6ca3e6;}
			
		#vidlinks {padding: 4% 2% 0 2%; text-align: justify;}
		#vidlinks a {color: #fff; display: inline-block; height: 100%; text-align: center; font-size: 10px; width: 20%; margin: 0 2% 4% 2%; vertical-align: top;   
			filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; -khtml-opacity:0.8;}
		#vidlinks a img {width: 100%; max-width: 100%; margin-bottom: 16px;}
		#vidlinks a:hover {color: #fff; filter:alpha(opacity=100); -moz-opacity:0.999999; opacity:0.999999; -khtml-opacity:0.999999;}
		
		#vidlinks .stretch {display: inline-block; width: 20%; font-size: 0; line-height: 0; height: 1px; overflow: hidden; margin: 0 2%;}
		
		.media-home .external {background: url('/images/external-blue.gif') no-repeat left 5px; padding-left: 20px;}

		
		
/* BIOGRAPHY =========================================================== */
		#biography .intro {font-size: 18px; font-weight: 700; line-height: 30px;}
		#biography img#bio-spot,
		#biography img#bio-spot-tall {width: 100%; min-width: 100%;}
		#biography img#bio-spot-tall {display: none;}
		#biography #bio {width: 66%;}
		#biography .rightbox {float: right; display: block; width: 31%; margin: 0px 0px 20px 3%; color: #444; text-align: center; font-size: 15px;}
		#biography .rightbox h2 {margin-top: 0; font-weight: 700;}
		#biography .rightbox p {
			color: #22273a; 
			background: #fff url('/images/quotes.gif') no-repeat top right; 
			margin-bottom: 0; 
			text-align: left; 
			position: relative; 
			padding: 20px 30px;
			line-height: 24px;
			}
		#biography .rightbox em {font-size: 75%; color: #999;}
	
	
		#biography ul {list-style-type: none; list-style-image: url('/images/bull2.png'); margin: 0 0 0 15px; padding: 0;}
		#biography li {line-height: 24px; margin-bottom: 11px; font-size: 16px;}
		#biography li ul {list-style-type: none; list-style-image: url('/images/bull2.png'); margin: 0 0 0 30px; padding: 0;}
		#biography li ul li {font-weight: bold; color: #252f55;}
				
		
/* COMMENTS ============================================================ */
	#comments #content h2 {text-align: center; margin-bottom: 30px;}
	
		.comments-sent #content h2 {text-align: left !important;}
		.comments-sent #container #content {min-height: 400px;}
		
	
	#comments #form-wrapper {border: 2px solid #fff; padding: 3%;}
	#comments #contact-form {width: 48%; margin: 0 auto; text-align: left; padding: 3%;}
	#comments #contact-form label {display: inline-block; padding: 5px; width: 74px; text-align: center; background: #4c6c93; font-weight: bold; color: #fff;}
	
	#comments #contact-form input, 
	#contact-form textarea {background: #ccc url('/images/input-bg.jpg') no-repeat top left; border: 0 none; padding: 10px 2%; margin: 0px 0 15px 0; width: 96%; font-family: "Lora", Georgia, "Times New Roman", Times, serif; font-size: 15px;}
	
	#contact-form textarea {overflow: auto;}
	
	input[type="text"],
	textarea {outline: none; min-width: 96%; max-width: 96%;}
	
	#comments #contact-form input:focus, 
	#contact-form textarea:focus {background: #FFF;}
	
	#comments #contact-form textarea {min-height: 80px;}
	#comments #contact-form input#submit-btn {float: right; clear: both; margin: 0; background: #4c6c93 url('/images/email-icon.png') no-repeat 15px center; font-weight: bold; cursor: pointer; width: auto; border: 0 none; padding: 10px 15px 10px 36px; color: #fff;}
	#comments #contact-form input#submit-btn:hover {background-color: #6ca3e6;}
	
	#comments #errormsg {display: block; z-index: 9999; background: #800; border-bottom: 10px solid #FFF; padding: 10px; color: #FFF;}
	#comments #errormsg h1 {color: #FFF; letter-spacing: 5px; margin: 0px;}
	
	
	

/* SUB-PAGES =============================================================== */
	#books .sub, 
	#media .sub {
		line-height: 28px;
		border-right: 7px solid #ececed; 
		border-bottom: 7px solid #e4e4e6; 
		margin-top: 8px; 
		padding: 27px 0px 60px 160px; background: url('/images/left-col2.png') repeat-y right top;}

	#books .left-col, 
	#media .left-col {position: relative; float: right; display: block; width: 182px; padding: 0 10px;}		
	
	#books .left-col h2, 
	#media .left-col h2 {text-align: center; color: #2c354c; margin: 0; padding-bottom: 10px; border-bottom: 4px solid #ccc;}		
	
	#books .sub img, 
	#media .sub img {/*border: 10px solid #FFF;*/}
	
	#books .left-col ul, 
	#media .left-col ul  {margin: 0; padding: 0; list-style-type: none;}			
		#books .left-col ul li, 
		#media .left-col ul li {line-height: normal; border-bottom: 2px solid #999; padding: 0; margin: 0;}
				
	#books .left-col a, 
	#media .left-col a {font-size: 14px; color: #FFF; display: block; padding: 10px 3px;}	
	
	#books .left-col a.external, 
	#media .left-col a.external {background: url('/images/external.gif?random=323527528432525.24234') no-repeat right 94%;}
			
	#books .left-col a:hover, 
	#media .left-col a:hover {color: #2c354c;}		
	
	#books .right-col, 
	#media .right-col {margin-right: 362px;}
	
	#books .right-col .center p {font-size: 16px;}
	#books .right-col .center img, 
	#media .right-col .center img {width: 100%; max-width: 319px; margin-bottom: 30px;}
	
	#books .right-col h1, 
	#media .right-col h1 {border-bottom: 0 none;}
	
	#books .right-col h2, 
	#media .right-col h2 {line-height: normal;}
	
	#books .right-col h2 .small, 
	#media .right-col h2 .small {}
	
	.breadcrumb {display: none; /*position: absolute; left: 50px; text-align: left; font-size: 14px; color: #a8a8a8;*/}			
		
	#books .coverthumb {float: left; margin: 3px 30px 20px 0; width: 100%; max-width: 160px;} 	
	
	#books .left-col a#sub-nav, 
	#media .left-col a#sub-nav {display: none;}	
	
	#books .right-col .external {background: url('/images/external-blue.gif') no-repeat left 5px; padding-left: 20px;}

	/* Buy Now */
	#books .right-col .buy-now {margin: 0 auto; padding: 10px 10px 2px 10px;}
		#books .right-col .buy-now a {margin: 0 10px 0 0; padding: 0;}
		#books .right-col .center .buy-now a {margin: 0 5px;}
		#books .right-col .buy-now a img {width: 110px; height: 42px; max-width: 110px; margin: 0; filter:alpha(opacity=100); -moz-opacity:0.999999; opacity:0.999999; -khtml-opacity:0.999999;}
		#books .right-col .buy-now a:hover img {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; -khtml-opacity:0.7;}
	
	
	
/* RESPONSIVE STYLES ============================================================ */	
	
@media screen and (max-width: 1224px) {	
	#container {margin: 2px 22px 0 22px;}
	
	#footer {margin-left: 22px; margin-right: 22px;}
	}


@media screen and (max-width: 940px) {
	#home-right h1 {margin: 0 0 10px 0;}
	#home-right .intro {margin: 20px 0 0 0;}
	}
	
	
@media screen and (max-width: 900px) {
	#books .sub, 
	#media .sub {padding: 27px 0px 60px 100px;}
	#books .right-col, 
	#media .right-col {margin-right: 302px;}
	}
	
@media screen and (max-width: 800px) {
	#content {padding: 15px;}
	#home-left {width: 44%;}
	#home-right {width: 49%; padding: 1%; float: right; margin-left: 5%;}
	#home-right .intro {margin-bottom: 10px;}
	#media .vid-content h2 {font-size: 16px;}
	
	.breadcrumb {left: 20px;}
	#books .sub, 
	#media .sub {padding: 0px 0px 20px 20px;}
	
	#books .left-col, 
	#media .left-col {padding-top: 10px;}
	
	#books .right-col, 
	#media .right-col {margin-right: 222px; padding-top: 10px;}
	}
	
	
@media screen and (max-width: 700px) {
	html, body {padding: 0; background: #a0a0a0 url('/images/footer-bg.png?random=323527528432525.24234') repeat-y center top;}
	
	h1 {font-size: 26px;}
	h2 {font-size: 16px;}
	
	#home-left,
	#home-right {float: none; width: 100%; padding: 0; margin: 0 auto;}
	#home-left {width: 44%;}
	#home-right {padding-bottom: 20px;}
	#home-right h1 {margin-top: 20px;}
	#home-left img {margin-left: -10px;}	
	#nav a {font-size: 13px;}
	#container {margin: 0; border-radius: 0;}
	#footer {text-align: center; margin: 0; border-radius: 0;}
	
	#header {height: 91px; padding: 7px;}
	/* PAGE TITLES =========== */
		#page-title {display: block; height: 50px; background: url('/images/ttl-sm-tomharpur.jpg') repeat-x center center; border: 1px solid #c5cbd8;}
		#books #page-title 		{background-image: url('/images/ttl-sm-books.jpg');}
		#biography #page-title 	{background-image: url('/images/ttl-sm-biography.jpg');}
		#media #page-title 		{background-image: url('/images/ttl-sm-media.jpg');}
		#comments #page-title 	{background-image: url('/images/ttl-sm-comments.jpg');}
	#nav {top: 66px;}
	
	#media .thevid {width: 100%;}
	#media .vid-content {display: none;}
	  
	#books-container {display: block; border-spacing: 0; left: 0; top: 0; width: 100%;} 
	.abook { 
			width: 96%;
			margin: 0 0 2% 0 !important;
			padding: 2%;
			display: block;
			float: none;
			}
	#books-container .abook .left {width: 20%;}
	#books-container .abook .right {width: 77%;}
	#books-container .abook .right h2 {font-size: 16px;}
	
	#biography img#bio-spot {display: none;}
	#biography img#bio-spot-tall {display: block; margin: 0 auto; width: 80%; min-width: 80%;}
	#biography #bio {width: 96%; margin-right: 4%;}
	#biography .rightbox {float: none; width: 100%; margin: 0px 0px 20px 0;}
	#biography .rightbox p {margin-bottom: 0; padding: 20px 30px;}
	
	#comments #contact-form {width: 78%;}
	}
		
@media screen and (max-width: 610px) {	
	/* Mobile NAV for sub pages */
	.breadcrumb {position: relative;}
	#books .sub, 
	#media .sub {padding: 0px 20px 20px 20px; background-image: none; border: 0 none;}
	#books .left-col, 
	#media .left-col {padding: 0 0 20px 0; float: none; display: block; width: 100%;}
	
	#books .right-col, 
	#media .right-col {margin-right: 0px; padding-top: 0;}
	
	#sub-nav-wrapper,
	.breadcrumb {display: none;}
	
	#books .left-col a#sub-nav, 
	#media .left-col a#sub-nav {display: block; text-align: right; background: url('/images/mobile-nav.gif') no-repeat right 16px; padding: 7px 24px 10px 0px; margin: 0; color: #4c6c93;}
	
	#books .left-col h2, 
	#media .left-col h2 {display: none;}
	
	#books .left-col ul, 
	#media .left-col ul {border-top: 4px solid #ccc;}
	
	#books .left-col li, 
	#media .left-col li {background: #bdbfc1;}
	
	#books .left-col a, 
	#media .left-col a {padding: 10px 10px;}
	
	#books .left-col a.selected, 
	#media .left-col a.selected {color: #6ca3e6 !important;}
	
	#books .left-col a.external, 
	#media .left-col a.external {padding-right: 30px; background-position: 98% 94%;}
	
	
	#comments #contact-form {width: 90%;}
	}
	
@media screen and (max-width: 580px) {
	#biography img#bio-spot-tall {width: 100%; min-width: 100%;}
	#footer-icons {float: none; margin: 10px 0 10px 0;}
	}	
	
@media screen and (max-width: 520px) {
	#media .vid-box {padding: 0px;}
	#vidlinks a {width: 28%; margin: 0 1% 4% 1%;}
	#vidlinks a:first-child {}
	.embed-container {border-bottom: 5px solid #ececed;}
	}	
	
@media screen and (max-width: 420px) {
	#books .coverthumb {float: none; margin: 0 auto 20px auto;}
	#footer #ewartmedia {margin-left: 0px;}
	}	
	
@media screen and (max-width: 420px) {
	#nav a {width: 18%; font-size: 12px;}
	#nav #nav-biography, 
	#nav #nav-comments {width: 23%;}
	#books-container .abook .left {width: 30%;}
	#books-container .abook .right {width: 67%;}
	}