body, html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}

@font-face {
	font-family: 'aller';
	src: url('../fonts/aller/Aller_Rg.eot');
	src: local('☺'), url('../fonts/aller/Aller_Rg.woff') format('woff'), url('../fonts/aller/Aller_Rg.ttf') format('truetype'), url('../fonts/aller/Aller_Rg.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'denne';
	src: url('../fonts/denne/Denne.eot');
	src: local('☺'), url('../fonts/denne/Denne.woff') format('woff'), url('../fonts/denne/Denne.ttf') format('truetype'), url('../fonts/denne/Denne.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'amatic';
	src: url('../fonts/amatic/amatic.eot');
	src: local('☺'), url('../fonts/amatic/amatic.woff') format('woff'), url('../fonts/amatic/amatic.ttf') format('truetype'), url('../fonts/amatic/amatic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'melbourne';
    src: url('../fonts/melbourne/melbourne.ttf');
    font-weight: normal;
    font-style: normal;

}


h1 {
	display: block;
	font-size: 96px;
	margin: 0px;
	padding: 0px;
}

.pgintwrap {
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
	width: 870px;
	opacity: 0;
	font-family:'melbourne', Arial, Helvetica, sans-serif;
}

#fbshare {
	display: block;
	position:fixed;
	bottom: 50px;
	right: -50px;
	width: 167px;
	height: 57px;
	background-image: url(../images/fbshare.png);
	background-position: left center;
	background-repeat: no-repeat;	
	z-index: 1000;
}

#fbshare:hover {
	background-position: right;
}

#scframe {
		height: 450px;
	}

#home .pgintwrap {
	opacity: 1;
}

#ajaxload {
	position:absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto auto;	
}

#wrapper div h1 {
	color: #FFF;
	font-weight: bolder;
	text-transform: uppercase;
}


#logo {
	position: fixed;
	top:0;
    bottom: 0;
    left: 0;
    right: 0;
	*left: 45%;	
	z-index: 2000;
	margin: 0 auto;
	
}

#home {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 100;
	background: url(../images/backgroundtile.jpg);
	background-repeat: repeat;
	background: url(../images/Tape%20casset.png), url(../images/backgroundtile.jpg);
	background-position: right top, center center;
	background-repeat: no-repeat, repeat;
	overflow: hidden;
}

#about {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 200;
	background: #fff url(../images/linebg.png);
	background-repeat: repeat;
	background: url(../images/linebg.png), url(../images/building.png),  url(../images/backgroundtile.jpg);
	background-position: center center, right top, center center;
	background-repeat: repeat, no-repeat, repeat;
}

#bio {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 300;
	background: url(../images/backgroundtile.jpg);
	background-repeat: repeat;
	background: url(../images/bio2.png), url(../images/bio1.png), url(../images/bio4.png), url(../images/bio5.png), url(../images/bio6.png), url(../images/bio7.png), url(../images/backgroundtile.jpg);
	background-position: 15% top, right bottom, right top, right center, 150px 85%, right 65%, center center;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat;
}

#songs {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 400;
	background: #fff url(../images/dots.png);
	background-repeat: repeat;
	background: url(../images/dotbg.png), url(../images/songsbg.png), url(../images/backgroundtile.jpg);
	background-position: center center, right top, center center;
	background-repeat: repeat, no-repeat, repeat;
		
}

#scframe{
	background-color: #222;
	background-image: url(../images/ajax-loader.gif);
	background-position: center center;
	background-repeat: no-repeat;
	border: solid 10px #000;
	z-index: 400;
}

#gallery {
	height: 100%;
	width: 100%;
	background: url(../images/backgroundtile.jpg);
	background-repeat: repeat;
	background: url(../images/gallery1.png), url(../images/gallery2.png), url(../images/gallery3.png), url(../images/gallery4.png), url(../images/backgroundtile.jpg);
	background-position: bottom right, 150px 20%, right 20%, right top, center center;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat;
	position: absolute;
	z-index: 500;	
}

#video {
	height: 100%;
	width: 100%;
	background: #fff url(../images/dots.png);
	background-repeat: repeat;
	background: url(../images/video1.png), url(../images/video2.png), url(../images/video3.png), url(../images/video4.png), url(../images/dotbg.png),  url(../images/backgroundtile.jpg);
	background-position: left top, 150px 85%, center center, top right, center, center,center center;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat, repeat;
	position: absolute;
	z-index: 600;
}

#contact {
	height: 100%;
	width: 100%;
	background: url(../images/backgroundtile.jpg);
	background-repeat: repeat;
	background: url(../images/linebg.png), url(../images/contactbg.png),  url(../images/backgroundtile.jpg);
	background-position: center center, right top, center center;
	background-repeat: repeat, no-repeat, repeat;
	position: absolute;
	z-index: 700;
}

#navlogo {
	width: 109px;
	height: 58px;
	background-image: url(../images/navsprite.png);
	background-position: left center;
	margin: -80px 0px 20px -10px;
}
#nav {
	z-index: 1000;
	list-style: none;
	padding: 100px 10px 0px 10px;
	width: 90px;
    height: 388px;
    background: url(../images/navbar.png) no-repeat;
    position: fixed;
    top:0;
	*top:150px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto 0;
	z-index: 1500;
}

#nav li {
	cursor: pointer;
}

#nav li a {
	width: 62px;
	height: 50px;
	display: block;	
}

#nav a:hover, #nav a.current {
	background-position: right;
}


#homenav {
	background: url(../images/home.png) left center no-repeat;
}
#aboutnav {
	background: url(../images/about.png) left center no-repeat;
}
#bionav {
	background: url(../images/bio.png) left center no-repeat;
}
#songsnav {
	background: url(../images/songs.png) left center no-repeat;
}
#gallerynav {
	background: url(../images/gallery.png) left center no-repeat;
}
#videonav {
	background: url(../images/video.png) left center no-repeat;
}
#contactnav {
	background: url(../images/contact.png) left center no-repeat;
}
#mobilemenu {
    background: url("../images/icon-menu.png") no-repeat scroll 10px 11px #FFFFFF;
    border: 1px solid #EFEFEF;
    border-radius: 3px 3px 3px 3px;
    padding: 5px 0;
    right: 5px;
    top: 5px;
    width: 105px;
	position: fixed;
	z-index: 1000;
	text-transform:uppercase;
	color:#7f7f7f;
	font-weight:bold;
	font-size:14px;
	display: none;
	margin: 0px;
}

#mobilemenu li {
	list-style: none outside none;
	display:block;
	font-family: 'helvetica,"Muli",sans-serif','arial';
	display: none;
}

#nav a, #nav li {
    color: #555555;
    text-decoration: none;
    transition: background-color 0.3s ease 0s, border 0.3s ease 0s, color 0.3s ease 0s, opacity 0.3s ease-in-out 0s, outline 0.3s ease 0s;
}

#mobilemenu .current {
    display: block !important;
}
#mobilemenu a {
    display: block;
    padding: 5px 5px 5px 32px;
    text-align: left;
}
#mobilemenu:hover {
    background-image: none;
}
#mobilemenu li.current:hover {
    background: url("../images/icon-check.png") no-repeat scroll 10px 7px transparent;
}
#mobilemenu li:hover a, #mobilemenu li.current a {
    border-top: 0 none;
    color: #000000;
}
#mobilemenu a, #mobilemenu a:active, #mobilemenu a:visited {
    height: auto;
    padding-bottom: 5px;
    padding-top: 5px;
	color: #222222;
}

footer {
	width: 100%;
	background-image: url(../images/footerbg.jpg);
	position: fixed;
	bottom: 0px;
	height: 50px;
	margin: 0px;
	line-height: 50px;
	z-index: 2000;
	color: #999;
}

.footlink {
	color: #999 !important;
	text-decoration: none !important;
}

.footlink:hover {
	color: #fff !important;
	text-decoration: underline !important;
}

#social, #newsletter {
	height: 100%;
	float: left;
	width: 30%;
}

.footerhead {
	height: 100%;
	float: left;
	margin-left: 5px;
}

#socialicons {
    display: block;
    height: 100%;
    letter-spacing: 3px;
    list-style-type: none;
    margin: 0px 0px 0px 2px;
    padding: 0px;

}

.socialiconslink {
    height: 48px;
    text-decoration: none;
    width: 48px;	
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px -5px;
	float: left; 
}

.socialicons li{
    float: left;
}

#fb.socialiconslink {
	background-image: url(../images/fb.png);	
}

#tw.socialiconslink {
	background-image: url(../images/tw.png);	
}

#yt.socialiconslink {
	background-image: url(../images/yt.png);	
}

#sc.socialiconslink {
	background-image: url(../images/sc.png);	
}

#blog.socialiconslink {
	background-image: url(../images/blog.png);	
}

#news.socialiconslink {
	background-image: url(../images/news.png);	
}
.socialiconslink:hover {
	background-position: right;	
}

#centerfoot {
	float: left;
	width: 40%;
	height: 100%;
	text-align: center;
	font-size: 14px;
}

#subscribe {
	width: auto;
	height: 40px;
	float: right;
}

#subbtn {
	background-image: url(../images/subscribe.png);	
	width: 73px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center left;
	cursor: pointer;
}

#follow {
	background-image: url(../images/follow.png);	
	width: 74px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center center;
	
}

#subbtn:hover {
	background-position: center right;
}

#sub_frm {
	height: 50px;
	width: 245px;		
}

#sub_btn {
	display: none;	
}

input {
    background: none repeat scroll 0 0 #a8a9ad;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    color: #000000;
    display: inline;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 10px;
    outline: medium none;
    padding: 4px;
    width: 150px;
}

input:focus {
    box-shadow: 0 0 7px #FFFFFF;
}

#mobilesub {
	display: none;
	margin-left: 10%;
	margin-top: 2px;
	line-height: 16px;
	text-align: center;
}

#scriptwrapper {
	background: url(../images/opacity.png) repeat;  
	width: 980px;
	height: 485px;
}

#scriptheads {
	width: 950px;
	padding: 15px 15px 0px 15px;
	font-size: 1.5em;
	font-weight: bolder;
	color: #FFF;
}

#episodhead {
	width: 150px;
	display: inline-block;
	margin-left: 15px;	
}

#scripthead {
	width: 760px;
	display: inline-block;
	margin-left: 15px;
	text-shadow: -0.2em 0em 0.1em #000, 0.2em 0em 0.1em #000, 0em 0.2em 0.1em #000, 0em -0.2em 0.1em #000;
}

#bio .pgintwrap h2 {
	display: block;
	text-align: center;	
	font-family: 'denne',Arial,Helvetica,sans-serif;
	font-size: 2.5em;
	margin: 10px 0px;
}

#bio .pgintwrap {
	width: 980px;
}

#blgfeedlist {
	width: 150px;
	height: 400px;
	margin: 0px 0px 15px 15px;
	float: left;
	background-color: #e2e2e2;
	font-size: 10px;
}

#blgfeedcontent {
	font-size: 18px;
	width: 775px;
	height: 400px;	
	display: inline-block;
	background-color: #ffffff;
	padding-right: 25px;

}
#blgentry {
	display: none;	
}

.rssRow {
	cursor: pointer;
	padding: 5px;
	font-size: 1.5em;
}

.rssRow:hover {
	background-color: #111111;
	color: #fff;
}

.rssRow h4, .rssRow div {
	display: inline;	
}

.rssBody ul {
	list-style: none;
	margin: 0px;
	padding: 0px;	
}

#episodesel {
	display: none;

}


@media screen and (max-height:900px) {
	#whtbckpic {
		display: none;	
	}
}


 

@media only screen and (max-width: 1024px) {
	#hmimg1 {
		width: 400px;
	}
}


@media only screen and (max-width: 768px) {
	#hmimg1 {
		display: none !important;
	}
}

@media only screen and (max-width: 320px) {
#homeleft span img {
		width: 100px !important;
		display: inline-block !important;
	}
}
	
@media only screen and (max-width: 480px) {
	
	
	.sticky {
		overflow: hidden !important;	
	}
	
	#fbshare {
		display: none !important;	
	}
	
	#homeleft span {
		width: 100% !important;
	}
	
	#homeleft span img {
		width: 100px !important;
	}
	
	#homeleft span a {
    	margin-top: 3px;
	}

	#logo {
		position: fixed;
		top:0;
		left: 0;
		right: 0;
		z-index: 2000;
		margin: 0;
		width: 111px;
		height: 42.5px;
	
	}
	
	#scriptwrapper {
		background: none !important;
	}
	
	.mobilefullscreen {
		width: 100% !important;
		height: 100% !important;	
	}

	.mobilenone {
		display: none !important;
	}
	#scrollcontent {
		padding: 5px 5px !important;
		line-height: normal !important;	
	}
	.pgintwrap {
		margin: 45px 0px 0px 0px !important;
		width: 100% !important;
		height: 100% !important;
		opacity: 1 !important;
		background: none !important;
	}
	
	footer {
		height: 36px !important;
		line-height: 36px;
	}
	#footerhead {
		margin-left: 2px;
	}
	
	#socialicons {
		width: 220px;
	}
	
	.socialiconslink {
		float: left;
		height: 32px;
		text-decoration: none;
		width: 32px;	
		margin: 2px 1px;
	}
	
	#pager {
		display: none !important;
	}
	
	#subscribe {
		width: 50px;
		height: 16px;
		margin: 2px;
	}
	
	#scframe {
		border: none;	
		margin-left: 2.5px;
		height: 300px !important;
	}
	#mobilesub {
		display: inline-block;	
		height: 16px;
		width: 80%;
	}
	h1 { font-size: 45px; line-height:45px;}
	
	#mobilemenu {
		display: block;	
	}
	#nav {
		display: none;
		margin: 0;
	}
	
	#home, #video, #contact, #gallery, #bio, #about, #songs {
		position: absolute;
		display: block;
		width: 100% !important;
		
	}
	
	#homeleft {
		font-size: 12px !important;
		height: 90% !important;
		width: 98% !important;
		margin: 0px 3px !important;
	}
	#homeleft span {
		font-size: 10px !important;
	}
	
	#homeleft h2{
		margin: 0px !important;
	}
	#about {
		top:100%;	
	}
	
	#bio {
		top:200%;	
	}
	
	#songs {
		top:300%;	
	}
	#gallery {
		top:400%;	
	}
	#video {
		top:500%;	
	}
	#contact {
		top:600%;
		height: 500px !important;
	}
	#blgfeedlist {
		display: none;
	}
	
	#blgfeedcontent {
		margin: 35px 5px 0px 5px !important;
		font-size: 10px;
		height: 75% !important;
		width: 96% !important;
		padding: 0px 2px !important;
	}
	
	.jspPane {
		margin: 0px !important;
		width: 97% !important;
	}
	
	#episodesel {
		display: inline;
		margin: 5px;
		position: absolute;
		right: 5px;
		z-index: 20000;
	}
	
	
	/* FB Gallery App Responsive Styles
--------------------------------------------------------*/
	
	#album {
		background: none !important;
		height: 75% !important;
		width: 100% !important;
	}
	
	#outercontainer {
		margin: 0px !important;
		width: 100% !important;	
		height: 100% !important;
	}
	
	#innercontainer {
		background: none !important;
		width: 100% !important;	
		height: 80% !important;
	}
	
	#picholder {
		background: none !important;
		width: 100% !important;	
		height: 100% !important;
	}
	
	#picholder A {
		width: auto !important;	
		height: auto !important;
		display: inline !important;
	}
	
	#picholder img {
		margin: 0px !important;
		max-height: 95% !important;
	    max-width: 95% !important;
	}
	
	#pagination {
		margin: 0px !important;
		font-size: 10px !important;
		width: auto !important;	
	}
	
	#thumbs {
		top: 125px !important;
		height:  auto;
	}
	
	#thumbdock {
		width: auto !important;
		padding: 0px 3px !important;	
	}
	
	#fblinks {
		width: auto !important;	
	}
	
	#galsel {
		display: inline !important;
	}

	/* YT Gallery App Responsive Styles
--------------------------------------------------------*/
	
	#vidplayer {
		background: none !important;
		height: auto !important;
		width: 100% !important;
		padding: 0px !important;
		display: inline !important;
	}
	
	#innvervid {
		width: 100% !important;	
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box;
		height: 75% !important;
	}
	
	#vidsel {
		display: inline !important;
	}

	#about .pgintwrap {
		width: 100% !important;	
	}
	
	#carousel div {
		margin: 0 28px !important;
		width: 445px !important;
	}
	
	.abtcnt {
		margin: -80px 0 0 !important;
		padding: 0px 10px !important;
		font-size: 9px !important;
		line-height: 13px !important;
	}
	
	#carousel {
		margin: 0px 0px 0px	-275px !important;
	}
		
	#carousel img {
		margin: -25px 135px -20px 135px !important;
	}
	
	.abtcnt h3, .abtcnt h4 {
		margin: 5px 0px !important;
		line-height: normal !important;
	}

	#bar {
		top:60px !important;	
	}
	
	#next, #prev {
		background-color: #000 !important;	
	}

	#centerfoot {
		float: right !important;
		padding: 0px 5px !important;
		text-align: right !important;
		font-size: 10px;
	}
	
	#blog.socialiconslink {
		background-image: url(../images/blogmbl.png);
		background-position: center center !important;
	}
	
	#news.socialiconslink {
		background-image: url(../images/newsmbl.png);
		background-position: center center !important;
	}
	
	#yt.socialiconslink {
		background-image: url(../images/ytmbl.png);
		background-position: center center !important;
	}
	
	#fb.socialiconslink {
		background-image: url(../images/fbmbl.png);
		background-position: center center !important;
	}
	
	#tw.socialiconslink {
		background-image: url(../images/twmbl.png);
		background-position: center center !important;
	}
	
	#sc.socialiconslink {
		background-image: url(../images/scmbl.png);
		background-position: center center !important;
	}
	
	#frmleftcol, #frmrightcol  {
		display: inline;
		float: none !important;
		margin: 0px !important;
	}
	
	#coninner {
		height: auto !important;
		padding: 5px !important;
		display: inline-block !important;
	}

	#con_form textarea {
		width: 300px !important;
		height: 150px !important;
	}
	
	#contact .pgintwrap {
		height: auto !important;	
	}
	
	#con_sub {
		margin: 10px 0px 0px 0px !important;
		float: right;
	}
}

@media only screen and (max-width: 320px) {

	#carousel div {
		margin: 0 28px !important;
		width: 295px !important;
	}
	
	#carousel {
		margin: 0px 0px 0px	-202px !important;
	}
	
	.abtcnt h3, .abtcnt h4 {
		margin: 0px !important;
	}
	
	#carousel img {
		margin: 0px 75px -20px 75px !important;
	}

}