body {background-color: white}
p {font-size: 100%}
li {font-size: 0.9em; list-style-type: none}
h1 {text-align: center;}

img.x {
	/*position must be defined for z-index to work*/
	position: relative;
	z-index: 1;
	}
	
#top-section {
	position:relative;
	left:0;
	right:0;
	padding-left:1em;
	padding-right:1em;
	padding-bottom:35px;
	}
#bottom-section {
	/*bottom-section required to properly align menu and content to the top-section*/
	position:relative;
	left:1em;
	right:0;
	padding-left:1em;
	padding-right:2em;
	}	
#menu {

	position:absolute;
	left:0;
	top:0;
	width:25%;

	padding-left:1em;
	}
#content {
	/*position of longest column must be relative, others can be absolute, this enables font resizing*/

	position:relative;
	left:30%;
	top:0;
	width:70%;

	padding:0px;

	}
.orange {
	border:4px solid #f60;

	background-color:#ffc;

	color:#000;

	padding-left:25%;
	}
.orange-christmas {
	border:4px solid #f60;
	background-color:#ffc;
	color:#000;
	padding-left:0%;	
	}
.date {
	font-size: 0.9em;
	border:2px solid #feb;

	background-color:#ffc;

	color:#000;

	padding:.2em 1em .4em;
	}
.date2 {font-size: 0.7em;}
.pictures {
	border:2px solid #feb;

	background-color:#ffc;

	color:#000;

	padding:.2em 1em .4em;
	}
.movies {
	border:2px solid #feb;

	background-color:#ffc;

	color:#000;

	padding:.2em 1em .4em;
	}
.places {
	border:2px solid #feb;

	background-color:#ffc;

	color:#000;

	padding:.2em 1em .4em;
	}
.current {font-size: 1.5em;}
.currentdate {
	font-size: 1.5em;
	border:2px solid #feb;

	background-color:#ffc;

	color:#000;

	padding:.2em 1em .4em;
	}
.currentblog {
	font-size: 1.5em;
	background-color: #ffc;
	border:4px solid #f60;
	color: black;
	padding:0.4em;
	}
.blogtext {background-color: white; color: black}
.top 
	{
	margin:1.5em 0 1.5em 0;

	font-size:1.5em;

	border:4px solid #f60;

	background-color:#ffc;

	color:#000;

	padding:.2em 1em .4em;}
.titles {font-size: 1.2em; font-weight: 500}