/*   
Theme Name: Mt.View Cycles
Theme URI: http://www.mtviewcycle.com
Description: Custom Mt. View Cycles theme
Author: drussell
Version: 1.0
*/

@import "style/css/reset.css";
@import "style/css/layout.css";
/*@import "style/css/ie.css";*/

/* --- TYPOGRAPHY --- */
body  {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height:150%;
	background:url(../../../images/site_bkgGradient.jpg) center repeat-y #2f2f2f;
	margin: 0 auto; 
	padding: 0;
	text-align: center;
/*	color: #111;*/
}

h1 {font-size:150%;}
h2 {font-size:110%;}
h3 {font-size:90%; color:#930000;}
h4 {font-size:80%;}
h5 {font-size:70%;}
h6 {font-size:60%; color:#930000;}

p {font-size:92%; color:#666; line-height:155%; margin: 1.12em; Verdana, Tahoma, Arial, Helvetica, sans-serif}

#middleColumn hr {border: 0; color: #930000; background-color: #930000; height: 1px; width: 100%; margin:5px 0 5px 0;}

/*---image alignmen---t*/
#middleColumn img.alignleft{margin: 5px 15px 15px 0px; border:1px solid #990000;}
#middleColumn img.alignright{margin: 5px 0px 15px 15px; border:1px solid #990000;}

img .alignleft {float:left; margin:5px 5px 5px 0px;}
img .alignright {float:right; margin:5px 0px 5px 5px;}

table {font-size:85%; color:#333;}
table .headerText {font-weight:bold;}	
th {margin: 0px; padding-top: 15px; border-bottom:1px solid #930000;}
td {padding: 0px; color:#666;}

.home td {padding: 0px; color:#dddddd;}

a:link, a:visited {
	color:#c30000;
	}
a:hover {
	color:#333;
	padding: 0px 0px 0 0px;
	text-decoration:none;
	}

a.selected {
	text-decoration:none;
	color:#BB0000;
}



/* ------MASTER LAYOUT ------ */
#pageWrapper { 
	position:relative;
	width: 990px;
	margin: 0 auto;
	padding:0px;
	/*margin: 0 8px 0 8px;*/
	/*text-align: left;*/ 
	/*border: 0px solid blue;*/
}
 
#header {
	/*border: 1px solid #FF0000;*/ 
}


#headerTop { 
	background:url(../../../images/hdr_bkg.jpg) no-repeat top left;
	text-indent:-9000px;
	float:left;
	height: 115px;
	width: 762px;
	padding: 0;
	margin:0;
}

h1.logo {
	display:block;
	float: left;
	margin: 0;
	padding:0; 
	background: url(../../../images/logo.jpg)  no-repeat top left;
	text-indent:-9000px;
}

#header #logoClick {			/*turns logo background image into click-able link*/
	display:block;
	width: 217px;
	height: 179px;
	cursor:pointer;
	padding:0px;
	margin:0px;
	}


/* --- NAVIGATION --- */
#utilityNav {
	position:absolute;
	display:block;
	width:275px;
	position:absolute;
	top: 85px;
	right: 24px;
	margin:0px px px 0;
	text-align:right;
	font-size:12px;
	color:#999999;
}

#utilityNav ul, #utilityNav li {
	display:inline;;
	text-align:left;
	margin: 0 5px 0 5px;
	list-style-type:none;
}

#utilityNav a:link, #utilityNav a:visited {
	padding:3px 3px 1px 3px;
	color: #999;
	text-decoration:none;
}	
#utilityNav a:hover {
	color: #930000;
	background-color:#999;
}

/*------------Dropdown Navigation--------*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/black-anywidth-centered.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#nav {display:block; width:765px; float:left; height:64px; background:url(../../../images/hdr_navBkg.jpg) no-repeat; text-align:left; padding:0px;}
#nav table {border-collapse:collapse; width:0; height:0; margin:-1px;}
#nav ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;position:relative;}
#nav ul {display:inline-block;} 

#nav ul.level1 {padding-right:0px; z-index:1000}
#nav li {float:left;}
#nav ul div {position:absolute; left:-9999px; top:-32000px;}

#nav a {display:block; font:normal 15px/39px tahoma,arial,sans-serif; color:#fff; height:39px; text-decoration:none;padding:0 14px; text-align:center;}
#nav ul.level1 li.level1-li a.level1-a {float:left;}
#nav ul.level1 li.level1-li a.level1-a:hover {color:#F30000; position:relative;}
#nav ul.level1 li.level1-li a.level1-a.drop:hover {background:url(../../../images/hover.gif) no-repeat left top;}

#nav ul.level1 li.level1-li:hover {position:relative;z-index:100;} /*places nav dropdown over top of featured content rotator*/
#nav ul.level1 li.level1-li:hover > a {background:url(../../../images/hover.gif) no-repeat left top; color:#fff; }

#nav ul.level1 li.level1-li a.level1-a:hover b {display:block; width:1px; height:1px; overflow:hidden; position:absolute; right:-1px; top:38px; background:#111;}
#nav ul.level1 li.level1-li:hover > a b {display:block; width:1px; height:1px; overflow:hidden; position:absolute; right:-1px; top:38px; background:#111;}

#nav ul :hover div {left:0; top:39px; background:#111; border:1px solid #111; border-width:0 1px 1px 1px;}
#nav ul :hover div ul {border:1px solid #444; border-width:0px 1px 1px 1px; padding-bottom:5px;}

#nav ul :hover div ul li {float:none; height:25px;}
#nav ul :hover div ul li a {display:block; height:25px; text-align:left; font:normal 14px/25px tahoma,arial,sans-serif;}
#nav ul :hover div ul li a:hover {color:#fff; background-color:#930000;}

#spacer { border:0px solid #fff; padding:0 52px; color:#000;}  /*sets the gap in the middle of the menu across the rim image*/

/*--------End dropdown nav--------*/

/*--------Sets selected menu states. Page id targets main nav, and parent pageid targes sub pages. WP auto generated classes of the body tag. Need them both.--------*/
.page-id-4  a#products, .parent-pageid-4 a#products,
.page-id-6  a#services, .parent-pageid-6 a#services,
.page-id-10  a#shop, .parent-pageid-10 a#shop,
.page-id-13  a#rides, .parent-pageid-13 a#rides,
.page-id-15  a#team, .parent-pageid-15 a#team,
.page-id-17  a#mechanics, .parent-pageid-17 a#mechanics {
	color: #F30000;
	background:url(../../../images/hover.gif) no-repeat left top;
	}
  





/* ------ HOMEPAGE LAYOUT ------ */
/* --- sidebarFeatures --- */
#sidebarFeatures {
	float: right; 
	width: 220px;
	margin: 30px 35px 0 18px;
	color:#fff;
	background:url(../../../images/sidebarGradientBkg.jpg) no-repeat;
	min-height:550px;
}

#sidebarFeatures h2{
	display:block;
	height: 34px;	
	background:url(../../../images/sidebarHeadline.gif) no-repeat;
	text-indent: -9000px;
}	

#sidebarFeatures p.featuredProduct{	/*positions product images in sidebarFeatures*/
	margin: 20px 0 15px 40px;
}	

#sidebarFeatures table{margin-left:25px;} /*positions product images in sidebarFeatures when inside a table*/

#sidebarFeatures p {
	text-align:left;
	font-size: 90%;
	margin-left: 20px;
}

#sidebarFeatures a:hover {
	text-decoration:none;
	padding:0;
	}

		
/* --- Homepage: Main Content --- */
#mainContent {
	float: left;
	margin: 30px 0px 20px 16px;
	padding: 0;
	height: 380px;
	width:698px;
	text-align:left;
}

#rotator {
	position:relative;
	}
/*#billboardText {
	float:left;
	margin:0px 0 50px 0;
	}

#billboardRotator {
	float:left;
	*/}	

/* --- Homepage: Touts --- */

#toutContainer {
	display: block;
	float:left;
	width: 700px;
	margin:0px 0 0 0px;

	}
	
.tout {
	position:relative;
	display:block;
	float:left;
	width:231px;
	height:87px;
	text-align:right;
	margin:50px 0 0 0;
	padding:0px;
	}

.tout a{
	display:block;
	font-size: 80%;
	width: 90px;
	}	

/* --- Position the tout links --- */
.tout #fit {
	position:absolute;
	top: 65px;
	left:118px;
	}	
.tout #saddle {
	position:absolute;
	top: 65px;
	left:125px;
	}
.tout #ride {
	position:absolute;
	top: 65px;
	left:143px;
	}		

/* --- SUBPAGES: products, services --- */

#blockwrap {padding:0px; margin:0px;}	/*an empty wrapper div to fix menu float drop for Chrome.*/

#subNavColumn{
	float: left;
	margin: 0px 0px 20px 0px;
	padding: 0;
	min-height: 450px;
	width:200px;
	text-align:left;
	/*border:1px solid #fff;*/
	background:url(../../../images/menu_gradient_bkg.jpg) repeat-x;
}

#subNavColumn h2.menuTitle  {
	display:block;
	height: 25px;
	width: 175px;
	background:url(../../../images/subnavBkg.jpg) repeat-x #333;
	margin:0px 0px 0 0px;
	padding:5px 0px 5px 25px;
	color:#c30000;
	border-bottom:0px solid #000;
	}

#subNavholder {width:200px; font-size:85%; margin: 1px 0 15px 0px; border-top:1px solid #000; min-height:150px;}
#subNavholder ul {margin: 0px; padding:0px; list-style:none;}
#subNavholder li {margin: 0px;}

#subNavholder a {display:block; padding:1px 2px 2px 35px; background-color:#222; border-bottom:1px solid #000; text-decoration:none; color:#cbcbcb;}
#subNavholder a:link, #subNavholder a:visited,  {color: #ebebeb; text-decoration: none;}
#subNavholder a:hover, #subNavholder a:active {color: #fff; text-decoration: none; background:url(../../../images/subnavBkgHover.jpg) repeat-x #999999;}	
#subNavholder .current_page_item a, #subNavholder .current-cat a {color: #fff; background:url(../../../images/subnavBkgHover.jpg) repeat-x #999999;}		

.submenuImage {
	width: 180px;
	margin: 27px 0 20px 11px;
	border:1px solid #990000;
	padding:0;
	}

#middleColumn {
	position: relative;
	margin: 10px 0px 40px 220px;
	width:680px;
	height: 100%;
	min-height:500px;
	padding: 20px 30px 40px 40px;
	text-align:left;
	background-color:#ededed;
	z-index:1;
}

#middleColumn h2 {
	color:#930000;
	margin: 0px 0px 10px 0px;
	/*border:1px solid red;*/
	}

/* --- BLOG: pageofposts, archives, single --- */

#blogMenu {
	float:left;
	width: 145px;
	margin: 20px 0px 0 18px;
	padding:10px;
	border:0px solid #333;
	font-size:75%;
	/*background-color:#222;*/
	text-align:left;
	}
	
.widget {			/*autogenerated blog item links*/
	padding:0px;
	margin:0 0 0 0px;
	}
.widget h2.widgettitle {
	color:#ccc;
	font-size:120%;
	margin-top:20px;
	}

 
.hentry {			/* blog entries wrapper*/
	margin: 20px 25px 20px 0px;
	padding:5px 15px 10px 15px;
	background-color:#ddd;
	}


.hentry small  {	/*post date*/
	font-size:75%;
	font-style:italic; 
	color: #000066;
	}

/*.blog .hentry p  {
	color:#222;
	}*/

p.postmetadata {
	font-size: 80%;
	color: #000099;
	margin-top: 5px;
	}

#commentform #comment {width: 600px;}

/* --- --------------------------------------- --- */
/* --- Misc custom styles for individual pages --- */
	
/* --- Rental Page | page ID = 33--- */	
.page-id-33 h3 {margin: 45px 0px 5px 0px;}	
	
/* --- Rides Page | page ID = 13--- */		

/* --- Photo Gallery Page--- */	
.ngg-galleryoverview, .ngg-albumoverview {position:absolute; display:block; top:50px; width:650px;}	
.ngg-album {width:650px;}
		
/* --- Footer --- */	

#footer {
	position:relative;
	margin: 10px 0 25px 0;
	/*border:1px solid #fff*/;
	}
#footerAddress {
	margin: 15px 200px 0 0px;
	color:#666666;
	line-height: 135%;
	text-align:left;
	}
	
#footer a:link, #footer a:visited {
	color:#999;
	}

#footer a:hover {
	color:#930000;
	}
	
#footerLine {
	display:block;
	width:975px;
	height:11px;
	border-bottom:1px solid #930000;
	}
.center {text-align:center;}

#facetwit {
	position:absolute;
	top: 30px;
	right:58px;
	}

/*red 1px line*/
/*hr {						
  width: 936px;
  border:0;
  border-top: 1px solid #930000;
  height: 0;
  background: #930000;
}*/


	
/* --- 2NDARY TEXT PAGE --- */


/* --- ECOMMERCE SHOP --- */



/* --- RIDE GUIDE --- */









/* --- UTILITY --- */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */