/* @override http://poopinrules.com/c/master.css */

@font-face {
  font-family: chunk;
  src: local('Chunk Five Regular'), local('Chunk Five'),
         url('/i/Chunkfive.otf') format('opentype');
      }

@font-face {
  font-family: goudy;
  src: local('OFL Sorts Mill Goudy Regular'), local('OFL Sorts Mill Goudy'),
         url('/i/OFLGoudyStM.otf') format('opentype');
      }

@font-face {
  font-family: 'Goudy Italic';
  src: local('OFL Sorts Mill Goudy Italic'),
         url('/i/OFLGoudyStM-Italic.otf') format('opentype');
      }


html { font-size: 62.5%; line-height: 1.75;}
body {font-family: goudy, 'Times New Roman', serif; font-size: 2em; color: rgba(20,20,20,.9);  background: #000 url(../i/hands.jpg) no-repeat 0 0;
}

div { line-height: 1.75;}
ol { list-style-type: decimal; margin:1.5em 2.75em 0em 3em; padding:0 0 1em 0;}
ol li { margin-bottom:.5em;}
a { color:#502117; }
a:hover { text-decoration:none;}

h2 { padding:1em 2.5em 0 2em; margin: 0; font-size: 1.5em;}
p { font-family:'Goudy Italic'; padding:0 2.5em 1em 3em; font-size:.9em; }
p.article { font-family: 'goudy';}
p.intro { padding-bottom:0;padding-top: 1em;margin-bottom:0;font-size:1em }
/* p.intro:first-letter {
font-size : 400%; color: rgba(20, 20, 20, 0.2); float:left;line-height:.75;margin-right: -.3em; margin-top:-.25em;position:relative;top: .4em; left: -.35em;	font-family: goudy;
 } */
.note { padding-bottom:0 }
h1 {
	font-size: 2.45em;
	line-height: 1em;
	font-weight: normal;
	font-family: chunk;
	color: #eee;
	color: rgba(255,255,255,.8);
	text-decoration: none;
	text-shadow: rgba(0,0,0,.4) 0px 0px 4px;
	margin: 0 .5em;
	padding:1.8em 0 0 0;
	display: block;
	text-align:center;
	text-transform:uppercase;
	position:relative;
	left:-.15em;
}

.amp {
	font-family:'Goudy Italic';
	font-size:2.5em;
	margin:.25em 0 .1em;

	color: rgba(255,255,255,.3);

	position:relative;
	top:.25em;
}

h1 strong { font-size:2.5em; display:block; position:relative; left:.2em;}
div {
	-webkit-transition: -webkit-box-shadow .25s;
	background: #556c41;
	background: rgba(207,218,212,.5);
	margin: 3em auto 5em auto;
	}
div:hover {
	box-shadow: 0px 0px 7px rgba(0,0,0,.4);
	-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 0px 7px rgba(0,0,0,.4);
}

div#container, div#wrap1, div#wrap2 {
	background: rgba(255,255,255,.3);
	 border-radius:1em 0 1em 0;
	}
	div#container { width: 90%; padding: 0em 3%; margin: 2em auto; max-width: 1100px; }
	div#wrap1, div#wrap2 { margin: 0 0 0; padding: 0 3%; }
	div#wrap2 { padding: 0; }


/* @group Self-Clearing Floats */
.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* @end */

@media screen and (max-width: 700px) {
	#container { margin-top: 1.5em;}
	p { padding:0 1.5em 1em 2em; font-size:1em; }
	ol { margin:1.5em 1.5em 0em 2em; }
	h1 { font-size: 2.0em; }
	}
@media screen and (max-width: 550px) {
	body { font-size: 2.25em; }
	h1 { font-size: 1.25em; }
	p { padding:0 1em .5em 1em; font-size:1em; }
	ol { margin:1em 1em 0em 1.75em; }
	div#container, div#wrap1, div#wrap2 { padding: 0em; background: rgba(255,255,255,.35); }
	div#container { margin: 1em 2.5%; width: 95%; }
}