*,*:before,*:after{box-sizing:border-box;}
html{font-size:20px;}
body {
height:100%;
margin:0;
padding:0;
font-family:"century gothic",Geneva, Arial, sans-serif;
font-size:1rem;
line-height: 1.5rem;
background: #fff;
color: #000;
}
p{font-size:1rem;line-height: 1.5rem;}
h1, h2{
font-size: 1.5rem;
line-height: 2.0rem;
color: #000;
font-weight:normal;
}
h3,h4,h5{
font-size: 1.25rem;
line-height: 1.50rem;
color: #000;
font-weight:normal;
}
a:link{color: #d41717;text-decoration: underline;text-decoration-style:dashed;}
a:visited{color: #d41717;text-decoration: underline;}
a:active{color: #d41717;text-decoration: underline;}
a:hover{color: #000;text-decoration: underline;}
a.f:link{color: #000;text-decoration: none;}
a.f:visited{color: #000;text-decoration: none;}
a.f:active{color: #000;text-decoration: none;}
a.f:hover{color: #d41717;text-decoration: underline;text-decoration-style:dashed;}
a.dnld:link{text-decoration:none;display:inline-block;background:#fff;}
li{padding-bottom:10px;}
hr{border:0;background: url('/img/hr.png');height:12px;margin:30px 0;}

#content{margin:0 auto;padding:5px;width:960px;}
#cutupRow{text-align:center;width:97%;}
#nav{padding:0px 5px 20px 5px;color:#fff;background: url('/img/nav-edge.png') #000 left bottom;text-align:center;}
#social{text-align:center;padding:60px 5px 4px 5px;}
#ftr{text-align:center;padding:5px 5px 40px 5px;font-size:0.75rem;}



/* FORM STUFF */
input,select,option,button,textarea{font-family:"trebuchet ms", "lucida sans","lucida grande", sans-serif;}
.theForm{margin-bottom:40px;}
.formBlock, .formBlock2{margin-top:10px;margin-bottom:15px;text-align:center;}
.butBlock{margin:0 0 5px 0;display:inline-block;}
.btnCut{margin:5px;padding:10px 20px;font-size:1.0rem;border:1px solid #777;border-radius:12px;background-color: #ebebeb;
box-shadow: inset 3px 3px 3px rgba(255, 255, 255, 0.8), inset -3px -3px 6px rgba(0, 0, 0, 0.3);cursor:pointer;
}
.btnCut:hover {
box-shadow: inset 0 1px 1px #aaa, inset 0 -1px 1px #aaa;
border-color: #888 #aaa #eee;
}
.selectCut{font-size:1.0rem;border: 1px solid #777;padding:10px 40px 10px 20px;margin:5px;border-radius:12px;
box-shadow: inset 0 1px 1px #aaa, inset 0 -1px 1px #aaa;
border:1px solid #777;border-radius:12px;
box-shadow: inset 3px 3px 3px rgba(255, 255, 255, 0.8), inset -3px -3px 6px rgba(0, 0, 0, 0.3);background: url(/img/selectArrow.png) no-repeat right #ebebeb;
appearance: none;-webkit-appearance: none;background-position-x: 95%;
}
.selectCut:hover{cursor:pointer;}
.optionCut{background:#fff;}

.taCut{width:100%;height:150px;font-size:0.75rem;line-height:1.25rem;padding:15px;border: 1px solid #000;border-radius:15px;background:#f7f7f7;margin:5px 0 10px 0;}

#taGroup {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  display:none;
}
.taCut2 {
  flex: 0 49%;
  height: 100px;
  font-size:0.75rem;line-height:1.25rem;padding:1%;border: 1px solid #000;border-radius:15px;background:#f7f7f7;
  margin-bottom: 2%;
  min-width: 0;/* firefox fix */
}
.taCut3{width:100%;height:150px;font-size:1rem;line-height:1.25rem;padding:15px;border: 1px solid #000;border-radius:15px;background:#f7f7f7;margin:5px 0 10px 0;}





/* COPY DOWNLOAD BUTTONS */
a.blackBtn:link{
margin: 10px 5px 20px 5px; padding:20px 20px;font-size:1.0rem;color:#fff;background-color: #000;letter-spacing:1px;cursor:pointer;
border:1px solid #777;border-radius: 12px;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
background:linear-gradient(to bottom, #7d6966 5%, #000000 50%);
text-decoration: none;
display:inline-block;
}
a.blackBtn:visited{color: #fff;text-decoration: none;}
a.blackBtn:active{color: #fff;text-decoration: none;}
a.blackBtn:hover{
border:1px solid #777;border-radius: 12px;	
box-shadow:inset 3px 3px 3px #777, inset -3px -3px 6px #d9d9d9;
text-decoration: none;
}
#copied{display:none;font-size:1rem;padding:10px 20px;background:green;color:#fff;font-weight:bold;}


#cutupText {
margin: 5px 0 40px 0; padding:25px 40px;font-size:1.25rem;background-color:#000;color:#fff;background-color: #fff;letter-spacing:1px;cursor:pointer;
border:1px solid #777;border-radius: 12px;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
background:linear-gradient(to bottom, #7d6966 5%, #000000 50%);
/*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); */
}
#cutupText:hover{padding:23px 40px 27px 40px;
box-shadow:inset 3px 3px 3px #777, inset -3px -3px 6px #d9d9d9;
}










/* SHARE BUTTON */
#share{position: relative; float:right; display:inline-block;margin-top:20px;padding:10px 0 10px 20px;}
#share:hover .dropdown {
  display: block;
}
.dropdown {
  display: none;
  position: absolute;
  right:0;
  background-color: #f9f9f9;
  min-width: 240px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  margin-top:0px;
  padding: 0;
  z-index: 1;
}
.dropdown a{display:block;font-size:1rem;padding:10px 20px;}
.dropdown a:hover{background:#000;color:#fff;padding:10px 20px;}

.callOut{
	margin:0px;
	padding:10px 20px;
	border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
	background:#f7f7f7;
	/* border:solid 5px hsla(0, 95%, 35%, 1); */
	border:dashed 2px #000;
}






.offScreen{
 border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}



@media screen and (max-width: 960px){
	.theForm{margin:0 10px;}
	#nav, #content{width:100%;display:block;}
	
	#logo{float:none;display:block;width:100%;text-align:center;}
	#logo img{margin:0 auto;}
	#share{margin-top:3px;}		
	.formBlock{margin-top:10px;margin-bottom:15px;text-align:center;}
	.butBlock{margin:0 0 15px 0;display:block;}
	h1,h2,h3,h4,h5{font-size: 1.5rem;line-height: 1.5rem;}
	.mHide{display:none;}
}

@media screen and (max-width: 600px){
	#nav img{width:100%;height:auto;}
	.taCut2{height:100px;}
}