@import "style.css";

/* defaults */
html {
	min-height: 100%;
}
body {
	background-color: inherit;
	width: 900px;
}
.column {
	width: 620px;
	margin: 0em;
	background-color: rgba(255,255,255,0.9);
}
#right {
	float: left;
	padding-top: 0em;
	margin-bottom: 2em;
}
.column > h2 {
	margin-top: 0em;
}
h1, .intro {
	width: 620px;
	min-width: 620px;
	color: black;
}
.intro br {
	display: none;
}

/* widescreen */
@media screen and (min-width: 1034px) {
	h1, .intro {
		width: 550px;
	}	
	.intro br {
		display: inherit;
	}
	.column, #left, #right {
		width: 435px;
	}
	#left {
		float: left;
	}
	#right {
		float: right;
	}
}


/* iPhone, Wii, etc... */
@media screen and (max-device-width: 900px) {
	h1, .intro {
		max-width: 860px;
		color: black;
	}
	.intro br {
		display: none;
	}
	body {
		margin: 2em 20px;
	}
	.column {
		width: 860px;
		float: left;
		background-color: inherit;
	}
  #flickr_badge_wrapper {
    display: none;
  }
}


/* print */
@media print {
	h1, .intro {
		width: 100%;
		color: #111;
		opacity: 1.0;
	}
	.intro br {
		display: none;
	}
	.column {
		width: 100%;
		margin: 0em;
		background-color: inherit;
		min-height: inherit;
	}
	#left {
		padding-bottom: 0em;
	}
	#right {
		padding-top: 0em;
		margin-bottom: 2em;
		float: left;
	}
}


/* Flickr */
#flickr_badge_wrapper {
	width: 900px; 
	text-align: right; 
	height: 90px;
	margin: 0;
	margin-top: -50px;
	padding: 0;
}
.flickr_badge_image { 
	margin: -28px -8px 8px 8px;
	padding: 0px;
	display: inline; 
}
.flickr_badge_image img {
  border-color: #888;
	box-shadow: 3px 3px 6px #aaa;
	-moz-box-shadow: 3px 3px 6px #aaa;
	-webkit-box-shadow: 3px 3px 6px #aaa;	
}