/*  
Theme Name: Blue Weed
Theme URI: http://www.blogohblog.com
Description: The "Blue Weed" WordPress theme has been built by <a href="http://www.blogohblog.com" title="Free WordPress Themes">Blog Oh! Blog</a> and comes under a Creative Commons License.
Version: 1.0
Author: Jai Nischal Verma
Author URI: http://www.blogohblog.com
*/


/*++++++ BODY ++++++++*/
* { margin: 0px; padding: 0px; list-style:none; text-decoration:none; }
body { font: 11px Tahoma; color: #333; background: #B11016 url(images/bkg.gif) repeat-x; letter-spacing:1px; }

/*++++++ H1,H2,H3,H4 HYPERLINKS ++++++++*/
h2, h3 { padding:10px 0 10px 0; font-size:14px;}
a:link { color : #333; }
a:active { color : #333; }
a:visited { color : #333;}
a:hover	{ color : #0A9BDC;} 
a:focus { outline: none;}

/*++++++ MAIN ++++++++*/
#wrapper { width: 937px; margin:20px auto 20px; }
#border { width:917px; margin:auto; background:url(images/mbkg.gif) repeat-y; padding:0 10px 0 10px;}
#top { background:url(images/top.gif) no-repeat; width:937px; height:30px;}
#bottom { background:url(images/bottom.gif) no-repeat; width:937px; height:30px;}

/*++++++ HEADER ++++++++*/
#header { width:917px; height:68px; margin-bottom:18px;}
#logo { width:336px; float:left;}
#logo h1{text-indent:-10000px;}
#logo h1 a{ display:block; background: url(images/logo.gif) no-repeat; height:68px; outline:none;}
#ads { float:right;}
#searchbox { width: 338px; height: 23px; background: url(images/s.gif) no-repeat; margin:45px 5px 0 0; }
#searchbox #s { float: left; margin: 4px 0 0 6px; border: 0; width: 270px; background: none; color:#999999; }
#searchbox #go { float: right; margin: 6px 8px 0 0; width:52px; height:11px;  }


/*++++++ NAV ++++++++*/
#nav { width:917px; height:29px; background:url(images/nav.gif) repeat-x; line-height:29px;}
#nav ul { margin-left:10px; }
#nav ul li { display:inline; height:29px; line-height:29px; font-weight:700;}
#nav ul li.current_page_item a { background:url(images/navactive.gif) repeat-x; color:#B11016; margin-left:5px; }
#nav ul li a { color:#fff;float:left; font-weight:bold;text-transform:uppercase; padding:0 10px 0 10px; margin-left:5px; }
#nav ul li a:hover{background:url(images/navactive.gif) repeat-x; color:#B11016; text-decoration:none;}
#nav ul li.feed { text-indent:-10000px;}
#nav ul li.feed a { float:right; background:url(images/feed.png) no-repeat; width:16px; height:16px; margin-top:6px;}

/*++++++ MISC ++++++++*/
.clear { clear:both; }
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; }
.alignright { float: right; } 
.alignleft { float: left ;}
img { border:none;}
.pleft { float:left; width:720px; }
.pright { float:right; width:164px;}


/*++++++ CONTENT ++++++++*/
#content { width: 917px; margin:10px auto 10px; }
#latest { width:907px; margin: 0 auto 10px; padding:5px; border:1px solid #d4dee4;}
#latest p { padding-bottom:10px;}
#latest p a { font-weight:bold; color:#0578ac;}
#latest h2 { font-size:16px; font-family:Arial;}
#latest h2 small { font-size:11px; font-weight:normal; padding-left:20px;}
#latest h2 a { color:#006bb2;}
#latest h2 a:hover { color:#074d7c;}
#lbg { width:897px; background:#ffffff; padding:5px; margin-bottom:5px; line-height:140%;}
#left { float: left; width: 555px; }
#right { float:right; width:352px;}
.entry h2 { display:block; background:#CC9999; font-family:Arial; padding-left:10px; font-size:14px; margin-bottom:10px; }
.entry h2 a { color:#00478c;}
.entry { width:545px; padding:5px; border:1px solid #d4dee4; margin-bottom:10px; line-height:140%; }
.entry img {margin:0 10px 10px 10px;}
.entry p { padding-bottom:10px;}
.entry p a { font-weight:bold; color:#0578ac;}
.pmeta, .allinfos { background:#f6fff4; padding:8px 5px 8px 10px; font-size:11px; color:#105f94;}
.pmeta a, .allinfos a { color:#105f94;}
.postmetadata { background:#eef5f8; padding:5px;}
html>body .entry ul { padding: 0 0 0 30px; padding-left: 10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before { content: "\00BB \0020"; }
.entry ol { padding:0; margin:0;}
.entry ol li { background:#fafafa; }
.navigation { padding-top:10px;}


/*++++++ SIDEBAR ++++++++*/
#sidebar { width:342px; padding:5px; border:1px solid #c5d6ad;}
#sbg { width:332px; background:#fff; padding:5px; }
#sidebarbottom { width:342px; padding:5px; border:1px solid #c5d6ad; margin-bottom:10px; }
#sbottombg { margin:auto; width:332px; background:#f8f8f4; padding:5px; }
.space { clear:both; height:10px;}
#lsidebar h2 { font-size:13px; margin-bottom:10px; color:#0A9BDC; padding-left:5px;}
#rsidebar h2 { font-size:13px; margin-bottom:10px; color:#0A9BDC; }
#lsidebar { float:left; width:120px; padding:5px; }
#rsidebar { float:right; width:172px; padding:5px; }
#sidebarbottom ul{ margin:10px auto 20px;}
#sidebarbottom ul li{}
#sidebarbottom ul li ul{}
#sidebarbottom ul li ul li{display:block; background:url(images/bullet.gif) no-repeat 0 0; padding-left:18px; padding-bottom:5px; border-bottom:1px dotted #dadada;}

/*+++++++ COMMENTS +++++++*/
#c { float:left; width:225px;}
#cc { float:right; width:304px;}
#commentform p { padding-bottom:10px;}
#commentform #author { border:1px solid #e8f0f3; height:20px; width:200px; background:#f0f7f9; padding-left:5px; }
#commentform #email { border:1px solid #e8f0f3; height:20px; width:200px; background:#f0f7f9; padding-left:5px; }
#commentform #url { border:1px solid #e8f0f3; height:20px; width:200px; background:#f0f7f9; padding-left:5px;}
#commentform #comment { border:1px solid #e8f0f3; height:200px; width:290px; background:#f0f7f9; padding-left:5px;}
.commentlist cite { background:#f9f9f9; padding:5px 5px 5px 10px; }
.commentlist cite a { color:#333;}
.commentlist .ctext { background:url(images/doth.gif) repeat-x bottom; font-size:11px;}

/*++++++ FOOTER ++++++++*/
#footer { width:917px; padding-top:10px;  }
#fb { width:900px; margin:0 auto 10px; color:#fff; text-align:center;}
#fb a:link { color : #fff; }
#fb a:active { color : #fff; }
#fb a:visited { color : #fff;}
#fb a:hover	{ color : #efe64f;} 

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px;  border-left: 1px solid #B11016;}
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right;}
.alignleft{float:left; padding-left:30px; padding-bottom:20px;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}

/**************** Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:2px; height:100px; width:100px;}
.gallery a:hover {background-color:#ffffff;}
.attachment {text-align:center;}
.attachment img { padding:2px; border:1px solid #999999;}
.attachment a:hover {background-color:#FFFFFF;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft a:hover {background-color:#FFFFFF;}
.imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
.imgright {float:right;}
.imgright a:hover {background-color:#FFFFFF;}
.imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}

/**************** avatar *********************/
.gravs {margin-top:20px;}
.avatar {float:left; margin-right:5px; margin-bottom:5px; padding:3px; border:1px solid #999999;}

/*** inventory ***/

#listings {
	clear:both;
}
.img-container {
	overflow:hidden;
	position: relative; 
	margin:1px;
	float:left;
	border:1px solid #dddddd;
	text-align:center;
	background-color:#ffffff;
	z-index:1;
}
.img-container img {
	margin-top: 2px;
}
.webprice {
	line-height: 1.4em;
	font-size: 1.2em; 
	font-weight: bold; color: red;
}
.ymmm {
	line-height: 1.2em;
	font-size: 1.0em; 
	color: blue;
}
.pretty-hover, .img-container:hover { 
  border:1px solid #0f0;
}

#sort {
	float: right;
	width: 225px;
	text-align: right;
	padding-bottom: 4px;
	padding-right: 12px;
	}
	
.sort {
	width: 100px;
}
.headline {
	line-height: 1.4em;
	font-size: 1.2em; 
	font-weight: bold;
	padding-left: 4px;
}
.img-container {
	width: 116px; height: 144px
}
.scale-image {
	width: 92px; height: 69px
}
.highlight {
	background-color: yellow;
}
.netcost {
	font-weight: bold;
	font-size: 16px;
	color: #ff6600;
	font-family: arial, helvetica, sans-serif;
}
.MSRP {
	font-weight: bold;
	font-size: 14px;
	color: #cc0000;
	font-family: arial, helvetica, sans-serif;
}
.car_tile {
  border: 1px solid #ccc;
  margin-bottom: 10px;
  position: relative;
}
.car_tile div.bg {
background-image: url(images/vehicleTile_bg.gif);
background-repeat: repeat-x;
background-position: 0 0;
}
* html .car_tile div.bg { background: none;}

.car_tile .car_ymm {
text-align: right;
margin-right: 10px;
font-size: 16px;
color: #000066;
font-weight: bold;
padding-top: 5px;
}
.car_tile .left img.photo { background:  #fff; }
.car_tile .details {
height: auto;
border-top:  1px #eee solid;
border-bottom:  1px #eee solid;
padding: 5px 0;
}
.car_tile .body { padding: 0 10px }
.car_tile .body div.left {
float:left;
width:130px;
padding-left: 10px;
padding: 0;
padding-bottom: 5px;
margin: 0;
}

.car_tile div.right {
padding-left: 140px;
}
.car_tile .prices { border-collapse: collapse; margin: 5px 0; font-size: 0.9em; }
.car_tile .prices td { padding-right: 15px; white-space:nowrap; }
.box-1 {
margin: 0 5px 5px 0;
text-align: right;
}

.button
{
        display: inline-block;
        white-space: nowrap;
        background-color: #ccc;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
        background-image: -webkit-linear-gradient(top, #eee, #ccc);
        background-image: -moz-linear-gradient(top, #eee, #ccc);
        background-image: -ms-linear-gradient(top, #eee, #ccc);
        background-image: -o-linear-gradient(top, #eee, #ccc);
        background-image: linear-gradient(top, #eee, #ccc);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
        border: 1px solid #777;
        padding: 0 1.5em;
        margin: 0.5em;
        font: bold 1em/2em Arial, Helvetica;
        text-decoration: none;
        color: #333;
        text-shadow: 0 1px 0 rgba(255,255,255,.8);
        -moz-border-radius: .2em;
        -webkit-border-radius: .2em;
        border-radius: .2em;
        -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
        -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
        box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}

.button:hover
{
        background-color: #ddd;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
        background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
        background-image: -moz-linear-gradient(top, #fafafa, #ddd);
        background-image: -ms-linear-gradient(top, #fafafa, #ddd);
        background-image: -o-linear-gradient(top, #fafafa, #ddd);
        background-image: linear-gradient(top, #fafafa, #ddd);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
}

.button:active
{
        -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        position: relative;
        top: 1px;
}

.button:focus
{
        outline: 0;
        background: #fafafa;
}    

.button:before
{
        background: #ccc;
        background: rgba(0,0,0,.1);
        float: left;
        width: 1em;
        text-align: center;
        font-size: 1.5em;
        margin: 0 1em 0 -1em;
        padding: 0 .2em;
        -moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        -moz-border-radius: .15em 0 0 .15em;
        -webkit-border-radius: .15em 0 0 .15em;
        border-radius: .15em 0 0 .15em;
        pointer-events: none;
}

/* Hexadecimal entities for the icons */

.add:before
{
        content: "\271A";
}

.edit:before
{
        content: "\270E";
}

.delete:before
{
        content: "\2718";
}

.save:before
{
        content: "\2714";
}

.email:before
{
        content: "\2709";
}

.like:before
{
        content: "\2764";
}

.next:before
{
        content: "\279C";
}

.star:before
{
        content: "\2605";
}

.spark:before
{
        content: "\2737";
}

.play:before
{
        content: "\25B6";
}