/* CSS Document */
/*
Theme Name: Mitra Integrasi Komputindo 2010
Author: Tunas Univindo Mandiri
Theme URI: http://www.univind.com/
Description: Copyright © 2010. All rights reserved 
Version: 1.0
*/

body{
background-color: #E0E8EA;
background-image: url(images/background.png);
background-repeat: repeat-x;
background-attachment: fixed;
font-family: arial, helvetica, tahoma, sans-serif;
font-size: 12px;
color: #FFFFFF;
margin:0;
padding:0;
text-align:center;
}

#center{
	margin:0px auto;
	width:1000px;
	text-align:left;
}

/*home*/
#index{
float: left;
top: 0px;
/*background-image: url(http://www.mik.co.id/wp-content/uploads/backgroundlamp6.jpg);*/
width: 1000px;
height: 570px;
z-index: 0;
}
/*home*/

/*3 pillars*/
 				
.pillars{
margin-top: 480px;
margin-left: 15px;
height: 80px;
}
.pillars ul{
margin: 0;
padding: 0;
height: 80px;
}
.pillars br{
line-height: 10px;
}
.pillars li{
display: inline;
background-image: url(images/pillars2.png);
float: left;
overflow: hidden;
width: 230px;
height: 80px;
margin-left: 10px;
margin-bottom: 10px;
padding: 0px 20px 10px 20px;
color: #000;
line-height: 1.5;
letter-spacing: 0.3px;
text-align: justify;
z-index: 2;
font-size: 11px;
}
.pillars li a{
text-decoration: none;
color: #354f82; 
}
.pillars li a:hover{
color: #fff; 
}

.pillars h2{
text-align: center;
font-family: trebuchet, sans-serif;
font-size: 16px;
font-weight: bold;
color: #354F82;
margin-top: 5px;
margin-bottom: 5px;
}
/*.pillars p{
padding: 10px;
padding-top: 0;
text-align: justify;
line-height: 1.5;
letter-spacing: 0.3;
font-family: "trebuchet-ms", sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
}*/
/*3 pillars*/

/*header*/
#header{
z-index: 5;
float: left;
width: 600px;
height: 105px;
padding-top: 10px;
padding-left: 20px;
color: #BCC4F3;
}
#header p{
margin-top: 30px;
font-family: "trebuchet ms", sans-serif;
font-size: 24px;
color: #163995;
}

a img{
border: none;
}
/*header*/

/*search*/
#searchform {
	padding:0;
	margin:0;
	margin-top:45px;
	width: 200px;
	height: 24px;
	padding-right:50px;
	float: right;
	background: url(images/search.png) no-repeat;
	z-index: 200;
}
#searchform input#s {
	margin: 0;
	padding: 0px;
	padding-left: 5px;
	color: #662D91;
	width: 125px;
	border: none;
	height: 15px;
	font-size:11px;
	background: none;
}
#searchform input#searchsubmit {
	border:none;
	background-color: transparent;
	margin-left:0px;
	height: 24px;
	width: 24px;
	cursor: pointer;
}
/*search*/

/*menu*/
#menuholder{
float: right;
margin: 0px;
padding: 0px;
width: 120px;
height: 100%;
background: url(images/menuside.png);
background-repeat: repeat-y;
z-index: 1;
}
#menu{
margin-top: 140px;
padding: 0px;
}
#menu ul{
padding: 0px;
list-style-image: none;
list-style-type: none;
}
#menu li{
padding: 0px;
margin: 0px;
margin-top: -23px;
background-repeat: no-repeat;
padding-top: 14px;
width: 120px;
height: 55px;
font-family: "trebuchet ms", sans-serif;
font-size: 12px;
font-weight: bold; 
}
#menu li p{
margin-top: 0px;
margin-left: 37px;
text-align: left;
}

#menu a{
text-decoration: none;
color: #142F76;
}
#menu li:hover{
width: 120px;
background-image: url(images/menu45.png);
font-weight: normal;
color: #FFFFFF;
font-size: 14px;
}
#menu li:hover a{
color: #FFFFFF;
}
#menu li.current {
width: 120px;
background-image: url(images/menu45.png);
font-weight: normal;
}
#menu li.current a, li.current a:hover{
color: #FFFFFF;
font-size: 14px;
}
#menu img{
float: left;
width: 14px;
height: 14px;
margin-left: 20px;
margin-top: -1px;
padding-top: 3px;
padding-right: 10px;
border: none;
}
/*menu*/

/*sidebar*/
#sidebar{
float: right;
margin-top: -10px;
margin-right: -15px;
width: 295px;
}
#sidebar a{
color: #DB2522;
text-decoration: underline;
}
#sidebar h2{
margin: 0;
padding: 0;
font-size: 16px;
font-weight: normal;
}
#sidebar ul{
list-style-type: none;
font-size: 16px;
}
#sidebar li{
padding: 20px 5px 5px 15px;
background-image: url(images/sidebar.png);
background-repeat: no-repeat;
}
#sidebar li ul{
list-style-type: none;
margin-left: -35px;
}
#sidebar li ul li{
padding: 0px 5px 0px 15px;
background-image: url(images/list.jpg);
background-repeat: no-repeat;
background-position: 0 .8em;
text-align: justify;
line-height: 2;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
}
.textwidget ul li a{
font-weight: normal;
}
#sidebar .search{
font-size:12px;
padding-top:10px;
}
/*sidebar*/

/*page*/
#page{
float: left;
top: 0px;
width: 1000px;
}
#fix{
float: left;
width: 850px;
}
#content{
float: left;
width: 830px;
padding: 10px 20px 10px 30px;
background-color: #FFFFFF;
color: #000000;
}

#contentpost{
float: left;
width: 550px;
padding-bottom: 20px;
}

.breadcrumb{
width: 500px;
}
.post{
font-family: arial, sans-serif;
padding-right: 5px;
}
.post h2{
font-size: 18px;
font-weight: bold;
line-height: 1.5;
border-bottom: dotted 1px #555;
}
.post img{
border: none;
}
.entry{
font-size: 12px;
letter-spacing: 0.5;
line-height: 1.75;
text-align: justify;
}
.entry a, a:visited{
text-decoration: none;
color: #6582BC;
}
.entry a:hover{
color: #888;
}
.entry ul{
margin: 0px;
padding: 0px;
padding-left: 30px;
}
.hide img{
display: none;
}
.linkcat {
list-style-type: none;
border: none;
}
.linkcat h2{
font-family: "trebuchet ms", sans-serif;
font-size: 14px;
color: #666;
padding-left: 10px;
border: none;
}
/*page*/

/*banner page*/
#bannerpage{
width: 830px;
height: 105px;
padding: 10px 20px 10px 30px;
background-image: url(images/banner.png);
overflow: hidden;
}
#bannercontent{
width: 380px;
margin-bottom: 10px;
}
#bannerpage img{
padding: 0px;
margin-top: -10px;
margin-right: -22px;
height: 125px;
float: right;
}
#bannerpage p{
font-family: arial, sans-serif;
font-size: 13px;
line-height: 1.5;
color: #CAC1DC;
width:450px;
text-align: justify;
}
#bannerpage h2{
font-family: "trebuchet ms", sans-serif;
line-height: .2;
font-weight: normal;
font-size: 24px;
color: #CAC1DC;
letter-spacing: 1px;
}
#bannerpage ul{
padding-left: 30px;
}
#bannerpage a{
text-decoration: none;
font-size: 16px;
color: #1F3A71;
font-weight: normal;
}
#bannerpage a img{
border: none;
}
#bannerpage .linkcat h2{
font-family: "trebuchet ms", sans-serif;
font-size: 14px;
font-weight: bold;
padding-left: 10px;
border: none;
}
#bannerpage .entry h2{
font-size: 12px;
}
/*banner page*/

/*footer*/
/*page*/
#footerpage{
float: left;
background-image: url(images/footerpage1.png);
background-repeat: no-repeat;
width: 828px;
height: 180px;
padding: 10px 20px 10px 30px;
margin-left: -30px;
margin-bottom: -10px;
font-family: "trebuchet ms",sans-serif;
font-size: 12px;
color: #757575;
overflow: hidden;
}
#footerpage ul{
margin: 0;
padding: 0;
margin-left: -20px;
margin-right: -10px;
height: 160px;
}
#footerpage ul li{
display: inline;
float: left;
width: 250px;
margin-left: 10px;
padding-left: 20px;
padding-top: 10px;
z-index: 2;
}
#footerpage li h2{
margin: 0;
padding: 0;
font-family: "trebuchet ms", sans-serif;
font-size: 16px;
letter-spacing: .1px;
color: #000;
}
#footerpage li ul{
padding-top: 10px;
list-style-type: none;
line-height: 1.2;
}
#footerpage li ul li{
padding: 0;
padding-left: 20px;
width: 230px;
}
#footerpage li ul li a{
color: #757575;
text-decoration: none;
font-weight: bold;
}
#footerpage li ul li a:hover{
color: #203971;
}
#footerpage li ul li img{
margin-left: -20px;
padding: 0;
}
#scroller{
width: 230px;
padding-left: 10px;
text-align: left;
}
#scroller ul{
list-style-type: none;
}
#scroller img{
padding: 0;
}
#scroller a img{
border: none;
}
/*page*/

/*footer*/
#footer{
float: left;
width: 880px;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 25px;
font-weight: bold;
font-family: trebuchet, sans-serif;
color: #203971;
}
#footer ul{
margin: 0;
padding: 0;
list-style-type: none;
}
#footer li{
display: inline;
padding-left: 5px;
padding-right: 5px;
border-right: solid 1px #203971;
}
#footer a{
text-decoration: none;
color: #203971;
}
#footer a:hover{
color: #933;
}
#credits{
float: right;
width: 120px;
padding-top: 10px;
font-size: 9px;
color: #7F95FF;
text-align: right;
}
#credits ul{
margin: 0;
padding: 0;
list-style-type: none;
}
#credits li{
display: inline;
padding-left: 2px;
padding-right: 2px;
}
/*footer*/