body {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	color: #000;
	background-color: #fff;
	text-align: center;
}

#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 780px;
}

#logo {
	margin-top: 37px;
	text-align: center;
}

#logo a img {
	border: 0;
}

.search-form {
	text-align: center;
}

.search-form .cse-branding-bottom {
	width: 350px;
	text-align: left;
	margin: 0 auto 1em auto;

}

h1.home {
	color: #000;
	background-color: inherit;
	text-align: center;
	font-weight: normal;
}

h1 {
	letter-spacing: -0.03em;
	color: #888;
	background-color: inherit;
	font-weight: normal;
}

h1 a:link,
h1 a:visited {
	color: #44a;
	background-color: inherit;
}

h1 a:hover,
h1 a:active {
	color: #000;
	background-color: inherit;
}

#col-lists {
	margin: 0 auto;
	text-align: center;
	
}

#col-lists div {
	width: 35em;
	margin: 0 auto;
}

#col-lists ul {
	width: 10em;
	float: left;
	list-style: none;
	margin: 0 0 1em 20px;
	padding: 0;
}

#col-lists li {
	text-align: left;
	list-style: none;
	padding: 2px 0;
	margin: 0;
}

#col-lists h2 {
	text-align: left;
	clear: both;
	font-weight: normal;
	font-size: 120%;
	margin: 0 0 0 20px;
}

#map {
	width: 500px; 
	height: 300px; 
	border: 1px solid #000;
}

#map h2, #map p {
	font-size: 100%;
	margin: 0;
	padding: 0;
}

#map-col {
	float: right;
	width: 502px;
}

#nav-col {
	width: 258px;
	float: left;
}

#nav-col ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav-col ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.map-points .geo {
	display: none;
}

#nav-col ul.feeds {
	margin-top: 30px;
	font-size: 86%;
}

#nav-col ul.feeds li {
	padding: 0 0 6px 16px;
}

#nav-col li.rss {
	background-image: url(../img/feed-icon.gif);
	background-repeat: no-repeat;
}

#nav-col li.gpx {
	background-image: url(../img/gpx-icon.gif);
	background-repeat: no-repeat;
}

#nav-col li.card {
	background-image: url(../img/vcard-icon.gif);
	background-repeat: no-repeat;
}

#nav-col ul.feeds li a:link,
#nav-col ul.feeds li a:visited {
	color: #888;
	background-color: inherit;
	text-decoration: none;
}

#nav-col ul.feeds li a:hover,
#nav-col ul.feeds li a:active {
	color: #000;
	background-color: inherit;
	text-decoration: underline;
}

.station-detail {
	display: none;
}

.station-detail h2 {
	letter-spacing: -0.03em;
	color: #888;
	background-color: inherit;	
}

.station-detail table {
	border-collapse: collapse;
}

.station-detail table th {
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}

.station-detail table th,
.station-detail table td {
	padding: 2px 4px;
}

#map-col.detail .station-detail {
	display: block;
}

#footer {
	clear: both;
	text-align: center;
	font-size: 80%;
	color: #888;
	background-color: inherit;
	padding: 100px 10px;
}

#footer p {
	margin: 0;
}


div.debug {
	clear: both;
	margin-top: 300px;
}