/*
*/
*{margin:0; padding:0}

body{
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	background-color: darkblue;
	color: white;
}

/* div overflow */
div{overflow:hidden}

/* header */
.header_area{
	position:relative;
	padding: 0px;
	border: #999;
}

.header_area img {
	width:100%;
}

.header_area p {
	position:absolute;
	top:10%;
	left: 15%;
	font-size:x-large;
}


.contactus{
	position:absolute;
	bottom:5px;
	right: 2px;
	height:50px;
	width:180px;
}

/* body wrapper */
.body-wrapper{
	padding:5px;
}

/* contact page */
.contact_body{
	padding-left: 20px;
}

.contact-form{
	margin:0 auto;
    text-align:center;
	background-color: aliceblue;
	color: black;
	border-style: solid;
	border-width: 2px;
	border-color: lightgray;
	border-radius: 20px;
	padding: 10px;
	margin-right: 20px;
}

/* footer */
.footer{
	padding: 1px;
	width:98%;
	position: absolute;
	bottom: 0;
}

/* collab page content */
.collab{
	background-color:aliceblue;
	margin: 10px;
}

/* story page content */
.artist-support {
	color:black;
	padding:20px;
	margin: 20px;
	background-color:lightblue;
	border: #999;
	border-style: solid;
	border-width: 1px;
	border-radius: 10px;
}

/* story page content */
.story_content_area{
	border: #999;
	border-style: solid;
	border-width: 1px;
	padding: 20px;
	margin: 20px;
	text-align: center;
}

.story_content{
	width:100%;
	padding: 10px;
}

/* audio player page content */
.player_content_area{
	background-color:#FFF;
	border: #999;
	border-style: solid;
	border-width: 1px;
}

.player_content{
	width:100%;
	padding: 10px;
}
/* Iframes */
.IFfooter{
	width:100%;
	height: 50px;
}

.IFlhcol{
	width:100%;
	height:100%;
}

.IFmidcol{
	width:100%;
	height:110%;
}

.IFrhcol{
	width:100%;
	height:110%;
}

.IFrhcol{
	width:100%;
	height:500px;
}

.IFartist-social{
	width:100%;
	height:50px;
}

.IFstory{
	width:100%; 
	height:600px;
}