/*************************************************************************************************

	James Chorley Bike Trip Mashup [MASTER]

	* Created by: James Mills [www.koodoocreative.co.uk]
	* Document created: 24th June 2009
	* Copyright (c) 2008 James Mills.
	
*************************************************************************************************/

/* Import the global reset document
-------------------------------------------------------------- */
@import "reset.css";

/* Golbal CSS settings
-------------------------------------------------------------- */
* { font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; }

body {}

.clear_fix { clear: both; }

/* Google Map
-------------------------------------------------------------- */
div#map_canvas {
	width: 100%;
	height: 800px;
}

/* Info holder (footer)
-------------------------------------------------------------- */
div#info_holder {
	background:url(../images/80_percent.png);
	height:162px;
	width:100%;
	
	overflow:hidden;

	position:absolute;
	bottom:0px;
	left:0;
}
div#info_holder div#title {
	background:url(../images/title_bg.png) no-repeat 15px 18px;
	height:800px;
	padding-top:95px;
	padding-left:15px;
	float:left;
	width:320px;
	
	border-right: 1px dotted #fff;
}
div#info_holder div#title p {
	font-size:1.1em;
	color:#fff;
	line-height:14px;
	padding-right:10px;
}

/* Tweets
-------------------------------------------------------------- */
div#tweet_holder {
	float:left;
	padding:7px;
}
div.tweet {
	background:url(../images/bullet_arrow.png) no-repeat 4px 6px;
	padding:4px;
	
	padding-left:15px;
	font-size:1.1em;
}
div.tweet span.title {
	color:#fff;
	text-decoration:none;
}
div.tweet a {
	color:#fff;
}
div.tweet a:hover {
	background:#fff;
	color:#000;
}
div.tweet span.date {
	color:#d2d2d2;
}




/* Expant button
-------------------------------------------------------------- */
a#toggle_expand {
	float:right;
	display:block;
	height:800px;
	width:20px;
	text-indent:-9999px;
	border-left: 1px dotted #fff;
}
a.footer_open {
	background:url(../images/more_entries_arrow_up.png) no-repeat center 82px;
}
a.footer_open:hover {
	background:#000 url(../images/more_entries_arrow_up.png) no-repeat center 82px;
}
a.footer_close {
	background:url(../images/more_entries_arrow_down.png) no-repeat center 82px;
}
a.footer_close:hover {
	background:#000 url(../images/more_entries_arrow_down.png) no-repeat center 82px;
}