@charset "UTF-8";
/* CSS Document */

* {
	
	box-sizing: border-box;
	
}
body {
	background-color:rgba(236,229,222,1.00);	
	background-color:#000;
}

/*
.column {
	
	padding:2%;
	margin:0 0 2% 0;

	
}*/
.camBox {
	margin-bottom:1em;
	padding:1em;
	width:100%;
	max-width:350px;
	float:left;
	height:270px;
}

.camBox video {
	max-width:330px;
}

.camBoxBig {
	margin-bottom:1em;
	padding:1em;
	width:100%;
	max-width:640px;
	float:left;
	height:480px;
}
.camBox img {
	width:100%;
	
}


h1 {
	color:rgba(247,189,107,1.00);
	
	font-family: 'Satisfy', cursive;
	
	text-align:center;	
	
	font-size:1.3em;
	margin:.5em 0 0;
	
}
h2 {
    color:rgba(247,189,107,1.00);
    margin:1em 0 1em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1.1em;
    text-align: center;
}

p {
	margin:0 0 .5em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1em;
}

a {
	color:#069cc7;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;	
}

.iframesleeve {
	position: relative;
   padding-top: 60%; /*16:9*/
   /*padding-bottom: 17px;  leaves room for the controller  */
   height: 0;
   overflow:hidden;
   margin:0;
}

iframe {
	position: absolute;
	top: 1px;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	}
	
.webcamsleeve {
	position: relative;
   padding-top: 75%; /* 4:3 */
   /*padding-bottom: 17px;  leaves room for the controller  */
   height: 0;
   overflow:hidden;
   margin:0;
	/*width: 100%;
	height:280px;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding:3px;
	text-align:center;*/
}
	
.webcam {
	/* use only for cams inside of sleeves */
/*	position: absolute;
   top: 0;
   left: 0;
	width:100%;
	height:100%;
	border:none;*/
}

.staticcam {
	
}


#WMmediaplayer div.jw-controls div.jw-logo {
	display: none !important;
	
}
/*
@media all and (min-width: 500px) {
	.column {
		width:48%;
		float:left;	
		margin:0 1% 2%;
		padding:1%;
	}
		#macbridge {
			clear:left;
		}
}

@media all and (min-width: 700px) {
	.column {
		width:32%;
		float:left;	
		margin:0 .5% 2%;
	}
	
	h1 {
		font-size:1.1em;	
	}
	p {
		font-size:.9em;	
	}
		#macbridge {
			clear:none;
		}
		#macisland {
			clear:left;	
		}
}

@media all and (min-width: 900px) {
	.column {
		width:24%;
		float:left;	
		margin:0 .5% 2%;
		padding:.5%;
	}
	#macisland {
			clear:none;	
		}
		
}
/*
@media all and (min-width: 1200px) {
	.column {
		width:19%;
		float:left;	
		margin:0 .5% 2%;
		padding:.5%;
	}
		
}
*/