@charset "utf-8";
/* Layout for small screens  */

header {
	background-image:url(../images/FrontPageMainSmall.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	/*background-size: 100% 100px;*/
	background-size: 100% 205px;
}

header a.logo {
	width: 82px;
	height: 105px;
	top: 95px;
	left: 10px;
	background-image:url(../images/CDSCLogoSmall.png);
	background-size: 82px 102px;
	}
	
article {padding: 20px 20px 10px 20px}

nav {
	padding: 0px;
	overflow:hidden; 
	border: none;
	}
	
nav a {
	display:block;
	margin: 0px;
	padding: 10px;
	border-bottom: 1px solid #ff7900;
	} 
	

	
	
nav a:hover {
	color: #fff;
	background-color: rgba(255, 255, 255, .15);
	}
	
	
.promo_container {padding: 0px;}	

.promo_container .promo {
	width: auto;
	float:none;
	padding: 20px 0px 0px 20px;
	background-position: 20px 60px;
	/*border-top: 1px solid #ccc; */
	border:none;
	}
	
	
.promo_container .promo .content {
	padding: 0px 0px 0px 0px;
}

.promo_container .promo .content .cta{padding-left: 120px;}

.promoText{
	padding-left: 120px;
	padding-top: 10px;
	}
.promo h3 {margin: 0;}

footer {border-top: 1px solid #a6abc5;}

body {background-image:none;}

#hero {height: 205px; 
background-image:url(../images/FrontPageMainSmall.jpg);
background-repeat:no-repeat;
background-position:right 0px;
background-size: auto 205px;
}

#hero .panel .caption {display:none; }



a.mobile_menu {
	display:block;
	width:50px;
	height: 34px;
	/*border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px; */
	/*background: #a6430a url(../images/mobile_link_menu.png) no-repeat 4px 4px;  */
	background: #000000 url(../images/mobile_link_menu.png) no-repeat 15px 4px; 
	position:absolute; top:149px; right:10px;
	cursor: pointer;
}

a.mobile_menu.selected {background-position: 15px -26px;}



@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi),
	only screen and (min-resolution: 2dppx)
{

	header {
	background-image:url(../images/FrontPageMainSmall_B_2x.jpg);
	} 
	
	#hero { 
	background-image:url(../images/FrontPageMainSmall_B_2x.jpg);
	background-size: 667px 205px;
}
	
	header a.logo {
		background-image:url(../images/CDSCLogoSmall_2x.png);
		}
}


/* -----------    Rules for secondary pages   ---------------------------------   */


.content_container { padding: 10px 20px 15px 20px;}

.content_container .mainContent {
	width:auto;
	float:none;
	padding-bottom:20px;
	}


.content_container .sideContent {
	width:auto;
	float:none;
	}
	
.bioPic {
	display:block;
	float:none;
	padding-bottom: 20px;
	
	}

#weddingDance div{
	background-image:url(../images/WeddingPageSmall.jpg);
	}	

#kidsDancing div{
	background-image:url(../images/KidsPageSmall.jpg);
	}	
	
#adultsDancing div{
	background-image:url(../images/BallroomAndLatinPageSmall.jpg);
	}
	
#events div{
	background-image:url(../images/EventsPageSmall.jpg);
	}		
	
	@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi),
	only screen and (min-resolution: 2dppx)
{
	#weddingDance div{
	background-image:url(../images/WeddingPageSmall_2x.jpg);
	background-size: 667px 205px;
	}	
	
	#kidsDancing div{
	background-image:url(../images/KidsPageSmall_2x.jpg);
	background-size: 667px 205px;
	}	
	
	#adultsDancing div{
	background-image:url(../images/BallroomAndLatinPageSmall_2x.jpg);
	background-size: 667px 205px;
	}
	
	#events div{
	background-image:url(../images/EventsPageSmall_2x.jpg);
	background-size: 667px 205px;
	}	
	
	#mapIframe {
	width: 90%;
	height: 300px;
	display:block;
	}
	
	
	#studioSpace1 {
	display: block;
	background-image:url(../images/StudioSpace1Medium.jpg);
	background-repeat: no-repeat;
	background-position:left;
	background-size: 250px 188px;
	width: 100%;
	height: 188px;
	}
	
@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi),
	only screen and (min-resolution: 2dppx)
{
	#studioSpace1 {
	background-image:url(../images/StudioSpace1Medium_2x.jpg);
	}
	
}