/*if css3*/
@media screen and (min-width: 0px) {
	
	#page {} 
	.zone {width: auto; max-width: 980px;}
	.home-slide-a {background-size: cover; max-height: 9999px;}

}


/*height queries*/
@media screen and (min-height: 780px) {
	
	#billboard {margin-top: 250px;}
	#home-socials {position: absolute; top: 290px; left: 540px; }
	#home-socials ul {padding: 0 3px; width: 32px;}
	#home-socials ul li {display: block; border-left: 0; border-top: 1px solid #cacaca; float: none; padding:3px 0;}
}

@media screen and (min-height: 870px) {
	
	#billboard {margin-top: 290px;}
	#home-socials {position: absolute; top: 290px; left: 540px; }
	#home-socials ul {padding: 0 3px; width: 32px;}
	#home-socials ul li {display: block; border-left: 0; border-top: 1px solid #cacaca; float: none; padding:3px 0;}
}


/*over base size*/


@media screen and (min-width: 1280px) {

	#header {padding-top: 75px;}
	/*.zone {max-width: 1080px;}*/ 
	#header .zone {max-width: 1080px;}
	#footer .zone,
	#content .zone {padding-right: 110px;}
	
	
	
	#nav #main-nav {font-size: 17px; line-height: 36px;}
	#nav #main-nav li a {padding: 0 9px;}
	
	.tourdates-headline {font-size: 24px; }
	.tourdates-location {font-size: 28px; }
	
	.function-icon {width: 36px;}
	/*
	.social-icons-list {top: 68px;}
	*/
	#join {top: 70px; right: 70px;}
	#login {top: 170px; right: 70px;}
	
	
	#twitter-feed {margin-left: 630px;}
#home-socials {position: absolute; top: 290px; left: 540px; }
	#home-socials ul {padding: 0 3px; width: 32px;}
	#home-socials ul li {display: block; border-left: 0; border-top: 1px solid #cacaca; float: none; padding:3px 0;}


}

/*under base size*/


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

	.home-slide-a {background-size: 180% auto; height: 700px!important; min-height: 0; max-height: 9999px;}
	
	#home-socials {position: absolute; top: 220px; left: 540px; }
	#home-socials ul {padding: 0 3px; width: 32px;}
	#home-socials ul li {display: block; border-left: 0; border-top: 1px solid #cacaca; float: none; padding:3px 0;}
	
	#billboard {margin-top: 220px!important;}
	#nav #utility {width: 280px; background-size: 100% 100%; font-size: 15px;}
	
	#twitter-feed {margin-left: 560px;}
	
	#nav #utility li#utility-emupdates a {top: 0px;}

}

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

	#home-socials {top: 190px;}
	#header {padding-top: 55px; padding-bottom: 25px;}
	#logo {max-width: 480px}
	#nav #main-nav {font-size: 15px;}
	#nav #main-nav li a {padding: 0 3px;}
	
	#billboard {margin-top: 190px!important;}
	
	

}

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


	
	#header {padding-bottom: 15px;}
	#nav {background: #3E6074; box-shadow: 0 0 10px rgba(0,0,0,.2);}
	#nav .zone {padding: 0 0 0 10px;}
	#nav #utility li a,
	#nav #main-nav li a {color: #fff;}
	#nav #utility li a:hover,
	#nav #main-nav li a:hover {color: #97b8ce;}

	#nav #utility {width: auto; background: #244253; height: 42px; line-height: 38px; padding: 0 5px;}
	
	#home-promos ul li a h3 {font-size: 22px}
	
	/* Spring Break */
	.sb-date {font-size: 1em;}
	.sb-date h2 {font-size: 35px;}
	#springbreak-tabs ul li a {font-size: 18px;}
	#tabs-2 a img {width: 80%;}
	
	#join {top: 50px; right: 6%;}
	#login {top: 150px; right: 6%;}

}

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

	#home-socials {left: 530px;}

	#page, #main {background-size: auto auto;}
	#main {background: none!important;}
	
	#nav {position: relative; height: auto;}
	#header {padding: 0;}
	#header .zone,
	/*#content .zone,*/
	#footer .zone {padding: 0;}
	#logo {padding: 15px 0; margin: 0 auto;}

	#page-header {text-align: center;}
	#page-header h1 {display: inline-block; float: none;}
	#page-header h1 span {background: url(images/pageheader_overlay.png) repeat!important;}
	.layout-small {width: auto;}
	
	
	#content {padding-bottom: 20px;}
	
	
	#nav-responsive {display: none; background: #244253; position: absolute; top: 42px; right: 0; border-left: 5px solid #fff; border-bottom: 5px solid #fff; border-top: 5px solid #fff;}
	#nav .zone {padding: 0;}
	
	#nav-view,
	#nav-hide {float: right; cursor: pointer; width: 42px; margin: 0 10px 0 0; }
	
	#nav-view {display: block; }
	
	#nav-view img,
	#nav-hide img {display: block; width: 100%;} 
	
	#nav #utility,
	#nav #main-nav {float: none; clear: both; text-align: left; background: none; font: 26px/1em 'merriweather_sansbold', sans-serif; color: #fff; padding: 0; height: auto;}
	
	#nav li,
	#nav li a,
	#nav li .nav-div {display: block;}
	
	.nav-div {display: none!important;}


	#nav #main-nav li a,
	#nav #utility li a {padding: 5px 10px; top: 0;}
	
	#nav #main-nav li,
	#nav #utility li {border-bottom: 1px solid #3E6074;}
	#nav #utility li:last-child {border-bottom: 0;}
	
	#nav #main-nav li a:hover,
	#nav #utility li a:hover {color: #fff!important; background: #97b8ce;}
	
#nav #utility li {margin: 0;}

#nav #utility li#utility-emupdates a {width: inherit; height: inherit; padding: inherit; background: inherit; padding: 5px 10px; margin: 0;}

	.nav-toggle #nav-responsive {display: block;}
	.nav-toggle #nav-view {display: none;}
	.nav-toggle #nav-hide {display: block;}
	
	#nav #main-nav li ul {position: static; background: none; width: auto!important; margin-left: 0!important; text-align: left; border: 0; display: block;}
	#nav #main-nav li ul li {margin: 0; padding: 0; float: none; display: block; border-bottom: 0; border-top: 1px solid #3E6074;}
#nav #main-nav li ul li:first-child {border-top: 0;}
	#nav #main-nav li ul li a {margin: 0; padding: 0; line-height: 1em; display: block; padding: 5px 10px;}

        #nav-music > a,
	#nav-multimedia > a {display: none!important;}

#photos-listing li {width: 32%;}

#nav #main-nav li .nav-dropdown ul,
#nav #main-nav li .nav-dropdown {display: block!important; position: static; background: none; padding: 0; margin: 0!important; width: auto!important; }	

#nav #main-nav li .nav-dropdown ul li a {color: #fff!important; font-size: 26px!important;}


	#home-socials {position: static; margin: 15px 0 15px;}
	
	#home-socials ul {padding: 0 0; width: auto; background: none; text-align: center}
	#home-socials ul li {display: inline-block; *zoom: 1; *display: inline; vertical-align: top; border-top: 0; border-left: 1px solid #cacaca; padding: 5px; background: #fff;}

	#billboard {position: relative;  max-width: 500px; margin: 0 auto; padding: 0 10px; }
	.home-slide-a {background-size: auto auto; background-position: 0 0; height: auto!important;}
	
	#home-more-list {display: none;}
	
	
	
	#twitter-feed {position: static; margin: 0; background: url(images/wood_bg.jpg) repeat; margin: 20px 0; padding: 10px; color: #222;}
	#twitter-feed a {color: #406276;}
	
.tourdates-date {float: none; width: auto; height: auto; text-align: left; padding: 5px; display: block;}
.tourdates-date span {margin: 0 .3em 0 0;}
.tourdates-month {display: inline; font-size: 14px; line-height: 1em; margin: 0;}
.tourdates-day {display: inline; font-size: 14px; line-height: 1em;}
.tourdates-year {display: inline; font-size: 14px; line-height: 1em;}
.tourdates-body {margin: 10px 0 0 2px;}
.tourdates-headline {padding-right: 0!important;}
.tourdates-location {padding-right: 0!important;}
	
	.tourdates-functions {position: relative; }
.tourdates-functions li {margin: 0 10px 0 0}

#tourdates-functions-dates {text-align: left;}

}


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

.small-nav {display: block;}
#springbreak-tabs ul li a span:first-child {display: none;}

}

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

	#join {top: 50px; right: 6%;}
	#login {top: 130px; right: 6%;}

}

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

	

	
	

	.utility ul li a img {height: 28px;}
	
	#col-a,
	#col-b {float: none!important; width: auto!important}
	#col-a {margin: 0 0 40px!important; }

#discography-albums-listing li.discography-albums-thumb {width: 48%;}

.fanclub-promos {display: block; float: left; width: 30%; margin: 1%; position: relative;}
.fanclub-promos img {width: 100%;}
.fanclub-promos div {position: absolute; margin: 30px 10px; color: #FFF;}
#welcome-promo {margin-right: 2%;}
#presale-promo {margin: 1% 2%;}
#meetgreet-promo {margin-left: 2%;}

/* Spring Break */
.sb-date {width: 96%; padding: 2%; margin-bottom: 10px; float: none; clear: both;}
.sb-date p {margin-bottom: 0;}
#sb-1 {margin: 0; margin-bottom: 10px;}
#sb-2 {margin: 0; margin-bottom: 10px;}
#sb-3 {margin: 0; margin-bottom: 10px;}

#tabs-4 a img {width: 100%;}

	

.video-list-item {width: 31%;}



}


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

.discography-details-song-functions {margin: 8px 5px 5px 0; padding: 0; list-style: none; float: right; clear: both;}
.discography-details-song-functions li {float: left; margin: 0 0 0 5px;}
.discography-details-song-functions li span, .discography-details-song-functions li a {font-size: 10px;}

}


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

	#join {top: 40px; right: 6%;}
	#login {top: 100px; right: 6%;}

}
	
	
@media screen and (max-width: 630px) {

	.home-slide-b {padding-top: 0;}
	#home-promos {background: #333; padding: 0; }
	#home-promos ul li:first-child,
	#home-promos ul li {width: auto; margin: 0 auto; display: block;  padding: 10px; overflow: hidden; margin: 10px 0; background: #111; text-align: left;}
	#home-promos ul li:first-child {border-top: 0;}
	
	#home-promos ul li a img {width: 100px; float: left; margin: 0 15px 0 0}
	

	.utility {float: none; clear: both; padding: 10px 10px; background: #406276 url(images/blue_grain_bg.png) repeat; margin: 5px 0 0;}
	.utility ul li {margin: 0 15px 0 0}
	.utility a {Color: #fff; font-size: 16px;}
	.utility .button {margin: 0; padding: 0; background: none; border: 0;}
	
	#body-welcome .utility {float: right; clear: none; padding: 0; background: none; margin: 0;}
	#body-welcome .utility li {margin: 0 0 0 5px;}
	
	#home-tour .utility {margin-top: 15px;}



	.social-icons-list {top: 100%!important; left: 0!important;}








#photos-listing li {width: 49%;}

.function-icon {width: 36px;}
.function-icon:hover span {display: none;}
/*
.social-icons-list {top: 47px; left: 0;}
*/
/*
#video-info .social-icons-list {left: auto;}
*/

.fanclub-button {font-size: 1.1em;}
.fanclub-button a {font-size: .9em; line-height: .9em;}
	
	
}
	
	
@media screen and (max-width: 550px) {

	#join {top: 30px; right: 6%;}
	#login {top: 90px; right: 6%;}
	
	
	
	.discography-details-song-functions {margin: 8px 5px 5px 0; padding: 0; list-style: none; float: right;}
	.discography-details-song-functions li {float: left; margin: 0 0 0 5px;}
	.discography-details-song-functions li span, .discography-details-song-functions li a {font-size: 8px; padding: 5px;}

.video-list-item {float: left; width: 48%;}
}

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

	#billboard {margin-top: 40%!important}	
	#copyright {float: none; text-align: center; margin: 0 0 20px;}
	#footer-meta {float: none; text-align: center;}
	
	/*
	.view-all {display: none!important;}
	*/
	
#discography-albums-listing li.discography-albums-thumb {width: 98%;}


	

}

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

	#join {top: 30px; right: 6%;}
	#login {top: 80px; right: 6%;}

}

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

	#billboard {margin-top: 45%!important}
	#tabs-1 a img {width: 80%;}
	#tabs-1 a:last-child img {width: 20%;}
	
}

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

	#join {top: 30px; right: 6%;}
	#login {top: 70px; right: 6%;}

}

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

	#join {top: 30px; right: 6%;}
	#login {top: 60px; right: 6%;}

	
.video-list-item {float: left; width: 98%;}
.video-list-item a .video-list-title {font-size: 15px;}

}