/* ---- =style reset ---- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; background: transparent; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
del { text-decoration: line-through; }
ins { text-decoration: none; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
a:active { outline: none; }


/* ---- =steepleashton ---- */
html { min-height: 100%; }
body { background: #e9e9e9; font: normal 100%/1.15em  Arial, Helvetica, sans-serif; color: #565758; }

h1, h2, h3, h4, h5, h6, #branding-logo { font-weight: bold; font-family: 'Arial Black', Arial, Helvetica, sans-serif; letter-spacing: -0.05em; text-transform: uppercase; color: #f58025; }
h1 { margin: 0.5em 0; font-size: 2em; line-height: 0.9em; }
h2 { margin: 1.0em 0 -0.5em; padding: 0; font-size: 1.2em; text-transform: none; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0em; }
h3 { margin: 2.75em 0 0.25em; font-size: 1.3em; }
p { margin-bottom: 0.75em; line-height: 1.25em; }
a { color: #f58025; }

a:hover { color: #f90; }
em { padding-left: 0.1em; }
table { }
tr {}
th {}
td { vertical-align: top;}

.hide { display: none; }
.clearit { font-size: 1px; line-height: 1px; clear: both; }

/* ------- =header, branding, nav -------- */
#header  { height: 143px; width: 802px; margin: 0 auto; padding: 32px 0 0 20px; background: url(/images/arrow_top20x32.gif) left top no-repeat; }
#branding { float: left; background: #a9191c; display: inline; }
#branding-logo { float: left; }
#branding-logo a { display: block; position: relative; left: 0; top: 0; width: 275px; height: 118px; color: #fff; text-decoration: none; letter-spacing: 0em; }
#branding-logo span { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 275px; height: 118px; background: url(/images/logo275x118.gif) no-repeat; }

#contact-info { margin-left: 550px; padding-top: 20px; }
#contact-info strong { font-size: 1.2em; }
#tagline { margin: 10px 0 0 450px; font-family: 'Arial Black', Arial, Helvetica, sans-serif; text-transform: uppercase; }
#nav-main  { clear: both; height: 20px; background: #f58025; border-bottom: 1px solid #a7a9ac; font: bold 0.70em/1.2em Arial, Helvetica, sans-serif; letter-spacing: 0; text-transform: uppercase; }
#nav-main li  { float: left; }
#nav-main li a  { display: block; height: 21px; position: relative; color: #565758; text-decoration: none; }
#nav-main li a:hover { color: #fff; }
#nav-main span { display: block; position: absolute; left: 0; top: 0; z-index: 1; height: 21px; background: url(/images/tab-nav.gif); }
a.selected { color: #fff; }

#nav-home a, #nav-home span { width: 65px; background-position: 0px top; }
#nav-vision a, #nav-vision span { width: 103px; background-position: -65px top; }
#nav-rides a, #nav-rides span { width: 95px; background-position: -168px top; }
#nav-guests a, #nav-guests span { width: 102px; background-position: -263px top; }
#nav-reviews a, #nav-reviews span { width: 85px; background-position: -365px top; }
#nav-gallery a, #nav-gallery span { width: 80px; background-position: -450px top; }
#nav-faq a, #nav-faq span { width: 53px; background-position: -530px top; }
#nav-news a, #nav-news span { width: 65px; background-position: -583px top; }
#nav-contact a, #nav-contact span { width: 89px; background-position: -648px top; }
#nav-blog a, #nav-blog span { width: 65px; background-position: -735px top; }

#nav-home:hover span, #nav-home .selected span { background-position: 0px bottom; }
#nav-vision:hover span, #nav-vision .selected span { background-position: -65px bottom; }
#nav-rides:hover span, #nav-rides .selected span { background-position: -168px bottom; }
#nav-guests:hover span, #nav-guests .selected span { background-position: -263px bottom; }
#nav-reviews:hover span, #nav-reviews .selected span { background-position: -365px bottom; }
#nav-gallery:hover span, #nav-gallery .selected span { background-position: -450px bottom; }
#nav-faq:hover span, #nav-faq .selected span { background-position: -530px bottom; }
#nav-news:hover span, #nav-news .selected span { background-position: -583px bottom; }
#nav-contact:hover span, #nav-contact .selected span { background-position: -648px bottom; }
#nav-blog:hover span, #nav-blog .selected span { background-position: -735px bottom; }

/* ------- =content -------- */
#container-top { background: url(/images/background-top.gif) repeat-x; }
#container-middle { background: #565759; }
#container-update { background: #e9e9e9; }
#container-bottom { background: url(/images/background-bottom.gif) repeat-x; }

#container-middle ul li { margin-left: 15px; list-style: disc; margin-bottom: 0.5em; }
#container-middle ol li { margin-left: 15px; list-style: decimal; margin-bottom: 0.5em; }

.content, .subcontent { margin: 0 auto; width: 720px; background: #fff; border-bottom: 1px solid #a7a9ac; }
.subcontent { width: 730px; }
.content td, .subcontent td { background: #fff; border: 5px solid #565759; }
.subcontent td { padding: 15px 10px; vertical-align: top; }
#home .subcontent h2 { color: #565758; font-size: 1.0em; margin-top: 0.25em; }

#home h1 { margin: 0; font-size: 1.2em; }
#home h2 { margin: 0.5em 0; font-size: 1.4em; font-weight: bold; font-family: 'Arial Black', Arial, Helvetica, sans-serif; letter-spacing: -0.1em; text-transform: uppercase; }
#home h3 { margin: 0.5em 0 0; font-size: 1.2em; color: #565758; text-transform: none; }
#home .content td { border: none; vertical-align: middle; }

#home .content #content-main { font-size: 0.8em; }
#home #content-sidebar { width: 325px; font-size: 0.75em; }
#home #content-sidebar img { float: right; margin-left: 10px; border: 1px solid #ccc; }
#news-signup { clear: both; padding-top: 10px; text-align: center; }
#news-signup label { font-weight: bold; }
#news-signup .button { width: 60px; height: 22px; padding: 0; border: 0; background: #E98B3F url(/images/btn_signup.gif) no-repeat; text-align: center; cursor: pointer; }
#commit { }

.content #content-main { font-size: 0.80em; line-height: 1.2em; padding: 15px; }
#rides .content #content-main { border-right: none; }
#content-main td { }
#content-sidebar { background: #fbd2b0; padding: 15px; font-size: 0.74em; line-height:1.2em; }
#content-sidebar p { padding-top: 1em; }
#rides .content #content-sidebar { background: #fff; border-left: none; }
#guests .content #content-sidebar { font-style: italic; font-weight: bold; line-height: 1.4em; }
#guests .content #content-main { width: 100%; }
#content-guests { padding: 5px 15px; text-align: center; height: 100%; }
#content-guests a { font-weight: bold; font-size: 0.7em; color: #565759; text-decoration: none; }
#content-guests a.selected, #content-guests a:hover { color: #f58025; }

h3#this-year { }
.content .ride-header { background: #fff url(/images/rides_cal_year.gif) left top no-repeat; padding: 4px 0 0 65px; margin-bottom: 10px; font-size: 0.6em; }
.ride-header h3 { margin: 0; padding: 0 35px 0 0; color: #fff; display: inline; font: bold 1.4em Arial, Helvetica, sans-serif; letter-spacing: 0.0em; }
/*
.ride-info { overflow: auto; clear: both; margin: 0 0 10px 10px; padding: 5px 0; line-height:14px; font-size: 0.9em; }
.ride-info a { text-decoration: none; }
.ride-info a:hover { color: #f58025; text-decoration: underline; }


.ride-info img { float: left; margin: 25px 15px 0 15px; }
.ride-details { float: left; width: 335px; }
.ride-details h2 a { font: bold 1.2em 'Arial Black', Arial, Helvetica, sans-serif; letter-spacing: -0.07em; text-transform: uppercase; color: #f58025; }
.ride-details p { margin: 0.5em 0; }
 p.ride-guest { margin-left: 20px; }
.ride-date { float: left; width: 180px; margin: 2.4em 0 0 30px; font-size: 0.9em; }
.ride-date strong { font-size: 1.2em; }
.ride-date img { float: none; margin: 5px 0 0 0; } 
*/

.ride-info { overflow: auto; clear: both; margin: 0 10px 10px; padding: 5px 0; font-size: 0.8em; }
.ride-info h2 { margin-bottom: 5px; }
.ride-info h2 a { font: bold 1.2em 'Arial Black', Arial, Helvetica, sans-serif; letter-spacing: -0.07em; text-transform: uppercase; }
.ride-info a { text-decoration: none; }
.ride-info a:hover { text-decoration: underline; }

.ride-info img { float: left; width: 90px; margin: 0; }
.ride-details { margin-left: 100px; }
.ride-details p { margin: 0; padding: 0; color: #888; }

p.ride-date { font-weight: bold; font-size: 1.1em; color: #555; }
p.ride-location { margin-bottom: 10px; font-size: 0.89em; color: #555; }
p.ride-subhead { margin: -3px 0 10px; padding: 2px; color: #555; background: #fbd2b0; }

#home p.ride-title { margin-bottom: 2px; font-size: 1.3em; }
#home p.ride-subhead { margin: -2px 0 5px; }
#home p.ride-location { font-size: 1.0em; }
#home .ride-info a { color: #f58025; }
#home .ride-info a:hover { color: #565758; }
a:hover .ride-details { color:#f90; text-decoration: underline; }
a.ride-guest {color:#f58025;font-weight:bold; }
a.ride-guest:hover {color:#f90; text-decoration: underline; }
#rides #ride-summary { width: 100%; color: #fff; background: #f58025; font-size: 0.8em; line-height: 1.1em; }
#rides #ride-summary #summary { margin: 12px 12px 0; }
#rides #ride-summary #summary em { color: #fff; text-transform: none; padding: 0; margin: 0; font: bold 1.1em/1.0em Arial, Helvetica, sans-serif; letter-spacing: 0.0em; }
#testimonial { padding: 10px 10px 5px 10px; font-size: 12px; font-weight: bold; color:#565758; background-color:#fbd2b0; line-height:17px; }
#testimonial p { font-size: 10px; text-align: right; margin-top: 0; }

#reviews blockquote { margin: 10px 0; padding: 20px; border: 1px solid #f58025; }
p.source { margin-left: 360px; font-style: italic; }

#gallery #content-middle img { }
#gallery #content-middle img.end { }

#content-update .content { height: 50px; width: 520px; background: #e9e9e9; font-size: 0.75em; color: #000; font-weight: bold; line-height: 1.0em; border: none; }
#content-update td { background: none; }


#footer  { height: 140px; width: 737px; margin: 0 auto; padding: 32px 0 0 20px; background: url(/images/arrow_bottom20x26.gif) top right no-repeat; font-weight: bold; font-size: 0.9em; text-align: center; }
#footer strong { color: #f58025; text-transform: uppercase; }
#footer a { color: #565758; }
#footer a:hover { color: #f58025; }
#footer img { margin-bottom: 10px; padding: 0 10px; vertical-align: middle; }

/* ===== blog helps ====== */
#blog-main { float: right; width: 452px; }
#blog-main h2, #blog-main h3 { margin-bottom: 8px; }
h1 a, h2 a, h3 a { text-decoration: none; }

#blog-main textarea { width: 440px; }

#blog-sidebar { width: 168px; margin-top: 1em; }
#blog-sidebar p { margin: 1em 0; line-height: 1.3em; font-style: italic; }
#blog-sidebar ul { margin: 5px 0 20px 3px; list-style: none; }
#blog-sidebar li { list-style: none; }
.navigation { display: block; text-align: center; margin-bottom: 36px; }
.navigation a { font-weight: normal; font-size: 10px; color: #265660; text-decoration: none; }
.navigation a:hover { color: #a1a9ec; }
.postmetadata { background:#e9e9e9; padding:8px 12px; font-size: 0.92em; font-style: italic; }
.post { margin-bottom: 36px; }

/* ======== image helps ============= */
img.centered { display: block; margin: 8px auto; }
img.alignright { margin: 4px 0 8px 12px; display: inline; }
img.alignleft { margin: 4px 12px 8px 0; display: inline; }
img.main-pic { margin: 4px 24px 8px 0; }
.gallery { height: 100px; margin: 24px 24px 0 0; float: left; }
.alignright { float: right; }
.alignleft { float: left; }