/* CSS Document Home - seejaneridebicycletours.com
Design & Implementation: Steven E. Nelson & Thomas Wilson */

/* ----------------------------------------------------------
universal reset & outline removal
---------------------------------------------------------- */

* { 
padding: 0; 
margin: 0; 
}

a:active, button {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}


/* ----------------------------------------------------------
HTML and BODY
---------------------------------------------------------- */
html {
min-width: 980px;
margin: 0;
padding: 0;
}

body {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Helvetica Neue', 'Trebuchet MS', Verdana, Geneva, sans-serif;
	color: #465266;
	margin: 0; 
	padding: 0;
	font-size: 62.5%;
	text-align: center;
	background: url(../images/bg_body.gif) repeat-y top center;
	}


/* ----------------------------------------------------------
HEADER & TOP NAV
---------------------------------------------------------- */

#header {
width: 960px;
  position: relative;  
  margin: 0 auto;
}

#logo {
position: relative;
float: left;
width: 350px;
}


#top-nav {
position: relative;
float: left;
width: 610px;
}

#top-nav-list ul {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	float: right;
	font-size: 1.8em;
font-family: Rockwell, 'Gill Sans', 'Gill Sans MT', 'Century Gothic',  'Helvetica Neue',  Helvetica;
	}
	
#top-nav-list ul li {
	float: left;
	margin: 0 0 0 5px;
	padding: 0;
	outline: none;
	}
	
#top-nav-list ul li a {
	float: left;
	padding: 5px 5px;
	margin: 0;
	text-decoration: none;
	border: none;
	outline: none;
	}
	
#home li#top-nav-home a, 
#tours li#top-nav-tours a, 
#rides li#top-nav-rides a,
#details li#top-nav-details a,
#about li#top-nav-about a,
#jane li#top-nav-jane a,
#community li#top-nav-community a
 {
	color: #E5743C;
	} /* Sets active state for Top Navigation if Body ID and top nav ID match */

#home li#top-nav-home a:hover, 
#tours li#top-nav-tours a:hover,
#rides li#top-nav-rides a:hover, 
#details li#top-nav-details a:hover,
#about li#top-nav-about a:hover,
#jane li#top-nav-jane a:hover,
#community li#top-nav-community a:hover {
	color: #FFFFFF;
	} 

	
/* ----------------------------------------------------------
MAIN CONTAINERS
---------------------------------------------------------- */

#content {
width: 960px;
margin: 0 auto;
}

.col {
position: relative;
float: left;
text-align: left;
}

.col-home-feature {
width: 730px;
}

.col-home-sidebar {
width: 230px;
}

.col-home-half {
width: 479px;
}

.col-blog {
width: 517px;
}

.col-blog-content {
width: 718px;
}

.col-230 {
width: 240px;
}

.col-200 {
width: 200px;
}

.col-400 {
width: 400px;
}

.col-sub-nav {
width: 160px
}

.border-left {
border-left: solid 1px #C3E1A6;
}

a.home-button img {
margin-bottom: 10px;
}

.learn-more {
border-top: solid 1px #C3E1A6;
margin-top: 5px;
width: 230px;
padding-top: 5px;
}

.learn-more a {
font-size: 1.8em;
font-family: Rockwell, 'Gill Sans', 'Gill Sans MT', 'Century Gothic',  'Helvetica Neue',  Helvetica;
margin-right: 5px;
margin-top: 5px;
}


.last {
margin: 0;
padding: 0;
}


/* ----------------------------------------------------------
STANDARD LINK FORMATS
---------------------------------------------------------- */
a:link { 
	text-decoration: none; 
	color: #3D6AB3;
	}
a:visited { 
	text-decoration: none; 
	color: #3D6AB3;
	}
a:hover, a:active { 
	color: #ffffff;
	background: #3D6AB3;
	}

a img  {
display: block;
background-color: transparent;
}

a.nobg:hover, div.nobg a:hover {
background-color: transparent;
}

/* ----------------------------------------------------------
STANDARD HTML TEXT
---------------------------------------------------------- */
h1 {
font-size: 2.4em;
font-family: Rockwell, 'Gill Sans', 'Gill Sans MT', 'Century Gothic',  'Helvetica Neue',  Helvetica;
font-weight: bold;
margin: 5px 0 10px 0;
padding: 2px 0;
color: #FFF;
letter-spacing: -.02em;

background-color: #70AC3E;
text-align: left;
}

h1 span {
background-color: #666;
padding: 2px 5px;
}

.h1-home {
margin: 0;
padding: 0;
}

.h1-home span {
display:none;
}

h2 {
font-family: Rockwell, 'Gill Sans', 'Gill Sans MT', 'Century Gothic',  'Helvetica Neue',  Helvetica;
font-weight:bold;
color: #70AC3E;
font-size: 2.4em;
margin: 5px 0 5px 10px;
letter-spacing: -.02em;
line-height: 1.1;
}

h3 {
font-size: 1.6em;
font-weight: bold;
margin-left: 10px;
}

h4 {
font-family: Rockwell, 'Gill Sans', 'Gill Sans MT', 'Century Gothic',  'Helvetica Neue',  Helvetica;
font-weight:bold;
color: #70AC3E;
font-size: 2.0em;
margin: 20px 10px 5px 10px;
letter-spacing: -.02em;
line-height: 1.1;
}

h5 {
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 0;
padding-top: 5px;
font-size: 1.8em;
border-top: 1px dotted #C3E1A6;
color: #70AC3E;
font-family: Georgia, Palatino, “Palatino Linotype”, Times, “Times New Roman”, serif;
}

h6 {
font-family: Georgia, Palatino, “Palatino Linotype”, Times, “Times New Roman”, serif;
color: #E5743C;
margin: 10px 30px 5px 10px;
font-size: 1.7em;
font-weight: normal;
}

p {
font-size: 1.4em;
line-height: 1.4;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
}

.col-blog-content p {
margin-right: 90px;
}

blockquote {
color: #E5743C;
font-size: 1.1em;
margin: 20px 0px 0 20px;
padding: 0 0 0 55px;
background:url(../images/quote_open.gif) top left no-repeat;
min-height: 40px;
font-family: Georgia, Palatino, “Palatino Linotype”, Times, “Times New Roman”, serif;
}

blockquote p {
background:url(../images/quote_close.gif) bottom right no-repeat;
padding-right: 50px;
padding-top: 0px;
margin-top: 0;
}

.quotee {
font-style: italic;
font-size: 0.8em;
}

.col-230 h2, .col-200 h2 {
font-size: 2.0em;
margin-left: 0;
}



.col-230 p {
font-family: Georgia, Palatino, “Palatino Linotype”, Times, “Times New Roman”, serif;
font-size: 1.3em;
line-height: 1.2;
margin-bottom: 10px;
margin-left: 0;
margin-right: 30px;
}

ul.gears {
margin-left: 10px;
margin-top: 10px;
width: 360px;
list-style-type: none;
}

ul.gears li{
font-family: Georgia, Palatino, “Palatino Linotype”, Times, “Times New Roman”, serif;
font-size: 1.4em;
margin-left: 10px;
margin-top: 0;
width: 320px;
list-style-type: none;

}

ul.gears li, ul.gears li.even {
padding: 5px 0 10px 30px;
margin-bottom: 0;
background: url(../images/li_icon2.png) no-repeat;
}

ul.gears li span {
background-color: #C3E1A6;
padding: 4px;
line-height: 1.5;
}

ul.gears li.even span {
background-color: #FDF3A2;
padding: 4px;
line-height: 1.5;
}

#content ul {
margin-left: 40px;
margin-right: 10px;
list-style: square;
margin-bottom: 20px;
}

#content ul li {
font-size: 1.4em;
font-family: Georgia, Palatino, “Palatino Linotype”, Times, “Times New Roman”, serif;
line-height: 1.2;
margin-bottom: 5px;
}

#content ul li span {
}

#content #col-sub-nav ul {
margin-top: 5px;
margin-right: 0;
margin-left: 0;
margin-bottom: 15px;
list-style-type: none;
text-align: left;
}

#content #col-sub-nav ul li {
font-family: Rockwell, 'Gill Sans', 'Gill Sans MT', 'Century Gothic',  'Helvetica Neue',  Helvetica;
font-size: 1.8em;
}

#content #col-sub-navi {
float: right;
}

#content #col-sub-navi ul {
margin-top: 5px;
margin-right: 0;
margin-left: 0;
margin-bottom: 15px;
list-style-type: none;
text-align: left;
}

#content #col-sub-navi ul li {
font-family: Rockwell, 'Gill Sans', 'Gill Sans MT', 'Century Gothic',  'Helvetica Neue',  Helvetica;
font-size: 1.8em;
}

/* ----------------------------------------------------------
TOUR BUGS
---------------------------------------------------------- */
.tour-bug {
border-bottom: 1px solid #C3E1A6;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 5px;
}

.col-tour-bug {
width: 90px;
}

.col-tour-bug-descrip {
width: 369px;
}

.col-tour-bug-descrip-interior {
width: 290px;
}

.col-tour-bug-descrip p {
font-family: Georgia, Palatino, “Palatino Linotype”, Times, “Times New Roman”, serif;
font-size: 1.4em;
}

.col-tour-bug-descrip-interior p {
font-family: Georgia, Palatino, “Palatino Linotype”, Times, “Times New Roman”, serif;
font-size: 1.3em;
}

.tour-dates {
font-style: italic;
}

/* ----------------------------------------------------------
BLOG
---------------------------------------------------------- */
.blog-summary {
margin-right: 30px;
}

p.blog_poster {
font-style:italic;
font-size: 1.2em;
}

#blog_poster_details {
margin-top: 15px;
margin-bottom: 15px;
margin-left: 10px;
width: 500px;
padding: 5px;
background-color: #efefef;
}

#blog_poster_details p {
font-size: 1.3em;
margin-bottom: 0;
margin-right: 5px;
}

.blog_previous_next {
margin-top: 20px;
font-size: 1.5em;
margin-right: 30px;
font-family: Georgia, Palatino, “Palatino Linotype”, Times, “Times New Roman”, serif;
}

/* ----------------------------------------------------------
FOOTER COPYRIGHT
---------------------------------------------------------- */
#footer {
width: 960px;
margin: 10px auto 0 auto;
text-align: center; 
}

#divider-horiz {
height: 10px;
background: url(../images/divider_horiz.gif) repeat-x;
}

#footer p {
font-size: 1.4em;
margin-top: 10px;
}

.copyright {
font-family: Georgia, Palatino, “Palatino Linotype”, Times, “Times New Roman”, serif;
}

/* ----------------------------------------------------------
OVERLAY
---------------------------------------------------------- */

/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../images/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
	text-align: left;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(../images/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* ----------------------------------------------------------
FLICKR
---------------------------------------------------------- */

#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {float: left; margin-right: 5px; display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 15px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {
width: auto; 
height: 90px; 
	margin: 0 10px 10px 0;
	padding: 5px;
	border-top: 1px solid #B0B0B0; 
	border-left: 1px solid #B0B0B0; 
	border-bottom: 1px solid #40506C;
	border-right: 1px solid #40506C;
	float: left; }
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#ffffff;border: solid 1px #000000;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;} 

/* ----------------------------------------------------------
Form Input
---------------------------------------------------------- */
input, textarea {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Helvetica Neue', 'Trebuchet MS', Verdana, Geneva, sans-serif;
font-size: 0.9em;
}

/* ----------------------------------------------------------
BOTTOM BUTTONS
---------------------------------------------------------- */
.action-button {
background-color: #3D6AB3;
padding: 5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
position: relative;
float: left;
width: 230px;
margin-right: 20px;
font-size: 1.8em;
margin-bottom: 20px;
padding: 10px;
font-family: Rockwell, 'Gill Sans', 'Gill Sans MT', 'Century Gothic',  'Helvetica Neue',  Helvetica;}


.action-button a:link { 
	text-decoration: none; 
	color: #ffffff;
	}
	
.action-button a:visited { 
	text-decoration: none; 
	color: #ffffff;
	}
	
.action-button a:hover, .action-button a:active { 
	color: #C3E1A6;
	background: #3D6AB3;
	}

/* ----------------------------------------------------------
MEERKAT
---------------------------------------------------------- */
#meerkat {
	border-top: solid 5px #E5743C;
	text-align: left;
}

#meerkat .close {
width: 24px;
height: 24px;
background: url(../images/meerkat_close.jpg) no-repeat;
position: relative;
float: right;
top: 15px;
right: 15px;
}

#meerkat div.close:hover {
background: url(../images/meerkat_close.jpg) -24px -24px;
}

#meerkat h2 {
margin-top: 20px;
color: #ffffff;
margin-left: 250px;
margin-right: 75px;
}

#meerkat h2 a:link {
text-decoration: underline;
color: #ffffff;
}

#meerkat h2 a:hover {
background-color: transparent;
}

#meerkat h2 a:visited {
text-decoration: underline;
color: #ffffff;
}

/* ----------------------------------------------------------
STORE
---------------------------------------------------------- */
#store img.product-thumb{
text-align: center;
}

.store-button {
background-color: #3D6AB3;
padding: 5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
position: relative;
float: left;
margin-right: 20px;
margin-left: 10px;
font-size: 1.6em;
margin-bottom: 20px;
padding: 6px;
font-family: Rockwell, 'Gill Sans', 'Gill Sans MT', 'Century Gothic',  'Helvetica Neue',  Helvetica;}

.checkout {
background: #E5743C url(../images/cart_checkout.gif) no-repeat;
}

.checkout:hover {
background: #3D6AB3 url(../images/cart_checkout_hover.gif) no-repeat;
}

.checkout a {
margin-left: 35px;	
}

.store-button a:link { 
	text-decoration: none; 
	color: #ffffff;
	}
	
.store-button a:visited { 
	text-decoration: none; 
	color: #ffffff;
	}
	
.store-button a:hover, .store-button a:active { 
	color: #C3E1A6;
	background: #3D6AB3;
	}

.checkout a:hover {
background-color: transparent;	
}	
/* ----------------------------------------------------------
LET ME CLEAR MY FLOAT
---------------------------------------------------------- */

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }