/* -----------------------------------------
Stylesheet for davidmack.com
Author: (c)2021 Bronwen Hodgkinson / ardent-design.com
Created: June 2021
-------------------------------------------- */

@import url("reset.css");

/*
Lora font:
Regular 400
Medium 500
Semi-Bold 600
*/

/* ---- Global ----------------------------------------- */
body {background:#fff; margin:0; font-family:'Lora',serif; font-weight:300; color:#000;}
	
h1 {font-size:3.3em; line-height:1.2em; font-weight:500; margin:0.6em 0 0.7em; padding:0; text-align:center;}
p {font-size:1.1em; line-height:1.4em; margin:0 0 0.9em; padding:0; text-align:center;}
p.smaller {font-size:0.9em; line-height:1.3em; margin:0 0 0.9em; padding:0;}
em {font-style:italic;}
strong {font-weight:600;}

img {border:0;}
.clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;}


/* ---- links ----------------------------------------- */
a {color:#000; text-decoration:none;}  
a:visited {color:#000;}
a:hover {color:#666; text-decoration:none;}
a:active {color:#000;}
a:active, a:focus {outline:none;}


/* ---- ids & classes ----------------------------------------- */
#main {max-width:1160px; margin:0 auto 2em; padding:0;}

#davidmack {max-width:1160px; margin:0 auto;}
	#davidmack a img:hover {opacity:0.75;}
		#artist-author {float:left; max-width:560px;}
		#novelist-tvwriter {float:right; max-width:560px;}
		.goto {margin:0.6em 0.8em; text-align:center; display:block; border:2px solid #000; text-transform:uppercase; font-size:1.9em; line-height:1.2em;}
			.goto:hover {background:#fc3; color:#fff;}
	
#footer {margin:0 auto 2em; padding:0 1.6em;}

#back-top {margin:0 0 3em;}

/* ---- responsive ----------------------------------------- */
@media only screen and (max-width:768px) {
body {padding:0; }
#main {width:auto; margin:0.1em auto; padding:1em 1em 0.5em;}
	#davidmack {width:auto; margin:1.5em auto;}
		#artist-author, #novelist-tvwriter  {float:none; width:auto;}
			#artist-author img, #novelist-tvwriter img  {width:100%;}
		#novelist-tvwriter {margin:0.86em auto 0;}
		.goto {font-size:1.2em; line-height:1.2em; margin:0.2em 1em 1.5em;}

h1 {font-size:2em; line-height:1.2em; margin:0;}
p {font-size:1em; line-height:1.2em; margin:0 0 0.8em;}
p.smaller {font-size:0.8em; line-height:1.2em; margin:0 0 0.8em;}
}

@media only screen and (max-width:480px) {}