@import url('/assets/css/core.css');
div#wrap div#main div#content div#leftSide ul#webcams{width:100%;float:left;}
	div#wrap div#main div#content div#leftSide ul#webcams > li{width:345px;min-height:150px;float:left;}
		div#wrap div#main div#content div#leftSide ul#webcams > li.stream{width:320px;height:240px;margin:-8px 0 8px 0;padding:30px;float:right;position:relative;}
			div#wrap div#main div#content div#leftSide ul#webcams > li.stream img.border{position:absolute;top:0;left:0;z-index:20;}
		div#wrap div#main div#content div#leftSide ul#webcams > li.stream > #main-webcam-player{width:320px;height:240px;float:left;background:url("../images/webcams/webcams-player-offline.jpg") top left no-repeat #333;position:relative;top:8px;z-index:10;}
	div#wrap div#main div#content div#leftSide ul#webcams > li > ul.thumbs{width:100%;float:left;}
	div#wrap div#main div#content div#leftSide ul#webcams > li > ul.thumbs > li{width:auto;float:left;padding:0 5px 6px 0;background:url("../images/webcams/webcams-thumb-offline.png") top left no-repeat;}
		div#wrap div#main div#content div#leftSide ul#webcams > li > ul.thumbs > li img.thumb{width:110px;height:80px;float:left;font-size:50%;line-height:100%;text-indent:-3000px;;}
		
div#wrap div#main div#content div#leftSide ul#webcams li{width:auto;float:left;text-align:center;margin:0;}
div#wrap div#main div#content div#leftSide ul#webcams li.cam{width:350px;}
div#wrap div#main div#content div#leftSide ul#webcams li.cam .section{width:auto;margin:0 0 12px 0;padding:0 0 0 33px;float:left;transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);background:url('../images/navigation/boards-start-cap.png') left top no-repeat;position:relative;}
	div#wrap div#main div#content div#leftSide ul#webcams li.cam .section span.new{position:absolute;left:6px;top:0;color:#FC0;font-size:60%;text-shadow:1px 1px 1px rgba(0,0,0,.4),1px 1px 2px rgba(0,0,0,.4);transform:rotate(-20deg);-webkit-transform:rotate(-20deg);}
	div#wrap div#main div#content div#leftSide ul#webcams li.cam .section span.board{margin:0;padding:0;float:left;line-height:25px;background:url('../images/navigation/boards-tile-bg.jpg') left top repeat-x;}
	div#wrap div#main div#content div#leftSide ul#webcams li.cam .section span.board .title{margin:0 0 0 -45px;padding:0 35px 0 0;font:normal 11px/25px "Rock Salt","Comic Sans MS", Comic Sans MS, cursive, Helvetica, Arial, sans-serif;letter-spacing:.5px;color:#FFF;background:url('../images/navigation/boards-endcap.png') right center no-repeat;position:relative;right:-35px;text-shadow:1px 2px 1px rgba(0,0,0,.8);-moz-text-shadow:0 0 1px #fff,1px 2px 1px rgba(0,0,0,.8);-webkit-text-shadow:0 0 1px #fff,1px 2px 1px rgba(0,0,0,.8);-o-text-shadow:0 0 1px #fff,1px 2px 1px rgba(0,0,0,.8);}
	div#wrap div#main div#content div#leftSide ul#webcams li.cam .section span.board a:hover{color:#FC0;}

div#wrap div#main div#content div#inner div#mainarea div#leftSide div.callout.divecams{width:350px;}
/* FOR FLYOUT */
body.stripped{background:none transparent;}
body.stripped div#wrap{padding:0 !important;background:none transparent;}
body.stripped div#wrap div#main{background:none transparent !important;}
	body.stripped div#wrap div#main,
	body.stripped div#wrap div#main div#content{width:730px !important;}
	
/* ####FLOATING OCTOPUS#### */
div#wrap div#main div#content div#floating-octopus{width:252px;height:320px;float:right;margin:0 0 0 60px;background:url("/assets/images/global/floating-octopus-shadow.jpg") 0 180px no-repeat;}
	div#wrap div#main div#content div#floating-octopus div.inner{width:252px;height:300px;background:url("/assets/images/global/floating-octopus.png") bottom right no-repeat;position:relative;}
		div#wrap div#main div#content div#floating-octopus div.inner div#stick{width:35px;height:279px;background:url("/assets/images/global/floating-octopus-stick.png") top left no-repeat;position:absolute;top:-58px;left:45px;}
		div#wrap div#main div#content div#floating-octopus div.inner div#boards{width:329px;height:124px;background:url("/assets/images/global/floating-octopus-boards.png") top left no-repeat;position:absolute;top:-36px;left:-90px;}
			div#wrap div#main div#content div#floating-octopus div.inner div#boards .text a{margin:0 0 0 32px;float:left;color:#FFF;line-height: 195%;text-shadow: 2px 2px 2px #000000;background:none;}
			div#wrap div#main div#content div#floating-octopus div.inner div#boards .text a:hover{font-size:100%;color:gold;transition:none;}