html, body {
	height: 100%;
	font-family:"Lucida Grande", Verdana, Arial, sans-serif;
	padding:0px; margin:0px;
	background-color:#fbfaf9;
}
form{padding:0px; margin:0px; display:inline;}

#header{height:156px; position:relative; background: #8c5f3d url(/images/header_bg.png) top left no-repeat;}
#logo {height:155px; width:275px; position:absolute;}
#logo h1, #logo h2 {display:none;}

#members {position:absolute; top:-12px; right:10px; font-size:0.7em; color:#fff; background-color:#7a5132; z-index: 100; padding:8px; padding-top:20px; -moz-border-radius: 10px; border-radius: 10px;}
#members a {color:#fbfbfb; text-decoration:underline;}
#members a:hover {color:#999; text-decoration:none;}

#nav {position:absolute; top:120px; left:275px; height:32px; clear:both; -moz-border-top-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color:#7a5132; padding:2px;}

/*Navigation Items*/
#nav_home {height:32px; width:46px; display:block; background:url(/images/nav_home.png) 0px 0px no-repeat; margin-right:10px;}
#nav_find_ride {height:32px; width:129px; display:block; background:url(/images/nav_find.png) 0px 0px no-repeat; margin-right:10px;}
#nav_add_ride {height:32px; width:82px; display:block; background:url(/images/nav_add.png) 0px 0px no-repeat; margin-right:10px;}
#nav_reviews {height:32px; width:126px; display:block; background:url(/images/nav_reviews.png) 0px 0px no-repeat; margin-right:10px;}
#nav_garage {height:32px; width:61px; display:block; background:url(/images/nav_garage.png) 0px 0px no-repeat; margin-right:10px;}
#nav_ride_report {height:32px; width:98px; display:block; background:url(/images/nav_ride_report.png) 0px 0px no-repeat; margin-right:10px;}
#nav_forum {height:32px; width:60px; display:block; background:url(/images/nav_forums.png) 0px 0px no-repeat; margin-right:10px;}
#nav_photos {height:32px; width:58px; display:block; background:url(/images/nav_photos.png) 0px 0px no-repeat;}

#nav_home_active, #nav_home:hover {height:32px; width:46px; display:block; background:url(/images/nav_home.png) 0px -31px no-repeat; margin-right:10px;}
#nav_find_ride_active, #nav_find_ride:hover {height:32px; width:129px; display:block; background:url(/images/nav_find.png) 0px -31px no-repeat; margin-right:10px;}
#nav_add_ride_active, #nav_add_ride:hover {height:32px; width:82px; display:block; background:url(/images/nav_add.png) 0px -31px no-repeat; margin-right:10px;}
#nav_reviews_active, #nav_reviews:hover {height:32px; width:126px; display:block; background:url(/images/nav_reviews.png) 0px -31px no-repeat; margin-right:10px;}
#nav_garage_active, #nav_garage:hover {height:32px; width:61px; display:block; background:url(/images/nav_garage.png) 0px -31px no-repeat; margin-right:10px;}
#nav_ride_report_active, #nav_ride_report:hover {height:32px; width:98px; display:block; background:url(/images/nav_ride_report.png) 0px -31px no-repeat; margin-right:10px;}
#nav_forum_active, #nav_forum:hover {height:32px; width:60px; display:block; background:url(/images/nav_forums.png) 0px -31px no-repeat; margin-right:10px;}
#nav_photos_active, #nav_photos:hover {height:32px; width:58px; display:block; background:url(/images/nav_photos.png) 0px -31px no-repeat;}

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -52px; /* the bottom margin is the negative value of the footer's height */
}
#content {
	padding:10px;
}
#footer, #push {
	height: 50px; /* #push must be the same height as #footer */
}
#footer {
	background: #f1eae6;
	border-top:2px solid #7a5132;
	font-size:0.6em;
	color:#666666;
}
#map_canvas{border:2px solid #e2e2e2;}

#recent_activity_wrapper {width:1000px; margin:auto; margin-top:20px; margin-bottom:15px;}
#recent_activity_header {height:32px; padding-left:10px; background-color:#7a5132; -moz-border-top-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
#recent_activity {background-color:#f1eae6; -moz-border-bottom-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding:5px; font-size:0.8em;}
#recent_activity h3 {color:#686868; font-size:14px;}
#recent_activity .item {font-size:0.9em; margin-bottom:8px;}

.index_top {width:1000px; margin:auto; padding-top:15px;}
.index_rides, .index_reviews {width:500px; float:left;}
.photo_box {margin:auto; width:450px;}
.index_photos {margin:auto; width:900px;}
.thumbnails {width:450px; margin:auto;}
.index_fb {padding-top:25px; margin:auto; width:1000px;}

a{color:#65737E; text-decoration:underline;}
a:hover{color:#333333;}

a.dark{color:#3b444a; text-decoration:none;}
a.dark:hover{color:#333333; text-decoration:underline;}

a.sticker{color:#2a920a; text-decoration:none; font-size:0.9em;}
a.sticker:hover{color:#333333; text-decoration:underline;}

h1{padding-top:0px; margin-top:0px; margin-bottom:5px;}
h2{padding-top:0px; margin-top:0px; margin-bottom:5px;}
h3{padding-top:0px; margin-top:0px; margin-bottom:5px;}
h4{padding-top:0px; margin-top:0px; margin-bottom:5px;}

.input_gray{width:400px; color:#666666; font-size:1.1em;}

#error { border:2px solid #d54100; padding:5px; margin:10px; background-color:#fcf3ef;}
.success { border:2px solid #73d500; padding:5px; margin:10px; background-color:#f2fcef;}

.warningBox { border:2px solid #ec4113; padding:5px; margin:10px; background-color:#ff4911; color:#ffffff;}
.formBox { border:2px solid #FFFFDE; padding:5px; background-color:#fffff8; font-size:0.9em;}
.instructionBox{background-color:#eceff6; margin-bottom:10px; padding:10px; font-size:0.8em;}
.greenBox{background-color:#f4fed0; margin-bottom:10px; padding:10px; font-size:0.8em;}
.green_rounded {font-family:verdana, arial, sans-serif; font-size:12px; background-color:#c0e74c; padding:8px; color:#333; -moz-border-radius: 10px; border-radius: 10px;}

.addform_label {color:#545454;}
.addform_input {margin-bottom:10px; margin-left:5px; color:#333333;}
.optional {font-style:italic; font-weight:bold; font-size:0.8em; color:#7ea3bc;}

.commentFormTitle{color:#333333; padding-top:10px;}
.commentFormMessage{color:#333333; padding-top:10px;}
#commentBlock{color:#333333; font-size:0.8em; margin-top:5px;}
.commentTitle{font-weight:bold;}
.commentMessage{padding:5px;}
.commentInfo{color:#999999; font-size:0.8em; margin-bottom:10px; padding-bottom:2px; border-bottom:2px solid #e2e2e2;}

.pageNumberBox {border:1px solid #c0e74c; border-top:3px solid #c0e74c; padding:1px; padding-left:3px; padding-right:3px; font-size:10px;}
.pageNumberBoxSelected {border:1px solid #c0c0c0; border-top:3px solid #afafaf; background-color:#f6f6f6; padding:1px; padding-left:3px; padding-right:3px; font-size:10px;}

.ride_report {background: url(/images/ride_report.png) top left no-repeat; padding-left:35px; min-height:32px;}
.garage_fuel {background: url(/images/garage_icon_fuel.png) top left no-repeat; padding-left:35px; min-height:32px;}
.garage_log {background: url(/images/garage_icon_maint_log.png) top left no-repeat; padding-left:35px; min-height:32px;}
.garage_winterize {background: url(/images/garage_winterize.png) top left no-repeat; padding-left:35px; min-height:32px;}
.garage_summerize {background: url(/images/garage_summerize.png) top left no-repeat; padding-left:35px; min-height:32px;}
.garage_schedule {background: url(/images/garage_icon_schedule.png) top left no-repeat; padding-left:35px; min-height:32px;}
.garage_schedule_specific {background: url(/images/garage_icon_schedules_specific.png) top left no-repeat; padding-left:35px; min-height:32px;}
.garage_schedule_download {background: url(/images/garage_icon_download_schedule.png) top left no-repeat; padding-left:35px; min-height:32px;}
a.h2_link {color:#336699; text-decoration:none;}
a.h2_link:hover {color:#353535; text-decoration:underline;}

/* Ride Report stuff */
.rr_settings {float:left; width:300px; border-right:2px solid #dbe9f4; background-color:#f6fafd; font-size:0.8em;}
.rr_textarea {float:left; width:700px; padding-left:10px;}
.rr_block {margin-bottom:15px;}
.rr_title {font-weight:bold; margin-top:10px;}
.rr_div {margin-top:10px;}
.rr_smaller {font-size:0.8em;}
.rr_multi {font-size:0.8em; margin-bottom:10px;}
.caption {font-size:0.8em; color:#666;}

/* Product Review Stuff */
.r_index_block {min-height:40px; position:relative; margin-bottom:20px;}
.r_index_photo {position:absolute; top:0px; left:0px;}
.r_index_info {padding-left:50px;}
.r_textarea {width:700px; min-height:160px;}
.r_main_photo {width:150px; padding:5px; float:right;}
.r_gallery {height:180px; width:900px; clear:both; margin-top:5px;}
.r_photo_block {float:left; width:150px; padding:5px; margin:5px; border:1px solid #e2e2e2;}
.r_photo_caption {font-size:0.7em; color:#777; padding-top:3px;}
.r_index_categories {width:700px;}
a.r_cat_search {display:block; padding:2px 5px; margin:0px 5px; float:left; font-size:0.9em; border:1px solid #e2e2e2;}

/*Main fuel-up classes */
.fu_manufacturer { margin-top:15px;}
.fu_model {padding-left:15px;}
.fu_year {font-weight:bold; padding-left:30px; font-size:0.8em; padding-bottom:10px;}
.fu_bike {font-size:0.8em; padding-left:45px;}
.garage_schedule_years {padding-left:30px; font-size:0.75em; margin-bottom:15px;}

#main_text {margin:auto; margin-top:15px; padding-left:60px; padding-right:60px; width:800px; text-align:left; font-family:verdana, arial, sans-serif; font-size:13px; color:#333333;}
#main_text a {text-decoration:none;  color:#333;}

.huge_margin_top { margin-top:50px;}
#fuelup_about_text {font-family:verdana, arial, sans-serif; font-size:12px; background-color:#c0e74c; padding:8px; color:#333; -moz-border-radius: 10px; border-radius: 10px;}
#fuelup_about_text a {text-decoration:none;  color:#333;}

.active_photo {border:3px solid #ff4911;}
.inactive_photo {padding:3px;}

#padded li {margin-bottom:10px;}
.smaller {font-size:0.8em;}

.clearer {height:0px; clear:both;}

/*google charts*/
#mpg_chart, #cost_chart {border:1px solid #e2e2e2;}


/* for the photo slideshow page */
.big_photo_box {margin:auto; padding:5px; background-color:#e2e2e2; text-align:center; width:800px; min-height:575px; position:relative;}
.photo_info {margin-top:4px; font-size:0.8em;}
.thumbnail_box {margin:auto; width:900px; text-align:center;}
.next_box {position:absolute; top:240px; right:5px;}
.previous_box {position:absolute; top:240px; left:5px;}