@charset "utf-8";

/* Union Station */
/* Cascading Style Sheet */
/* Maxime Bélanger */
/* 25 juin 2009 */

html, body {
	height: 100%; 
}

body {
	margin: 0;
	padding: 0;
	background: #171d20;
	font-family: Arial, sans-serif;
	color: #fff;
}

ul.component-list {
	list-style-type: none;
	margin: 0;
	padding: 0; 
}

ul.component-list li {
	line-height: 1em;
	float: left;
	padding: 0;
	margin: 0;
}

ul.component-list li a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 3px;
	margin: 0;
}

ul.component-list li a:hover{
	background: #000;
}

.component-edit {
	font-family: Arial, sans-serif;
	border: 0;
	margin: 0;
	padding: 0;
}

.component-button {
	font-weight: bold;
	background: #027fc3;
	padding: 3px 6px 3px 6px;
	color: #fff;
	cursor: pointer; 
}

.component-label {
	font-weight: normal;
	color: #fff;
}

#wrapper {
	margin: 0 auto; 
	height: 100%;
}

#header {
	font-size: 1em; 
	background: #2c3940;
	height: 45px;
}

#header-logo {
	float: left;
	background: url('images/logo.png') no-repeat top left; 
	margin: 12px 0 0 15px; 
}

#header-logo-slogan {
	margin: 7px 0 0 140px; 
	color: #66ccff;
	font-size: 0.7em;
	font-weight: bold;
	float: left; 
}

#header-menu {
	margin: 17px 10px 0 0;
	float: right;
	font-size: 0.875em;
}

#header-menu ul.component-list li a{
	padding: 5px 6px;
}

#header-menu ul.component-list li {
	padding-right: 5px;
}

#header-menu ul.component-list li.current a {
	background: #56bbea;
}

#header-menu ul.component-list li a:active {
	background: #66ccff;
}

#header-menu ul.component-list li a:hover {
	background: #56bbea;
}

#options {
	font-size: 1em; 
	background: #171d20; 
	height: 35px;
	width: 100%; 
}

#options-facets {
	float: left; 
	font-size: 0.875em; 
	padding: 11px 0 0 15px;
	color: #fff; 
}

#options-facets .component-list li {
	padding-right: 5px;
}

#options-facets .component-list li.link-parties a:link, #options-facets .component-list li.link-parties a:visited  {
	color: #ff6c00;
}

#options-facets .component-list li.link-parties a:hover, #options-facets .component-list li.link-parties a:active  {
	color: #fff;
	background: #ff6c00;
}

#options-facets .component-list li.link-sights a:link, #options-facets .component-list li.link-sights a:visited  {
	color: #ff0000;
}

#options-facets .component-list li.link-sights a:hover, #options-facets .component-list li.link-sights a:active  {
	color: #fff;
	background: #ff0000;
}

#options-facets .component-list li.link-myevents a:link, #options-facets .component-list li.link-myevents a:visited  {
	color: #56bbea;
}

#options-facets .component-list li.link-myevents a:hover, #options-facets .component-list li.link-myevents a:active  {
	color: #fff;
	background: #56bbea;
}

#options-facets .component-list li.link-causes a:link, #options-facets .component-list li.link-causes a:visited  {
	color: #ff0067;
}

#options-facets .component-list li.link-causes a:hover, #options-facets .component-list li.link-causes a:active  {
	color: #fff;
	background: #ff0067;
}

#options-facets .component-list li.link-oddities a:link, #options-facets .component-list li.link-oddities a:visited  {
	color: #73af55;
}

#options-facets .component-list li.link-oddities a:hover, #options-facets .component-list li.link-oddities a:active  {
	color: #fff;
	background: #73af55;
}

#options-facets .component-list li.link-restaurants a:link, #options-facets .component-list li.link-restaurants a:visited  {
	color: #ffd800;
}

#options-facets .component-list li.link-restaurants a:hover, #options-facets .component-list li.link-restaurants a:active  {
	color: #fff;
	background: #ffd800;
}

#options-search  {
	font-size: 0.875em; 
	float: right; 
	padding: 8px 15px 0 0;
}

#options-search  .component-label {
	padding: 3px 7px;
}

/* This should be externalized into a component.  */
#options-search input.component-edit {
	font-family: Arial, sans-serif; 
	font-weight: bold;
	font-size: 1em;
	padding: 2px;
}

#content {
	background: #fff;
	padding: 0;
	margin: 0 auto;
}

#content-map {
	width: 100%;
	height: 500px;
}

#content-map-disabled {
	background: url("images/back.jpg") center; 
	width: 100%;
}

#content-map-shadow-top {
	position: absolute;
	top: 80px;
	z-index: 9999; 
	background: url("images/shadow-top.png") repeat-x top left; 
	height: 7px; 
	width: 100%; 
}

#content-map-shadow-bottom {
	position: absolute;
	bottom: 35px;
	z-index: 9999; 
	background: url("images/shadow-bottom.png") repeat-x top left; 
	height: 7px; 
	width: 100%; 
}

#footer {
	font-size: 1em;
	background: #171d20; 
	height: 35px;
	width: 100%;
}

#footer-timetravel {
	font-size: 0.875em; 
	float: left; 
	padding: 10px 0 0 15px;
}

#footer-timetravel .component-list li {
	padding-right: 5px;
}

#footer-timetravel .component-list li  a:hover {
	background: #73AF55; 
}

#footer-credits {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; 
	font-size: 0.55em; 
	float: right; 
	padding: 7px 15px 0;
}

#footer-credits  .component-label {
	padding: 7px 9px 0;
}

#wcb {
	background: url("images/wcb.png") top left no-repeat;
	width: 37px;
	height: 18px;
}