/*
Theme Name: 4 Wheel Performance
Theme URI: http://www.qwertytech.net
Description: 4 Wheel Performance
Author: QWERTYtech
Author URI: http://www.qwertytech.net
version: 1.0
*/

*{margin:0; padding:0;}

/* Service Div */
.service-row
{
	margin-top: 20px;
	margin-bottom: 20px;
}

.service-image
{
    margin-left: 5px;
    margin-right: 5px;
}

/* Standard HTML */
body
{
	background:#1b1b1b;
	color: #666;
	font-family: arial, helvetica, tahoma, sans-serif;
	font-size: 12px;
	margin:0;
	padding:0;
	padding-bottom: 20px;
}
	
h1 {
	font-size: 18pt;
}

h2 {
	font-family: 'Philosopher', serif;
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
  	text-decoration: none;
  	text-transform: none;
  	letter-spacing: 0em;
  	word-spacing: 0em;
  	line-height: 1.2;
	text-shadow: none;
}

h3, h3 a {
	font-size: 16px; 
	color:#333;
	font-family: arial, helvetica, sans-serif;
}

h4 {
	font-size: 9pt;
}

h2.pagetitle { 
	display:none; 
}

p { margin-top: 6px; }

img { 
	border: none; padding:0; 
}

img a {
	border:none;
}

img.left { 
	float: left; border: none; padding: 6px 0 0 0; 
}

img.right { 
	float: right; border: none; padding: 0 0 0 6px; 
	}

p
{
	color: #fff;
}





blockquote {



	border-left:1px solid #A5ABAB;



	margin:15px;



	padding:0 12px 0 12px;



}







code{



	font-family:"Courier New", Courier, monospace;



}











/* links */







a {



	color:#666;



}







a:hover {



	text-decoration: none;



}







/* container */







#container {



	width: 900px;



	margin: 0 auto;



	padding:0;



	line-height: 145%;



}







#topmenu {



	width: 900px;



	height: 15px;



	float: left;



	clear: left;



	margin-top: 10px;



}







#topmenu ul {



	float: right;



}







#topmenu ul li {



	float: left;



	list-style: none;



	margin-left: 20px;



	padding-right: 20px;



	border-right: solid 1px #666;



	line-height: 10px;



	height: 12px;



}







#topmenu ul li a {



	color: #666;



	text-transform: lowercase;



	font-size: 12px;



	text-decoration: none;



}







#topmenu ul li a:hover {



	text-decoration: underline;



}



	



/* header */







#header {



  	width: 900px; 



  	height: auto;



}







#logo {	



	width:246px;



	float:left;



	height: 100px;



	margin-top: 20px;



}







#logo h1 a,



#logo h1 {



	font-weight: bold;



	padding-top: 15px;



	font-size: 28px;



	color: #fff;



	font-style: italic;



	text-transform: uppercase;



	padding-top: 20px;



}







/* search */







#searchform {
	padding:0;
	margin:0;
	width: 204px;
	height: 24px;
	padding-bottom: 3px;
	margin-top: 60px;
	float: right;
	background: url(images/searchbg.png) no-repeat;
}







#searchform input#s {



	margin:0;



	padding: 0;



	color: #ccc;



	width: 163px;



	border: none;	



	height:24px;



	font-size:11px;



	background: none;



	margin-left: 4px;



	line-height: 24px;



}







#searchform input#searchsubmit {



	border:none;



	background: none;



	color:#fff;



	text-transform:lowercase;



	margin-top: 0;



	height: 24px;



	width: 34px;



	cursor: pointer;



	text-indent: -9999px;



}











#header h2 {



	display: none;



}







#social {



	width: 90px;



	float: right;



	text-align: right;



	padding-top: 6px;



	margin-right: 14px;



}







#social a {



	margin-left: 6px;



	width: 25px;



	height: 25px;



}







/* content */







#contentwrapper {



	width: 900px;



	clear: left;



	float: left;



	margin-top: 20px;



}







#content {



	float:left;



	width:600px;



      margin-top: 0px;



}







#content-full {



	float:left;



	width:900px;



	overflow: hidden;



    margin-top: 0px;



	background-color: white;



}







#content-full2 {



	float:left;



	width:900px;



	overflow: hidden;



    margin-top: 0px;



}







.thumby {



	padding: 2px;



	float: left;



	margin-right: 20px;



}







.post {
	margin:0;
	padding:0;
	margin-bottom: 25px;
	padding-bottom: 25px;
	margin-left: 2px;
}







.post h2 {
	color: #666;
	font-family: 'Nobile', serif;
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
  	text-decoration: none;
  	text-transform: none;
  	letter-spacing: 0em;
  	word-spacing: 0em;
  	line-height: 1.2;
	text-shadow: none;
	border-bottom: #666 1px solid;
}







.post h3 {



	margin:0;



	padding: 0;



	line-height: 24px;



}



	



.post h3 a {



	color: #666;



	text-decoration: none;	



	font-family: arial, helvetica, sans-serif;



	margin:0;



	padding:0;



	text-transform: uppercase;



	font-weight: normal;



	font-size: 20px;



}







.post h3 a:hover {



	text-decoration: none;



}



	



.post h2 a:hover{



	text-decoration: underline;



}







.post ul {}







.post li {



	margin-left: 15px;



}







.entry p {



	margin:10px 0;



}







.postmetadata{



	clear: both;



	color:#333;



	padding:0;



	margin:0;



	text-transform: uppercase;



}







.postmetadata a {



	color:#333;



	font-weight: normal;



	text-transform: uppercase;



	text-decoration: none;



}	







.postmetadata a:hover {



	border: none;



	text-decoration: underline;



}







#audata {



	color: #333;



	text-transform: uppercase;



}







#audata a {



	color: #333;



	text-transform: uppercase;



	text-decoration: none;



}







#audata a:hover {



	text-decoration: underline;



}







a.more-link {



	clear: both;



	color: #333;



	float: right;



	text-decoration: none;



}







a.more-link span {



	font-size: 14px;



}







a.more-link:hover {



	text-decoration: none;



	color: #666;



}







.navigation {



	font-size:8pt;



	width:100%;



	float:left;



	margin:0;



	padding:0;



	overflow:hidden;



}



	



.alignleft a {



	float:left; 



	margin:25px 0;



}







.alignright a {



	float:right;



	margin:25px 0;



}







/* right sidebar */







#sidebar {



	width:230px;



	float:right;



	margin:0;



	padding: 0;



	margin-top: 5px;



}







#sidebar .widgets {



	font-size: 12px;



	margin-bottom: 20px;



	width: 210px;



	padding: 10px;



	background: #272727;



	color: #666;	



}







#sidebar label {



	font:normal 11pt arial, georgia, times;



	color: #000;	



	margin: 0;



	padding: 0;



}







#sidebar h2 {



	color: #666;



	font-size: 16px;



	margin-bottom: 5px;



	padding-bottom: 5px;



	font-weight: normal;



	text-transform: none;



	border-bottom: dotted 1px #313131;



}







#sidebar p {



	margin:0; 



	padding:0;



}







#sidebar img {



	padding: 0; 



	margin: 0;



}







#sidebar ul {



	margin:0;



	padding:0;



}







#sidebar ul li {



	line-height: 25px;



	border-bottom: dotted 1px #313131;



	list-style: none;



}







#sidebar ul ul {



	margin:0;



	padding:0;



}







#sidebar ul ul li {



	list-style: none;



      line-height: 25px;



	margin-left: 5px;



}







#sidebar a {



	border-bottom: dotted 1px #666;



	text-decoration: none;



}







#sidebar a:hover {



	border: none;



	text-decoration: none;



}







#sidebar ul li a {



	color: #666;



	border: none;



	text-decoration: none;



}







#sidebar ul li a:hover {



	text-decoration: none;



	border: none;



	color: #ccc;



}







#sidebar ul ul ul {



	margin: 0;



	padding: 0;



	height: auto;



	float: left;



	display: block;



}







#sidebar ul ul ul li {



	padding: 0 0 0 15px;



	list-style-type: square;



	color: #898989;



}







/* below slideshow bar */







#sidebar2 {



	width: 920px;



	clear:left;



	float: left;



	margin:0;



	padding:0;



	padding-bottom: 20px;



	margin-top: 20px;



}







#sidebar2 .widgets {



	float: left;



	font-size: 12px;



	margin-right: 20px;



	margin-bottom: 20px;



	width: 190px;



	padding: 10px;



	background: #272727;



	color: #666;



}







#sidebar2 h2 {



	color: #666;



	font-style: italic;



	margin-bottom: 10px;



	margin-top: 0;



	font-size: 16px;



}







#sidebar2 ul li {



	line-height: 25px;



	border-bottom: dotted 1px #313131;



	list-style: none;



}







#sidebar2 ul li a {



	color: #666;



	border: none;



	text-decoration: none;



}







#sidebar2 ul li a:hover {



	text-decoration: none;



	border: none;



	color: #ccc;



}







#sidebar2 a {



	border-bottom: dotted 1px #666;



	text-decoration: none;



}



	



#sidebar2 a:hover {



	border: none;



	text-decoration: none;



	color: #ccc;



}











/* comments */











#commentform {



	margin:0;



	padding:0;



}



	



#commentform p {



	color: #666;



}



	



#commentform a { 



	color: #666; 



	text-decoration: none; 



	border-bottom: 1px dotted #666;



	line-height: 14pt;



}



	



#commentform h3 {



	font-size: 10pt;



	font-weight: bold;



	color: #666;



	margin:0;



	padding:0;



}



	



#comment {



	width:80%;



}







#author, #email, #url, #comment, #submit {



	background: #272727;



	font-size: 11px;



	margin:5px 5px 0 0;



	padding:0;



	border: none;



	color: #666;



}







#author, #email, #url {



	height:16px;



	padding-top:3px;



}



	



#submit {



	margin:5px 5px 0 0; 



	cursor:pointer;



	color: #666;



}







#comments {



	margin:0; 



	padding:0;



}







#respond h3,



h3#comments {



	color: #666;



	font-size: 16px;



	margin-bottom: 2px;



	clear: left;



	text-transform: uppercase;



	font-weight: bold;



	font-style: italic;



}	







ol.commentlist { 



	list-style-type: none; 



	margin:0; 



	padding:0; 



	float:left;



	margin-top: 5px;



	margin-bottom: 10px;



}







.avatar {



	float:left; 



	margin:0 12px 0 0;



}







ol.commentlist li {



	background: none;



	margin:10px 0;



	padding:10px 0 5px 20px;



	list-style-type:none;



	float: left;



	background: #272727;



	width: 95%;	



}







ol.commentlist li.alt {



	background: none;



}







ol.commentlist li p {



	margin: 6px 0 6px 0; 



	padding: 0 12px 0 0; 



	line-height: 14pt;



}







ol.commentlist a {



	color:#666;



	text-decoration: none;



	border-bottom: 1px dotted #666;



}







cite {



	font-family: arial, verdana, tahoma;



	font-size: 9pt;



	font-weight: bold;



	font-style: normal;



	}



	



cite a {



	color: #666; 



	text-decoration: none; 



	border-bottom: 1px dotted #666;



}











/* misc */







img.centered {



	display: block;



	margin-left: auto;



	margin-right: auto;



}







img.alignright {



	padding: 4px;



	margin: 0 0 2px 7px;



	display: inline;



}







img.alignleft {



	padding: 4px;



	margin: 0 7px 2px 0;



	display: inline;



	padding-left: 2px;



}







.alignright {



	float: right;



}







.alignleft {



	float: left



}



	



.wp-caption {



   	border: 1px solid #ddd;



   	text-align: center;



   	background-color: #f3f3f3;



   	padding-top: 4px;



   	margin: 10px;



}







.wp-caption img {



   	margin: 0;



   	padding: 0;



   	border: 0 none;



}







.wp-caption p.wp-caption-text {



   	font-size: 11px;



   	line-height: 17px;



   	padding: 0 4px 5px;



   	margin: 0;



}







p { margin-top: 6px; }







#archivelist {



	width: 600px;



	float: left;



}







#archivelist ul li {



	list-style: none;



	line-height: 35px;



	border-bottom: dotted 1px #313131;



}







#archivelist ul {



	height: auto;



	margin-bottom: 30px;



}







#archivelist ul li a {



	color: #666;



}







#archivelist ul li a:hover {



	color: #ccc;



}







#archivelist h2 {



	color: #666;



	font-weight: normal;



	font-size: 20px;



	margin-bottom: 15px;



}







/* footer */







#footer {



	border-top: dotted 1px #666;



	padding-top: 15px;



	clear: both;



	width: 100%;



}







.left



{



	float:left;



	padding-left: 10px;



	width: 300px;



}







.right



{



	float: right;



	text-align: right;



	padding-right: 10px;



	width: 300px;



}

.center {

	width: 300px;

	float: left;

	margin-left: 300px;
}



#copyinfo {



	float: left;



	width: 400px;



}







#socialize {



	width: 300px;



	float: right;



	text-align: right;



	margin-top: 12px;



}







#footer a { 



	color: #fff;



	text-decoration: none;



	font-style: italic;



}







#footer a:hover {



	color: #666;



	text-decoration: none;



	border: none;



}







#menudiv { 



	width: 900px;



	float: left;



	clear: left;



	margin-top: 20px;



	height: 34px;



	padding-top: 2px;



	background: url(images/menubg.png) no-repeat;



}







#mainmenu {



	width: 750px;



	float: left;



	height: 32px;



}







.mainnav {



	margin: 0;



	padding: 0;



	list-style: none;



}







.mainnav * {



	margin: 0;



	padding: 0;



	list-style: none;



}











.mainnav ul {



	position: absolute;



	top: -999em;



}







.mainnav li {



	float: left;



	position: relative;



	z-index: 99;



	height: 32px;



	line-height: 32px;



	background: url(images/menuli.png) no-repeat right;



}







.mainnav a {



	display: block;



	font-size: 11px;



	font-weight: bold;



	margin: 0;



	padding: 0;



	color: #fff;



	margin-left: 28px;



	margin-right: 30px;



	text-transform: uppercase;



	text-decoration: none;



}







.mainnav li#current a,



.mainnav li.current-cat a,



.mainnav li.current_page_item a,



.mainnav li:hover a {



	text-decoration: none;



}







.mainnav ul li{ 



	width: 140px;



}







.mainnav li:hover ul,



ul.mainnav li.sfHover ul {



	left: -1px;



	top: 30px;



	padding-top: 4px;



	width: 142px;



	border-bottom: dotted 1px #313131;



}







.mainnav li:hover li ul,



.mainnav li.sfHover li ul {



	top: -999em;



}







.mainnav li li:hover ul,



ul.mainnav li li.sfHover ul {



	left: 140px;



	top: -5px;



}







.mainnav li:hover ul,



.mainnav li li:hover ul {



	top: -999em;



}







.mainnav li li {



	display: block;



	padding: 0px;



	height: auto !important;



	border: none;



	background: #272727;



	margin: 0;



	border: dotted 1px #313131;



	border-bottom: none;



}







.mainnav li#current,



.mainnav li.current-cat,



.mainnav li.current_page_item,



.mainnav li:hover {



}







.mainnav li li a:link, 



.mainnav li li a:visited {



	display: block;



	height: auto !important;



	line-height: 30px;



	text-transform: none;



      color: #666;



	font-weight: normal;



	font-family: arial, helvetica, sans-serif;



	font-size: 12px;



	border: none;



	margin: 0;



	padding: 0;



	margin-left: 10px;



}







.mainnav li li a:hover {



	color: #ccc !important;



}







#slideshow {



	width: 898px;



	border: solid 1px #000;



	background: #333;



	height: 350px;



	float: left;



	clear: left;



	margin-top: 15px;



	position:relative;







}







#slideshow a {



    	position:absolute;



    	top:0;



    	left:0;



    	z-index:8;



    	opacity:0.0;



}







#slideshow a.active {



    	z-index:10;



    	opacity:1.0;



}







#slideshow a.last-active {



    	z-index:9;



}







.wp-pagenavi {



	margin-bottom: 5px;



}







.wp-pagenavi a, .wp-pagenavi a:link {



	padding: 2px 4px 2px 4px; 



	margin: 2px;



	text-decoration: none;



	border: 1px solid #333;



	color: #666;



	background: none;	



}



.wp-pagenavi a:visited {



	padding: 2px 4px 2px 4px; 



	margin: 2px;



	text-decoration: none;



	border: 1px solid #333;



	color: #666;



	background: none;	



}



.wp-pagenavi a:hover {	



	border: 1px solid #666;



	color: #666;



	background: none;



}



.wp-pagenavi a:active {



	padding: 2px 4px 2px 4px; 



	margin: 2px;



	text-decoration: none;



	border: 1px solid #666;



	color: #666;



	background: none;	



}



.wp-pagenavi span.pages {



	padding: 2px 4px 2px 4px; 



	margin: 2px 2px 2px 2px;



	color: #666;



	border: 1px solid #666;



	background: none;



}



.wp-pagenavi span.current {



	padding: 2px 4px 2px 4px; 



	margin: 2px;



	font-weight: normal;



	border: 1px solid #666;



	color: #666;



	background: none;



}



.wp-pagenavi span.extend {



	padding: 2px 4px 2px 4px; 



	margin: 2px;	



	border: 1px solid #333;



	color: #666;



	background: none;



}



/****************************************************

				JQuery Modal Popup

****************************************************/



#simplemodal-overlay {

  background-color:#000;

}



#simplemodal-container {

  height:400px;

  width:600px;

  background-color:#fff;

  border:3px solid #ccc;

}



#simplemodal-container iframe{

	height:400px;

	width:600px;

}



#simplemodal-container a.modalCloseImg {

  background:url(images/x.png) no-repeat;

  width:25px;

  height:29px;

  display:inline;

  z-index:3200;

  position:absolute;

  top:-14px;

  right:-18px;

  cursor:pointer;

}



#simplemodal-container p.larger a {
	background:url(images/viewlarger.png) no-repeat;
	display:inline;
	z-index:3200;
	position:absolute;
	bottom:-24px;
	right:-28px;
	cursor:pointer;
	color:#fff;
	padding-left:20px;
	height:20px;
	width:80px;
	text-decoration:none;
	font-size:0.8em;
}

/*  FEATURED CONTENT */
.featured-content
{
	width: 100%;
	height: 154px;
	border: 2px #999 solid;
}

a img.store-image
{
	margin-left: 5px;
	margin-right: 5px;
}