/*  
Author: Fahriadi Roskarino 
Author URL: http://www.irfamedia.com (.co.id)
*/

*{
	margin:0;
	padding:0;
	background-repeat: repeat-x;
}
ul{list-style:none;}
body{
	font-family:Tahoma;
	font-size:12px;
	line-height:14px;
	color:#000000;
	background-color: #8bb6e2;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
img { border:0;}

table, td {border-collapse:collapse;}
table, td, img {
	border:0;
	margin-left: 0px;
	margin-top: 0px;
}
td, tr {vertical-align:top; text-align:left;}

/*** formulir *******************************************/
input, textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	vertical-align:middle;
	font-weight:normal;
	text-align:left;
	border: 1px solid #000099;
}

.searching {
	width:185px;
	height:auto;
	color:#1e2123;
	height:19px;
	margin-right:8px;
	border:1px solid #3154ba;
	background:#FFFFFF;
}
.column-center input, .column-center textarea {
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 5px;
	padding-top: 3px;
}

/***ujung formulir*******************************************/


.min-width {width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 980)? "980px" : "100%");
	min-width:980px;
	background-image: url(../images/bg-repeat.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.main {width:980px; margin:auto;}

.bg-top { background:url(images/bg-top.gif) top repeat-x;}
.top-left { background:url(images/top-left.gif) top left no-repeat;}
.top-right { background:url(images/top-right.gif) top right no-repeat;}

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

 
h1 { font-size:4.55em; line-height:1.21em; color:#000000; font-weight:bold; text-transform:none; font-family:Georgia; width:auto;}
h1 a  {color:#000000; text-decoration:none;}
h2{ font-size:1.01em;}
h3 { color:#000000; font-size:1.01em; line-height:1.18em; font-weight:bold; padding:5px 10px 3px 17px;}
h3 a {color:#000000; font-size:1.12em; line-height:1.12em; text-decoration:none; text-transform:uppercase; font-family:Tahoma;}
h3 a:hover {text-decoration:underline;}
.pagetitle { padding:10px;}
.center { padding:0 0 10px 0;}

/*** global *******************************************/
.content { width:100%; padding-top:0px; padding-bottom:0px;}

.inside-center { padding:0px 15px 6px 15px;}

ul { margin:0;}

.side-bar-left { width:208px; margin-right:-208px; position:relative; float:left; }
.side-bar-left .ind { padding:98px 19px 0px 21px;}

.side-bar-right { width:209px; margin-left:-209px; float:left;}
.side-bar-right .ind { padding:98px 21px 0px 20px;}
.side-bar-right .ind1 { padding:98px 10px 0px 10px;}

.column-center{float:left; width:100%;}
.indent-center {
	padding-top: 0px;
	padding-right: 209px;
	padding-bottom: 0;
	padding-left: 0px;
}

.clear{clear:both;}
.clear-block{ width:100%; overflow:hidden; padding-bottom:0px;}

/*** ujung global *******************************************/

/***Awal Images *******************************************/
p img {
	padding: 0;
	max-width: 100%;
	}

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

img.alignright {
	padding: 0;
	margin: 2px 18px 2px 0;
	display: inline;
}

img.alignleft {
	padding: 0;
	margin: 2px 8px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

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

/*** Header *******************************************/
#header {width:100%; margin:0 auto; overflow:hidden; height:120px;}
#header .row1 {width:100%; overflow:hidden; }
#header .logo {
	padding:0px 10px 0px 0px;
	float:left;
}
#header span  {  font-size:1.01em; line-height:normal; color:#000000; text-transform:none; font-weight:bold; font-family:Georgia;}

#header .block-search {
	padding:47px 27px 27px 41px;
	float:right;
	background-image: url(../images/bg-search.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.column-center .menu {
	padding-top:11px;
	padding-bottom:15px;
	width:100%;
	overflow:hidden;
}
.column-center .menu ul { margin-left:18px;}
.column-center .menu ul li {
	font-size:1.01em;
	line-height:normal;
	color:#000000;
	float:left;
	padding:0px 24px 0px 13px;
	background-image: url(../images/bg-li.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
}
.column-center .menu ul li a{color:#000000; font-weight:bold; display:block; padding:0px 0px 0 0px; text-decoration:none;}
.column-center .menu ul li a:hover{text-decoration:underline;}
/*** Ujung Header *******************************************/


/*** Kotak *******************************************/
.bg-top {
	background-image: url(../images/bg-top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.slogan-box {
	background-image: url(../images/bg-slogan.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.slogan-left {
	background-image: url(../images/slogan-left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.slogan-right {
	background-image: url(../images/slogan-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.slogan-img {
	margin:80px 470px 40px 55px;
}

.border-left {
	width:100%;
	background-color: #e8e8fa;
	background-image: url(../images/border-left.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.border-right {
	width:100%;
	background-image: url(../images/border-right.gif);
	background-repeat: repeat-y;
	background-position: right;
}
.border-bot {
	width:100%;
	background-image: url(../images/border-bot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.corner-bot-left {
	width:100%;
	background-image: url(../images/corner-bot-left.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.corner-bot-right {
	width:100%;
	height:auto;
	background-image: url(../images/corner-bot-right.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
* html .corner-bot-right { height:545px;}
.corner-bot-right .ind { padding:16px 1px 0px 1px; overflow:hidden;}
/*** Ujung Kotak *******************************************/


/*** Kolom Tepi *******************************************/
/*#categories li { line-height:normal;}
#categories li a {line-height:2.01em; font-size:1.13em; color:#171716; text-decoration:none; background:url(images/a1.gif) no-repeat 0px 6px; padding:0 0 0 17px;}
#categories li a:hover {text-decoration:underline;}*/

.side-bar .inside{ padding:0 0 0 0;}

/*.widget-style#categories { padding:0px; background:none;}
.widget-style#categories h2 { background:url(images/bg-ha2.gif) no-repeat 0 17px;}
*/.widget-style#categories .children { margin:0 0 0 10px;}
.widget-style#categories .children li{ background:none;}
.indentX p { padding:0 0 10px 0;}

/**********************************************/
.inside-widget {
	padding-top: 16px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}

.inside-widget_0 {
	padding-top: 16px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.widget-style {
	margin:0px 0px 0px 0px;
	padding:0;
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.widget-style h2 {
	font-size:1.24em;
	line-height:1.12em;
	color:#00366b;
	font-weight:bold;
	text-transform:capitalize;
	font-family:Tahoma;
	position:relative;
	background-image: url(../images/bg-h.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 17px;
	padding-left: 40px;
}
.widget-style h2 a {color:#00366b; text-decoration:none;}
.widget-style h2 a:hover {text-decoration:none;}

.widget-style ul { margin:0;}
.widget-style li {color:#000000; background:none; padding:0 0 2px 0px;}
.widget-style li a {
	font-size:1.12em;
	line-height:1.46em;
	color:#000000;
	text-decoration:none;
	padding:0 0 0 15px;
	background-image: url(../images/a1.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
.widget-style li a:hover { text-decoration:underline;}


/************/
#recent-comments h2 { padding:15px 0px 17px 10px;}

#links_with_style .inside-widget { padding:16px 14px 15px 11px;}

.widget-style#links_with_style h2 {
	font-size:1.24em;
	line-height:1.12em;
	color:#00366b;
	font-weight:bold;
	text-transform:capitalize;
	font-family:Tahoma;
	position:relative;
	background-image: url(../images/bg-h.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 17px;
	padding-left: 35px;
}
.widget-style#links_with_style h2 a {color:#00366b; text-decoration:none;}
.widget-style#links_with_style h2 a:hover {text-decoration:none;}

.widget-style#links_with_style ul { margin:0 0 0 0px;}
.widget-style#links_with_style li { color:#000000; background:none; padding:0 0 2px 0px;}
.widget-style#links_with_style li a {
	font-size:1.12em;
	line-height:1.46em;
	color:#000000;
	text-decoration:none;
	padding:0 0 0 15px;
	background-image: url(../images/a1.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
.widget-style#links_with_style li a:hover { text-decoration:underline;}
/**********************************************/

/**********************************************/
#links_with_style ul {margin:0 0 0 0; background:none;}
#links_with_style ul ul h2{ margin:0 0 0 0; background:none;}
#links_with_style ul li h2 { font-size:12px; line-height:14px; list-style:none; color:#FFFFFF; font-weight:normal; padding:5px 0 4px 15px; margin:0 0 0 0;}
#links_with_style ul li { padding:0;}
#links_with_style ul li ul { margin:0 0 0 0;}
#links_with_style ul li ul li { font-size:1.01em; color:#000000; padding:0 0 2px 3px; background:url(images/sep_link.gif) left bottom repeat-x !important;}
#links_with_style ul li ul li a{padding:0 0 0 11px;}
/**********************************************/


/**********************************************/
#calendar_wrap {vertical-align:top; width:auto; margin:auto;padding:0px 0px 0px 0;}
#calendar_wrap caption { color:#000000; font-weight:bold; font-size:1.01em;}
#calendar_wrap td {width:25px; text-align:right; color:#000000; font-size:1.11em;}
#calendar_wrap td a {color:#4085ce;}
#calendar_wrap th { color:#000000; text-align:right;}
#calendar_wrap a {font-weight:bold;}
/**********************************************/

#tag_cloud a{ color:#007cff; line-height:1.01em; text-decoration:none;}
#tag_cloud a:hover{ text-decoration:underline;}

.post { padding:0 0 20px 0;}
.post h3{ padding:0 0 5px 0;}

/**********************************************/

#statusbar { text-align:left; color:#000000;}
#statusbar p {padding:20px; margin:0 0 11px 0;}
#statusbar a {font-weight:bold; color:#000000;}
/***end side_bar*******************************************/


#search .searching, .text-box .searching  { width:120px;}


/*** Kolom Tengah *******************************************/

/*---nonNumeric Lists without links---*/
.column-center ul li{
	padding-left:10px;
	list-style-image:none;
	list-style:none;
	line-height:19px;
	color:#000000;
	background-image: url(../images/a1.gif);
	background-repeat: no-repeat;
	background-position: 0 11px;
}
.column-center ul li ul{ margin-left:10px;}
.column-center ul li ol {margin-left:15px;}
.column-center ul li ol li{ list-style-type:decimal;}

/*---Numeric Lists without links---*/
.column-center Ol { padding-left:2px;}
.column-center Ol li{ background:none; padding:0px; margin-left:20px; line-height:19px; color:#000000;}
.column-center Ol li ul li {background:url(images/a1.gif) no-repeat 0 9px; padding-left:10px; color:#000000; font-weight:normal;}

/*---nonNumeric Lists---*/
.column-center ul li{ list-style-image:none; list-style:none; line-height:24px;}
.column-center ul li a { color:#000000; font-weight:normal; text-decoration:underline; font-size:11px;}
.column-center ul li a:hover{ text-decoration:none; }
.column-center ul li ul{ margin-left:15px;}
.column-center ul li ol {margin-left:20px;}
.column-center ul li ol li{ list-style-type:decimal; color:#000000}
.column-center ul li ol li a { background:none;}

/*---Numeric Lists---*/
.column-center Ol { padding-left:2px;}
.column-center Ol li{ background:none; padding:0px; margin-left:20px; line-height:19px; }
.column-center Ol li a { padding-left:0px; color:#3b3b3b; font-weight:normal; text-decoration:underline; font-size:11px;}
.column-center Ol li a:hover{ text-decoration:none; }
.column-center Ol li ul li a { font-weight:normal; text-decoration:underline;}
.column-center Ol li ul li a:hover {text-decoration:none;}

.column-center p { padding:5px 0 5px 0;}


.title {
	overflow:hidden;
	width:100%;
	padding:0px 0px 2px 0px;
	background-color: #e8e8fa;
	background-image: url(../images/bg_h2.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.title .author {
	padding:0px 10px 5px 17px;
	color:#4085ce;
	font-size:1.01em;
	line-height:1.09em;
	float:right;
}
.title .date {
	padding:0px 20px 0 17px;
	font-size:1.01em;
	line-height:1.09em;
	color:#4085ce;
	font-weight:normal;
	float:left;
}

.text-box {
	font-size:12px;
	line-height:normal;
	overflow:hidden;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 18px;
	padding-left: 17px;
}
.text-box .box { float:left; width:50%;}
.text-box .tbl_contact { float:left; width:725;}


.dt { display:table; width:100%;}

.dr {
	display:table-row;
	width: 100%;
}

.dc {
	display:table-cell;
	vertical-align:top;
}

/*****************************************
.dc_t {
	display:table-cell;
	vertical-align:top;
	background-image: url(../images/boxes-t.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

.dc_b {
	display:table-cell;
	vertical-align:bottom;
	background-image: url(../images/boxes-b.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

.dc_l {
	display:table-cell;
	background-image: url(../images/boxes-l.gif);
	background-repeat: repeat-y;
	background-position: left center;
}

.dc_r {
	display:table-cell;
	background-image: url(../images/boxes-r.gif);
	background-repeat: repeat-y;
	background-position: right center;
}
*************************************************/

.dc_t {
	width:100%;
	background-image: url(../images/boxes-t.gif);
	background-repeat: repeat-x;
	background-position: center top;
	margin-top: 0px;
	padding-top: 0px;

/	top: 45px; /
/ 	display: table-row; /
; 				padding-left: 0px;
}

.dc_corner-top-left {
	width:100%; 
	background-image: url(../images/boxes-tl);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
/		padding-top: 45px; /
/; 				display: table-row;
/
/; 			padding-top: 0px; /
}

.dc_corner-top-right {
	width:100%; 
/	height:auto; /
	background-image: url(../images/boxes-tr);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 0px;
/		padding-top: 45px; /
/; 	display: table-row; /
}


.dc_l {
	width:100%;
	background-color: #e8e8fa;
	background-image: url(../images/boxes-l.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.dc_r {
	width:100%;
	background-image: url(../images/boxes-r.gif);
	background-repeat: repeat-y;
	background-position: right;
}


.dc_b {
/	width:100%; /
	width:700px;
	background-image: url(../images/boxes-b.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.dc_corner-bot-left {
	width:100%;
	background-image: url(../images/boxes-bl);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.dc_corner-bot-right {
	width:100%;
	height:auto;
	background-image: url(../images/boxes-br);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.dc_corner-bot-right .ind { padding:16px 30px 0px 30px; overflow:hidden;}
/*****************************************************************/





.comments {
	color:#4085ce;
	line-height:1.09em;
	font-size:1.01em;
	font-weight:bold;
	padding:0px 13px 3px 0px;
	margin:0px 27px 3px 17px;
	border-bottom:1px solid #aec5dc;
	text-align:right;
}
.comments a {
	text-decoration:none;
	text-transform:none;
	color:#4085ce;
	padding-left:18px;
	background-image: url(../images/bg-li.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
}
.comments a:hover{text-decoration:underline;}
/*** Ujung Kolom Tengah *******************************************/


/* Awal Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	border:1px solid #a3a3a3;
	background:#f2f2f2;
	padding:5px;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	overflow:hidden;
	display: block;
	text-align: left;
	margin-top: 2px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-right: 25px;
	}
/* Akhir Tags & Classes*/



/* Awal Komentar */
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

ol.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	background:#accbec;
	border-top:1px solid #744f31;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	padding-left:10px;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* Ujung Komentar */

/*************************************/
#recent-posts  {vertical-align:top;}
.widget-style#recent-comments li { background:url(images/a1.gif) no-repeat 0 8px; padding-left:8px;}
.widget-style#recent-comments li a {background:none; text-decoration:underline;}
.widget-style#recent-comments li a:hover{text-decoration:none;}
#calendar {vertical-align:top;}
#google-search  {vertical-align:top;}
#gsearch {text-align:left;}
#pages  {vertical-align:top;}
#text-1 {vertical-align:top;}
#delicious {vertical-align:top;}
#delicious-box {text-align:left;}

/*************************************/
.textwidget {padding:13px 0px 0px 0px;}

.oddcomment{color:#000000;}

/*** Footer *******************************************/
#footer {
	font-size:1.24em;
	line-height:1.01em;
	color:#000000;
	font-weight:bold;
	text-align:left;
}
#footer a{ color:#000000;}
.foot {
	text-align:left;
	width:980px;
	background-image: url(../images/bg-foot.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

.foot1-img {
	margin: 50px 0px 0px 550px;
}
.foot2-img {
	margin: 0px 0px 10px 551px;
}

#footer span{ padding-left:0px;}
/*** Ujung Footer *******************************************/ 

/**********************************************/
.cont_heading_table {
	background-color: #f4f1e0;
	background-image: url(../images/cont_heading_table.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.cont_heading_td	{height:29px; vertical-align:middle; padding:5px 11px 5px 11px; width:100%;}
.cont_heading_td 	{color:#712d3d; font-weight:bold; font-size:12px; text-transform:uppercase; }


.cont_heading_td a 			{color:#712d3d; font-weight:bold; font-size:12px; text-transform:uppercase; text-decoration:none}
.cont_heading_td a:hover 	{color:#712d3d; font-weight:bold; font-size:12px; text-transform:uppercase;text-decoration:underline;}
.cont_heading_td em 		{color:#712d3d; font-weight:bold; font-size:12px; text-transform:uppercase; font-style:normal;}


/**********************************************/

.pic_corn_t 		{background:#FFFFFF url(../images/img_tall.gif) top repeat-x;}
.pic_corn_b 		{background:#FFFFFF url(../images/img_tall.gif) bottom repeat-x;}
.pic_corn_l 		{
	background-color: #FFFFFF;
	background-image: url(../images/img_tall.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.pic_corn_r 		{background:#FFFFFF url(../images/img_tall.gif) right repeat-y;}
/**********************************************/

/* Main content box */

#content {
	border:1px solid #699;
	position:relative;
	top:-8px;
	padding:10px;
	background-color: #fff;
	background-image: url(../images/bg-box.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}
.nocols #content {border-width:0 1px 1px 1px}
#content.cboxJ {
	border:1px solid #699;
	position:relative;
	margin-top:45px;
	padding:0;
	margin-bottom: 25px;
}
.cboxJ .cboxJ1 {margin:-1px}
.cboxJ .cboxJ2 {
	margin:0;
	background-image: url(../images/c-bl-cbox.png);
	background-repeat: no-repeat;
	background-position: 0 100%;
}
.cboxJ .cboxJ3 {
	background-image: url(../images/c-br-cbox.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
.cboxJ .cboxJ4 {
	position:relative;
	top:-8px;
	margin:0 9px 0 0;
	background-image: url(../images/c-tl-cbox.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.cboxJ .cboxJ5 {
	position:relative;
	top:0;
	right:-9px;
	height:1%;
	background-image: url(../images/c-tr-cbox.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
	padding-top: 25px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}

#content .split h2, #content .iboxJ h2, #content #ad h2 {left:0}

#content.cboxJ {
	margin-right: 7.85em;
	margin-left: 7.85em;
}
.nocols #content.cboxJ {margin-top:7.85em}
.nocols .cboxJ .cboxJ1 {margin:-1px}
.nocols .cboxJ .cboxJ2 {background:url(../images/c-bl-cbox.png) no-repeat 0 100%; margin:0; height:1%}
.nocols .cboxJ .cboxJ3 {background:url(../images/c-br-cbox.png) no-repeat 100% 100%; padding:20px; height:1%}
.nocols .cboxJ .cboxJ4,.nocols .cboxJ .cboxJ5  {background:none}
* html .nocols .cboxJ .cboxJ2, * html .nocols .cboxJ .cboxJ3 {background-image:none}