/*

Theme Name: M-Tech
Theme URI: http://www.Creamy.vo.uk
Description: M-Tech Automotive Theme
Version: 1.0.0
Author: Creamy
Author URI: http://www.Creamy.co.uk
Tags: black,blue,dark,two-columns,three-columns,right-sidebar,fixed-width

// Using the Carrington Wordpress Framework
// http://carringtontheme.com
//
// Copyright (c) 2009 Creamy Publishing.
//
// Released under the GPL license
// http://www.opensource.org/licenses/gpl-license.php
//
// **********************************************************************
// This program is distributed in the hope that it will be useful, but
// WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. 
// **********************************************************************

*/

.alignleft {
float:left;
margin-right:1em;
margin-bottom:1em;
}

.alignright {
float:right;
margin-left:1em;
margin-bottom:1em;
}

.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

.wp-caption {
border:1px solid #666;
text-align:center;
background:url(images/comment-bg.png);
padding-top:4px;
margin:10px;
}

.wp-caption img {
border:0 none;
margin:0;
padding:0;
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
color:#fff;
}

html {
height:100%;
}

body {
color:#CCC;
font-size:11px;
line-height:18px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background:url(images/bg.jpg) 50% 0 no-repeat #000000;
margin:0;
padding:0;
}
p {
	color:#fff;
}

a,a:link,a:active,a:visited {
color:#fca321;
}

ul {
list-style-type:none;
margin:0;
padding:0;
}

ul li {
background-image:url(images/bullet.png);
background-repeat:no-repeat;
background-position:0 7px;
margin: 0;
padding:4px 0 4px 15px;
}

#wrapper {
width:1020px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
padding:0 40px;

}

#sidebar {
float:right;
padding:0;
margin:0;
font-size:11px;
}

#sidebar li a {
color:#fff;
}
a:hover,#sidebar li a:hover,#sidebar a {
color:#3b8cc9;
}
#primary-sidebar{
float:left;
display:inline-block;
width:225px;
padding:0;
}
#secondary-sidebar{
float:right;
display:inline-block;
width:225px;
height:100%;
overflow:hidden;
}
.widget img{
	margin:9px 0 0 10px;
	border:none;
}
.widget-wrapper{
	padding:15px;
}

blockquote {
background:url(images/comment-bg.png);
margin:35px;
padding:35px;
}
#page {
display:inline-block;
margin:auto;
padding:0 10px;
}
#page.wide{
	width:685px;
}
#page.narrow{
	width:470px;
}
#page p a, a {
color:#3b8cc9;
text-decoration:none;
}

#footer {
clear:both;
background:url(images/line.png) repeat-x 0 30px;
font-size:11px;
overflow:hidden;
margin:10px 0 0;
padding:50px 0 5px;
}
#footer a{
color:#fff;
}
.rss {
background:url(images/rss.png) no-repeat 100% 50%;
color:#fff;
position:absolute;
top:113px;
left:50%;
margin:0 0 0 470px;
padding:3px 25px 0 0;
font-size:11px;
}
.rss:hover{
color:#ccc;
}

#header {
height:235px;
padding: 10px 0 0 0;
margin:0;
position:relative;
display:block;
}
#header-image{
width:960px;
height:248px;
background:url(images/header-image.jpg) no-repeat;
}
#bar {
position:absolute;
bottom:0;
height:100px;
width:960px;
}

.next {
margin:0 0 0 5px;
}

.previous {
margin:0 5px 0 0;
}

#search-form {
position:relative;
display:inline;
top:195px;
left:100%;
margin-left:-375px;
}
.btn{
background:url(images/submit.png) no-repeat;
	margin:10px 15px;
	border:none;
	width:91px;
	height:30px;
}
.btn:hover{
background:url(images/submit-hover.png) no-repeat;
	margin:10px 15px;
	border:none;
	width:91px;
	height:30px;	
}
#container{
padding:20px 20px;
margin:0;
}

a img {
border:none;
}

#nav {
font-size:14px;
position:absolute;
bottom:18px;
padding:0 10px 0 20px;
margin:0 0 0 6px;
display:block;
height:22px;
}

#nav li {
background:none;
list-style:none;
display:inline;
margin:0 5px 0 0;
padding:7px 0;
}

#category p {
width:280px;
float:right;
padding:40px;
}

.date {
float:left;
width:74px;
height:80px;
background:url(images/date.png) no-repeat 50% 50%;
text-align:center;
font-size:28px;
color:#fff;
font-weight:bold;
margin:38px 0 0 0;
padding:0;
}
.day{
position:relative;
top:22px;
}

.date small {
position:relative;
top:39px;
margin:0;
padding:0;
font-size:10px;
text-transform:uppercase;
color:#999;
text-shadow:#333 0 -1px 1px;
}

.details {

font-size:11px;
margin-top:5px;
text-decoration:none;
min-height:130px;
padding:0 0 0 80px;
background:url(images/line.png) repeat-x bottom;
}

.details span {
margin-right:10px;
}
.details span a{
color:#00aaff;
}

.cat-link {
background:url(images/categories.png) no-repeat 0 50%;
padding-left:15px;
}

.comment-link a {
background:url(images/comments.png) no-repeat 0 50%;
padding-left:15px;
}

.author-link {
background:url(images/author.png) no-repeat 0 50%;
padding-left:15px;
}

.calendar {
background:url(images/calendar.png) no-repeat 0 50%;
padding-left:20px;
font-size:11px;
color:#666;
}

.time {
font-size:11px;
color:#FFF;
}

.comment {
background:url(images/line.png) repeat-x 0 100%;
padding:15px;
}
blockquote{
background:url(images/blockquotes.png) 10px 10px no-repeat;
padding:15px 5px 5px 5px;
margin:0 0 5px 0;
border:1px dashed #555;
color:#666;
}
.next a, .previous a, .edit-link {
font-size:11px;
background:url(images/comment-bg.png);
padding:5px;
border:1px solid #222;
}

.avatar {
float:left;
background:url(images/avatar-bg.png) no-repeat;
border:none;
margin:0;
padding:8px 20px 10px 8px;
}

#comment-box {
background:url(images/comment-bg.png);
overflow:hidden;
padding:5px 10px;
}
#s {
background:#fff;
color:#666;
border:1px solid #999;
}

input:focus {
border:1px solid #666;
}

img {
border:1px solid #666;
margin:5px;
padding:5px;
}

#top {
position:absolute;
top:-10px;
left:50%;
height:40px;
width:1000px;
margin-left:-540px;
text-align:center;
padding:18px 40px 0 40px;
font-size:10px;
z-index:1;
}
#top a{
color:#fff;
}
#top span{
	margin:0 20px;
}
#page a:hover,#footer a {
text-decoration:underline;
}
.input {
background:#fff;
border:1px solid #999;
color:#999;
}
ul#follow{
margin:0 0 -25px 0;
padding:0;
background:none;
list-style:none;
}
ul#follow li, ul#follow a{
margin:0;
padding:0;
background:none;
display:inline;
border:none;
}
.cats{
color:#3b8cc9;
}

h1,h2,h3,h4,h5,h6 {
color:#fff;
}
h1 {
padding-bottom:20px;
}
#primary-sidebar h4, #secondary-sidebar h4 {
font-size:16px;
height:42px;
width:225px;
margin:0;
padding:0;
}
.widget_wpsc_categorisation h4{
	background:url(images/menu-titles/product-categories.png) no-repeat;
}
.widget_price_range h4{
	background:url(images/menu-titles/price-range.png) no-repeat;
}
.widget_wp_shopping_cart{
		background:url(images/menu-titles/shopping-cart.png) no-repeat;
}
.widget_product_tag{
		background:url(images/menu-titles/product-tags.png) no-repeat;
}
.widget_latest_products{
		background:url(images/menu-titles/latest-products.png) no-repeat;
}
.widget_mtech_services{
		background:url(images/menu-titles/mtech-services.png) no-repeat;
}
h2 a:hover, h1 a:hover {
color:#ccc;
}

#blog-title {
font-size:36px;
font-weight:normal;
color:#fff;
margin:0;
padding:0;
position:relative;
top:30px;
}
#blog-title a{
	color:#fff;
}
legend{
color:#666;
padding:0 5px;
}
.attachment-full{
max-width:550px;
max-height:550px;
width:auto;
height:auto;
border:1px dashed #333;
background:url(images/comment-bg.png);
}
.attachment-thumbnail{
border:1px dashed #333;
}
.pagination {
padding:20px 0;
}
code {
border:1px dashed #555;
padding:5px 0;
}
#wp-calendar{
margin-top:20px;
}
.text-right{
text-align:right;
}
.cat-item{
	color:#fff;
}
.product_form{
	position:relative;
}
#home{
	border:none;
	margin-top:-7px;
}
.productdisplay {
	border:1px solid #000;
	margin-bottom:25px;
	position:relative;
	
}
#page .productdisplay{
	margin-left:15px;
	margin-right:15px;
}
.block_inside { 
	background:transparent url(images/opac.png); 
	border:1px solid #323132;
	padding:25px 30px 15px 30px;
}
.acc-show {
  width: 498px;
  margin: 0;
}
.acc-show h2.bar {
  margin: 0;
  padding: 0;
  background: url(images/menu-titles/wide.png) no-repeat;
  height:42px;
  width:498px;
 }
.acc-show div {
  padding: 0;
}
#featured-product{
	width:470px;
	height:200px;
	background:#333;
	margin:5px;
}
.cat-prod{
	background:#333;
	height:160px;
	width:230px;
	float:left;
	margin:5px;
}
#grid{
	width:498px;
	padding-left:15px;
	position:relative;
}

/** MENU **/
ul#menu
{
	margin-top:0;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	list-style-type:none;
	width:964px;
	position:relative;
	display:block;
	height:30px;
	font-size:12px;
	font-weight:bold;
	background:transparent url(images/nav_bg.png) repeat-x top left;
	font-family:Arial, Helvetica, sans-serif;
}

ul#menu li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
	
ul#menu li a
{
	display:block;
	float:left;
	color:#999999;
	text-decoration:none;
	font-weight:bold;
	padding:8px 10px 0 10px;
}
	
ul#menu li a:hover
{	
	color:#FFFFFF;
	height:22px;
	background:transparent url(images/nav_bg.png) 0px -30px no-repeat;		
}
	

ul#menu li a.current
{
	display:inline;
	height:22px;
	background:transparent url(images/nav_bg.png) 0px -30px no-repeat;	
	float:left;
	margin:0;
}