/*
Theme Name: Mobil Utama
Theme URI: http://mobilutama.com/
Description: The default template for mobil utama.
Author: Achmad Hartoyo
Author URI: http://sec.or.id/
*/

/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: #fff;
	color: #333;
	text-align: center;
	}

#page {
	background-color: white;
	border: 1px solid #959596;
	text-align: left;
	background: #333 url('images/bg.jpg') repeat top center;
	}

#header {
	background: #555 url('images/headerbg.jpg') repeat-x top center;
	}

#subheader {
	background: #555 url('images/subheader.jpg') repeat-x top center;
	}

#headerimg 	{
	margin: 7px 9px 0;
	height: 192px;
	width: 740px;
	}

#content {
	font-size: 1.2em
	}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

#footer {

	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}

#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	}

h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #b85b5a;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0 0 5px 0;
	padding: 0;
	}

#page {
	background-color: #333;
	margin: 5px auto;
	padding: 0;
	width: 1000px;
	border: 1px solid #959596;
	}

#header {
	background-color: #555;
	margin: 0 0 0 0;
	padding: 0;
	height: 71px;
	width: 1000px;
	}
#header .headerBody { padding-left:20px;}

#topLogo{
	background:url('images/logo.jpg') no-repeat;
	float:left;
	border:0px solid red;
}
#topMenu{
	width:570px;
	padding:0;
	margin:0;
	border:0px solid red;
	text-align:left;
	float:left;
	height:45px;
}
#topMenu ul { list-style: none; border:0px solid red; padding:0; margin:30px 0 0 0;}
#topMenu ul li { float:left; font:normal 11px arial;color:#fff; padding: 0 0 0 20px; margin: 0 0 0 0; }
#topMenu ul li a{ font:bold 11px verdana,arial;color:#fff; margin: 0 0 0 0; padding: 0 0 0 0px;}
#topMenu ul li a:hover{ font:bold 11px verdana,arial;color:#fff; margin: 0 0 0 0; text-decoration:underline;}

#topMenu2{
	padding-top:30px;
	margin-right:20px;
	border:0px solid red;
	text-align:center;
	float:right;
	color:#D5D1D0;
}
#topMenu2 span.email a{
	padding-left:15px;
	font:normal 11px verdana;
	color:#D5D1D0;
	background: url('images/email.jpg') no-repeat 0 0.3em;
}
#topMenu2 span.sitemap a{
	padding-left:15px;
	font:normal 11px verdana;
	color:#D5D1D0;
	background: url('images/sitemap.jpg') no-repeat 0 0.3em;
}


#subheader {
	background-color: #555;
	margin: 0 0 0 0;
	padding: 0;
	height: 30px;
	width: 1000px;
	}
.subheaderLeft{
	padding:8px 50px 7px 50px;
	font:normal 11px verdana;
	text-align:left;
	float:left;
	color:#fff;
}
.subheaderLeft a{
	color:#fff;
	text-decoration:underline;
}
.subheaderLeft a:hover{
	color:#fff;
	text-decoration:none;
}
.subheaderRight{
	padding:8px 50px 7px 50px;
	font:normal 11px verdana;
	text-align:center;
	float:right;
	color:#fff;
	width:400px;
}
.subheaderLeft  span.bold{
	font:bold 11px verdana;
	color:#fff;
}
.subheaderLeft span.normal{
	font:normal 11px verdana;
	color:#fff;
}
.subheaderRight span.bold{
	font:bold 11px verdana;
	color:#fff;
}
.subheaderRight span.normal{
	font:normal 11px verdana;
	color:#fff;
}

#headerimg {
	margin: 0;
	height: 200px;
	width: 100%;
	}

.narrowcolumn {
	float: left;
	padding: 0 0 0 0;
	margin: 0px 0 0;
	width: 1000px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}

.post {
	margin: 0 0 40px;
	text-align: justify;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}

#footer {
	padding: 0 0 40px 0;
	margin: 0 auto;
	width: 1000px;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}

#subfooter {
	padding: 0;
	margin: 0 auto;
	width: 1000px;
	clear: both;
	}
.subfooter1 {
	padding: 0;
	margin: 0 auto;
	width: 180px;
	float:left;
	}
.subfooter2 {
	padding: 0;
	margin: 0 auto;
	width: 180px;
	float:left;
	}
.subfooter3 {
	padding: 0;
	margin: 0 auto;
	width: 180px;
	float:left;
	}
#subfooterContent {
	margin-left: 240px;
	width: 564px;
	height:100px;
	clear: both;
	background-color:none;
	}
#footerbody {
	border-right:0px solid red;
	padding: 0;
	width: 1000px;
	height: 69px;
	background: url('images/subfooter.jpg') repeat-x;
	}
.footerLogo{
	font:normal 12px verdana,arial;color:#fff;
	width: 200px;
	border:0px solid red;
	padding-top:30px;
	text-align:center;
	float:left;
}
.footerContent{
	width: 800px;
	padding-top:30px;
	text-align:left;
	float:left;
	border:0px solid red;
}
.footerContent ul { list-style: none; padding: 0; margin: 0; }
.footerContent ul li { float:left; font:normal 12px arial;color:#fff; padding: 0 20px 0 0; margin: 0 0 0 0; }
.footerContent ul li a{ font:bold 11px verdana,arial;color:#CBCAC8; margin: 0 0 0 0; }
.footerContent ul li a:hover{ font:bold 11px verdana,arial;color:#32CD33; margin: 0 0 0 0; text-decoration:underline;}


/* End Structure */



/*	Begin Headers */
h1 {
	padding-top: 70px;
	margin: 0;
	}

h2 {
	margin: 30px 0 0;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

#sidebar h2 {
	margin: 0 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



/* 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;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */









/* Begin Sidebar */
#sidebar
{
	width: 210px;
	float:left;
	}

#sidebar form {
	margin: 0;
	}
/* End Sidebar */



/* Include */
#bodyContent{
	width:1000px;border:0px solid red;
}
#subBodyContent{
	border:0px solid red;width:780px;float:left;
}
#subBodyContentPage{
	border:0px solid red;width:804px;float:left;
}
#subBodyContentPage .separator{
	width:245px;float:left;text-align:left;background:url('images/separator.jpg') repeat-x;height:20px; padding:10px 0 0 10px;
}
/*#subBodyContentPage .separator h2{
	font:bold 12px verdana;color:#33CC33;padding:0;margin:0;margin:10px;
}*/
#subBodyContentPage .separator img{
	font:bold 12px verdana;color:#33CC33;padding:0;margin:0;
}



#subBodyContentPageX{
	border:0px solid red;width:1000px;float:left;
}
#subBodyContentPageX .separator{
	width:235px;float:left;text-align:left;background:url('images/separator.jpg') repeat-x;height:15px; padding:0px 0 0 0px;
}
/*#subBodyContentPage .separator h2{
	font:bold 12px verdana;color:#33CC33;padding:0;margin:0;margin:10px;
}*/
#subBodyContentPageX .separator img{
	font:bold 12px verdana;color:#33CC33;padding:0;margin:0;
}








#subBodyContentLeft{
	width:226px;float:left;text-align:left;background:url('images/navLeft2.jpg') repeat-x; border:0px solid red;
}
/*#subBodyContentLeft h2{
	font:bold 12px verdana;color:#33CC33;padding:0;margin:0;
}*/
#subBodyContentLeft img{
	font:bold 12px verdana;color:#33CC33;padding:0;margin:0;
}
#subBodyContentLeft .listMobil{
	padding:0px 10px 0 10px;
}
#subBodyContentLeft .car{
	padding:10px;
}
#subBodyContentLeft .banner{
	padding:10px;
}
#subBodyContentLeft .listMobil ul{
	list-style:none;padding:0;margin:0;
}
#subBodyContentLeft .listMobil ul li{
	border-bottom:1px solid #544F4C;font:normal 11px verdana;color:#fff;padding:5px 0 3px 0;
}
#subBodyContentLeft .listMobil ul li a{
	color:#fff;font-weight:bold;
}
#subBodyContentLeft .listMobil ul li a span{
	font-weight:normal;
}
#subBodyContentLeft .support{
	padding:5px 10px 10px 10px; border:0px solid red;
}
#subBodyContentLeft .support td.img{
	font:normal 11px verdana;color:#fff;width:46px;border:0px solid red;padding-bottom:5px;
}
#subBodyContentLeft .support td.name{
	font:normal 11px verdana;color:#fff;border:0px solid red;padding-left:10px;padding-bottom:5px;
}

#subBodyContentLeft .form{
	padding:10px; border:0px solid red;
}
#subBodyContentLeft .formBody{
	padding:5px 0px 0 10px; border:0px solid red;
}
#subBodyContentLeft .formBody td.title{
	font:normal 11px verdana;color:#fff;width:40px;border:0px solid red;
}
#subBodyContentLeft .formBody td.item .input{
	font:normal 11px verdana;color:#333;border:1px solid #fff;padding:1px;width:140px;cursor:pointer;
}
#subBodyContentLeft .formBody td .buttons{
	font:bold 12px verdana;color:#fff;border:1px solid #fff;padding:1px;width:70px;background-color:#FF9900;cursor:pointer;cursor:hand;
}
#subBodyContentLeft .title .input{
	border:1px solid red;
}
#subBodyContentLeft .item{
	font:normal 11px verdana;color:#fff;float:left
}

#subBodyContentRight{
	width:554px;float:left;background-color:#fff;padding-top:10px;padding-bottom:0px; border:0px solid red;
}
#subBodyContentRight .title{
	padding:10px;margin:0;
}
#subBodyContentRight .title H2{
	font:bold 12px verdana;color:#333;padding:0;margin:0;
}
#middleContent{
	width:534px;background-color:#fff;border:0px solid red;margin: 0px auto 20px auto; padding:0px;
}
#middleContent .titlecontent{
	border:0px solid blue;
}
#middleContent .titlecontent h2{
	font:bold 12px verdana;color:#333;padding:0;margin:0;
}
#middleContent .top{
	height:5px; width:534px; background: url('images/borderTop.gif') no-repeat top center; border:0px solid red;
}
#middleContent .middle{
	width:534px;padding:0;
}
#middleContent .bottom{
	height:5px; width:534px; background: url('images/borderBottom.gif') no-repeat bottom center;margin-top:0px;
}
#middleContent .news{
	width:534px;
}
#displayCarBorder{
	padding:0px 10px 10px 10px;
}
#displayCarBorder td.info{
	padding:7px;text-align:left;font:bold 11px verdana;background-color:#FFCC66;border-bottom:1px solid #fff;
}
#displayCarBorder td.showdetail{
	padding:7px;text-align:left;font:normal 11px verdana;background-color:#EEEECC;border-bottom:1px solid #fff;color:#000;
}
#displayCarBorder td.showdetailwhite{
	padding:7px;text-align:left;font:normal 11px verdana;background-color:#EEEECC;border-bottom:1px solid #fff;
}

#displayCarBorder td.detail{
	padding:10px 0px 10px 10px;text-align:left;border-bottom:1px dotted #ccc;font:11px verdana;
}
#displayCarBorder td.thumb{
	padding:10px 0 10px 0;width:110px;border-bottom:1px dotted #ccc;
}
#displayCarBorder td.detail h1{
	text-align:left;font:normal 15px verdana,Georgia,verdana;color:#444;padding:0px;margin-bottom:0px;
}
#displayCarBorder td.detail h1 a{
	text-align:left;font:bold 11px verdana,Georgia,verdana;color:#000;padding:0px;margin-bottom:0px;text-decoration:none;
}
#displayCarBorder td.detail h1 a:hover{
	text-align:left;font:bold 11px verdana,Georgia,verdana;color:#000;padding:0px;margin-bottom:0px;text-decoration:underline;
}
#displayCarBorder td.detail ul{
	padding:0px;margin:0;list-style:none;
}
#displayCarBorder td.detail ul li{
	padding:2px 10px 2px 10px;margin:0;text-align:left;background: url('images/list.jpg') no-repeat left;font:normal 10px verdana;color:#000;float:left;
}


#info{
	width:554px;background: url('images/bg.jpg') repeat;padding-top:15px;padding-bottom:15px;
}
#info td{
	width:188px;vertical-align:top;
}
#info td.left{
	width:25%;text-align:center;vertical-align:top;border-right:1px solid #ccc;
}
#info td.right{
	font:normal 10px verdana; color:#ddd;vertical-align:top;padding-left:5px;
}
#info td.right span{
	font:bold 10px verdana; color:#ddd;vertical-align:top;
}
#info td.right a{
	font:normal 10px verdana; color:#00FF00;border-bottom:1px solid #00FF00;padding-bottom:2px;text-decoration:none;
}


#middleContent .news H1{
	font:bold 11px verdana;color:#444;padding:0;margin:10px 0 10px 0;text-align:left;
}
#middleContent .news H1 a{
	font:bold 11px verdana;color:#444;padding:0;margin:10px 0 10px 0;text-align:left;text-decoration:underline;
}
#middleContent .news H1 a:hover{
	font:bold 11px verdana;color:#444;padding:0;margin:10px 0 10px 0;text-align:left;text-decoration:none;
}
#middleContent .news p{
	font:normal 11px verdana;color:#666;padding:0;margin:0;text-align:left;
}
#middleContent .news p span{
	font:normal 10px verdana;color:red;padding:0;margin:0;text-align:left;
}

#middleContentWishList{
	width:534px;background-color:#fff;border:0px solid red;margin: 0px auto 10px auto;
}
#middleContentWishList .title{
	width:534px;
}
#middleContentWishList .separator{
	width:534px;border-top:1px dotted #666
}
#middleContentWishList .separator td.titleWishlist{
	width:70px;font:normal 11px verdana;
}
#middleContentWishList .separator td.itemWishlist{
	width:70px;font:normal 11px verdana;
}
#middleContentWishList .input{
	padding:2px;background-color:#444;border:none;color:#fff;width:160px;
}
#middleContentWishList .button{
	cursor:pointer;
}

/* Sidebar */
#Sidebar{
	width:220px;float:left;border:0px solid red;color:#ffffff;
}
#bodySidebar{
	width:200px; padding:10px 10px 20px 10px;
}
#bodySidebar h2{
	font:bold 12px verdana;color:#33CC33;padding:0;margin:0;
}
#bodySidebar .formBody{
	padding:10px 0px 0 0px; border:0px solid red;
}
#bodySidebar .formBody li a{
	padding:2px;display:block;color:#fff;
}
#bodySidebar .formBody td.title{
	font:normal 11px verdana;color:#fff;width:40px;border:0px solid red;
}
#bodySidebar .formBody td.item .input{
	font:normal 11px verdana;color:#333;border:1px solid #fff;padding:1px;width:120px;
}
#bodySidebar .formBody td{
	font:normal 12px verdana;color:#999;
}
#bodySidebar .formBody td a{
	font:normal 11px verdana;color:#fff;
}
#bodySidebar .formBody td .buttons{
	font:bold 12px verdana;color:#fff;border:0px solid #fff;padding:1px;width:60px;background-color:#615956;cursor:pointer;cursor:hand;
}

#bodyNewsSidebar{
	width:200px; margin-top:0px; padding:10px;background: url('images/navLeft.jpg') repeat-x top center;
}
#bodyNewsSidebar h2{
	font:bold 12px verdana;color:#33CC33;padding:0;margin:0;
}
#bodyNewsSidebar .listNews ul{
	list-style:none;padding:0;margin:0;
}
#bodyNewsSidebar .listNews ul li{
	border-left:5px solid #544F4C; border-bottom:1px solid #544F4C;font:normal 11px verdana;color:#333;padding:5px 0 2px 5px;margin-top:5px;
}
#bodyNewsSidebar .listNews ul li a{
	color:#fff;font-weight:normal;
}

#bodyBannerSidebar{
	width:200px; padding:10px;border:0px solid red;
}
#bodyBannerSidebar .banner{
	width:200px;text-align:center;margin-top:10px;
}
#sitemap{
	font:bold 12px verdana;
	padding:0px 10px 0 10px;
}
#sitemap ul{
	font:bold 12px verdana;
	padding:0 10px 0 10px;

}
#sitemap ul li{
	font:bold 12px verdana;
	padding:5px;
	color:#333;

}
#sitemap ul li a{
	font:bold 12px verdana;
	color:#333;
	text-decoration:none;
}
#sitemap ul li a:hover{
	font:bold 12px verdana;
	color:#666;
	text-decoration:underline;
}