/**
 * RESET
 _______________________________________________________________________________________________________*/
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,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{font-style:normal;font-weight:400;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{text-decoration:none;}
a:link,a:visited{color:#2d648a;}
a:hover,a:active{color:#000;}
a:active{outline:none;}
a:focus{-moz-outline-style:none;}
li{list-style-image:none;list-style-position:outside;list-style-type:none;}
hr{background:#e19832;border:0;border-top:1px dotted #e19832;height:0;}
/* p{font-size:1em;line-height:1.325em;margin:5px 0 10px;text-align:left;white-space:normal;} */
p{font-size:0.064em;line-height:1.325em;margin:5px 0 5px;text-align:left;white-space:normal;}
/**
 * TYPOGRAPHY
 _______________________________________________________________________________________________________*/
html,body{color:#111;font-family:Arial, Helvetica, sans-serif;font-size:100%;}
#logo,#logocontainer{font-size:50px;} 
#page{font-size:0.75em;line-height:1.333em;}
.penulis{font-size:0.92em;letter-spacing:-1px;}
.submitted,.kreditasi,.kredit{color:#999;font-size:11px;letter-spacing:0.5px;line-height:16px;text-transform:uppercase;}
h1{font-size:1.8em;}
h1,h2,h3,h4,h5,h6,.title{font-family:georgia,"times new roman",times,serif;line-height:normal;font-size-adjust:none;font-stretch:condensed;font-style:normal;font-variant:normal;font-weight:200;letter-spacing:-0.5px;}
h2{font-size:1.5em;}
h3{font-size:1.45em;}
h4{font-size:1.333em;}
h5{font-size:1.222em;}
h6{font-size:1.15em;}

/**
 * BLOK HEADER
 _______________________________________________________________________________________________________*/
.block .title{font-size:1.375em;letter-spacing:normal}
.block .berita-pilihan .title{
clear:both;
font-size:1.75em;
font-stretch:ultra-condensed;
font-weight:400;
line-height:20px;
letter-spacing:-1px;
}
.block-title{color:#aa182b;font-size:18px;min-height:16px;/*position:relative;*/}
.block-title a:hover{color:#959595;}
.block-title,ul.tabs li,#rubrik .index,.index{font-family: Arial Black,arial,sans-serif;font-weight:400;letter-spacing:-1px;}
.low .block-title,.spacer .block-title{padding:6px 0 10px;}
.top .block-title,.block-title,.tabs a.index{padding:0 0 6px;}
.fokus-image .block-title{background-color:#aa182b;width:55px;height:20px;left:0;line-height:18px;padding:2px 10px !important;position:absolute;top:0;z-index:9;}
.fokus-image .block-title a{color:#fff !important;text-transform:none !important;}
#block-fokus-image{float:left;min-height:120px;position:relative;}
.column .olahraga .block-title{font-family:arial,sans-serif;font-weight:800;font-size:18px;letter-spacing:-0.2px}
.column .olahraga  .index{margin-top:0;}
.jeda .block-title{background:transparent url(/2010/images/judulblok/jeda.png) no-repeat 60px bottom;}
.jeda .foto{
width:120px;float:left;
margin:5px 10px 10px 0;
overflow:hidden;}
.jeda ul{clear:both;}
/**
 * INDEX
 _______________________________________________________________________________________________________*/
a.index{font-size:17px;color:silver !important;position:absolute;right:1px;text-align:right;text-transform:capitalize !important;letter-spacing:-2px !important;}
a.index:hover{color:#959595 !important;}
#rubrik .index{font-size:14px;}
/*
 * SKIP LINKS
 ____________________________________________________________________________________________________________*/
#skiplinks a,#skiplinks a:visited{background-color:#666;color:#fff;display:block;height:1px;left:0;overflow:hidden;position:absolute;text-align:center;top:-500px;width:1px;}
#skiplinks a:hover,#skiplinks a:active,#skiplinks a:focus{height:auto;padding:2px 0 3px;position:static;width:100%;}
/**
 * TEMPOLISTING
 _______________________________________________________________________________________________________*/
ul.tempolist li{border-top:1px solid #bfbfbf;padding:3px 0;}
ul.tempolist li.lead-teaser,#main #block-pendapat ul.tempolist li.first{background:none !important;}
.bullet{background:transparent url(/2010/images/layout/bullet.png) no-repeat;padding-left:16px;vertical-align:middle;}
#block-selebritas ul.tempolist li.first{border-top:0;}
/**
 * SEARCH BOX
 _______________________________________________________________________________________________________*/
#search{float:right;vertical-align:middle;width:370px;}
#search .form-submit{background-color:#797979;border:1px solid #5C6061;color:#EDEDED;font-size:12px;height:18px;line-height:9px;padding:0 5px;}
#search .form-text{background-color:#FFF;border:1px solid #CCC;color:#959595;height:15px;padding:2px 5px 1px;width:234px;}
#search label{float:left;line-height:12px;padding:5px 0;}
/**
 * BLOCK GENERIC FRONT - DALAM
 _______________________________________________________________________________________________________*/
.block .content{clear:both;min-height:90px;}
.block .fokus p{clear:both;}
.block-inner{float:left;position:relative;z-index:2;}
.block-inner.low,.block-inner.istimewa{float:left;margin-top:30px;width:100%;}
#block-fokus .block-inner.low{margin-top:20px;}
.block-inner.low,.spacer{border-top:6px solid #d8d8d8;}
.column .iklan,#block-fokus-image,#block-selebritas-image{border-top:30px solid #fff;margin:0 auto;}
.script{border-bottom:15px solid #fff;border-top:15px solid #fff;}
.script,.postscript,.spacer{float:left;width:100%;}
.top{border-top:0 none !important;margin-top:0 !important;}
#block-terpopuler .content{min-height:120px;}
#block-terpopuler .low .block-title{float:left;width:100px;}
/**
 * TABS
 _______________________________________________________________________________________________________*/
.tab-content{min-height:100px;}
.tab-content .index{top:10px;}
.tabs{margin:0 0 10px;}
ul.tabs li{display:inline;font-size:15px;line-height:22px;margin-right:5px;}
.franklin ul.tabs li{font-size:16px;}
ul.tabs li a,ul.tabs li a:visited{color:#bfbfbf;}
ul.tabs li a:hover,ul.tabs li a.selected{color:#757575;}
#block-terpopuler{clear:both;}
#block-terpopuler .tabs{float:right;margin:6px 0 10px;text-align:right;width:172px;}
#block-terpopuler ul.tabs li{margin-left:5px;margin-right:0;}
/**
 * FOTO
 _______________________________________________________________________________________________________*/
.headshot{float:left;line-height:12px;margin:5px 10px 5px 0;width:90px;}
.inset,.sampul{float:left;margin:5px 10px 5px 0;}
.top img{padding:0;}
img.inset{width:68px;min-height:68px;}
img.sampul{width:90px;}
#main .items .crop{border:1px inset #ccc;}
.crop{float:left;margin-bottom:3px;overflow:hidden;}
.c100x100{width:100px;height:100px;margin:5px 15px 10px 0;}
.c100x100 img{min-width:100px;min-height:100px;}
.c240x140{width:240px;}
.c240x140 img{width:240px;}
.c380x210{width:380px;min-height:180px;}
.c380x210 img{width:380px;}
/**
 * AJAX SCROLL NAVIGATION
 _______________________________________________________________________________________________________*/
.loading{height:40px;left:47%;position:absolute;top:80px;width:40px;}
.loading img{width:16px;}
.scroll-navigation{clear:both;float:left;position:relative;vertical-align:bottom;width:100%;}
a.browse{background:url(/2010/images/layout/navigation.gif) no-repeat;cursor:pointer;display:block;float:left;font-size:1px;height:30px;position:absolute;text-indent:-9999px;width:30px;z-index:99;}
a.left{margin-left:0;}
a.left:active{background-position:-60px 0;}
a.left:hover{background-position:-30px 0;}
a.next,a.nextPage{bottom:0;right:-5px;text-align:right;}
a.prev,a.prevPage{bottom:0;left:-5px;}
a.right{background-position:0 -30px;clear:right;margin-right:0;}
a.right:active,a.down:active{background-position:-60px -30px;}
a.right:hover,a.down:hover{background-position:-30px -30px;}
a.browse.disabled{display:none !important;}
#block-berita-pilihan .ajaxcontent{height:230px;}
.berita-pilihan .scroll-navigation{height:165px;}
.index-item{bottom:0;color:#777;font-size:0.9em;height:22px;left:50%;margin-left:-60px;position:absolute;text-align:center;width:120px;}
.ajaxcontent{clear:both;float:left;margin:0 auto;min-height:220px;overflow:hidden;width:100%;min-width:230px;}
img.preview,.berita-pilihan .ajaxcontent .crop{width:380px;margin-bottom:5px;}
.berita-pilihan .ajaxcontent .crop{height:165px;}
/**
 * AJAX SCROLL ITEMS
_______________________________________________________________________________________________________*/

.items{clear:both;position:absolute;width:20000em;}
.items li{display:inline;float:left;list-style-image:none;list-style-position:outside;list-style-type:none;overflow:hidden;width:95px;}
a.thumb{color:#000;line-height:1.324em;}
a.thumb,a.thumb:hover{cursor:pointer;display:block;float:left;font-size:11px;text-align:center;}
a.thumb:focus{outline:none;}
.items img{margin:0;}
.items a:hover,.scrollable a.active{background:transparent url(/2010/images/layout/slide-pointer.png) no-repeat scroll left top;color:#FFF;}
.scrollable{background:transparent url(/2010/images/layout/slide.png) repeat-x scroll left top;border-bottom:1px solid #ccc;float:left;height:132px;overflow:hidden;position:relative;width:380px !important;}
.scrollable .active{position:relative;z-index:9999;}
.scrollable .items .crop{height:48px;width:80px;}
.scrollable a.thumb,.scrollable a.thumb:hover{min-height:120px;padding:20px 6px 5px;line-height:14px;}
/**
 * PEEL RUBRIK
 ______________________________________________________________________________________________________________*/
#rubrik a,#kanal a{color:#fff;}
#rubrik{position:relative;}
#rubrik img{width:60px;height:60px;z-index:9999;position:absolute;right:0;top:0;-ms-interpolation-mode:bicubic;}
#rubrik .mask,#rubrik .index{position:absolute;overflow:hidden;text-align:right;}
#rubrik .mask{width:60px;height:60px;z-index:9997;background:transparent url(/2010/images/layout/curlmask.png) no-repeat 0 0;right:0;top:0;}
#rubrik .index{color:#fff;z-index:9998;right:5px;top:5px;text-indent:-35px;width:40px;height:60px;}
/**
 * DALAM & FRONT GEPOK GENERIC
 ______________________________________________________________________________________________________________*/
.home{height:25px;}
.upperdeck {text-transform:uppercase;font-size:1em;color:#999;margin-top:10px;}
#logo-dalam{float:left;height:75px;margin:20px 0;width:420px;}
#logo-rubrik{margin:5px 0 0}
.gayahidup #logo-dalam,.senihiburan #logo-dalam, .selebritas #logo-dalam{height:85px;}
.gepok .block.gayahidup .index{margin-top:9px;}
.gepok .block.senihiburan .index,.gepok .block.teknologi .index{margin-top:6px;}
.gepok .block.seleb .index {margin-top:26px;}
.gepok .block.gayahidup .index{font-family:arial,sans-serif;font-size:20px;text-transform:lowercase !important;letter-spacing:-1px !important}
.gepok .teknologi .index{background:transparent url(/2010/images/judulblok/indexTekno.png) no-repeat right bottom; text-indent:9999px;width:49px;}
.gepok .senihiburan .index{background:transparent url(/2010/images/judulblok/indexSeni.png) no-repeat right bottom; text-indent:9999px;width:56px;}
.selebritas .home{margin-top:60px;}

.gayahidup .items a:hover,.gayahidup .scrollable a.active{background:transparent url(/2010/images/layout/slide-pointer-emas.png) no-repeat scroll left top;color:#FFF;}
.gayahidup .scrollable,.seleb .scrollable,.olahraga .scrollable{background:#fff url(/2010/images/layout/slide-pink.png) repeat-x scroll left top;}

.seleb .items a:hover,.seleb .scrollable a.active,
.olahraga .items a:hover,.olahraga .scrollable a.active
{background:transparent url(http://www.tempointeraktif.com/2010/images/layout/slide-pointer-merah.png) no-repeat scroll left top;}

.senihiburan .items a:hover,.senihiburan .scrollable a.active,
.otomotif .items a:hover,.otomotif .scrollable a.active,
.teknologi .items a:hover,.teknologi .scrollable a.active {
background:transparent url(http://www.tempointeraktif.com/2010/images/layout/slide-pointer-ungu.png) no-repeat scroll left top;
}

.block.internasional .block-title,.block.internasional a.index{font-size:16px !important}

/**
 * LINK LAIN BUAT GALERI, INFOGRAFIS DAN LAIN-LAIN
 ______________________________________________________________________________________________________*/
.link-lain{background:#505050 none repeat scroll 0 0;padding:2px 5px;text-align:center;width:100px;text-transform:uppercase;cursor:pointer;position:absolute;bottom:-12px;right:0}

/**
 * GENERIC HELPERS
 _______________________________________________________________________________________________________*/
strong{font-weight:800;}
em{font-style:italic;}
.pecas li.first,#footer ul li.first,#kanal li.first{border-left:0;}
.red{color:#aa182b;}
.grey{color:#939393;}
.center{float:none;text-align:center;}
.left{float:left;}
.right{float:right;}
.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden;}