/*
colors

yellow text - #C4BA63
worry red? - #8E2221
dark red? - #541313
darker red? - #360C0C

RSRS Green - #506828

Dark Blue - #222655

*/

:root { overflow-y:scroll }

* { margin:0; padding:0; }

html { width:100%; }

body { 
	font-family:helvetica,arial,sans-serif;
	font-size:12pt;
	color:#333333;
	background:url(../images/halftone_twilight.png);
}

.left {
	float:left;
}

.right {
	float:right;
}

/* ================  NAV ============================= */

#nav {
 width:100%;
 overflow:visible;
 top:0;
 left:0;
 z-index:420;
}

#nav #nav-logo {
	text-align:center;
}

#nav ul {
  /* background-color:#990000; */
  background-color: #222655;
  display: flex;
  height: auto;
  align-items: center;
  width:60%;
  margin:0px auto;
  padding: 8px 0;
  text-align:center;
  box-shadow:0px 0px 10px 5px #000000;
}

#nav ul li {
  display:inline-block;
  width:24%;
  text-align:center;
}


#nav ul li a {
  font-weight:bold;
  font-family:'Arvo';
  color:#C4BA63;
  text-decoration:none;
}

#nav ul#nav-social {
	color:#C4BA63;
	overflow:hidden;
}

#nav ul#nav-social li {
	padding-top:6px;
}

#nav ul#nav-social li a {
	font-size:20pt;
}



h1 {
	font-family:'Paytone One',sans-serif;
	font-size:36pt;
	color:#660000;
	padding-top:18px;
}

h2 {
	
}

h3 {
	
}

h4 {
	margin-bottom:20px;
	font-size:18pt;
}

a {
	color:#990000;
}

p {
	margin-bottom:20px;
}

input[type=email],
input[type=text] {
	color:#333333;
	font-size:12pt;
	border:1px solid #333333;
	border-radius:3px;
	padding:6px 4px;
}

select {
	color:#333333;
	font-size:12pt;
}

select option {
	color:#333333;
	font-size:12pt;
}

header {
	width:1000px;
	margin:auto;
	padding:12px;	
}

footer {
	width:1000px;
	margin:auto;
	padding:12px;
}

footer h4 {
	font-weight:normal;
	font-size:11pt;
}

/* ============================ PAGE SECTIONS ========================== */

.pagesection {
 	width:80%;
 	min-width:640px;
	position:relative;
	overflow:none;
	background-image:url(../images/halftone_grey.png);
	margin:48px auto 60px;
	padding-bottom:48px;
	box-shadow:0px 0px 10px 5px #000000; 
}

.pagesection h1 {
  font-size:28pt;
  width:80%;
  margin:24px 0;
  padding-left:80px;
  padding-right:80px;
}

.pagesection p {
  font-family:'Arvo';
  margin-bottom:18px;
  width:80%;
  padding-left:80px;
  padding-right:80px;
}

.pagesignup {
 margin-left:45px;
 margin-top:40px; 
}


/* ============================ ABOUT ========================== */

div#about {

}

#about p {
	font-size:14pt;
}



#rsrs-photo {
  width:600px;
  margin:12px auto;
}

#rsrs-photo img {
  width:100%;
  box-shadow:0px 0px 10px 5px #333333;
}

#about .caption {
  width:50%;
  margin:18px auto;
  padding-bottom:18px;
}



/* ============================ PRESS ========================== */

div#press {

}

div#press h2 {
	padding-left: 80px;
	padding-bottom: 12px;
	font-style: italic; 
}



/* ============================ PRESS ========================== */

div#linktree {
	padding: 2em;
}

#linktree h2 {
	margin: 0 auto;
	width: 60%;
	text-align: center;
	font-family: 'Arvo';
}

#linktree p {
	text-align: center;
	width: auto;
}

#linktree .linktree-image {
	margin: 2em auto;
	text-align: center;
}

#linktree .linktree-list {
	width: 400px;
	margin: 0 auto;
	font-size: 1.25em;
	list-style-type: none;
}

#linktree .linktree-list li {
	background-color: #222655;
	margin: 1em auto;
	border-radius: 0.5em;
}

#linktree .linktree-list li.disabled {
	background-color: #575757;
}

#linktree .linktree-list li.disabled a {
	cursor: not-allowed;
}

#linktree .linktree-list li:hover {
	box-shadow: 2px 2px 10px 5px #FFFFFF;
}

#linktree .linktree-list li a {
	color: #C4BA63;
	text-decoration: none;
	padding: 1.25em;
	display:block;
	width: 100%;
	height: 100%;
}

#linktree .linktree-list li a i {
	color: #C4BA63;
	display: inline-block;
	padding-right: 1em;
}



/* ============================ MAIN ========================== */

div#main {
	width:80%;
	height:1938px;
	position:relative;
	overflow:none;
	background:url(../images/worry_background.jpg);
	background-size:100% 100%;
	margin:48px auto 60px;
	box-shadow:0px 0px 10px 5px #000000;
}

div#introtext {
 	width:70%;
	margin:auto;
	padding-top:40px;
}

div#introtext p {
	font-family:'Arvo';
	font-style:italic;
	color:#DADADA;
	font-size:16pt;
}


.pagesection-main {
	background:url(../images/halftone_beige_med.png);
	font-family:'Arvo';
	font-style:italic;
	color:#333333;
	font-size:16pt;
}

.pagesection-main p {
	padding-top:24px;
	padding-bottom:12px;
}

.pagesection-main .cover {
	display:block;
	width:600px;
	height:600px;
	margin:12px auto;
	box-shadow:0px 0px 8px 4px #333333;
}

.pagesection-main .album-links {
	margin: 0px auto;
	width: 600px;
}

.pagesection-main .album-links ul {
	text-align: right;
	list-style-type: none;
	font-size: 34px;
}

.pagesection-main .album-links ul li {
	display: inline-block;
	padding-left: 8px;
}

.pagesection-main .album-links ul li a {
	color: #605b4b;
}

.pagesection-main .album-links ul li a:hover {
	color: #222655;
}


div#callouttext {
	width:60%;
	margin:auto;
	padding-top:266px;
}

div#callouttext p {
	color:#C4BA63;
	font-size:14pt;
	text-transform:uppercase;
	font-family:'Arvo';
	font-weight:bold;
	letter-spacing:0.2em;
	text-shadow:2px 2px 4px #000000;
	text-align:justify;
	text-justify:inter-word;
	line-height:160%;
}

div#player {
	width:75%;
	margin:auto;
	padding-top:30px;
}

div#player audio {
	background-color:#990000;
	width:75%;
	box-shadow:0px 0px 4px 0px #DADADA;
}


div#description {
	width:75%;
	margin:auto;
	padding-top:24px;
}

div#description p {
	color:#C4BA63;
	font-size:14pt;
	text-transform:uppercase;
	font-family:'Arvo';
	font-weight:bold;
	letter-spacing:0.2em;
	text-shadow:2px 2px 4px #000000;
	text-align:justify;
	text-justify:inter-word;
	line-height:160%;
}



div#albumhead {
	display:block;
	overflow:hidden;
	width:75%;
	margin:auto;
	padding-top:1000px;
}



div#cdbaby-store,
div#purchasecont {
	color:#DADADA;
	margin:48px auto;
	width:75%;
	/* height:516px; */
	overflow:hidden;
}

div#cdbaby-store {
	padding-top:24px;
	margin:0px auto;
}

div#purchase {
	width:38%;
}

div#purchase #purchasehead {
	position:relative;
}



div#purchase #purchasehead p#purchasemsg {
	padding:4px 0px;
	margin-bottom:4px;
}

div#purchase #moreemails {
	padding:12px 0px;
}

div#purchase #moreemails .rEmailCont {
	padding-bottom:8px;
}

div#purchase p#totalamt span {
	font-weight:bold;
}

div#purchase div#purchasepayment {
	padding-top:12px;
}

div#purchase #purchasehead #friendPrice {
	font-size:18pt;
	color:#C4BA63;
	position:absolute;
	right:88px;
	top:0px;
}

div#contact {
	position:relative;
	width:75%;
}

div#contact p {
	font-size:16pt;
	text-shadow:2px 2px 4px #000000;
	line-height:140%;
}

div#contact #purchaseremail {
	margin-bottom:36px;
}

p.support-rsrs {
	font-size:16pt;
	width:70%;
	text-shadow:2px 2px 4px #000000;
}

div#fullPrice {
	font-size:18pt;
	color:#C4BA63;
	position:absolute;
	right:88px;
	top:0px;
}



div#services {
	color:#C4BA63;  /* or #DADADA? */
	padding-left:240px;
	padding-top:28px;
	overflow:hidden;
}

div#services a {
	display:block;
	height:40px;
	width:40px;
	float:left;
	margin-left:16px;
	text-indent:-9999px;	
}

div#services a#itunes-link {
	background:url(../images/servicesmap.png) no-repeat 0px 0px;
}
div#services a#itunes-link:hover {
	background:url(../images/servicesmap.png) no-repeat 0px -40px;
}


div#services a#spotify-link {
	background:url(../images/servicesmap.png) no-repeat 0px -80px;
}
div#services a#spotify-link:hover {
	background:url(../images/servicesmap.png) no-repeat 0px -120px;
}


div#services a#cdbaby-link {
	background:url(../images/servicesmap.png) no-repeat 0px -160px;
}
div#services a#cdbaby-link:hover {
	background:url(../images/servicesmap.png) no-repeat 0px -200px;
}

div#services a#google-play-link {
	background:url(../images/servicesmap.png) no-repeat 0px -240px;
}
div#services a#google-play-link:hover {
	background:url(../images/servicesmap.png) no-repeat 0px -280px;
}

div#services a#amazon-link {
	background:url(../images/servicesmap.png) no-repeat 0px -320px;
}
div#services a#amazon-link:hover {
	background:url(../images/servicesmap.png) no-repeat 0px -360px;
}


/* ============================ PAGE SECTION SPECIFICS ========================== */




/* ================  THANKS ============================= */

#thanks {
	width:80%;
	margin:0px auto;
	background:url(../images/worry_header.png) no-repeat;
	min-height:600px;
}


/* ================  CANCELED ============================= */

#canceled {
	width:80%;
	margin:0px auto;
	background:url(../images/worry_header.png) no-repeat #660000;
	min-height:600px;
	height:100%;
}


/* ================  CLAIM ============================= */

#claim {
	width:80%;
	margin:0px auto;
	background:url(../images/worry_header.png) no-repeat;
	min-height:600px;
}




/* =============  MC SIGNUP SHIZ =============*/

#mc-embedded-subscribe {
	background-color:#C4BA63 !important;
	color:#8E2221 !important;
}



/* =============  Mobile  =============*/

@media only screen and (min-width: 375px) and (max-width: 1000px) { 
	#nav ul {
		width: 80%;
		font-size: 1.5em;
  	padding: 8px 0;
	}

	#nav ul li {
	}

	.pagesection-main .album-links ul {
		font-size: 64px;
	}


	.pagesection-main .album-links ul li a {
		color: #222655;
	}

	#linktree h2 {
		font-size: 2em;
	}

	#linktree ul.linktree-list {
		width: 80%;
		font-size: 1.5em;
	}

	#linktree ul li {
		font-size: 1.5em;
	}

	#linktree img {
		width: 50%;
		height: 50%;
	}

}