@charset "UTF-8";
/* ------------------------------------------------/
	OZONE - CSS Document
	http://www.okezone.com
	`gnr11012011
	adding new style : [`DTb']01112011
/------------------------------------------------ */


/* RESET ------------------------------------------------ */
html{color: #333; background:#242526 url(../images/tpl/bg/body.png) repeat-x top /*#000 url(../images/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;}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: #000; text-decoration:none}
a:hover{color: #666}
.dn{display:none} 

/* HEADING ------------------------------------------------ */
h1 a{font-size:153.9%; line-height:120%}
h2 a{font-size:131%; line-height:120%}
h3 a{font-size:116%}
h4 a{font-size:108%}
h5{font-size:100%; line-height:140%}
h6{font-size:93%; line-height:140%}
.g{font-family:Georgia, "Times New Roman", Times, serif}

/* LAYOUT ------------------------------------------------ */
.frame{width:962px; position:relative; margin: 0 auto 0 auto}
.warp{width:960px; float:left; background:#FFF; border:solid #18b6ea; border-width: 0 1px 1px 1px;}
.dfull{width:100%;}
.d960{width:960px}
.d940{width:940px}
.d630{width:630px}
.d628{width:628px}
.d620{width:620px}
.d618{width:618px}
.d608{width:608px}
.d598{width:598px}
.d500{width:500px}
.d440{width:440px}
.d390{width:390px}
.d320{width:320px}
.d300{width:300px}
.d217{width:217px}
.d213{width:213px}
.d214{width:214px}
.d212{width:212px}
.d195{width:195px}
.d196{width:196px}
.d178{width:178px}
.d189{width:189px}
.d167{width:167px}
.d120{width:120px}

.h1{height:340px}
.h2{height:270px}
.h3{height:170px}

.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}
.p11{padding-bottom:3px}
.p12{padding-left:3px}
.p13{padding-top:3px}
.p14{padding-left:45px}


.pr{position:relative;}
.tc{text-align:center;}

/* ROUND ------------------------------------------------ */
.r1 {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

/* BUTTON ARSIP ------------------------------------------------ */
.ars {padding:2px 4px; background:#07a4d7; float:right; text-align:center; color:#FFF;}
.ars h6 a {color:#FFF; font-style:italic;}
.ars h6 a:hover {color:#F4E3F4;}

.arr {padding:2px 4px; background:#07a4d7; text-align:center; color:#FFF;}
.arr h6 a {color:#FFF; font-style:italic;}
.arr h6 a:hover {color:#F4E3F4;}

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


/* LABELING ------------------------------------------------ */
.l1, .l2{font-family:Georgia, "Times New Roman", Times, serif;line-height:110%; color: #09F; font-weight:bold; margin: 5px 0 5px 0; display:block}
.l1 a, .l2 a, .l3 a{color: #09F}
.l1 a:hover, .l2 a:hover, .l3 a:hover{text-decoration:underline}
.l2{font-size:85%}
.l3{font-size:174%; display:block; width:618px; float:left;line-height:normal; color:#333; font-weight:normal;font-family:Georgia, "Times New Roman", Times, serif}
.l3 a{font-size:100%;color:#000; letter-spacing: 5px}
.l4{font-weight:bold; display:block; margin: 0 0 3px 0; font-size:85%}
.lc{color:#CC3300;}

.br1{float:right; margin: 0.375em 0 0.375em 0.625em}
.br2{float:left; margin: 0.375em 0.625em 0.375em 0}
.author{color:#b30000; padding:0 10px 0 0;font-size:12px;font-weight:bold;}

/* BACKGROUND ------------------------------------------------ */
.bg1{background:url(../images/tpl/line/double1.png) repeat-x top}
.bg2{background:url(../images/tpl/line/single.png) repeat-y 400px}
.bg3{background: #CCC}

.t, .st{font-family:Georgia, "Times New Roman", Times, serif; line-height:120%; font-weight:bold; margin: 0.06em 0 0.19em 0; color: #09F}
.tn{font-family:Georgia, "Times New Roman", Times, serif; line-height:110%; color: #000}
.tb {font-weight:bold;}
.tn span {color:#4e4e4e; font-weight:none;}
.tn a {font-style:italic; font-weight:none; font-size:100%;}

.g{font-family:Georgia, "Times New Roman", Times, serif; line-height:150%}


/* LISTING ------------------------------------------------ */
.list1 {font-family:Georgia, "Times New Roman", Times, serif; padding:5px 0 0 0; clear:both}
.list1 li{margin: 0 0 0 1em}
.list1 li{font-size:93%; padding:2px 0; border:none; list-style-image:url(../images/tpl/list/red1.png); font-weight:normal}

.list2 {font-family:Georgia, "Times New Roman", Times, serif; padding:5px 0 0 0}
.list2 li{margin: 0 0 0 1em}
.list2 li{font-size:100%; padding:2px 0; border:none; list-style-image:url(../images/tpl/list/red1.png)}
.list2 li h6{color:#C60; font-family:Arial, Helvetica, sans-serif; font-weight:bold}

/* DATE, UPPERCASE ------------------------------------------------ */
.d{font-size:77%; color:#999; line-height:150%; display:block; padding: 0 0 3px 0; font-family:Arial, Helvetica, sans-serif;}
.c{text-transform:uppercase}
.c a{color: #000}
.time{color: #999}


.ad728{width:728px}

/* DATE & SEARCH ------------------------------------------------ */
#date{color:#999; font-size:85%; padding: 0 10px; text-align:right}
#search{width:176px; padding:1px; border:1px solid #cecece; float:right; background:url(../images/tpl/search/bg1.png) repeat-x top; height:15px}
#search form{width:178px}
#search .bt{width:46px; height:15px}
#search .in{width:130px; height:15px; float:left; border:none; background:none; font-size:85%; color:#0c70c4}

#logo{width:190px; padding:20px 0 0 0}


/* MAIN MENU ------------------------------------------------ */
#m ul{width:955px; background: #03a1d5 url(../images/tpl/menu/red1.png) repeat-x top; height:39px; border-bottom:3px solid #333; padding: 0 0 0 5px; font-size:93%}
#m ul li{display:inline; float:left}
#m ul li a{border-right:1px solid #03a1d5; border-left:1px solid #20c0f5; display:block; padding:12px 12px 8px 12px; color:#FFF; text-decoration:none; height:19px; float:left; font-weight:bold}
#m ul li.home a{padding:12px 8px 8px 8px;border-left:1px solid #00a5dd}
#m ul li a:hover, #m ul li.home{background:#0491c0 url(../images/tpl/menu/red2.png) repeat-x top ;border-left:1px solid #0085b2}
#m ul li.active a{background:#333; color:#07a4d7}

/* SUB MAIN MENU ------------------------------------------------ */
#ms{background:#333; border-bottom:2px solid #07a4d7}
#ms ul{width:955px; font-family:Georgia, "Times New Roman", Times, serif; height:30px; padding: 0 0 0 5px; font-size:93%; }
#ms ul li{display:inline; float:left; padding:8px 8px 0 8px}
#ms ul li a{ border-right:1px solid #07a4d7; display:block;  color:#07a4d7; text-decoration:none; height:19px; float:left; font-weight:bold; padding-right: 18px;}
#ms ul li a:hover, #ms ul li.active a{color:#FFF}

/* SUB MENU ------------------------------------------------ */
#sm{font-size:85%}
#sm ul{margin:0; padding:0 0 0 4px; list-style-type:none}
#sm ul li{display:inline;float:left; margin: 0 0.19em}
#sm ul li a {-moz-border-radius:4px;-webkit-border-radius:   4px;background:white url('../images/tpl/menu/grey1.png') 0 -5px repeat-x; background:-moz-linear-gradient(0% 170% 90deg, #c4c4c4, white);background:-webkit-gradient(linear, 0% 0%, 0% 170%, from(white), to(#c4c4c4));border:1px solid;border-color:#e6e6e6 #cccccc #cccccc #e6e6e6;border-radius:4px;color:#404040;display:inline-block;font-family:"helvetica neue", helvetica, arial, freesans, "liberation sans", "numbus sans l", sans-serif;font-size:10px; font-weight:bold;outline:0;padding:2px 5px 4px;text-align:center;text-decoration:none;white-space:nowrap; }
#sm ul li.new a {background:#F93; /* Image fallback */background:-moz-linear-gradient(0% 170% 90deg, #da4800, #ffbc80);background:-webkit-gradient(linear, 0% 0%, 0% 170%, from(#ffbc80), to(#da4800));border-color:#99ccff;color:#FFF;border-color:            #e69c59 #e69c59 #e69c59 #e69c59;}
#sm ul li a:hover {background: #900;border-color:#c70000;color:#FFF; }
#sm ul li a:active {position:relative;top:1px; }
#sm ul li a:active, #sm ul li a:focus {background-position:0 -25px;background:-moz-linear-gradient(0% 170% 90deg, white, #dedede);background:-webkit-gradient(linear, 0% 0%, 0% 170%, from(#dedede), to(white));border-color:#8fc7ff #94c9ff #94c9ff #8fc7ff;color:#FFF;text-shadow:1px -1px 0 rgba(255, 255, 255, 0.5); }

/* TOPIC ------------------------------------------------ */
#topic{font-family:Georgia, "Times New Roman", Times, serif; color:#CCC; font-size:93%}
#topic strong{ color: #000; font-weight:bold}
#topic a{text-decoration:underline; font-weight: bold; font-size:106%}
#topic a:hover{color: #001b2f}

/* HEADLINE ------------------------------------------------ */ 
#hl{padding: 0; background:url(../images/tpl/line/double1.png) repeat-x bottom}
#hl h4{display:block; padding: 5px 0; width:390px; color: #09F; font-weight:bold}
#hl .hlb4{border: solid #e4e4e4; border-width: 1px 0 0 0}
#hl .listb4 {padding:10px 0 0 0}
#hl .listb4 li{margin: 0 0 0 1em; clear:both}
#hl .listb4 li{font-size:93%; padding:2px 0; border:none; list-style-image:url(../images/tpl/list/red1.png);font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold}
#hl .title{font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; line-height:170%; display:block; width:390px; padding: 0 0 3px 0}
#hl h3, #hl h6{display:block; width:390px}

/* BREAKING ------------------------------------------------ */ 
#breaking .title{font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; line-height:140%; display:block; width:212px; padding: 3px 0}
#breaking li{padding: 5px 0 10px 5px; border-bottom:1px solid #e4e4e4; float:left;}
#breaking .nb{border-width:0}
#breaking .related{padding:5px 0 0 0; clear:both}
#breaking .related li{font-size:93%; padding:2px 0; border:none; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal}
#breaking1 .title{font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; line-height:140%; display:block; width:212px; padding: 0 0 3px 0}
#breaking1 li{padding: 5px 0 5px 5px; border-bottom:1px solid #e4e4e4}
#breaking1 .nb{border-width:0}
#breaking1 .related{padding:5px 0 0 0; clear:both}
#breaking1 .related li{font-size:93%; padding:2px 0; border:none; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal}

.breaking3{color:#191919}
.breaking3 .title{font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; line-height:120%; display:block; width:212px; padding: 0 0 3px 0}
.breaking3 li{padding: 5px 0 10px 5px; display:block; width:212px; float:left; border-bottom:1px solid #e4e4e4;}
.breaking3 li.last {border:none;}
.breaking3 li img{margin:0.31em 0}
.breaking3 .related{padding:2px 5px}
.breaking3 .related li{font-size:85%; padding:5px 0 0 10px; border:none; font-family:Georgia, "Times New Roman", Times, serif; background:url(../images/tpl/list/red1.png) no-repeat 0 8px; font-weight:normal; width:180px; float:left; display:block}

#breaking2{color:#191919}
#breaking2 .title{font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; line-height:140%; display:block; width:217px; padding: 0 0 3px 0}
#breaking2 li{padding: 5px 0 15px 0}

#breaking4 .title{font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; line-height:140%; display:block; padding: 0 0 3px 0}
#breaking4 ul li {width:380px; float:}
#breaking4 li{padding: 5px 5px 10px 5px; border-bottom:1px solid #e4e4e4; float:left; width:380px;}
#breaking4 li.last{border:none;}

#breaking5 .title{font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; line-height:140%; display:block; padding: 0 0 3px 0}
#breaking5 ul li {width:608px; float:}
#breaking5 li{padding: 5px 5px 10px 5px; border-bottom:1px solid #e4e4e4; float:left; width:380px;}
#breaking5 li.last{border:none;}



#brb4 {padding:5px 0 0 0}
#brb4 li{margin: 0 0 0 1.5em}
#brb4 li{font-size:100%; padding:2px 0; border:none; list-style-image:url(../images/tpl/list/red1.png); font-family:Georgia, "Times New Roman", Times, serif; line-height:130%;}

#review{border-top:1px solid #333;border-bottom:4px solid #333;border-right:1px solid #333; height:100px; background:#EEE; width:939px}
#review li{width:280px; display:block; float:left; padding: 10px}
#review li img{margin: 0 12px 0 0}
#review li a{font-family:Georgia, "Times New Roman", Times, serif}
#review li a:hover{color:#000; text-decoration:underline}

/* VIDEO ------------------------------------------------ */ 
.vlist li{display:block; float:left; width:100px; line-height:100%; padding-bottom:10px;}
.vlist li img{margin-bottom:0.19em}
.vlist li.right{width:82px}
.vlist li h6{display:block; width:82px}

.vlist2 li{display:block; float:left; width:150px; height:110px; line-height:100%; padding-top:10px; text-align:center;}
.vlist2 li img{margin-bottom:0.19em}
.vlist2 li h5{display:block; width:130px}


/* PHOTO ------------------------------------------------ */ 
#ftHolder { width: 390px; float: left; text-align: center; height: 272px; }
#ft { border: 0px solid #BAD340; -moz-border-radius: 0px; }
.ft-title { padding: 0; width: 280px; text-align: left; font-size:85% }
.ft-prev, .ft-next { background-color: #000; padding: 0 5px; font-size:85% }
.ft-prev a, .ft-next a{color:#EEE}
.ft-button-ft-active { color: white; }

/* MOST POPULAR ------------------------------------------------ */
#pop ol li{list-style:decimal; font-family:Georgia, "Times New Roman", Times, serif; padding: 3px 0; margin: 0 0 0 2.30em; color:#666}

#ftHolder { width: 390px; float: left; text-align: center; height: 190px; }
#ft { border: 0px solid #BAD340; -moz-border-radius: 0px; }
.ft-title { padding: 0; width: 360px; text-align: left; font-size:85% }
.ft-prev, .ft-next { background-color: #900; padding: 2px 5px; font-size:85%;  }
.ft-prev{-moz-border-radiusbottomright:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;}
.ft-next{-moz-border-radiusbottomleft:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;}
.ft-prev a, .ft-next a{color:#EEE}
.ft-button-ft-active { color: white; }

/* PHOTO GALLERY------------------------------------------------ */
#gallery {width:390px;height:242px;position:relative;}
#frame {position:absolute;z-index:0;width:390px;height:242px;top:0;left:0;}
#slides {position:absolute;top:0;left:0;z-index:100;}
.slides_container {width:390px;overflow:hidden;position:relative;display:none;}
.slides_container div.slide {width:390px;height:242px;display:block;}
#slides .next,#slides .prev {position:absolute;top:107px;left:-39px;width:24px;height:43px;display:block;z-index:101;}
#slides .next {left:185px;}
.pagination {margin:5px auto 0;width:100px;}
.pagination li {float:left;margin:0 1px;list-style:none;}
.pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(../images/tpl/gallery/pagination.png);background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a {background-position:0 -12px;}
.caption {z-index:500;position:absolute;bottom:-35px;left:0;height:30px;padding:5px 20px 0 20px;background:#000;background:rgba(0,0,0,.5);width:350px;line-height:1.33;color:#fff;border-top:1px solid #000;text-shadow:none;}
.caption a{color:#FFF; font-size:131%}
.caption span{font-size:77%; color:#CCC}

/* INDEXING ------------------------------------------------ */
#index .title{font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; line-height:140%; display:block; padding: 0 0 3px 0}
#index ul li {width:578px; float:}
#index li{padding: 5px 5px 10px 5px; border-bottom:1px solid #e4e4e4; float:left; width:380px;}
#index li.last{border:none;}

/* MOST POPULAR ------------------------------------------------ */
#pop ol li{list-style:decimal; font-family:Georgia, "Times New Roman", Times, serif; padding: 3px 0; margin: 0 0 0 2.30em; color: #666}
#pop2 ol li{list-style:decimal; font-family:Georgia, "Times New Roman", Times, serif; padding: 3px 0; margin: 0 0 0 2.30em; color: #666; width:578px;} /*untuk index */
#pop2 ol li h6 {color:#CC6600;}

/* PAGING ------------------------------------------------ */
.pgn {width:200px;}
.pgn ul {width:200px; float:left; list-style:none;  font-family:Georgia, "Times New Roman", Times, serif;}
.pgn ul li {display:inline;}
.pgn ul li a {padding:3px 8px;}
.pgn ul li a.active, .pgn ul li a:hover {color:white; padding:3px 8px; background:#07a4d7;}

/* TWIT ------------------------------------------------ */
.twit {position:absolute; left:0; top:-7px;}

/* HISTORY ------------------------------------------------ */
.his .title{font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; line-height:140%; display:block; padding: 0 0 3px 0}
.his ul {width:608px; float:left;}
.his li{padding: 10px 5px 10px 5px; border-bottom:1px solid #e4e4e4; float:left; width:608px;}
.his li.last{border:none;}

/* KOMENTAR ------------------------------------------------ */
#lk {width:598px; float:left; padding:10px;}
#lk ul{width:598px; float:left; list-style:none;}
#lk ul li {width:578px; float:left; padding:10px; border-bottom:1px dotted #bbbbbb;}
#lk ul li .tx {color:#000; font-size:90%; padding-top:10px;}

/* HOT TOPICS ------------------------------------------------ */
.htop ol {width:588px; float:left; padding:5px 0 0 30px;  font-family:Georgia, "Times New Roman", Times, serif; color:#666;}
.htop ol li{padding: 5px 5px 10px 5px; border-bottom:1px solid #e4e4e4; float:left; width:578px; list-style:decimal; }
/* VIDEO ------------------------------------------------ */ 
.vlist li{display:block; float:left; width:100px; line-height:100%; padding-top:10px;}
.vlist li img{margin-bottom:0.19em}
.vlist li.right{width:82px}
.vlist li h6{display:block; width:82px}

.vlist2 li{display:block; float:left; width:150px; line-height:100%; padding-top:10px; text-align:center;}
.vlist2 li img{margin-bottom:0.19em}
.vlist2 li h5{display:block; width:130px}


/* PHOTO GALLERY------------------------------------------------ */
#gv .title{font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; line-height:140%; display:block; padding: 0 0 3px 0}
#gv ul li {width:600px; float:}
#gv li{padding: 5px 5px 10px 5px; border-bottom:1px solid #e4e4e4; float:left; width:380px;}
#gv li .pt {width:210px; padding-right:10px; float:left;}
#gv li .cnt {width:380px; float:left;}
#gv li.last{border:none;}

/*FOOTER*/
#footer{font-size:77%; width:920px; padding:10px; color:#666}
#footer a{font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#666}
#footer a:hover{color:#999}
#footer li{ display:inline}
#footer ul{margin: 0 0 0.5em 0}

#ch140{font-family:Georgia, "Times New Roman", Times, serif}
#ch140 li{padding: 0 0 20px 0}
#ch140 span{display:block; padding: 10px 20px 0 44px}
#ch140 .quotes{font-size:16px; color:#666; background:url(../images/tpl/channel/quotes.png) no-repeat left top}
#ch140 .from{font-size:85%; color:#069}

.ads-google {background: url("../images/tpl/bg/bg-ads-google.jpg") no-repeat scroll right top ;padding: 10px 20px 0 40px;width: 240px;}

/* biznet logo */
.biznet {padding:10px 0 5px 0;}

/* IKLAN */
.colorbox iframe {width:200px !important;}
.BelowTheFold {padding:10px 106px; width:728px;}