/*
Theme Name: CarsVogue
Description: Cars Vogue theme is a 4 column Free WP theme with an eye catching and perfect color combination of white, grey and black with sIFR title supported.
Version: 1.0
Theme URI: http://www.templatesinn.com/
Author: Templates Inn
Author URI: http://www.templatesinn.com/
Tags: white, light, 4-columns, fixed-width, theme-options
*/


@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}




/* CSS Document */
body { font-family: Georgia, Verdana, Arial; font-size:11px; margin:0px; padding:0px; /*background:#5f7343;*/background:#fff url(images/bodybg.gif) repeat-x top left;  }

a { text-decoration:none; color:#E11888; }
a:hover { text-decoration:underline; }
a img { border:0px; }

div#tab1, div#tab2, div#tab3, div#tab4, div#tab5, div#tab6, div#tab7, div#tab8 { display:none; }

.header-links { height:18px; line-height:18px; padding:0px 0px 3px; text-align:right; background:#191919 url(images/head-nav.png) repeat-x top left; font-size:11px; }
.header-links a { color:#d1d0d0; }
.header-links span { color:#8ab200; padding:0px 4px; }
.wrapper-header-links { width:1003px; margin:0px auto; }

.clear { clear:both; }

.wrapper { width:1003px; margin:0px auto; }

.outer { padding-top:29px; background:url(images/doc-bg.gif) repeat top left; padding-bottom:10px; }


.logomnu { height:116px; background:#fff url(images/logo-bg.gif) repeat-x top left; border:1px solid #cdcdcd; margin-bottom:6px; }
.logomnu .logo { height:64px; float:left; width:499px; margin-top:26px; padding-left:12px;}
.logomnu .logo h1 { margin:0px;}
/*.logomnu .logo h1 { position:absolute; top:-1000000px; display:none; }*/
.logomnu .mnu  { height:90px; float:right; width:482px; position:relative; top:-1px; }
.logomnu .mnu  a { font-size:11px; color:#000000; border-bottom:1px dotted #cecece; }
.logomnu .mnu  .pages { float:left; width:135px; position:relative; padding-top:10px; }
.logomnu .mnu  .pages a { display:block; padding:2px 0px; margin-right:7px; }
.logomnu .mnu  .featCats { float:left; width:334px; position:relative; padding:10px 0px 9px 12px; background:url(images/head-bg.gif) no-repeat 0px 2px; height:70px; }
.logomnu .mnu  .featCats a { display:block; padding:2px 0px; float:left; width:105px; margin-right:7px; }

.logomnu .mnu .mnubox { background:transparent url(images/mnu-bg.png) repeat; height:33px; line-height:33px; float:right; }
.logomnu .mnu .mnubox a { color:#ffffff; }
.logomnu .mnu .mnubox span { color:#bba9a7; padding:0px 8px; }
.logomnu .mnu img { float:right; }


.breadcrumb { padding:0px 10px; height:26px; line-height:26px; }
.breadcrumb a { color:#E11888; }
.docbody { min-height:1024px; padding:9px; }





.colorsarea { float:left; margin-left:6px; }
.colorsarea .frame{ height:258px; float:left; width:202px; margin-right:6px; padding:6px; }
.colorsarea .frame h2 { margin:4px 0px; font-size:12px; font-size:14px; }
.colorsarea .frame h2.title { margin:0px!important; }
.colorsarea .frame h2 a { color:#313131; }
.pframe { border:1px solid #a03072; background:url(images/colorbox/pinkbg.gif) repeat-x top left; }
.pframe .readmorebtns a{ background:url(images/colorbox/pinkreadmore.gif) repeat-x top left; border:1px solid #C276A2; }
.pframe .readmorebtns a:hover { background:url(images/colorbox/pinkreadmorehover.gif) repeat-x top left; }
.phover { background:url(images/colorbox/pinkbghover.gif) repeat-x top left;  }
.bframe { border:1px solid #45386d; background:url(images/colorbox/bluebg.gif) repeat-x top left;  }
.bframe .readmorebtns a{ background:url(images/colorbox/bluereadmore.gif) repeat-x top left; border:1px solid #35294F; }
.bframe .readmorebtns a:hover { background:url(images/colorbox/bluereadmorehover.gif) repeat-x top left; }
.bhover { background:url(images/colorbox/bluebghover.gif) repeat-x top left;  }
.gframe { border:1px solid #45386d; background:url(images/colorbox/greenbg.gif) repeat-x top left;  }
.gframe .readmorebtns a{ background:url(images/colorbox/greenreadmore.gif) repeat-x top left; border:1px solid #35294F; }
.gframe .readmorebtns a:hover { background:url(images/colorbox/greenreadmorehover.gif) repeat-x top left; }
.ghover { background:url(images/colorbox/greenbghover.gif) repeat-x top left;  }
.frame .readmorebtns a{ line-height:28px; padding-left:10px; padding-right:10px; display:block; font-size:13px; font-weight:bold; color:#FFFFFF; text-decoration:none; float:right; }
.frame .readmorebtns a:hover{ color:#FFFFFF; }


.tabs { margin-top:6px; float:left; width:1001px; height:292px; border:1px solid #cdcdcd; background:#f0f0f0; }
.tabs .tabLinks { background:url(images/tabs/tabs-bg.gif); height:28px; }
.tabs .tabLinks a { display:block; font-family:Georgia; font-size:14px; padding:0px 24px; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; float:left; height:28px; line-height:28px; color:#696a56; }
.tabs .tabLinks a.selected, .tabs .tabLinks a:hover { background:url(images/tabs/tabs-selected.gif) repeat-x top left; color:#b65c92; text-decoration:none; }
.tabs .tabLinks a.selected { border-bottom-width:0px; }
.tabs .tabLinks a.last { width:568px; }




.pinkframe{ height:258px; border:1px solid #A03072; float:left; margin-right:7px; width:181px; background:url(images/pinkbg.gif) repeat-x top left; overflow:hidden; padding:10px;padding-left:5px;padding-right:5px; }
.pinkframe:hover{ border:1px solid #A03072; background:url(images/pinkbghover.gif) repeat-x top left; }
.blueframe{ height:258px; border:1px solid #45386D; float:left; margin-right:7px; width:181px; background:url(images/bluebg.gif) repeat-x top left; overflow:hidden; padding:10px;padding-left:5px;padding-right:5px; }
.blueframe:hover{ border:1px solid #45386D; background:url(images/bluebghover.gif) repeat-x top left; }
.greenframe{ height:258px; border:1px solid #52523A; float:left; margin-right:7px; width:181px; background:url(images/greenbg.gif) repeat-x top left; overflow:hidden; padding:10px;padding-left:5px;padding-right:5px; }
.greenframe:hover{ border:1px solid #52523A; background:url(images/greenbghover.gif) repeat-x top left; }

.gallerytab {}
.gallerytab .galleryBox { width:336px; height:272px; float:left; }

.contentArea { margin-top:6px; }
.contentArea .leftside { width:194px; float:left; margin-right:6px; }
.contentArea .leftside .insideleft { width:176px; border:1px solid #cdcdcd; padding:8px; background:#fff; margin-bottom:6px; }
.contentArea .leftside1 { width:411px; float:left; border:1px solid #cdcdcd; margin-right:6px; background:#fff; }
.contentArea .leftside2 { width:168px; float:left; margin-right:6px; background:#fff; }
.contentArea .leftside3 { width:585px; float:left; margin-right:6px; }
.contentArea .leftside3 .insiderO { background:#fff; border:1px solid #cdcdcd; margin-bottom:6px; text-align:left!important; }
.contentArea .leftside3 .insiderO .post .detail .con { width:326px!important; }
.contentArea .leftside3 .insiderO .footHeading { border-bottom:1px solid #cdcdcd; padding:2px 8px; }
.contentArea .rightside { width:210px; float:left; background:#fff; }
.contentArea .rightside .footHeading { height:24px; }
.catHeading { height:24px; }

ul.listing { list-style:none; margin:4px 0px; padding:0px; }
ul.listing li { padding:4px 0px; color:#444444; font-size:11px; padding-left:16px; 
background: url(images/typo/mnu-ico.gif) no-repeat 0px 9px; }
ul.listing li a { color:#444444; }


ul.listingg { list-style:none; margin:8px 2px; padding:4px; }
ul.listingg li { padding:6px 0px; color:#333333; font-size:12px; padding-left:16px; 
background: url(images/typo/mnu-ico.gif) no-repeat 0px 9px; }
ul.listingg li a { color:#333333; }


.post { padding:9px; margin-bottom:9px; }
.post .pdetail { line-height:18px; }
.post .catsMore { border-bottom:1px solid #cdcdcd; padding-bottom:6px; margin-bottom:6px; }
.post .catsMore .catsname { float:left; width:300px; font-variant:small-caps; letter-spacing:3px; }
.post .catsMore .more { float:right; width:40px; }
.post .catsMore .more a { font-weight:bold; font-size:11px; color:#5d98ba; }
.post .detail { }
.post .detail .image { width:96px; height:96px; padding:1px; border:1px solid #cdcdcd; margin-right:10px; margin-bottom:10px; float:left; }
.post .detail .con { float:left; width:283px; }
.post .detail p { margin-top:0px; }
.post .detail h2.title { margin:0px; font-weight:normal; }
.post .detail h2.title a { color:#474747; font-size:24px; }
.post .detail span.shortinfo { color:#999999; font-size:10px; display:block; }
.post .detail span.longinfo { color:#999999; font-size:12px; display:block; }

.blockCat { margin-bottom:9px;}
.blockCat .heading { height:27px; line-height:27px; padding:0px 6px; }
.blockCat .heading h2 { margin:0px; font-size:14px; color:#fff; }
.blockCat .seprator { padding-left:20px; height:17px; background:url(images/block/gsprite.gif) no-repeat; }
.blockCat a.detail, .blockCat a.detail:hover { display:block; height:108px; text-decoration:none; }
.blockCat .postname { font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:6px; font-weight:bold; }
.blockCat .postname a { color:#fff; }

.magenta .heading { background:#eb008b; }
.magenta .seprator { background-position:10px 0px; }
.magenta .postname { background:#eb008b; }
.green .heading { background:#78be43; }
.green .seprator { background-position:10px -17px; }
.green .postname { background:#78be43; }
.blue .heading { background:#67757f; }
.blue .seprator { background-position:10px -34px; }
.blue .postname { background:#67757f; }
.orange .heading { background:#f5811f; }
.orange .seprator { background-position:10px -51px; }
.orange .postname { background:#f5811f; }
.red .heading { background:#d91b23; }
.red .seprator { background-position:10px -68px; }
.red .postname { background:#d91b23; }

.insidepost a { color:#e11888; }
.insidepost .postmetadata { padding:10px; font-style:italic; }


.rssbox{background: #fff;padding:15px;border:1px solid #cdcdc5; border-top-width:0px; line-height:1.7em;}
.icon{float:right;margin:-7px 0px 0 0;}
.line{margin:8px 0 3px 0;border-bottom:1px solid #f1f1ed;display:block;}
.rssbox label {padding-bottom:4px;display:block;} 
.i-width{width:148px;} 
.rssbox a {color:#11679E!important;}


.advblock { background:url(images/adv.gif) repeat-x top left; height:95px; border:1px solid #cfcfcf; margin-bottom:9px; }
.extra { background:#d9e5d1; border:1px solid #cfcfcf; margin-bottom:9px; }
.extra .inside { padding:8px; }

.footSep { border-bottom:1px dotted #141414; height:22px; }
.footBlock .footHeading { padding:6px; padding-bottom:2px; border-bottom:1px solid #f0f0f0; }
.footBlock { padding-top:22px; }
.footBlock .frame { width:320px; float:left; margin-right:18px; border:1px solid #f0f0f0; background:#fff; }
.footBlock .frame .inside { width:298px; height:241px; padding:12px; }

.aboutpost p { margin-top:0px; line-height:18px; }

.spost { padding:9px 12px 10px; width:225px; float:left; height:112px; border-right:1px dotted #1a1a1a; border-bottom:1px dotted #1a1a1a; }
.spost h3 { font-size:14px; margin:0px 0px 4px; }
.spost h3 a { color:#1a1a1a; }
.spost .image { padding:2px; border:1px solid #cecccc; }
.spost .detail { font-size:11px; color:#1a1a1a; }
.spost .detail .readmore { display:block; color:#E11888; text-align:right; }

.copyright { background:#303030; line-height:30px; text-align:center; color:#f0f0f0; }
.copyright a { color:#f0f0f0; }

#tags { padding:10px; }
.ads160x600 { text-align:center; padding:8px 0px; height:600px; }

#wp-commentsbox, #wp-topcommentsbox { padding:8px 8px 0px; }
#wp-commentsbox ul, #wp-topcommentsbox ul { list-style:none; list-style-type:none; }
#wp-commentsbox ul li, #wp-topcommentsbox ul li { margin-bottom:8px; }
#wp-commentsbox *, #wp-topcommentsbox * { padding:0px; margin:0px; }
.rc_item, #rc_nav {background:transparent;line-height:145%;padding:2px 0;}
.rc_item .rc_avatar {line-height:1px;}
.rc_item .rc_avatar img {background:#FFF;padding:1px;border:1px solid #999;}
.rc_item .rc_left {display:inline;float:left;padding-right:7px !important;padding-right:4px;}
.rc_item .rc_right {display:inline;float:right;padding-left:7px !important;padding-left:4px;}
.rc_item .rc_info .author_name {font-weight:bold;}
.rc_item a {color:#008DAE;}
#rc_nav {font-size:10px;padding-top:5px;}
#rc_nav a { color:#008DAE;}
#rc_newest {float:left;padding-right:10px;}
#rc_newer {float:left;}
#rc_older {float:right;}
.rc_fixed {clear:both;}
.rc_expand {font-size:10px;}
.rc_label {font-weight:bolder;font-size:10px;}
.rc_back {float:left;}
.rc_datetime {float:right;}

.pinkdes { height:50px; }

#commentform {
	padding:10px;
	margin: 5px 5px 0 0;
	}
#commentform textarea {
	width: 550px;
	padding: 2px;
	margin-top:6px;
	}
	
#commentform label {
	display:block;
	padding-top:10px;
	float:left;
	width:206px;
	font-size:12px;
	}
#commentform label small {
	font-size:12px;
}
#commentform input#author, #commentform input#email, #commentform input#url {
	width: 330px;
	padding: 2px;
	margin: 5px 0px 1px 0;
	float:right;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	width:150px; height:30px;
	padding-bottom:8px;
	font-size:12px;
	}

#respond h3, #comments { padding:0px 10px; margin:0px 0px 5px; }

ol.commentlist { list-style:none; margin:0; padding:10px; text-indent:0; border-bottom:1px solid #ededed; margin-bottom:12px; }
ol.commentlist li { border:2px solid #ddd; height:1%; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { color:#c00; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { border:5px solid #ddd; left:7px; position:absolute; top:7px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0 0 1em; }
ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply { background:#999; border:2px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:5px 10px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#c30; border:2px solid #c00; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {  }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#f7f7f7; }
ol.commentlist li.odd { background:#fff; }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	padding:10px;
	margin-bottom: 10px;
	}


#sponsors { text-align:center; padding:5px 0px; }

/* Begin Images */
p img { padding: 0; max-width: 100%; }

/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

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; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left }
/* End Images */
