/*
<div id='side'>
	<div id='details'></div>
	<ul id='tabnav'></ul>
	<div id='sidescrollarea'>
		<div id='updates'>
			<ul class="rss"></ul>
			<ul id='waypoints'></ul>
		</div>
		<div id='description'></div>
	      <div id='comments'></div>      
	</div>
</div>
<div id="grippie"></div>
<div id='map'></div>
*/

#sidescrollarea {   
    overflow: auto;
    background-color: #EAEAEA;
}

#map {
	position: absolute;
	top: 119px;
	bottom: 10px;
	left: 360px;
	right: 10px;
	border: 1px solid #B7D0DF;
}

#grippie {
	position: absolute;
	left: 350px;
	width: 10px;
	padding: 2px;
	cursor: pointer;
}

#side {
	position: absolute;
	top: 119px; /* top set by JS */
	bottom: 10px;
	left: 10px;
	width: 338px; /* 360 - 2(margin) - 2(border) */
	border: 1px solid #B7D0DF;
}
  
#side p {
	margin: 0px;
	line-height: 1.25em;
}

#side ul.rss li {
	padding: 10px;  
	text-align: right;
}
 
#details h1 {
	line-height: 31px;
	margin: 0;
	background-image: url(/static/images/titlebar-bg.gif);
	font-size: 1.32em;
	padding-left: 12px;
	padding-right: 12px;
	font-weight: normal;
	font-style: normal;
}

#details p {
	padding-right: 12px;
	padding-left: 12px;
}

/* ////////////////////////////////////////////////////  Navigation Buttons */
#details div.navContent {
	padding: 0 70px;
}

#details div.navButtons {
	padding: 10px;  
}

#details div.navButtons input {
	height: 30px;
	width: 40px;
	margin: 0;
	padding: 0;
	float: left;
	border-style: none;
}

#details div.navButtons #first {
	background: white url('/static/images/navigation-controls_01.png') no-repeat top;
}

#details div.navButtons #first:hover {
	background: white url('/static/images/navigation-controls-over_01.png') no-repeat top;
}

#details div.navButtons #first:active {
	background: white url('/static/images/navigation-controls-click_01.png') no-repeat top;
}

#details div.navButtons #left {
	background: white url('/static/images/navigation-controls_02.png') no-repeat top;
}

#details div.navButtons #left:hover {
	background: white url('/static/images/navigation-controls-over_02.png') no-repeat top;
}

#details div.navButtons #left:active {
	background: white url('/static/images/navigation-controls-click_02.png') no-repeat top;
}

#details div.navButtons #right {
	background: white url('/static/images/navigation-controls_03.png') no-repeat top;
}

#details div.navButtons #right:hover {
	background: white url('/static/images/navigation-controls-over_03.png') no-repeat top;
}

#details div.navButtons #right:active {
	background: white url('/static/images/navigation-controls-click_03.png') no-repeat top;
}

#details div.navButtons #last {
	background: white url('/static/images/navigation-controls_04.png') no-repeat top;
}

#details div.navButtons #last:hover {
	background: white url('/static/images/navigation-controls-over_04.png') no-repeat top;
}

#details div.navButtons #last:active {
	background: white url('/static/images/navigation-controls-click_04.png') no-repeat top;
}


/* ////////////////////////////////////////////////////  Google Maps Balloons */
div.balloon {
	margin:15px;
}

div.gmnoprint p {
	line-height: 1.1em;
	margin: 0 0 0.6em 0;
	padding: 0;
}

/* comment, no photo */
div.commentBalloon {
	width: 340px;
}

/* long comment with photo */
div.photoCommentBalloon {
	width: 500px;
}

div.photoCommentBalloon img.photo {
	float: right;
	margin-left: 6px;
	border: 1px black solid;
}
/* end long comment with photo */

/* short comment with photo */
div.photoSimpleCommentBalloon {
	width: 340px;
}

div.photoSimpleCommentBalloon div {
	text-align: center;
}

div.photoSimpleCommentBalloon img.photo {
	margin-bottom: 1em;
	border: 1px black solid;
}
/* end short comment with photo */


/* ////////////////////////////////////////////////////  Comments */

#comments ul {
	padding-top: 0px;
	padding-left: 0px;
}

#comment ul.errorlist li {
	margin: 16px;
}

#commentList li:first-child  {
	border-top: 1px solid #DDD;
}

#commentList li {
	border-bottom: 1px solid #DDD;
}

#comment h1 {
	margin: 0 0 0 16px;
	font-size: 1em;
}

#comment textarea {
	width:274px;	
}

/* ////////////////////////////////////////////////////  Waypoint Updates */
#updates p {
	margin: 0px;
	padding-left: 62px;
	line-height: 1.25em;
}

#updates ul {
	padding-top: 0px;
	padding-left: 0px;
}

#waypoints h2 {
	color: #0e5784;
	margin: 0;
	font-weight: normal;
	font-style: normal;
	padding-top: 8px;
	line-height: 1em;
}

#waypoints li {
	background-color: #eaeaea;
	border-bottom: 1px solid #d5d5d5;
	border-top: 1px solid #ffffff;
	clear: left;
	cursor: pointer;
}

#waypoints li.selected {
	background: #e3f1f8 url(/static/images/wp-selected.gif) repeat-x;
}

#waypoints li div img {
	padding: 6px 12px;
	clear: left;
}

#waypoints li div img:first-child {
	padding-top: 12px;
	/* clear: left; */
}

#waypoints li div img:last-child {
	padding-bottom: 12px;
	/* clear: left; */
}

#waypoints li div.wp_icons {
	float: left;
	width: 64px;
}