body {
  padding-top: 50px;
  padding-bottom: 20px;
  position:relative;
}

.navbar-inverse .navbar-brand {color:#fff;font-family:"Helvetica Neue";font-weight:100;}

/* slider container */
.iosSlider {
    position: relative;
    top: 0;
    left: 0;
	background-color:#ffffff;
}

/* slider */
.iosSlider .slider {
	background-color:#ffffff;
}

/* slide */
.iosSlider .slider .slide {
	font-family:Georgia;
	font-size:15px;
	background-color:#ffffff;
	padding-bottom:25px;
	padding-top:25px;
	margin-left:230px;
	border-left:2px solid #ddd;
	position:relative;
}

/*.iosSlider .slider .slide .slidei {
	padding:0px 15px 0px 30px;
	position:relative;
	width:745px;
	border-left:2px solid #B8C0E1;
}*/

.iosSlider .slider .slide .slidew {
	padding:0px 15px 0px 30px;
	position:relative;
}

.iosSlider .slider .slide .c {padding:10px;position:absolute;left:750px;top:10px;}
.iosSlider .slider .slide .c strong {
	font-size:20px;
}

#kids {position:fixed;font-size:22px;top:50px;left:10px;font-family:Georgia;z-index:99;}
#kids .olive,#kids .iris,#kids .lyon,#kids .juniper,#kids .zorro{display:none;}
#kids .kid_name {display:block;width:70px;text-align:right;float:left;margin-right:10px;line-height:30px;}
#kids .kid_date {display:block;width:140px;float:left;line-height:30px;margin-bottom:10px;}

#kids .jty{font-family:Georgia;font-size:54px;width:150px;text-align:right;}
#kids .jtm{margin-top:0;font-family:Georgia;font-size:34px;width:150px;text-align:right;margin-bottom:50px;}

.iosSlider .slider .slide .js{font-family:Georgia;font-size:24px;background-color:white;width:700px;min-height:150px;margin-right:10px;overflow:hidden;}
.iosSlider .slider .slide .js p{display:block;padding:0px 10px 0px 10px;margin:0;font-size:25px;font-style:italic;color:#000000}

.iosSlider .slider .slide .i,.iosSlider .slider .slide .v{
	width:700px;background-image:url(/global/images/tangfish.gif);background-repeat:no-repeat;background-position:center center;cursor:pointer;
	border: 1px solid black;
	padding: 1px;
	background-color: #fff;
	border-radius: 10px;
}

.iosSlider .slider .slideii{position:relative;}
 
.play { position:absolute;bottom:30px;left:30px;width:100px;opacity:.7;cursor:pointer; }

.olive { color:olive;margin-top:7px;line-height:.8em; }
.iris { color:#9A9AC9;margin-top:7px;line-height:.8em; }
.juniper { color:#D90000;margin-top:7px;line-height:.8em; }
.lyon { color:tan;margin-top:7px;line-height:.8em; }
.zorro { color:darkgrey;margin-top:7px;line-height:.8em; }
.tags { color:#F47F2F;margin-top:7px;line-height:.8em;padding-top:5px; }


/* iPad Landscape */
@media only screen and (max-width:1224px) and (min-width:1024px) {
	.iosSlider .slider .slide {
		margin-left:270px;
	}
	#kids{font-size:20px;}
	#kids .kid_name{line-height:20px;width:55px;margin-right:5px;}
	#kids .kid_date{line-height:20px;width:100px;}
	#kids .jty{width:140px;font-size:52px;}
	#kids .jtm{width:140px;font-size:27px;}
	.iosSlider .slider .slide .c{width:290px;}
	.iosSlider{transform:scale(0.77,0.77);-webkit-transform:scale(0.77,0.77);-ms-transform:scale(0.77,0.77);-webkit-transform-origin:left top;transform-origin:left top;}
	#kids{transform:scale(0.9,0.9);-webkit-transform:scale(0.9,0.9);-ms-transform:scale(0.9,0.9);-webkit-transform-origin:left top;transform-origin:left top;}
}

/* iPad Portrait */
@media only screen and (max-width:1023px) {
	.iosSlider .slider .slide {
		margin-left:250px;
	}
	.iosSlider .slider .slide .c {
		position:relative;
		top:auto;
		left:auto;
		width:700px;
	}
	.iosSlider,#kids{transform:scale(0.76,0.76);-webkit-transform:scale(0.76,0.76);-ms-transform:scale(0.76,0.76);-webkit-transform-origin:left top;transform-origin:left top;}
	
	.iosSlider .slider .slide .js{min-height:50px;}
}

/* iPhone 6 Landscape */
@media only screen and (max-width:767px) {
	.iosSlider .slider .slide {
		margin-left:250px;
	}
	.iosSlider .slider .slide .c {
		position:relative;
		top:auto;
		left:auto;
		width:700px;
		font-size:20px;
	}
	.iosSlider .slider .slide .c strong {
		font-size:26px;
	}
	
	.iosSlider{
		transform:scale(0.65,0.65);
		-webkit-transform:scale(0.65,0.65);
		-ms-transform:scale(0.65,0.65);
		-webkit-transform-origin:left top;transform-origin:left top;
	}
	
	#kids{
		transform:scale(0.53,0.53);
		-webkit-transform:scale(0.53,0.53);
		-ms-transform:scale(0.53,0.53);
		-webkit-transform-origin:left top;transform-origin:left top;
	}
	
	.iosSlider .slider .slide .js{min-height:50px;}
}


/* iPhone 5 Landscape */
@media only screen and (max-width:568px) {
	.iosSlider .slider .slide {
		margin-left:270px;
	}
	.iosSlider .slider .slide .c {
		position:relative;
		top:auto;
		left:auto;
		width:700px;
		font-size:20px;
	}
	.iosSlider .slider .slide .c strong {
		font-size:26px;
	}
	
	.iosSlider{
		transform:scale(0.54,0.54);
		-webkit-transform:scale(0.54,0.54);
		-ms-transform:scale(0.54,0.54);
		-webkit-transform-origin:left top;transform-origin:left top;
	}
	
	#kids{
		transform:scale(0.48,0.48);
		-webkit-transform:scale(0.48,0.48);
		-ms-transform:scale(0.48,0.48);
		-webkit-transform-origin:left top;transform-origin:left top;
	}
	
	.iosSlider .slider .slide .js{min-height:50px;}
}

/* iPhone Landscape */
@media only screen and (max-width:567px) {
	.iosSlider .slider .slide {
		margin-left:270px;
	}
	.iosSlider .slider .slide .c {
		position:relative;
		top:auto;
		left:auto;
		width:700px;
		font-size:20px;
	}
	.iosSlider .slider .slide .c strong {
		font-size:26px;
	}
	
	.iosSlider{
		transform:scale(0.54,0.54);
		-webkit-transform:scale(0.46,0.46);
		-ms-transform:scale(0.54,0.54);
		-webkit-transform-origin:left top;transform-origin:left top;
	}
	
	#kids{
		transform:scale(0.48,0.48);
		-webkit-transform:scale(0.47,0.47);
		-ms-transform:scale(0.48,0.48);
		-webkit-transform-origin:left top;transform-origin:left top;
	}
	
	.iosSlider .slider .slide .js{min-height:50px;}
}

/* iPhone 6 Portrait */
@media only screen and (max-width:479px) {
	.iosSlider .slider .slide .c {
		position:relative;
		top:auto;
		left:auto;
		width:700px;
		font-size:26px;
	}
	.iosSlider .slider .slide .c strong {
		font-size:30px;
	}
	.iosSlider{
		transform:scale(0.49,0.49);
		-webkit-transform:scale(0.49,0.49);
		-ms-transform:scale(0.49,0.49);
		-webkit-transform-origin:left top;transform-origin:left top;
	}
	
	.iosSlider .slider .slide .js{min-height:50px;}
	
	#kids {display:none;}
	
	.iosSlider .slider .slide {margin-left:0;}
}

/* iPhone Portrait */
@media only screen and (max-width:320px) {
	.iosSlider{
		transform:scale(0.42,0.42);
		-webkit-transform:scale(0.42,0.42);
		-ms-transform:scale(0.42,0.42);
		-webkit-transform-origin:left top;transform-origin:left top;
	}
}
