/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
* {
	box-sizing:border-box;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

footer{margin:0;}
/*BEGIN CUSTOM STYLES*/
.typewriter{
	font-family:'American Typewriter ITC W01 Md';
}
body{background:#050708;}
body.lighter{background:#231f20;}
b{font-weight:bold;}
.wrapper{width:800px;margin:0 auto;}
span.hidetext{display:block;padding:40px 0 0 0;}
a.navlink{display:block;height:20px;color:#df2b45;text-decoration:none;letter-spacing:1px;font-family:'American Typewriter ITC W01 Md';}
a.navlink:hover{
	color:#FFFFFF;
}
a.subnavlink{display:block;height:16px;font-size:16px;color:#FFFFFF;text-decoration:none; font-family:'American Typewriter ITC W01 Md';}
a.subnavlink:hover{
	color:#df2b45;
}
a.white{color:#FFFFFF;text-decoration:none;}
a.white:hover{text-decoration:underline;}
/*TOP NAVIGATION*/
#john{
	font-size:30px;
	line-height:50px;
	color:#ffad45;
	margin:70px 0 0 0;
	display:block;
	text-decoration:none;
	overflow:hidden;
	width:219px;
}

#homenav{
	margin:30px 0 69px 0;
}
#homenav > li{float:left;}
#homenav .navlink{font-size:20px;}
#homenav li#about{width:170px;}
#homenav li#writing{width:186px;}
#homenav li#writing:hover .homesubnav{display:block;}
#homenav li#editing{width:180px;}
#homenav li#editing:hover .homesubnav{display:block;}
#homenav li#resume{width:180px;}
#homenav li#contact{width:80px;}

#nav{
	margin:40px 0 59px 0;
	display:flex;
}
#nav .navlink{font-size:20px;}
#nav > li{float:left;}
#nav li#john-mcalley{width:195px;}
#nav li#john-mcalley .navlink{color:#FFFFFF;}
#nav li#about{width:115px;}
#nav li#writing{width:137px;}
#nav li#writing:hover .subnav{display:block;}
#nav li#editing{width:132px;}
#nav li#editing:hover .subnav{display:block;}
#nav li#resume{width:135px;}
#nav li#contact{width:86px;text-align:right;}


.homesubnav{position:absolute;left:50%;width:800px;margin:0 0 0 -400px;display:none;padding:27px 0;}
.homesubnav li{float:left;}
.homesubnav li a.subnavlink{padding-right:25px;font-size:16px;}
.homesubnav li.last {float:right;text-align:right;}
.homesubnav li.last a.subnavlink{padding-right:0;}
#editing .homesubnav li a.subnavlink{padding-right:25px;font-size:15px;}
#editing .homesubnav li.last a.subnavlink{padding-right:0;font-size:15px;}


.subnav{position:absolute;left:50%;width:800px;margin:0 0 0 -400px;display:none;padding:27px 0;}
.subnav li{float:left;}
.subnav li.last{float:right;text-align:right;}
.subnav li a.subnavlink{padding-right:25px;font-size:16px;}
.subnav li.last a.subnavlink{padding-right:0;}
#editing .subnav li a.subnavlink{padding-right:24px;font-size:15px;}
#editing .subnav li.last a.subnavlink{padding-right:0;font-size:15px;}


.title{margin:0 0 20px 0;color:#ffad45;font-size:30px;}
.title#golfcopywriting{margin-top:40px;}
.title a{color:#ffad45;text-decoration:none;}
#homegrid{
	margin:0;
	padding:0;
}
#homegrid li{float:left;margin-right:28px;}
#homegrid li#one{width:139px;}
#homegrid li#two{width:158px;}
#homegrid li#three{width:266px;}
#homegrid li#four{width:152px;float:right;margin-right:0;}
#homegrid a{display:block;}
#homegrid a.first{margin:0 0 26px 0;}

.portfolio-list,#giftbook{font-size:11.5px;letter-spacing:0.2px;color:#FFFFFF;font-family:Helvetica Neue,Helvetica,sans-serif;font-weight:300;line-height:14px;margin:0 0 15px 0;}
.portfolio-list li{float:left;}
.portfolio-list li div.margin{margin:12px 0 0 0;}
.portfolio-list li div.margin h2{font-size:16px;}
.portfolio-list li div.margin h3{font-size:14px;line-height:16px;}

.portfolio-list.golf li{
	width:212px;
	margin-right:82px;
	margin-bottom:20px;
}
.portfolio-list.golf li.last{
	margin-right:0;
}

.portfolio-list#fw1 li, .portfolio-list#fw2 li, .portfolio-list#fw3 li, .portfolio-list#fw4 li{width:249px;margin:0 0 15px 0;}
.portfolio-list#fw1 li.middle{width:227px;margin:0 37px;}
.portfolio-list#fw2 li#one{width:249px;}
.portfolio-list#fw2 li#two{width:160px;margin:0 26px 0 37px;}
.portfolio-list#fw2 li#three{width:190px;margin:0 15px 0 0;}
.portfolio-list#fw2 li#four{width:120px;}
.portfolio-list#fw3 li.middle{width:227px;margin:0 70px 0 37px;}
.portfolio-list#fw3 li.last{width:216px;}
.portfolio-list#fw4 li.middle{width:227px;margin:0 37px;}

.portfolio-list#books li{width:103px;margin:0 0 25px 0;}
.portfolio-list#books li.middle{width:108px;margin:0 0 0 33px;}
.portfolio-list#books li.last{width:98px;margin:0 0 0 33px;float:right;}

#giftbook{margin:0 0 30px 0;}
#giftbook img{display:block;float:left;width:179px;height:134px;}
#giftbook #gb-detail{float:left;margin:0 0 0 35px;width:200px;}

.portfolio-list#albums li{width:97px;}
.portfolio-list#albums li.middle{width:97px;margin:0 0 0 20px;}

.portfolio-list#concerts li{width:222px;}
.portfolio-list#concerts li.first{width:226px;}
.portfolio-list#concerts li.middle{margin:0 63px;}

.portfolio-list#newspaper li{width:216px;margin:0 28px 0 0;}
.portfolio-list#newspaper li.half{width:140px;}
.portfolio-list#newspaper li#last{margin:0 0 0 0;}

.portfolio-list#feature-package li{width:125px;margin:0 39px 20px 0;}
.portfolio-list#feature-package li.first{width:141px;margin:0 35px 10px 0;}
.portfolio-list#feature-package li.last{width:130px;margin:0 0 10px 0;}

.portfolio-list#feature-narrative li{width:215px;}
.portfolio-list#feature-narrative li.middle{width:230px;margin:0 65px 20px 75px;}

.portfolio-list#feature-bookexcerpts li{width:215px;}
.portfolio-list#feature-bookexcerpts li.middle{width:230px;margin:0 65px 20px 75px;}

.portfolio-list#feature-artsent li.large{width:231px;}
.portfolio-list#feature-artsent li.middle{margin:0 53px 30px 54px;}
.portfolio-list#feature-artsent li.magcover{width:117px;margin:0 0 0 53px;}
.portfolio-list#feature-artsent li.magcover.last{width:117px;margin:0 0 0 56px;}
.portfolio-list#feature-artsent li.nospace{margin:0 0 0 0;}

.record-review{padding:75px;margin:0 0 40px 0;background:#ebb266;line-height:24px;font-size:16px;font-family:Helvetica Neue,Helvetica,sans-serif;}
.review-header{font-weight:bold;}
ul.score li{width:23px;height:21px;float:left;}
ul.score li.star{background:url('../images/star.png') left center no-repeat;}
ul.score li.half{background:url('../images/half.png') center center no-repeat;}

.author-list{width:200px;float:left;color:#FFFFFF;line-height:18px;font-size:14px;font-family:Helvetica Neue, Helvetica, sans-serif;font-weight:300;letter-spacing:0.2px;}

.orange-rail{text-align:justify;float:left;width:60%;letter-spacing:-.02em;padding:50px;margin:0 5% 40px 0;background:#ebb266;line-height:16px;font-size:13px;font-weight:400;font-family:Helvetica Neue,Helvetica,sans-serif;}
.resume-rail{text-align:left;float:left;width:540px;padding:50px;margin:0 20px 40px 0;background:#ebb266;line-height:16px;font-size:13px;font-family:Helvetica Neue,Helvetica,sans-serif;}

.right-rail{width:35%;float:left;}
.resume-right-rail{width:235px;float:left;}

.rag-right{
	text-align:left;
}
.right-list{margin:0;padding:0;}
.right-list li{margin:0 0 20px 0;}
.right-list li .img{width:108px;float:left;display:block;margin:0 20px 0 0;}
.right-list li .info{width:142px;float:left;font-size:11.5px;color:#FFFFFF;font-family:Helvetica Neue,Helvetica,sans-serif;line-height:14px;font-weight:300;letter-spacing:0.2px;}


.contact label{display:block;margin:20px 0;}
.formfield{font-size:16px;color:#333333;padding:8px 5px;display:block;width:310px;}
#msg{font-size:16px;color:#333333;padding:8px 5px;display:block;width:310px;height:100px;}
#send{display:block;margin:20px 0 20px -1px;}
#john-copyright{
	float:right;
	width:295px;
	padding:15px;
	color:#FFFFFF;
	font-size:14px;
	font-family:Helvetica Neue, Helvetica, sans-serif;
	background:#de1f26;
	margin:400px 0 0 0;
}
#back-to-records{
	background:url('../images/img-backtorecord.png') top left no-repeat;
	width:95px;
	height:62px;
	z-index:10;
	left:50%;
	top:125px;
	margin:0 0 0 -520px;
	display:block;
	position:absolute;
	text-decoration:none;
}
#back-to-np{
	background:url('../images/img-backtorecord.png') top left no-repeat;
	width:95px;
	height:62px;
	z-index:10;
	left:50%;
	top:125px;
	margin:0 0 0 -520px;
	display:block;
	position:absolute;
	text-decoration:none;
}

#back-to-concert{
	background:url('../images/img-backtorecord.png') top left no-repeat;
	width:95px;
	height:62px;
	z-index:10;
	left:50%;
	top:125px;
	margin:0 0 0 -520px;
	display:block;
	position:absolute;
	text-decoration:none;
}

#back-to-record{
	background:url('../images/img-backtorecord.png') top left no-repeat;
	background-size:95px 62px;
	height:25px;
	width:95px;
	z-index:10;
	left:50%;
	top:125px;
	margin:0 0 0 -520px;
	display:block;
	position:absolute;
	text-decoration:none;
	text-align:right;
	padding-top:35px;
	font-size:9px;
	letter-spacing:.2px;
	line-height:12px;
	color:#FFFFFF;
	font-family:Helvetica Neue, Helvetica, sans-serif;
	
}

.nowrap{white-space:nowrap;}
img.width100{width:100%;}
.no-letter-spacing{letter-spacing:0;}
.golf-link-label{margin-top:30px;color:#ffad45;}
.spaced-text{letter-spacing:0.22px;}
.squeeze-text{letter-spacing:-.04em;}
.squeeze-text-partial{letter-spacing:-.005em;}
.squeeze-text-more{letter-spacing:-.06em;}
.job{margin:0 0 25px 0;}
.large-line-height{line-height:2.3em;}
.larger{font-size:16px;}
.larger20{font-size:20px;}
.strong{font-weight:bold;}
a.fixedheight{display:block;height:149px;}
a.recordheight{display:block;height:97px;}
.publisher-detail{margin:5px 0 0 0;}
.bookreview-detail{margin:8px 0 0 0;}
.italic{font-style:italic;}
.justify{text-align:justify;}
.clear{clear:both;}