/* CSS Document */
/* ---------------------------- */

ul.gallery li { list-style:none; }
/*img { width:380px; height:230px; margin:10px; padding:0; }*/
div.weather { width:380px; height:230px; /*display:inline;*/ }
figcaption { text-align: left; padding-left:0.5em; }
/*#yard { display:none; }*/
img[src*="weather"] { margin:0;	border:1px grey; width:380px; height:230px; }
pre { background:#FFFFCC; }

@media screen and (min-width:600px) {
	/*aside { position:static; }*/
	/*#data { position:static; display:block; clear:both; }*/
	ul.gallery li { position: relative; float:left; }
    /*figure { width:500px; max-width:100%; }*/
	/*figure[class="weather"], figure:not([class="weather"]) { margin:0; padding:0; max-width:100%; }
	img[src*="weather"] { margin:5px 0 0 15px; border:2px outset grey; }*/
}

@media screen and (min-width:1020px) {
	html { font-size:130%; }
	#menuBtn { display:none; }
	#data { 
		border:30px solid white; background:url(/images/bultnBord.jpg); 
		height:auto; width:auto; padding:2em;
	}
	
	/*ul.gallery li img { width:200px; height:120px; }*/
	figure { 
		position:relative; background:white; border:1px solid black; 
		/*transform:scale(-2);*/
		/*width:200px; height:120px;*/ 
		margin: 0.5em; padding:0; z-index:1;
		}
	/*figure { transform-origin:top center; }
	figure.tilt1 { transform:rotate(0deg); }
	figure.tilt2 { transform:rotate(4deg); }
	figure.tilt3 { transform:rotate(-2deg); }*/
	/*figure:hover { 
		transform:rotate(0deg); transform:scale(3); z-index:5; 
		height:120px; margin:10px 0 10px 0; padding:5px 5px 20px 5px;		
		font-size:0.5em;
		}*/
	figure span { /* show push-pin */
		width:70px; height:50px; display:block;
		position:absolute; top:-30px; left:90px;
		/*background:url(/images/pushPin.png) no-repeat;*/
	}
	figure:hover span { display:none; }
	figcaption { display:block; }
}