body { background-color: #6e6a5e; padding: 0; margin: 0; color: #013; font-size: 1em; font-family: "OFL Sorts Mill Goudy TT", Georgia, serif; }
.content { position:absolute; left: 350px; margin-right: 5%; padding-bottom: 5%; }
.scoop, .about { background-color: white; box-shadow: 0 0 0.5em black; padding-bottom: 1em; }
.about { width: 700px; }
.scoop { padding: 0.3em 2.5em 3em 2.5em; }
.scoop p, .about p { text-align: justify; font-size: 1.3em; line-height: 1.7em;}
.scoop p { padding: 0em 1.5em 0 0;}
.about p { padding: 0em 1.7em; }

.navbar>ul { margin: 0.5em; padding: 1em 2em 3em 2em; border: solid 1px #531c00;
	-webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px;
	-moz-border-top-left-radius: 15px; -moz-border-bottom-right-radius: 15px;
	-o-border-top-left-radius: 15px; -o-border-bottom-right-radius: 15px;
	border-top-left-radius: 15px; border-bottom-right-radius: 15px;
	background: url(i/shell.png) no-repeat center 97%;
}
.navbar li {
	list-style-type: none; line-height: 2.5em;
	border-bottom: dotted 1px #531c00; padding: 0; margin: 0;
}
.navbar li li {
	list-style-image: url(i/rings.png); line-height: 1.5em; border-bottom: none;
	/* rings image taken from http://www.flickr.com/photos/jeffbelmonte/15921928/ by Jeff Belmonte under a creative commons attribution license */ 
}
.navbar a { color: #531c00; text-decoration: none; }
.navbar a:hover { color: #935c40; }

.navbar {
	background-color: #f5eacf;
	color: #531c00;
	-webkit-transform:rotate(357deg); -webkit-transform-origin:top left;
	-moz-transform:rotate(357deg); -moz-transform-origin:top left;
	-o-transform:rotate(357deg); -o-transform-origin:top left;
	transform:rotate(357deg); transform-origin:top left;
	background-image: -moz-linear-gradient(left, #f5eacf, #fcf0d5 50%, #b1a78e);
	background-image: -webkit-gradient(linear, left top, right top, from(#f5eacf), to(#b1a78e), color-stop(50%, #fcf0d5));
	background-image: -webkit-linear-gradient(left, #f5eacf, #fcf0d5 50%, #b1a78e);
	background-image: -o-linear-gradient(left, #f5eacf, #fcf0d5 50%, #b1a78e);
	background-image: linear-gradient(left, #f5eacf, #fcf0d5 50%, #b1a78e);
	box-shadow: 0 0 0.5em black;

	float: left;
	text-align: left;
	margin: 4em 3em 0 0em;
	font-family: "courier new", monospace;
	font-weight: bolder;
	font-size: 1em;
	padding: 0;
	position:fixed;
	left: 3em;

	z-index: 300;
}

h1, h2.city { font-family: Tangerine, cursive; font-size: 60px; }
h2.city { padding: 10px 0 150px 10px; margin: 0; }
h2#sneha { background: url(i/boston.jpg) no-repeat; }
h2#philip { background: url(i/monterey.jpg) no-repeat; margin-top: 1em; }

.calendar { font-family: "courier new", monospace;
	z-index:200; right: 5%;
	position:absolute;
	background-color: white; color: black;
	background-image: -moz-linear-gradient(left, #fff, #fff 50%, #ccc);
	background-image: -webkit-linear-gradient(left, #fff, #fff 50%, #ccc);
	background-image: -o-linear-gradient(left, #fff, #fff 50%, #ccc);
	background-image: linear-gradient(left, #fff, #fff 50%, #ccc);
	-webkit-transform:rotate(3deg); -webkit-transform-origin:top right;
	-moz-transform:rotate(3deg); -moz-transform-origin:top right;
	-o-transform:rotate(3deg); -o-transform-origin:top right;
	transform:rotate(3deg); transform-origin:top right;
	border-bottom: solid 5px #b62; 
	-webkit-box-shadow: -0.3em 0.3em 1em #000;
	-moz-box-shadow: -0.3em 0.3em 1em #000;
	-o-box-shadow: -0.3em 0.3em 1em #000;
	box-shadow: -0.3em 0.3em 1em #000;
}
.calendar h2 { text-align: center; background-color: #28d; margin: 0 0 0.2em 0; padding: 0.5em 0 0.3em 0;}
.calendar td { text-align: right; padding: 2px 3px; }
.calendar td.hi, .calendar tr.hi td { background-color: #fcf0d5; color: #531c00; }
.sel { position: absolute; margin: -8px 0 0 -6px; padding: 2px; background-color: white; color: black; border: solid 1px black; font-size: 1.5em; font-weight: bold; display: none;
	box-shadow: 0 0 0.5em black;
	-webkit-box-shadow: 0 0 0.5em black;
	-moz-box-shadow: 0 0 0.5em black;
	-o-box-shadow: 0 0 0.5em black;
}

.map-container {
	background-color: #f5eacf;
	background-image: -moz-linear-gradient(left, #f5eacf, #fcf0d5 50%, #b1a78e);
	background-image: -webkit-gradient(linear, left top, right top, from(#f5eacf), to(#b1a78e), color-stop(50%, #fcf0d5));
	background-image: -webkit-linear-gradient(left, #f5eacf, #fcf0d5 50%, #b1a78e);
	background-image: -o-linear-gradient(left, #f5eacf, #fcf0d5 50%, #b1a78e);
	background-image: linear-gradient(left, #f5eacf, #fcf0d5 50%, #b1a78e);
	position: relative;
	height: 480px;
	width: 90%;
	padding: 10px;
	z-index:1;
	margin: 1.5em 0;
}
.map {
	height: 475px;
	width: 97%;
	border: solid 1px #531c00;
	position: absolute;
}

.infowindow {
	color: black;
	position: absolute;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

.infowindow h2 {
	font-size: 8pt;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
.infowindow p {
	font-size: 7.5pt;
	text-align: left;
	margin: 7px 0;
	line-height: 1.4em;
}

.scoop div.ev img {
	box-shadow: 0 0 1em black;
	-webkit-box-shadow: 0 0 1em black;
	-moz-box-shadow: 0 0 1em black;
}

.proposal {
	text-align:center;
	margin:1.5em 0 0 0em;padding:0.8em;background-color:white;
	-webkit-transform:rotate(0.5deg); -webkit-transform-origin:top right;
	-moz-transform:rotate(0.5deg); -moz-transform-origin:top right;
	-o-transform:rotate(0.5deg); -o-transform-origin:top right;
	transform:rotate(0.5deg); transform-origin:top right;
	box-shadow: 0 0 1em black;
	-webkit-box-shadow: 0 0 1em black;
	-moz-box-shadow: 0 0 1em black;

	font: 1.4em "Nothing You Could Do", "Handwriting - Dakota", cursive;
}

.proposal img {
	border: solid 1px #000;
}

.proposal p {
	text-align: left;
	margin: auto;
	padding: 0;
	width: 720px;
}

.portrait {
	margin:3em 0 0 0em;padding:0.7em;background-color:white;
	-webkit-transform:rotate(3deg); -webkit-transform-origin:top right;
	-moz-transform:rotate(3deg); -moz-transform-origin:top right;
	-o-transform:rotate(3deg); -o-transform-origin:top right;
	transform:rotate(3deg); transform-origin:top right;
	box-shadow: 0 0 1em black;
}

div#d19, div#d21 { padding-top: 0.2em; margin: 0 0 2.5em 1.5em; }
div#d19 { margin-bottom: 5em; }

h2.ct { font-family: "Nothing You Could Do", cursive; font-size: 2.5em; margin-top: -6px;}