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

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

.slide {padding-bottom:30px;padding:10px;position:relative;}
.iristd .slide {float:right;padding-left:15px;}
.olivetd .slide {float:left;padding-right:15px;}

.iristd {background-color:#F3F3FF;}
.olivetd {background-color:#F1F1EB;}


.slide .c {text-align:center;font-size:15px;}
.slide .slided {
	font-size:18px;
	text-align:center;
}

.slideii img {
	height:200px;
}


#oliveiris {width:100%;}

.slide .js{font-family:Georgia;font-size:15px;background-color:white;width:300px;min-height:150px;margin-right:10px;overflow:hidden;text-align:left;}
.slide .js p{display:block;padding:10px;margin:0;font-style:italic;color:#000000}

.slide .c {padding-left:5px;padding-right:5px;}

.slide .i,.slide .v{background-image:url(/global/images/tangfish.gif);background-repeat:no-repeat;background-position:center center;cursor:pointer;}

.play { position:absolute;bottom:30px;left:20px;width:60px !important;height:60px !important;opacity:.7;cursor:pointer; }

h1.olive, h1.iris {font-family:Georgia;font-size:70px;padding:20px;}

.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; }

.oiage {font-size:20px;background-color:#eee; padding:10px;margin:20px 0;font-weight:bold;font-family:Georgia;}


@media only screen and (max-width:1470px) {
	.slideii {max-width:500px;overflow:hidden;}
}

@media only screen and (max-width:1310px) {
	.slideii {max-width:440px;overflow:hidden;}
	.slideii img { height:180px; }
}

/* iPad Landscape */
@media only screen and (max-width:1150px) {
	.slideii {max-width:410px;overflow:hidden;}
	.slideii img { height:170px; }
}

/* iPad Portrait */
@media only screen and (max-width:1023px) {
	.slideii {max-width:340px;overflow:hidden;}
	.slideii img { height:160px; }
	h1.olive, h1.iris {font-size:60px;padding:15px;}
	.oiage {font-size:16px;padding:7px;}
}

/* iPhone 5 Landscape */
@media only screen and (max-width:767px) {
	h1.olive, h1.iris {font-size:50px;padding:10px;}
	.slideii {max-width:250px;overflow:hidden;}
	.slideii img { height:150px; }
	.oiage {font-size:13px;padding:5px;}
	.slide .c {font-size:13px;}
}

/* iPhone Landscape */
@media only screen and (max-width:567px) {
	h1.olive, h1.iris {font-size:50px;padding:10px;}
	.sep h3 {font-size:20px;}
	.slideii {max-width:280px;overflow:hidden;}
	.slideii img { height:140px; }
	.oiage {font-size:13px;padding:5px;}
	.slide .c {font-size:13px;}
}

/* iPhone Portrait */
@media only screen and (max-width:479px) {
	h1.olive, h1.iris {font-size:30px;padding:7px;}
	.sep h3 {font-size:13px;}
	.slideii {max-width:140px;overflow:hidden;}
	.slideii img { height:80px; }
	.oiage {font-size:12px;padding:5px;}
	.slide .c {font-size:12px;}
	.iristd .slide {padding-left:5px;}
	.olivetd .slide {padding-right:5px;}
	.slide .js{ font-size:11px;width:140px;}
}