div#wrapper { 
	display: block; 
	position: absolute;
	overflow: hidden;
	left: 0px;
	top: 0px;
	width: 100%; 
	height: 100%;
	padding: 0px; 
	margin: 0px;
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	font-size: 100%;
	user-select: none; 
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-webkit-user-select: none; 
}
div.backgrnd { 
	display: block; 
	position: absolute;
	overflow: hidden;
	left: 0px;
	top: 0px;
	width: 100%; 
	height: 100%;
	padding: 0px; 
	margin: 0px;
	background: #fefefe url(../images/world.jpg) center no-repeat;
	user-select: none; 
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-webkit-user-select: none; 
}	
div.events { 
	display: block; 
	position: absolute;
	overflow: auto;
	overflow-y: hidden;
	overflow-x: auto;
	vertical-align: bottom;
	left: 0px;
	bottom: 0px;
	width: 100%; 
	height: 31em;
	padding: 0px; 
	margin: 0px;
	user-select: none; 
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-webkit-user-select: none; 
}	
div.headline { 
	display: block; 
	position: absolute;
	text-align: center;
	width: 100%; 
	height: auto;
	left: 0px;
	top: 0.5em;
	font-size: 1.5em;
	padding: 0px; 
	margin: 0px;
	color: gray;
	cursor: default;
	text-shadow: 0px 0px 3px white;
	user-select: none; 
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-webkit-user-select: none; 
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.4, transparent), to(rgba(255,255,255,0.5)));	
}
div.headline a.info { 
	color: silver;
	text-decoration: none; 
	text-shadow: 0px 0px 3px white; 
	-webkit-transition-property: color, text-shadow;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: color, text-shadow;
	-moz-transition-duration: 0.5s;
	-o-transition-property: color, text-shadow;
	-o-transition-duration: 0.5s;
}	
div.headline a.info:hover { 
	color: orange;
	text-shadow: 0px 0px 3px black; 
}	
div.headline a.info p { 
	display: block;
	position: absolute;
	width: 50%; 
	height: auto;
	top: -7.5em;
	left: -9999px;
	margin: 0px;
	padding: 0.5em 1em; 
	margin-left: -27%;		
	font-size: 60%;
	text-align: left;
	text-shadow: 0px 0px 0px white; 
	background: white; 
	border: 1px solid silver;
	color: gray;
	opacity: 0.0;
	z-index: 0;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em; 
	-webkit-border-radius: 0.5em; 
	-khtml-border-radius: 0.5em; 
	-webkit-transition-property: top, background, border-color, opacity;
	-webkit-transition-duration: 1s;
	-moz-transition-property: top, background, border-color, opacity;
	-moz-transition-duration: 1s;
	-o-transition-property: top, background, border-color, opacity;
	-o-transition-duration: 1s;
}	
div.headline a.info:hover p { 
	background: #ffdd00; 
	top: 3.5em;
	left: 50%;
	border: 1px solid orange;
	color: #555;
	opacity: 1.0;
	z-index: 11;
	text-shadow: 0px 0px 0px white; 
	box-shadow: 0px 0px 6px black; 
	-moz-box-shadow: 0px 0px 6px black;
	-khtml-box-shadow: 0px 0px 6px black;
	-webkit-box-shadow: 0px 0px 6px black;
	background: #ffdd00 -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffdd00));
	background: #ffdd00 -moz-linear-gradient(top, #ffffff, #ffdd00);
}	

div.button { 
	display: block; 
	position: absolute;
	text-align: center;
	vertical-align: middle;
	width: 1em; 
	height: 1em;
	left: 0px;
	top: 0px;
	font-weight: bold;
	padding: 0px; 
	margin: 0px;
	color: white;
	background: #d0d0d0;
	z-index: 20;
	cursor: pointer;
	user-select: none; 
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-webkit-user-select: none; 
	box-shadow: 0px 0px 0px black; 
	-moz-box-shadow: 0px 0px 0px black;
	-khtml-box-shadow: 0px 0px 0px black;
	-webkit-box-shadow: 0px 0px 0px black;
}
div.button:hover, div.button-hover { 
	color: black;
	background: orange;
	box-shadow: 0px 0px 3px black; 
	-moz-box-shadow: 0px 0px 3px black;
	-khtml-box-shadow: 0px 0px 3px black;
	-webkit-box-shadow: 0px 0px 3px black;
}
* html div.button { 
	ulle: expression(
		this.onmouseover = new Function ("this.className += ' button-hover';"),
		this.onmouseout  = new Function ("this.className = this.className.replace('button-hover', '');")
	);
}

div.list { 
	display: block;
	position: absolute;
	min-width: 10em; 
	max-width: 16em; 
	width: auto; 
	height: auto;
	top: 1.5em;
	left: -9999px;
	margin: 0px;
	padding: 0.65em 1em; 
	font-size: 80%;
	text-align: left;	
	background: white; 
	border: 1px solid silver;
	color: gray;
	cursor: default;
	z-index: 5;
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	filter:alpha(opacity=50);
	zoom: 1;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em; 
	-webkit-border-radius: 0.5em; 
	-khtml-border-radius: 0.5em; 
	-webkit-transition-property: background, border-color, opacity;
	-webkit-transition-duration: 1s;
	-moz-transition-property: background, border-color, opacity;
	-moz-transition-duration: 1s;
	-o-transition-property: background, border-color, opacity;
	-o-transition-duration: 1s;
}
* html div.list { 
	width: 13em; 
}
div.list:hover, div.list-hover { 
	background: #ffdd00;
	border: 1px solid orange;
	color: #666666;
	z-index: 11;
	opacity: 1.0;
	zoom: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
	filter:alpha(opacity=100);
	box-shadow: 0px 0px 6px black; 
	-moz-box-shadow: 0px 0px 6px black;
	-khtml-box-shadow: 0px 0px 6px black;
	-webkit-box-shadow: 0px 0px 6px black;
	background: #ffdd00 -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffdd00));
	background: #ffdd00 -moz-linear-gradient(top, #ffffff, #ffdd00);
}	
* html div.list { 
	ulle: expression(
		this.onmouseover = new Function ("this.className += ' list-hover';"),
		this.onmouseout  = new Function ("this.className = this.className.replace('list-hover', '');")
	);
}

div.list div {
	font-size: inherit;
 	margin-top: -0.3em;
 	margin-right: -0.5em;
}
div.list div a {
	display: inline;
	font-size: 80%;
 	margin-left: 0.25em;
	padding: 0 0.5em; 
	float: right;
	border: 1px solid silver;
	font-weight: bold;
	cursor: pointer;
	border-radius: 0.3em; 
	-moz-border-radius: 0.3em; 
	-webkit-border-radius: 0.3em; 
	-khtml-border-radius: 0.3em; 
}
div.list div a:hover {
	color: black;
	background-color: orange; 
	border: 1px solid gray;
}

div.list ul {
 	margin: 0px;
	padding-left: 1.5em; 
	list-style-type: square;
}
div.list ul li {
	cursor: pointer;
}
div.list ul li:hover {
	color: black;
}
div.list strong {
	color: black;
}

div.calendar { 
	display: block; 
	position: absolute;
	vertical-align: bottom;
	width: 1em; /* 823 days */
	height: 5em;
	left: 0em;
	bottom: 0em;
	padding: 0px; 
	margin: 0px;
	cursor: move;
	background-color: gray;
	border-top: 1px solid silver;
	user-select: none; 
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-webkit-user-select: none; 
}	
div.days { 
	display: block; 
	position: relative;
	width: inherit; 
	height: 0px;
	padding: 0px; 
	margin: 0px;
	border: none;
	border-top: 1em dotted silver;
	/* border-bottom: 1px solid silver; */
}	
div.year { 
	display: block; 
	position: relative;
	text-align: center;
	width: auto; 
	height: 1.5em;
	padding: 0px; 
	margin: 0px;
	float: left;
	color: white;
	border-bottom: 1px solid silver;
}	
div.month { 
	display: block; 
	position: relative;
	text-align: center;
	width: auto; 
	height: 1.3em;
	padding: 0px; 
	margin: 0px;
	float: left;
	color: white;
	border-bottom: 1px solid silver;
}	
div.odd { 
	color: black;
	background-color: silver;
	border-bottom: 1px solid gray;
}	
div.item { 
	display: block; 
	position: absolute;
	text-align: left;
	vertical-align: bottom;
	width: 15em; 
	min-width: 10em;
	height: auto;
	min-height: 4em;
	max-height: 24em;
	left: 0em;
	padding: 0px; 
	margin: 0px;
	background: white; 
	border: 1px solid silver;
	color: gray;
	opacity: 0.75;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
	filter:alpha(opacity=75);
	zoom: 1;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em; 
	-webkit-border-radius: 0.5em; 
	-khtml-border-radius: 0.5em; 
	-webkit-transition-property: background, border-color, opacity;
	-webkit-transition-duration: 1s;
	-o-transition-property: background, border-color, opacity;
	-o-transition-duration: 1s;
	-moz-transition-property: background, border-color, opacity;
	-moz-transition-duration: 1s;
}
div.under {z-index: 8;}
div.over {z-index: 9;}	
div.item:hover, div.item-hover { 
	background: #ffdd00;
	border: 1px solid orange;
	color: #555;
	z-index: 10;
	opacity: 1.0;
	zoom: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
	filter:alpha(opacity=100);
	box-shadow: 0px 0px 6px black; 
	-moz-box-shadow: 0px 0px 6px black;
	-khtml-box-shadow: 0px 0px 6px black;
	-webkit-box-shadow: 0px 0px 6px black;
	background: #ffdd00 -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffdd00));
	background: #ffdd00 -moz-linear-gradient(top, #ffffff, #ffdd00);
}
* html div.item { 
	ulle: expression(
		this.onmouseover = new Function ("this.className += ' item-hover';"),
		this.onmouseout  = new Function ("this.className = this.className.replace('item-hover', '');")
	);
}

div.line { 
	display: block; 
	position: absolute;
	width: 0.2em;; 
	height: 30em;
	left: 1.3em;
	top: 1em;
	background: inherit; 
	border: inherit;
	border-top: none;
	border-bottom: none;
	opacity: inherit;
	box-shadow: inherit; 
	-moz-box-shadow: inherit;
	-khtml-box-shadow: inherit;
	-webkit-box-shadow: inherit;
}

div.frame { 
	display: block; 
	position: relative;
	text-align: left;
	width: inherit; 
	min-width: inherit;
	height: 100%;
	max-height: 24em;
	overflow: hidden;
	padding: 0em; 
	margin: 0px;
	background: inherit; 
	color: inherit;
	border-radius: 0.5em; 
	-moz-border-radius: inherit; 
	-webkit-border-radius: inherit; 
	-khtml-border-radius: inherit; 
}	
div.box { 
	display: block; 
	position: relative;
	text-align: left;
	width: 90%; 
	height: 94%;
	padding: 2% 5% 4% 5%; 
	margin: 0px;
	color: inherit;
}	

div.item big { 
	display: block; 
	color: inherit;
	margin: 0em;
	margin-bottom: 0.2em;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}
div.item big a { 
	color: inherit;
	text-shadow: 0px 0px 3px white; 
	text-decoration: none; 
	letter-spacing: 0.05em;
	-webkit-transition-property: color, letter-spacing;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: color, letter-spacing;
	-moz-transition-duration: 0.5s;
	-o-transition-property: color, letter-spacing;
	-o-transition-duration: 0.5s;
}
div.item big a:hover {
	color: darkblue;
	text-shadow: 0px 0px 3px white; 
	letter-spacing: 0.30em;
}
div.item big a:hover:after { 
	content:"..."; 
}

div.item strong {
	display: block; 
	margin: 0em;
	margin-bottom: .5em;
	color: black;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	cursor: default;
}
div.item img {
	display: inline; 
	padding: 0px; 
	margin: 0 0.5em 0.3em 0;
	border: 1px solid gray;
	width: 36%;
	float: left;
	box-shadow: 0px 0px 4px #444; 
	-moz-box-shadow: 0px 0px 4px #444;
	-khtml-box-shadow: 0px 0px 4px #444;
	-webkit-box-shadow: 0px 0px 4px #444;
	-webkit-transition-property: width, border-color;
	-webkit-transition-duration: 1s;
	-moz-transition-property: width, border-color;
	-moz-transition-duration: 1s;
	-o-transition-property: width, border-color;
	-o-transition-duration: 1s;
}
div.item img:hover {
	width: 100%;
	border: 1px solid darkblue;
	box-shadow: 0px 0px 4px darkblue; 
	-moz-box-shadow: 0px 0px 4px darkblue;
	-khtml-box-shadow: 0px 0px 4px darkblue;
	-webkit-box-shadow: 0px 0px 4px darkblue;
}

div.item p {
	margin: 0em;
	font-size: 0.8em;
	text-align: left;
	cursor: default;
}
div.item p a { 
	text-decoration: none; 
}
div.item p a:hover:after { 
	content:"more"; 
	font-family: Georgia,Times,serif;
	font-style: italic;
}
div.item p strong, div.item p b {
	font-weight: bold;
}		
div.item p em, div.item p i {
	font-family: Georgia,Times,serif;
}

