body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	  font-family: 'Playfair Display', serif;

}.mobileTop {
    background-image: url(imgs/mJoin.jpg);
	background-repeat: repeat-x;
	background-position: center top;
height: 280px;
    padding-top: 220px;
    border-bottom: 5px solid white;	width: 100%;
	text-align:center; font-family: 'Playfair Display', serif;
 }
 .mobileTop h1 {
     color:#fff;
     font-size:24px;}.PNStore {
	float: right;
	background-color: #FFF;
	padding: 10px;
	font-family: 'Playfair Display', serif;
	font-weight: 800;
}
.members {
	font-family: 'Playfair Display', serif;
	font-weight: 800;
	float: right;
	padding: 10px;
	background-color: #FFF;
	margin-left: 15px;
}
.footer {
	background-color: #222;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;	color:#8C8C8C;

}.footer a:link {
	text-decoration: none;
	color:#D63B8A;
}
.footer a:visited {
	text-decoration: none;	color:#D63B8A;

}
.footer a:hover {
	text-decoration: none;	color:#fff;

}
.footer a:active {
	text-decoration: none;	color:#D63B8A;

}
.whatsInside {
	background-color: #FFF;
	padding-top: 50px;
	padding-bottom: 50px;
}
.wrap {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}.wrapUpdates {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}#recentUpdates {
 width: 100%;
 margin: auto; text-align:center;
}
.joinBar h1 {
 color: #000;font-size: 32px;
    letter-spacing: -2px;    line-height: 25px;
}.joinBar h2 {
 color: #000;font-size: 30px;
    letter-spacing: -1px;
    font-weight:300;    line-height: 25px;
}
html, body, ul, ol, li {
 margin: 0;
 padding: 0
}
h1, h2, h3, h4, h5, h6, p {
 margin: 0;
 padding: 0;
 font-size: 100%;
}
li {
 list-style: none
}
.topHeader {
	background-image: url(imgs/mJoin.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height: 500px;
	width: 100%;
	text-align:center; font-family: 'Playfair Display', serif;

}.topHeader h1 {
	color:#fff;
	font-size:35px;
	padding-top:350px;    margin-bottom: 20px;text-shadow: 0px 0px 15px rgba(150, 150, 150, 1);}
.navBar {
	height: 80px;
	width: 100%;
	background-color: white; transition: All 1s ease;
 -webkit-transition: All 1s ease;
 -moz-transition: All 1s ease;
 -o-transition: All 1s ease;
 display:none;
}.navBarFixed {
	height: 80px;
	width: 100%;
	background-color: white;position: fixed;
    top: 30px;    -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2);
    z-index:2;
}
.navBarWrap {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	height: 80px;

}.navBar ul {
 float: right;
}
.navBar li {
 font-family: 'Playfair Display', serif;
 font-size: 18px;
 font-weight: 800;
 letter-spacing: -.5px;
 float: left;
 margin-right: 0px;
 margin-top: 0px;
 padding-left: 10px;padding-right: 10px;
 margin-bottom: 0px;
 margin-left: 0px;
 color: #000;
 transition: All .5s ease;
 -webkit-transition: All .5s ease;
 -moz-transition: All .5s ease;
 -o-transition: All .5s ease;
}
.navlinks {
 padding-top: 28px;
}
.intro {
	width: 100%;
 background-image:url(imgs/hbg-intomobile.jpg);
 background-position: top center;

	padding-top: 50px;
	padding-bottom:50px;
	margin-right: auto;
	margin-left: auto;
	font-family: 'Playfair Display', serif;
	color: #000;
	font-size: 18px;
 z-index:1;
}
.intro h1 {
	font-size: 24px;
	font-weight: 800;
	letter-spacing: -1px;
}

.navBar li:hover {
 color: #D63B8A;
}
.logo {
    position: relative;
    top: -25px;
    width: 366px;
    float: left;
}.topAccess {
  font-family: 'Playfair Display', serif;
      pointer-events: all;
 color: #333;
 font-size:20px;
 width:220px;
 border-radius:3px;
 margin-left:auto;
 margin-right:auto;
 font-weight:700;
 letter-spacing:-1px;
 background-color: #FFF;
 padding: 10px; transition: All .5s ease;
 -webkit-transition: All .5s ease;
 -moz-transition: All .5s ease;
 -o-transition: All .5s ease;
}.topLinks {
	width: 90%;
	margin-right: auto;
	margin-left: auto; display:none;
}.topLinks a:link {
	text-decoration: none;color:#D63B8A;
}
.topLinks a:visited {
	text-decoration: none;color:#D63B8A;
}
.topLinks a:hover {
	text-decoration: none;color:#D63B8A;
}
.topLinks a:active {
	text-decoration: none;color:#D63B8A;
}
.topAccess:hover {
 color: #FFF;
 background-color:#CC0066;

}.whatsInside ul {
 width: 90%;
 font-family: 'Playfair Display', serif;
 margin-right: auto;
 margin-left: auto;
 margin-top: 50px;
 display:inline-block;
}
.whatsInside ul li {
 text-align: center;
 float: left;
    width: 100%;
    margin-bottom: 50px; font-size: 16px;
 color: #999;
}
.whatsInside ul li span {
 font-size: 20px;
 font-weight: 700;
 color: #444;
}
.recentUpdates {
	background-color: #040307; background-image:url(imgs/hbg-mobile.jpg);
 background-position: top center;
 background-repeat:no-repeat;
	width: 100%;

	padding-top: 50px;
	padding-bottom: 50px;
}
#photos {
	background-color: #FFF;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 25px;     display: inline-block;
}
.mobilewidth {
    width:100%;}.vidGifs {
 text-align: center;
}
.vidGifs img {
 background-color: #FFF;
 padding: 5px;
 margin-right: 5px;
 margin-bottom:10px; width:100%;
}
#photos:target {
	background-color: #FFF;
	width: 100%;
	padding-top: 150px;
	padding-bottom: 50px;
}.photospics {
 font-family: 'Playfair Display', serif;
 width: 90%;
 height: 390px;
 margin-left: auto;
 margin-right: auto;
}
.photospics li {
	float: left;
    width: 100%;
    margin-bottom: 25px;	font-weight: 300;
	color: #D63B8A;text-align: center;
}
.joinBar {
	background-image: url(imgs/joinBarBG.jpg);
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	text-align: center;
}
#videos {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #D63B8A;  background-image:url(imgs/hbg-mobile.jpg);
 background-position: top center;
 
}#videos:target {
	width: 100%;
	padding-top: 150px;
	padding-bottom: 50px;
	background-color: #D63B8A;
}
.photospics li span {
	font-size: 20px;
	font-weight: 700;
	color: #333;
}
.footJoin {
	background-color: #D9ECD3;
 color:#CCC;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px; background-image:url(imgs/jbbg.jpg);
 background-position: top center;
 background-size:cover;
}.footJoin a:link {
 text-decoration: none;
 color: #FFF;
}
.footJoin a:visited {
 text-decoration: none;
 color: #FFF;
}
.footJoin a:hover {
 text-decoration: none;
 color: #CCC;
}
.footJoin a:active {
 text-decoration: none;
 color: #FFF;
}.pnclist li {
 float: left;
 width: 50%;
 font-size: 16px;
 font-weight: 300;
 line-height: 30px;
 margin-bottom: 20px;

}.pnclist li img {
 width: 90%;border-radius: 4px;
}
.showsched {

 width: 100%;
 float: left;
}
.pncgirls {
 width: 100%;
 float: left;    margin-top: 50px;

}

/*
 *  Join Options
 */
div.type {
	width:100%;
}
div.typeBox {
	float:left;
	position:relative;
	text-align:center;
	max-width: 175px;
	width:50%;
	margin:0px auto;
}
.typeBox > input[type="radio"]{
  position: absolute;
  visibility: hidden;
    width: 36px;
    height: 31px;
    top: -11px;
	z-index:999;
    left: 0px;
}
.typeBox label{
  position: relative;
  display:block;
  min-height: 49px;
  z-index: 9;
  width:100%;
  max-width: 175px;
  cursor:pointer;
}
.typeBox label img{
  float:right;
  margin-right:10px;
}
div.check {
	display: block;
    position: absolute;
    border: 3px solid #AAAAAA;
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 12px;
    left: 6px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}
div.check::before {
  display: block;
  position: absolute;
	content: '';
  border-radius: 100%;
    height: 6px;
    width: 6px;
    top: 2px;
    left: 2px;
  margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}
input[type=radio]:checked ~ .check {
  border: 5px solid #c36193;
}

input[type=radio]:checked ~ .check::before{
  background: #c36193;
}

input[type=radio]:checked ~ label{
  color: #c36193;
}
/*
 *  End Join Options
 */
.webcamsubwrap {
 width: 100%;
 margin-right: auto;
 margin-left: auto;
 margin-top: 50px;
 font-family: 'Playfair Display', serif;    text-align: center;
}#camshows {
	background-color: #FFF;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
	display:inline-block; 
}#camshows:target {
	background-color: #FFF;
	width: 100%;
	padding-top: 150px;
	padding-bottom: 50px;
	display:inline-block;
}.wrap h2 {
    font-size:24px;
    font-weight:300;}.wrapUpdates h2 {
    font-size:24px;
	color:#fff;
    font-weight:300;}a:link {
 text-decoration: none;
 color: #333333;
}
a:visited {
 text-decoration: none;
 color: #333333;
}
a:hover {
 text-decoration: none;
 color: #666666;
}
a:active {
 text-decoration: none;
 color: #333333;
}.header-unit {
display:none;
}
#video-container {
 position: absolute;
}
#video-container {
 top: 0%;
 left: 0%;
 height: 100%;
 width: 100%;
 overflow: hidden;
}
.header-unit video {
 position: absolute;
 z-index: 0;
}
.header-unit video.fillWidth {
 min-width: 100%;
 min-height: 100%;
 width: auto;
 height: auto;
 background-size: cover;
}.topVidOverlay {
 color: #FFF;
 position: absolute;
 top: 0px;
 height: 500px;
 width: 100%;
 display:none;
}
.topVidJoin h1 {
 font-family: 'Playfair Display', serif;
 font-size: 47px;
 font-weight: bold;
}
.topVidJoin {
 width: 100%;
 font-family: 'Playfair Display', serif;
 position: absolute;
 top: 60%;
 transform: translateY(-50%);
 text-align: center;
}.joinOptions {
 width: 100%;
 text-align: center; font-family: 'Playfair Display', serif;
padding-bottom: 60px;
border-radius:3px;

}.joinOptions h1 {

 font-size: 35px;
 color: #333;
 padding-top: 50px;
}
.joinOptions h2 {
 font-family: 'Playfair Display', serif;
 font-size: 18px;
 color: #50545D;
 width: 90%;
 margin-left: auto;
 margin-right: auto;
 font-weight: 300;
 padding-top: 10px;
}
.joinOptions h3 {
 font-family: 'Playfair Display', serif;
 font-size: 25px;
 color: #D63B8A;
 margin-left: auto;
 margin-right: auto;
    line-height: 25px; font-weight: 400;
}.joinlinker {
 color: #FFF;
 background-color: #F6857F;
 height: 50px;
 width: 350px;
 font-size: 19px;
 text-align: center;
 line-height: 45px;
-moz-box-shadow:0px 3px 0px rgb(243,102,95);
-webkit-box-shadow:0px 3px 0px rgb(243,102,95);
box-shadow:0px 3px 0px rgb(243,102,95);
 border-radius: 4px 4px 4px 4px;
 -moz-border-radius: 4px 4px 4px 4px;
 -webkit-border-radius: 4px 4px 4px 4px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 20px;
 display: inline-block;
 font-weight: 700;
}
.joinlinker:hover {
 color: #fff;
 background-color: #CC0066;
-moz-box-shadow:0px 3px 0px rgb(252,108,54);
-webkit-box-shadow:0px 3px 0px rgb(252,108,54);
box-shadow:0px 3px 0px rgb(252,108,54);
}
.intro span {
   
    margin-bottom: 5px;
    border-radius: 3px;
    display: inline-block;}
.pnplistjoin li {
 float: left;
 width: 50%;
 font-size: 16px;
 font-weight: 300;
 line-height: 30px;
 margin-bottom: 20px;
 text-align:center;
 
}
.pnplistjoin li img {
 width: 90%;
 border-radius: 4px;
}
.pnplistjoin {
  font-family: 'Playfair Display', serif;
 width: 100%;
 margin-left: auto;
 margin-right: auto;
 color: #000;
 margin-top:50px;
}.pnpList {
	background-color: #D9ECD3;
	padding-top: 50px;
	padding-bottom: 100px;    display:inline-block;
    border-top: 5px solid white; background-image:url(imgs/hbg-2.jpg);
 background-position: top center;
 background-size:cover;
}.introJoin {
 width: 100%;
 padding-bottom: 100px;
 margin-right: auto;
 margin-left: auto;
 font-family: 'Playfair Display', serif;
 color: #FFF;
 font-size: 18px;
 z-index: 1;
background-color:#F3F4F8;
}
.introJoin h1 {
	font-size: 24px;
	font-weight: 800;
	letter-spacing: -1px;
}
.slideWrap {
 width: 100%;
 margin-right: auto;
 margin-left: auto;
 padding-top: 50px;
 padding-bottom: 50px;
 text-align:center; color:#FFF;
}.slideWrap h1 {font-size: 24px;
	font-weight: 800;
	letter-spacing: -1px; color:#fff;}
    .slideWrap h2 {font-size: 32px;
	font-weight: 800;
	letter-spacing: -1px; color:#fff;}.category_listing_wrapper_updates {
    width: 300px;
    font-size: 14px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    vertical-align: top;
    font-family: 'Open Sans', sans-serif;
    background-color: white;
    padding: 5px;
}.bigBlack {
	font-size: 36px;
	color: #333;font-weight: 800;
}.bigWhite {
	font-size: 36px;
	color: #fff;font-weight: 800;
}
.pages a {
    color: #FFF;
    padding: 10px;
    background-color: #D63B8A;
    border-radius: 3px;}.pages a:hover {
    color: #FFF;
    padding: 10px;
    background-color: #50535D;
    border-radius: 3px;}
    .pages {color:black;
    }.includedpics {
	font-family: 'Playfair Display', serif;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.includedpics li {
	float: left;
	font-weight: 300;
	color: #D63B8A;
	text-align: center;
	width: 100%;	transition: All .3s ease;
	-webkit-transition: All .3s ease;
	-moz-transition: All .3s ease;
	-o-transition: All .3s ease;
	margin-bottom:30px;
}.includedpics li:hover {
	
	background-color:white;
	padding-top:10px;
	padding-bottom:10px;
	border-radius:3px;
}.includedpics li img {
	width:90%;
	border-radius:3px;
}.includedpics li span {
	font-size: 20px;
	font-weight: 700;
	color: #FFF;transition: All .3s ease;
	-webkit-transition: All .3s ease;
	-moz-transition: All .3s ease;
	-o-transition: All .3s ease;
}.includedpics li:hover span {
	font-size: 20px;
	font-weight: 700;
	color: #000;
}
.prejoinBox {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	display: inline-block;
	margin-top: 50px;
}
.prejoinLeft {
	float: left;
	width: 100%;
	background-color: #FFF;
	border-radius: 3px;
	color: #333;
	min-height:268px;
	text-align: left;
	padding-bottom: 20px;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.1);
}
.prejoinLeft input {
	background-color: #F3F4F8;
	border: 1px solid #D7DAE8;
	padding: 7px;
	width: 200px;
	border-radius: 3px;
	margin-top: 15px;
}
.prejoinLeft span {
	padding: 15px;
}
.prejoinRight {
	float: right;
	width: 100%;
	background-color: #FFF;
	border-radius: 3px;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.1);
}
.joinOp {
	background-color: #C36193;
	padding: 10px;
	width: 94%;
	margin-left: auto;
	cursor:pointer;
	margin-right: auto;
	margin-bottom: 10px;
	border-radius:3px;text-shadow: 1px 1px 0px rgb(119, 74, 97);
}
.joinOp.active {
	background-color: #333;border: 4px double #00BF00;text-shadow: 1px 1px 0px rgb(0, 0, 0);
}
.joinOp:hover {
	background-color: #333;
}
.included {
	background-color: #222;
	background-position:top center;
    display: inline-block;
    padding-bottom: 50px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.joinOp span {
	float: right;
}
.pj-hdr {
	background-color: #333;
	color: #fff;
	padding: 10px;
	text-align: left;
	margin-bottom: 10px;
}
.contButton {
	transition: background-color 1s ease;
	background-color: #7a7a7a;
	border: 1px solid #5a5a5a;
	color: #FFF;
	font-weight: 900;
	font-size: 16px;
	padding: 15px;
	margin-top: 15px;
	float: right;
	width:100%;
}
#submitAmber {
	cursor:pointer;
}

.contButton.good {
	background-color: #00BF00;
	border: 1px solid #009100;
}
p.rulesU, p.rulesE, p.rulesP {
    font-size: 12px;
	font-weight:bolder;
    padding: 0px;
	color: #8a8a8a;
    margin: 0px 19px;
}
.rulesU.red, .rulesP.red, p.rulesE.red {
	color:red;
}
#countz {
	    background-color: #F2F2F2;
    padding: 10px;
 
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
}