@charset "UTF-8";
/* ------------------------------------------------/
	OZONE - CSS Document
	http://www.okezone.com
	Detail Berita
	`DTB01242011
/------------------------------------------------ */

/* HEADING ------------------------------------------------ */
h1 {font-size:205%; line-height:110%}
h2 {font-size:131%; }
h2 span {color:#666;}
h3 {font-size:116%}
h4 a{font-size:108%}
h5{font-size:93%; line-height:100%; color:#CC3300; font-weight:bold;}
h6{font-size:85%; line-height:140%}

/* LAYOUT ------------------------------------------------ */
.canvas{width:962px; position:relative; margin: 0 auto}
.warp{width:960px; float:left; background:#FFF; border:solid #7c9bb6; border-width: 0 1px 1px 1px}
.d639{width:639px}
.d629{width:629px}
.d619{width:619px}
.d628{width:628px}
.d620{width:620px}
.d618{width:618px}
.d600{width:600px}
.d590{width:590px}
.d320{width:320px}
.d300{width:300px}
.d167{width:167px}
.d120{width:140px}


.l{float:left}
.r{float:right}

.p1{padding-top:10px}
.p2{padding-right:10px}
.p3{padding-bottom:10px}
.p4{padding-left:10px}
.p5{padding:10px}
.p6{padding-top:5px}
.p7{padding-right:5px}
.p8{padding-bottom:5px}
.p9{padding-left:5px}
.p10{padding:5px}

/* BORDER ------------------------------------------------ */
.b1{border: 1px solid #e4e4e4}
.b2{border-top: 1px solid #e4e4e4}
.b3{border-right: 1px solid #e4e4e4}
.b4{border-bottom: 1px solid #e4e4e4}
.b5{border-left: 1px solid #e4e4e4}
.b6{background:url(../images/tpl/line/double1.png) repeat-x top}


/* DATE, UPPERCASE ------------------------------------------------ */
.b{color:#CC3300;}
.by{color:#F8A000}


/* NEWS, CONTENT ------------------------------------------------ */
#pt {float:left; padding:0 10px 10px 5px;clear:both;}
#pt img {border-bottom:5px solid #e3e3e3;margin-right:10px;}
#pt h6 {margin-bottom:20px;}
.skyscraper {width:160px; float:right; padding:0 0 0 10px;}
.news {padding:20px 10px 0 0;line-height:150%; color:#000;}
.news a{color:#CC3300;}
.news a{color:#d23f3f;font-weight:bold;}
.news a:hover{text-decoration:underline;}
.news em {font-style:italic !important;}

/* BERITA TERKAIT ------------------------------------------------ */
.tk {width:618px; float:left;}
.tk ul {width:569px; padding:10px 20px 10px 30px; float:left; font-family:Georgia, "Times New Roman", Times, serif; line-height:110%; }
.tk ul li {width:579px; float:left; list-style-image:url(../images/tpl/list/red1.png); font-size:100%; border-bottom:1px dotted #bbbbbb; padding:5px 0;}

/* BERITA LAIN, FAVORIT ------------------------------------------------ */
.bl {width:300px; float:left; font-family:Georgia, "Times New Roman", Times, serif; line-height:110%;}
.bl ul {width:280px; padding:0px 0 10px 10px; float:left; }
.bl ul li {width:280px; float:left; list-style-image:url(../images/tpl/list/red1.png); font-size:110%; border-bottom:1px dotted #bbbbbb; padding:5px 0;}
.bl ol {width:280px; padding:10px 0 10px 20px; float:left; }
.bl ol li {width:280px; float:left; list-style:decimal; color:#666; font-size:110%; border-bottom:1px dotted #bbbbbb; padding:5px 0;}

/* SLIDEBOX */
#slidebox{width:425px;/*height:130px*/;padding:10px 0 20px;position:fixed;bottom:50px;right:-430px;-webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.65);-moz-box-shadow:0px 0px 11px rgba(0, 0, 0, 0.65);box-shadow:0px 0px 11px rgba(0, 0, 0, 0.65);; background:url(../images/tpl/bg/slidebox_bg.gif) right bottom no-repeat #ebebeb; z-index:99; border-radius:5px 0 0 5px;font-family: Arial,Helvetica,sans-serif;}
#slidebox ul{padding-top:10px;}
#slidebox ul li {padding: 5px 12px 5px 14px;width:186px;float:right;}
#slidebox ul li a:hover {text-decoration:none;}
#slidebox ul li .img-slide{width:180px; height:130px; background:url(../images/content/no-image.jpg) no-repeat;padding-bottom:10px;}
#slidebox ul li:hover {background:#FEFEFE;}
#slidebox ul li:first-child {/* height:192px */; width:180px;float:left;border-right:1px solid #a2a2a2;padding:5px 17px 5px 15px;min-height:192px;}
#slidebox ul li:first-child h2, #slidebox ul li:first-child h2 a{font-size:14px;}
#slidebox ul li:last-child {}
#slidebox p, #slidebox a.more{font-size:11px;color:#666;margin-bottom:0 !important;}
#slidebox a.more{cursor:pointer;text-transform:uppercase; font-size:18px !important;display:block;width:100%;padding:5px 0 5px 16px;background-color:#00327c;color:#fefeff;}
#slidebox a.more:hover{text-decoration:underline;}
#slidebox h2{color:#E28409;font-size:12px;letter-spacing: 0.01em;}
#slidebox ul li h2 a {text-shadow:1px 1px 1px #FFF; color:#222; font-weight:bolder;font-size:12px;}
#slidebox a.close{background:transparent url(../images/tpl/icon/close.png) no-repeat top left;width:13px;height:13px;position:absolute;cursor:pointer;top:22px;right:10px;}
#slidebox a.close:hover{}
#slidebox img.logo{position:absolute; bottom:15px;right:20px;}