@charset "utf-8";

/* CSS for narrow screen - Derek Hasted */
/* Start floating panels and adding extra decoration */


/* Basic page */
#container {
/*	box-shadow: 0 0 10px #999;
	border-radius: 10px; */
	margin: 10px auto;
	margin: 0 auto;
}


/* Main containers are floated by responsive */

#container>aside {
	clear:none;
	float: right;
	min-width: 250px;
	width: 25%; /* Collapses at 640px */
}
#container>section {
	clear:none;
	float: left;
	width: 60%;
}

/* footer components are one under the other in narrow view */

footer>aside, footer>section {
}


/* Puff up the title a bit... */
#title {
	font-weight:normal;
}

#title .cgl {
	font-size: 22px;
}

#subtitle {
	font-size: 13px;
	font-weight:normal;
}


.christmas-box {
	margin: 1px 4px 25px;
}

/* Put rounded boxes on the main content entries */

.panel {
	margin: 1px 4px 40px;
	border-radius: 6px;
	box-shadow: 3px 5px 6px #BBB;
}

.panel > h2, .panel > h3 {
	border-radius: 4px 4px 0 0;
}

.panel ul {
	padding-left:10px;
}



/* On medium screens, don't float */
.float-2-panels {
	text-align:left;
	padding:0;
	margin:0;
}

.float-200-left {
	float: left;
	text-align:center;
	width: 230px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}




a>img:hover {
-webkit-filter: brightness(0.9);
filter: brightness(0.9);
}




.photo {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

.no-iphone {
	display:initial;
}