/*
Theme Name: Palo Alto Bicycles
Theme URI: http://paloaltobicycles.com/
Description: Bicycle Retail Store Website
Version: 1.0
Author: Kevin James Vreeburg
Author URI: http://kjvdesigns.com
Tags:XHTML/CSS, jQuery, 1 column, 2 column 
*/

*{padding:0px;margin:0px; border-width: 0; list-style-type: none; border-style: none;}
.clear {clear:both;}
h1 {font-size:26px; font-weight:lighter;color:#5c5858;}
h2 {font-size:22px; font-weight:lighter; color:#5c5858;padding-bottom:20px;margin-left:10px;}
h3 {font-size:18px; font-weight:lighter;color:#5c5858;padding-bottom:15px;}
h4 {font-size:16px; font-weight:lighter;color:#5c5858;margin-bottom:15px;margin-top:10px;}
h5 {font-size:14px; color:#5c5858;margin-bottom:15px;margin-top:10px;}


a {color:#666666;}
a:hover {color:#353434;}

body {padding:0px;margin:0px; background:#f1f1f1;font-size:10pt; font-family: "Lucida Grande", Lucida, Verdana, sans-serif;font-weight: lighter; line-height:18px;color:#888484;}
#wrapper {margin: 0px auto;width:1004px;}
#logo {width:536px;height:115px;margin:0px;}
#header {height:164px; margin:0px;}
.img {border:1px solid #009d57;}

/*#################################################*/
/*########## Main Navigation Styles ##############*/
/*###############################################*/
/*#################################################*/
/*########## Main Navigation Styles ##############*/
/*###############################################*/
#navBG {width:990px; height:35px;background: url(images/navBG.png) no-repeat;margin-top:10px;border-bottom:1px solid #fff;padding-right:10px;padding-top:4px;}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
	padding-bottom:5px;
	border-bottom:1px solid #fff;
}
.sf-menu .current_page_item {
	color:#209b63;
}
.current_page_item a, .current_page_item a:hover {
	color: #209b63;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
	background: #fff;
	color: #209b63;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color:#209b63;
}
.sf-menu li {
	padding:10px 15px 12px 15px; 
	display:block; 
	float:left;
	position: relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
	text-decoration: none;
	color:#666666;
}
.sf-menu li li {
	background:			#e9e7e7;
}
.sf-menu li li li {
	background:			#e9e7e7;
}
.sf-menu ul li a {
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.7em; /* match top ul list item height */
	z-index:		999;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
	background: #ccc;
	display: block;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;

}
.sf-menu ul li:hover, .sf-menu ul li.sfHover,
.sf-menu ul  a:focus, .sf-menu ul  a:hover, .sf-menu ul  a:active {
	background:			#fff;
	outline:			0;
	color: #209b63;
	}





#subNav li {padding:10px 10px 5px 30px;border-bottom:1px dashed #009d57;}
#subNav a {color:#666666; text-decoration:none;}
#subNav li a:hover {color:#353434; text-decoration: none;}
/*sale Bikes Color */
.page-item-321 a:active {color:#ff0000;}


/*#####################################################*/
/*########## Home Page Slideshow Styles ##############*/
/*###################################################*/

button.prev { width: 35px; height: 78px; position: absolute; z-index: 5; display: inline-table; cursor: pointer; margin: 110px 0 0 0;background: url(images/prev.png) -1px 0px no-repeat; }
button.next { width: 37px; height: 72px; position: absolute; z-index: 5; display: inline-table; cursor: pointer; margin: 110px 0 0 967px; background: url(images/next.png) no-repeat;}
.imgHome { width: 1000px; float: left; display:inline; height: 300px; margin: 0; }
#slideShowWrapper { display: block; width: 1000px; height: 300px; margin-top:1px;}
#slideShowWrapper ul { display: inline;float:left; }
#slideShowWrapper ul li { display: inline;overflow:hidden;}


/*###############################################*/
/*########## Home Page Box Styles ##############*/
/*#############################################*/

#leftBox {width:301px; padding:10px; float:left;background: url(images/boxHeader.png) 0px 0px repeat-x #fff;margin-top:30px;border:1px solid #c4c2c2;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-khtml-border-radius-topleft:5px;-khtml-border-radius-topright:5px;-khtml-border-radius-bottomleft:5px;-khtml-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;}
#middleBox {width:301px; padding:10px; float:left;background: url(images/boxHeader.png) 0px 0px repeat-x #fff;margin-top:30px;border:1px solid #c4c2c2;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-khtml-border-radius-topleft:5px;-khtml-border-radius-topright:5px;-khtml-border-radius-bottomleft:5px;-khtml-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;margin-left:15px;}
#rightBox {width:301px; padding:10px; float:left;background: url(images/boxHeader.png) 0px 0px repeat-x #fff;margin-top:30px;border:1px solid #c4c2c2;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-khtml-border-radius-topleft:5px;-khtml-border-radius-topright:5px;-khtml-border-radius-bottomleft:5px;-khtml-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;margin-left:15px;}


.widgBox {width:290px; padding:10px; float:left;background: url(images/boxHeader.png) 0px 0px repeat-x #fff;margin-top:30px;margin-right:20px;border:1px solid #c4c2c2;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-khtml-border-radius-topleft:5px;-khtml-border-radius-topright:5px;-khtml-border-radius-bottomleft:5px;-khtml-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;}
.widgBox p {}

.cat-post-item p {margin-left:60px;}
.post-title {margin-left: 10px;font-size:16px;}

/*###########################################*/
/*########## Post Meta Styles ##############*/
/*#########################################*/
.postWrapper {margin-top:10px;font-size:11px;}
.postWrapper p {margin-left:40px;}
.postWrapper a {color:#4d4949;}
.postWrapper a:hover {color:#999;}
.postmeta {margin-right:10px;padding-top:4px;color:#5c5858; float:left; padding-top:1px; text-align:center; text-transform:uppercase; width:35px;}
.postmeta .date {font-size:.8em;background: url(images/dateBG.png) no-repeat;width:35px;height:50px;padding-top:5px;}
.postmeta .date span {display:block; line-height:1em;}
.postmeta .date .day {color:#5c5858; font-size:2em;}
.postmeta .date .month {color:#fff; font-size:1em;padding-bottom:2px;}
.postmeta .comment {border-top:1px dashed #009d57; background:url(images/comment.png) 0px 2px no-repeat; width:40px;height:35px; margin-top:6px; padding-top:12px;font-size:12px;text-align:center; width:100%;}
.postmeta .comment a {display:block; font-size:10px; padding-top:5px;}
.postmeta .admin {border-top:1px dashed #333; font-weight:bold; padding-top:8px; margin-top:8px;}
.readMore {width:100px;float:right;padding:10px 0px 10px 10px;}
.divider {border-bottom:1px dashed #009d57;clear:both;}


/*#################################################*/
/*########## Small Slideshow Styles ##############*/
/*###############################################*/
button.smallPrev { width: 20px; height: 45px; position: absolute; z-index: 5; display: inline-table; cursor: pointer; margin: 55px 0 0 0;background: url(images/smallPrev.png)  no-repeat; }
button.smallNext { width: 20px; height: 45px; position: absolute; z-index: 5; display: inline-table; cursor: pointer; margin: 55px 0 0 680px; background: url(images/smallNext.png) no-repeat;}
.imgInner { width: 700px; float: left; display:inline; height: 150px; margin: 0; }
#smallShowWrapper { display: block; width: 700px; height: 150px; margin-top:1px;}
#smallShowWrapper ul { display: inline;float:left; }
#smallShowWrapper ul li { display: inline;overflow:hidden;}



/*############################################*/
/*########## Inner Page Styles ##############*/
/*##########################################*/

#leftContent {width:700px;float:left; margin:0px;}
#content {padding:15px 30px 30px 30px;margin-top:10px;text-align: justify; background: url(images/boxHeader.png) 0px 0px repeat-x #fff;border:1px solid #c4c2c2;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-khtml-border-radius-topleft:5px;-khtml-border-radius-topright:5px;-khtml-border-radius-bottomleft:5px;-khtml-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;}
#sidebar {width:285px;margin:0px;float:right;}
.sideBox {width:260px; padding:10px; margin-top:10px;background: url(images/boxHeader.png) 0px 0px repeat-x #fff;border:1px solid #c4c2c2;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-khtml-border-radius-topleft:5px;-khtml-border-radius-topright:5px;-khtml-border-radius-bottomleft:5px;-khtml-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;}
#leftContent #content p {padding-left:20px;padding-right:20px;padding-top:10px;}
.searchLine {border-bottom:1px dashed #009d57;clear:both;padding:5px;}
.hours li {padding:5px;}
.grey {background:#d1cfcf;}
.grey span {float:right;clear:both;}
.white {background:#fff;}
.white span {float:right;clear:both;}
.bikes {font-size:18px; font-weight:lighter;color:#5c5858;margin-top:20px;margin-bottom:15px;border-bottom:1px dashed #5c5858;}

/*###############################################*/
/*########## Resource Page Styles ##############*/
/*#############################################*/
.line {height:10px;border-bottom:1px dashed #999;}
.maps {padding-top:10px;}
.mapImg1 {width:129px;float:left;margin-right:10px;margin-top:15px;text-align:left;}
.mapImg2 {width:196px;float:left;margin-right:10px;margin-top:15px;text-align:left;}
.mapImg3 {width:245px;float:left;margin-top:15px;text-align:left;} 

/*########################################*/
/*########## Image Styles  ##############*/
/*######################################*/
.vendor {width:200px;height:150px; margin-right:10px;margin-bottom:10px;border:1px solid #999;float:left;}
a.vendor,  a:hover .vendor {display:block;width:200px;height:150px;}
a:hover .vendor {border:1px solid #137d0b;}
.size-thumbnail {padding:10px;border:1px solid #1aa064;margin-left:15px;}
.size-thumbnail, a:hover .size-thumbnail {display:inline;}
a:hover .size-thumbnail {background: #1aa064;}


/*########################################*/
/*########## Footer Styles ##############*/
/*######################################*/

#footer {width:1004px;height:44px; background: url(images/footerBG.png) no-repeat;margin-top:30px;padding-top:5px;}
.footLeft {width:400px; float:left;font-size:11px;padding:10px;}
.footRight {width:200px; float:right;padding:10px;text-align:right;font-size:12px;}
.footRight a {color:#999;text-decoration: none;}
.footRight a:hover {color:#666; text-decoration: underline;}


/*############################################*/
/*########## Search Box Styles ##############*/
/*##########################################*/
#searchform {width:190px; height:20px; float:right;margin-top:10px;line-height:16px; overflow:visible;}
.screen-reader-text {display:none;}
input#s {color:#999;padding-left:25px;height:15px;padding-top:3px;width:110px;background: url(images/inputBG.png) 0px -1px no-repeat ;color:#553215;border:1px solid #9d9b9b;line-height:18px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-khtml-border-radius-topleft:5px;-khtml-border-radius-topright:5px;-khtml-border-radius-bottomleft:5px;-khtml-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;}
#searchsubmit {width:40px;background:none;border:none;color:#666;}

input {background:#c1c3c2;color:#636564;;border:1px solid #666;line-height:18px;height:17px;padding-top:3px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-khtml-border-radius-topleft:5px;-khtml-border-radius-topright:5px;-khtml-border-radius-bottomleft:5px;-khtml-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;}
.send input {padding:20px;}
textarea {background:#c1c3c2;color:#636564;border:1px solid #666;line-height:18px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-khtml-border-radius-topleft:5px;-khtml-border-radius-topright:5px;-khtml-border-radius-bottomleft:5px;-khtml-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;}
.send {display:block;}
.send input {height:30px;padding-left:20px;padding-right:20px;padding-top:5px;padding-bottom:5px;}
.send input a:hover {background-color: #219963!important;color:#ffffff;}

#comment {width:400px;margin-top:20px;}
.credits {font-size: 8px;text-align: right;padding-right:10px;margin-bottom:100px;}
.book {text-align: left;}