@import url('https://fonts.googleapis.com/css?family=PT+Sans');
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
/* don't change font size on safari mobile */
html{font-size:16px;-webkit-text-size-adjust: 100%;}

body{font-size:1.125em; line-height:1.5em;font-family:'PT Sans',Helvetica, sans-serif;color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:disc;margin-bottom: .5em;}caption,th{text-align:left;}h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

a {
	color: black;
}

p {
	margin:0 0 1em 0;
}

#wrapper {
	width:52em;
	margin:1em auto;
}

.row {
	margin: 1em 1em;
	height: 19em;
	width:50em;
	white-space: nowrap;
}

#home .r1 {
	background: url('images/mobile_header.jpg') no-repeat -9999em -9999em;
	border-bottom:.1em solid #cccccc;
	margin-bottom: 1em;
	padding-bottom: 1em;
}

#headervideo {
	float:left;
}

#home a, .r1 a {
	text-decoration:none;
}

#hometopright {
	float: right;
	width: 31em;
}

#home #toplinks {
	text-align:center;
	margin-left:1em;
	white-space: nowrap;
}

#home #toplinks a {
	text-transform: uppercase;
	font-size: 1.1em;
	margin-right:2.8em;
}

.subpage #toplinks {
	text-align:center;
	margin:0 1em 1em 0;
	border-bottom:.1em solid #cccccc;
}

.subpage #toplinks a {
	text-transform: uppercase;
	font-size: 1.1em;
	margin-right:8.5em;
	text-decoration:none;
}

.subpage #toplinks .first {
	margin-left:0;
}

.subpage #toplinks .last {
	margin-right:0;
}

.subpage .r1 a, .subpage .r1 h1 {
	text-align:center;
	display:block;
	float:left;
}

.subpage .r1 {
	height: 13.1em;
}

.subpage .r1 h1 {
	font-size: 2em;
	margin-top:2.8em;
	width:8em;
}

.subpage .r1 a {
	font-size: 2.7em;
	line-height: 1.1em;
	width:5em;
	margin-top:1.2em;
}

.subpage .r1 img {
	float:left;
}

#hometopright #logo {
	text-align: center;
	margin-top: 2.9em;
	font-size: 2.5em;
	width:12.4em;
}

#hometopright #icons {
	width:100%;
}

#hometopright #icons a {
	float:left;
	margin-left: 1em;
	margin-top:7em;
}

#hometopright #icons #mail {
	float:right;
	margin-top:6.8em;
}

#home figcaption {
	line-height:1.2em;
	font-size:1em;
	margin-left: .4em;
	white-space: normal;
}

.row h1 {
	text-transform: uppercase;
	font-size:2em;
	font-weight:normal
}

.row h2 {
	text-transform: uppercase;
	font-size:1.7em;
	font-weight:normal
}

.row figure {
	text-align:center;
	margin:8.5em 0 0 0;

}

.r2 figure {
	text-align:left;
	width:18.5em;
	margin:6.6em 0 0 1em;
	float:left;
}

.r3 figure {
	width:17.8em;
	float:right;
}

.r4 figure {
	width:18.6em;
	float:left;
}

.r5 figure {
	width:18.9em;
	float:right;
}

.r6 figure {
	width:17.8em;
	float:left;
}

#adventures #wrapper .articles, #lifestyle #wrapper .articles  {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:50em;
}

#adventures #wrapper .articles a, #lifestyle #wrapper .articles a  {
	display: inline-block;
	width: 23.7em;
	outline: 0;
	margin: 0 0 0 1em;
	text-decoration: none;
}

#adventures figcaption, #lifestyle figcaption {
	width: 22em;
	line-height: 1.25em;
	font-size: .85em;
}

.books, .mystory {
	float:left;
	font-size:1em;
	line-height:1.5em;
}

.cover {
	float:left;
	margin: .775em 2.5em 0 2.3em;
}

.cover figure {
	margin: 0;
}

.blurb {
	float:left;
	width:47em;
	margin:.775em 0 0 2.7em
}

.full {
	float: left;
	width: 47em;
	display: block;
	margin-left:2.7em;
}

.daniel {
	margin-left:5.3em;
}

.fulltext p, .less {
	display: none;
}

.fulltext:target p, .fulltext:target .less {
	display: block;
}

.more {
	width: 100%;
	text-align: right;
	display: block;
	font-size: 1.125em;
}

.fulltext:target .more {
	display: none;
}


@media (pointer: coarse) { /*touchscreen stuff */
	#headervideo {
		display:none;
	}
	#home #wrapper .r1 {
		background-position: left; 
	}
}
@media only screen and (max-device-width : 480px) { /* size stuff (mainly fonts) for small screens */ 
	#home #toplinks {
		white-space:normal;
		line-height:2.2em;
	}	
	#home #toplinks a {
		font-size: 2em;
		margin-right: 1em;
	}
	#hometopright #logo {
		margin-top: 1.2em;
		font-size: 3.5em;
		width:8.7em;
	}
	#home figcaption {
		font-size: 1.5em;
		margin-left: .2em;
	}
	.r2 figure {
		margin-top: 5em;
	}
	.subpage #toplinks {
		padding: .6em 0 1em 0;
	}
	.subpage #toplinks a {
		font-size: 2em;
		margin-right: 2.2em;
	}
	#adventures figcaption, #lifestyle figcaption {
		font-size: 1.25em;
		width: 15em;
	}
	.books {
		font-size: 1.75em;
	}
	.mystory {
		font-size: 1.75em;
	}
	.blurb {
		width: 25em;
		margin: 1em 0 0 1em;
	}
	#mystory .blurb {
		width: 25em;
	}
	.cover {
		margin: 1em 3.2em 0 1em;
	}
	#mystory .cover {
		margin: 1em 0 0 1em;
	}
	.full {
		width: 25em;
	}
	.livingart {
		width: 25em;
	}
	#home #icons img {
		width:200%;
		height:200%;
	}
	#hometopright #icons{
		margin-left:3em;
	}
	#hometopright #icons a {
		margin: 5em 3em 0 1em;
	}
	#hometopright #icons #mail {
		float:left;
		margin-top: 4.8em;
	}
	.fulltext {
		width: 25em;
	}
}
