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


/* RESET ------------------------------------------------ */
html{color:#545454;background:#333/*#000 url(../image/tpl/bg.png) top no-repeat*/; font-family:"helvetica neue", helvetica, arial, freesans, "liberation sans", "numbus sans l", sans-serif; font-size:13px; line-height:normal}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
a{color: #003; text-decoration:none}
a:hover{color: #0c70c4}

/* 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; margin: 10px auto}
.warp{width:960px; float:left; background:#FFF; border:solid #9933cc; border-width: 0 1px 1px 1px; position:relative;}
.d639{width:639px}
.d629{width:629px}
.d619{width:619px}
.d628{width:628px}
.d620{width:620px}
.d618{width:618px}
.d600{width:600px}
.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(../image/tpl/line/double1.png) repeat-x top}


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


/* NEWS, CONTENT ------------------------------------------------ */
#pt {float:right; padding:0 20px 10px 5px;}
#pt img {border-bottom:5px solid #e3e3e3;}
.news {padding:0 10px 0 0; width:618px; line-height:150%; color:#000;}
.news a{color:#d23f3f;font-weight:bold;}
.news a:hover{text-decoration:underline;}

/* BERITA TERKAIT ------------------------------------------------ */
.tk {width:629px; 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(../image/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:10px 0 10px 20px; float:left; }
.bl ul li {width:280px; float:left; list-style-image:url(../image/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;}

/* KOMENTAR ------------------------------------------------ */
.cmn {width:619px; float:left; padding:5px 10px; background:#efeeee; border-top:5px solid #e3e3e3;}
.lk {width:619px; float:left; padding:10px;}
.lk ul{width:619px; float:left; list-style:none;}
.lk ul li {width:599px; float:left; padding:10px; border-bottom:1px dotted #bbbbbb;}
.lk ul li .tx {color:#000; font-size:90%; padding-top:10px;}



/* POLLING ------------------------------------------------ */

#left {
	float: left;
	width: 250px;
	background-color: #FFFFFF;
	color: black;
	padding: 5px 30px 10px 0;
	clear:both; color:#666
}
#poll-container{border-top:2px solid #CCC;border-bottom:1px solid #CCC; padding:0 0 10px 0; line-height: 140%; float:left; width:250px}
#poll-container p,#poll-result p {color: black;background-color: #FFFFFF;line-height: 20px;padding: 5px;}
#poll-container .btn1 {display:inline-block;background:#EEE url(images/tpl/bg/bg-button.gif) repeat-x 0 0;margin:0;padding:4px 10px;border-width:0;overflow:visible;font:100%/1.2 Arial,Sans-serif;text-decoration:none;color:#666;-moz-border-radius: 3px;-webkit-border-radius: 3px;margin: 0 0 0 0; font-family:Verdana, Geneva, sans-serif; border:1px solid #bbb; width:70px}
* html button.btn1 {padding-bottom:1px;}
    html:not([lang*=""]) button.btn1 {margin:0 -3px;}
#poll-container input{width:15px}
#poll-result{border-top:2px solid #CCC;border-bottom:1px solid #CCC; padding:0 0 10px 0; line-height: 140%; float:left; width:250px}
#poll-result .graph{width:240px; float:left; padding: 10px 0 0 0}
#poll-result span{display:block; width:40px; float:left}

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