#aph-home h1,
#aph-home h2.moon,
.logo {font-family:Moonshiner-Regular}

.modal.left.modal-dialog,
.modal.right.modal-dialog {
		position:fixed;
		margin:auto;
		width:320px;
		height:100%;
		-webkit-transform:translate3d(0,0,0);
		-ms-transform:translate3d(0,0,0);
		-o-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0)
	}

.modal.left .modal-content,
.modal.right .modal-content {
		height:100%;
		overflow-y:auto
	}

.modal.left .modal-body,
.modal.right .modal-body {padding:15px 15px 80px}

.modal.left.fade .modal-dialog {
		left:-320px;
		-webkit-transition:opacity .3s linear,left .3s ease-out;
		-moz-transition:opacity .3s linear,left .3s ease-out;
		-o-transition:opacity .3s linear,left .3s ease-out;
		transition:opacity .3s linear,left .3s ease-out
	}

.modal.left.fade.in .modal-dialog {left:0}

.modal.right.fade .modal-dialog {
		right:-320px;
		-webkit-transition:opacity .3s linear,right .3s ease-out;
		-moz-transition:opacity .3s linear,right .3s ease-out;
		-o-transition:opacity .3s linear,right .3s ease-out;
		transition:opacity .3s linear,right .3s ease-out
	}

.modal.right.fade.in .modal-dialog {right:0}

.modal-content {border-radius:0;border:0}

.modal-header {border-bottom-color:#FFF}

@font-face{
		font-family:Moonshiner-Regular;
		src:url(/huntwild/styles/fonts/Moonshiner-Regular.ttf.woff) format("woff"),url(/huntwild/styles/fonts/Moonshiner-Regular.ttf.svg#Moonshiner-Regular) format("svg"),
		url(/huntwild/styles/fonts/Moonshiner-Regular.ttf.eot),url(/huntwild/styles/fonts/Moonshiner-Regular.ttf.eot?#iefix) format("embedded-opentype");
		font-weight:400;
		font-style:normal
	}

body {background-color:#fafafa}

h1,h2,h3 {font-weight:400}

h1 {text-transform:uppercase}

.btn-invert,
h1 span.small,
h1.small {text-transform: none}

.logo {
		font-size:1.75em;
		font-kerning:auto;
		color:#fff!important;
		margin-top:20px
	}

#aph-home h1 {font-size:3em;color:#fff}
#aph-home h1 span {color:#FFF}

#aph-home h2.moon {
		font-size:1.8em;
		color:#fff!important;
		margin-top:12px
	}
	
#aph-home h3 {font-size:18px}
#aph-home hr {width:85%}
#aph-home hr.tophr {margin-bottom:0}

#need-to-know h3 {margin-top:0}
aside {margin-top:2em}

aside #need-to-know,
aside #printables,
aside #resources {
		font-size:14px;
		border-right:thin solid #eee;
		padding:2px
	}

.btn-invert{background:0;border:0;color:#FFF;box-shadow:none}
.btn-invert:active,.btn-invert:focus,.btn-invert:hover{background:0;box-shadow:none;border-bottom:2px solid rgba(134,109,80,.6)}

#maincontent .dark-bg,.modal-header{
	background-image: url("../../images/topolines-wht.png");
	/*background-position: 0px 0px;*/
    background-repeat: repeat-x;
	background-color:#7e7b4a;
}

.close,.modal-header h3{color:#FFF}
.close:active,.close:focus,.close:hover{color:#fff}

.aphlist {
    padding-left: 3em;
    list-style: none
}

#maincontent li{line-height:1.5em;margin-bottom:12px}


#maincontent ul.legalGame li{margin-bottom:.2em!important}

#maincontent .dark-bg{margin-bottom:1em;padding:10px 0}

#maincontent .dark-bg .fa,#maincontent .dark-bg a,#maincontent .dark-bg h2,#maincontent .dark-bg h3{color:#FFF}

#maincontent .dark-bg .fa:active,#maincontent .dark-bg .fa:focus,#maincontent .dark-bg .fa:hover{color:#fff}

#maincontent .dark-bg a{border-bottom:thin solid rgba(255,255,255,.3)}

#maincontent .dark-bg a:active,#maincontent .dark-bg a:focus,#maincontent .dark-bg a:hover{border-bottom:2px solid #fff;color:#fff}

#maincontent a.btn-primary{background-color:#7e7b4a;border-bottom:0}

#maincontent a.btn-primary:focus,#maincontent a.btn-primary:hover{background-color:#3a3a3a;border-bottom:0}

#maincontent a.btn-primary:active{background-color:#7e7b4a;box-shadow:0 1px 1px rgba(107,107,107,.9);border-bottom:0}

p.button{text-align:center}

@media(min-width:768px){
	#aph-home h1{font-size:4em}
	#aph-home h1 span{font-size:.75em}
	#aph-home h2.moon{font-size:2em;margin-top:10px}
	#aph-home hr{width:55%}
	}
	
@media(min-width:992px){
		body{background-color:#fff}
		.logo{margin-top:12px}
		p.button{text-align:left}
		#aph-home h1{font-size:5em}
		#aph-home h1 span{font-size:1em}
		#aph-home h2.moon{font-size:3em;margin-top:0}
		}