@charset "utf-8";
/* CSS Document */
/* colors 
	orange brown 	#b23f06;
	light green 	#b6be8b;
	main text gray 	#303030;
	heading text gray #666;

*/

body {
	margin:0;
	padding:0;
	color:#303030;
}
nav {
	text-transform:uppercase;
}
nav a { text-decoration:none; }
header nav {
	font-size:1.13em;
	color:#666;
}
header nav a {
	color:#b6be8b;	
}
header nav a:hover {
	color:#888;	
}
#pg-hm header nav #lkhm a, #pg-mus header nav #lkmus a, #pg-ab header nav #lkab a, #pg-buy header nav #lkbuy a {
	color:#fff;
	cursor:default;
}
nav li {
	list-style-type:none;
	display:inline;
}
nav li {
	margin-right:1em;
}
nav li:last-child { margin-right:0; }
h1, h2, h3 {
	font-weight:normal;	
}
h3 { margin:.35em 0 .1em; font-style:italic; font-size:1.1em; border-top:3px double #bbb; padding-top:.15em; }
.main p { margin:0; padding:.3em 0 .15em; }
.main .dlbox p { font-size:.9em; padding-top:.1em; }
.main a {
	color:#b23f06;	
}
.main a:hover {
	color: #712704;
}
header {
	position:relative;
	color:#fff;	
}
header .cont-wrap { position:absolute; }
p.caption {
	color:#444;
	font-style:italic;
	font-size:.85em;
}
h1 {
	font-style:italic; 
	font-size:1.436em;
	/* background:url(/images/meta-logo.png) center left no-repeat; */
	background:url(/images/circleMlogo86.png) center left no-repeat;
	line-height:1;
}
h1 span {
	font-size:2.14em;
	font-style:normal;
	display:block;
	margin-bottom:0;
}
h2 { color:#b23f06; font-size:1.44em; }
h2 span {
	display:block;
	color:#666;
	font-style:italic;
}
h2:first-child, .sidebar p:first-child { margin-top:0; }
.notes { font-size:.9em; font-style:italic; }
.dlbox { margin-bottom:10px; }
footer {
	border-top:1px double #b23f06;
	text-align:center;
	padding:5px 15px 15px;
	margin-top:20px;
}
footer a {
	color:#b23f06;
	font-size:.85em;
	text-decoration:none;
}
footer a:hover {
	color:#444;	
}
footer p.cred { margin:5px; font-size:.9em; text-transform:lowercase; }

@media screen and (max-width:499px) {
	body { font-size:15px; }
	header {
		background:#000 url(/images/meta_header500_inner.jpg) bottom right no-repeat;
		background-size: 40%;
		padding-top:25%;
	}
	#pg-hm header {
		background:#000 url(/images/meta_header900.jpg) center bottom no-repeat;
		background-size:cover;
		padding-top:61%;
	}
	.m-wrap, header .cont-wrap {
		width:90%;
		margin:0 auto;
		left:5%;
	}
	header .cont-wrap { top:7px;}
	header nav { font-size:.8em; }
	nav li { margin-right:.45em; }
	
	h1 { font-size:1.1em; margin-top:6px; background-size:7.2%; padding-left:9.2%; }
	h1 span { font-size:1.2em; }
}
@media screen and (max-width:749px) {
	.sidebar .caption:first-child { display:none; }
	.main {padding-top:12px; }
}
@media screen and (min-width:500px) and (max-width:749px) {
	body { font-size:16px; }
	header {
		background:#000 url(/images/meta_header750_inner.jpg) bottom right no-repeat;
		background-size: 42%;
		padding-top:20%;
	}
	#pg-hm header {
		background:#000 url(/images/meta_header750.jpg) center top no-repeat;
		background-size:cover;
		padding-top:48.13%;
	}
	header nav { font-size:1em; }
	.m-wrap, header .cont-wrap {
		width:86%;
		margin:0 auto;
		left:12%;
	}
	header .cont-wrap { top:14px;}
	nav li { margin-right:.7em; }
	h1 { font-size:1.15em; margin-top:10px; background-size:7.5%; padding-left:9.2%; }
	h1 span { font-size:1.4em; }
}
@media screen and (min-width:750px) {	
	.sidebar {width:38%;}
	.m-wrap { display:flex; box-sizing:border-box; }
	.main { width: 64%;box-sizing:border-box; padding-right: 6%; min-height:420px;}
}
@media screen and (min-width:750px) and (max-width:899px) {
	body { font-size:17.5px; }
	header {
		background:#000 url(/images/meta_header900_inner.jpg) bottom right no-repeat;
		background-size: 46%;
		padding-top:20%;
	}
	#pg-hm header {
		background:#000 url(/images/meta_header900.jpg) center top no-repeat;
		background-size:cover;
		padding-top:43.73%;
	}
	.m-wrap, header .cont-wrap {
		width:720px;
		margin:0 auto;
	}
	header .cont-wrap { 
		top:18px;
		left:calc(50% - 360px);
	}
	h1 { font-size:1.2em; margin-top:14px; background-size:7.5%; padding-left:9.2%;}
	.main, .sidebar {
		padding-top:18px;
	}
}
@media screen and (min-width:900px) and (max-width:1229px) {
	body { font-size:18.5px; }
	header {
		background:#000 url(/images/meta_header1230_inner.jpg) bottom right no-repeat;
		background-size: 50%;
		padding-top:20%;
	}
	#pg-hm header {
		background:#000 url(/images/meta_header1230.jpg) center top no-repeat;
		background-size:cover;
		padding-top:43.73%;
	}
	.m-wrap, header .cont-wrap {
		width:860px;
		margin:0 auto;
	}
	header .cont-wrap { 
		top:24px;
		left:calc(50% - 430px);
	}
	h1 { font-size:1.3em; margin-top:20px; background-size:7.3%; padding-left:8.5%;}
	.main, .sidebar {
		padding-top:18px;
	}
}

@media screen and (min-width:1230px) {
	body { font-size:20px; }
	header {
		background:#000 url(/images/meta_header1500_inner.jpg) bottom right no-repeat;
	}
	#pg-hm header {
		background:#000 url(/images/meta_header1500.jpg) center top no-repeat;
	}
	.m-wrap, header .cont-wrap {
		width:1180px;
		margin:0 auto;
	}
	header .cont-wrap { 
		top:38px;
		left:calc(50% - 590px);
	}
	h1 { margin-top:40px; }
	.main, .sidebar {
		padding-top:18px;
	}	
}
@media screen and (min-width:1230px) and (max-width:1500px) {
	header {background-size: 51.9%;
		padding-top:20%;
	}
	#pg-hm header {
		background-size:cover;
		padding-top:43.73%;
	}
	h1 { background-size:6%; padding-left:8%; }
}
@media screen and (min-width:1501px) {
	header {background-size:779px; padding-top:308px; }
	h1 {background-size:84px; padding-left: 125px; }
	#pg-hm header {
		padding-top:656px;	
	}
}

nav li:last-child { margin-right:0; }