/* 
	Cycling DC - All Media CSS
	- Typography
	- Table
	- Forms
	- Layout

*/

/* TYPOGRAPHY ---------------------------------------------------------- */
html{  background-color: #333; height: 100%;}
body{ height: 100%; font-family:  'Lucida Grande', Arial, Helvetica, Verdana,sans-serif; font-size: 11px; color: #333; }

a{ outline: none; }
a:link, a:visited { color: #a73; }
a:hover {  }
a img{ border: none;}

h1{ font-size: 200%;} 
h2{ font-size: 150%;}
h3{ font-size: 115%; margin-bottom: .75em;}
h4{ margin-bottom: .25em;}

p{ padding-bottom: .5em;}

/* TABLE ---------------------------------------------------------- */

/* FORMS ---------------------------------------------------------- */

/* LAYOUT ---------------------------------------------------------- */
#mapCanvas{ width: 100%; height: 100%;}

.infoBox{ position: absolute; top: 20px; right: 20px; border-color: #333; border-style: solid; border-width: 2px 4px 4px 2px; z-index: 2; background-color: #fff; }

#sidebar{ width: 20em; padding: 10px; background: #fff url(../img/small_bike_profile.png) 95% 100% no-repeat;}
#sidebar .secondary{ border-top: 1px solid #eee; padding: .75em 0 1.25em 0; color: #666;}
#sidebar .secondary a{ color: #da6; }
#sidebar .closeButton{ float: right; display: block;  width: 20px; height: 20px; background: url(../img/close_icon.png) top right no-repeat;}

#sidebarMin{ display: none; padding: 5px 10px; border-width: 1px 2px 2px 1px; }
#sidebarMin h3{ margin-bottom: 0;}