/**
 * FRONTPAGE TI ONLY , untuk front-page gepok, gunakan front-gepok.css
 _______________________________________________________________________________________________________*/

/**
 * BLOK HEADER
 _______________________________________________________________________________________________________*/
.block .fokus .block-title{font-size:2.8em;letter-spacing:-2px;}
.block .fokus h2.title{font-size:1.9em;line-height:1.12em;margin-top:5px}
.blog .block-title a{color:#aa182b}
.selebritas-image .block-title{color:#fff;height:20px;left:0;line-height:18px;padding:2px 10px !important;position:absolute;top:0;z-index:9}

.postscript .block-title{color:#000}
.selebritas-image .block-title{background-color:#000;width:90px}
.selebritas-image .block-title a {color:#fff}

#block-majalah .block-title{font-stretch:ultra-condensed;letter-spacing:-1.5px;font-size:17px}
#block-blog a.index{color:silver;position:absolute;right:0;text-align:right}
#block-blog a.index:hover{color:#959595}

/**
 * FOTO
 _______________________________________________________________________________________________________*/
#ajax-fokus img.inset{margin-top:8px;}
#postscript-2b .foto{height:150px;width:230px;}
.teknologi .foto,.postscript .grid-5 .foto{width:120px;}
.fotoslide .ajaxcontent .crop{height:140px;width:230px;}
.infografis .ajaxcontent .crop{height:130px;width:240px;}
.postscript .foto{float:left;margin:5px 10px 10px 0;overflow:hidden;}


/**
 * AJAX SCROLL NAVIGATION
 _______________________________________________________________________________________________________*/
.fokus .scroll-navigation{height:165px;}
.infografis .scroll-navigation,.fotoslide .scroll-navigation{min-height:110px;}
#block-fokus .ajaxcontent{min-height:230px;}
#block-infografis .ajaxcontent{height:225px;}
.scrollinset{float:left;}
img.fotoslide{width:230px;}
img.infografis{width:240px;}
img.videoslide{width:290px;}
#block-fotoslide .ajaxcontent{height:185px;min-height:185px;}

/**
 * AJAX SCROLL ITEMS
 _______________________________________________________________________________________________________*/
.scrollinset{margin-top:5px;}
.scrollinset a.thumb,.scrollinset a.thumb:hover{height:68px;padding:4px;}
.scrollinset .items li{width:80px;}
.infografis .items a:hover,.infografis a.active{background:#000;}

/**
 * DARK MATTERS
 _______________________________________________________________________________________________________*/
.dark .content{background-color:#4c4c4c;color:#ededed;min-height:260px;padding:5px 5px 0;position:relative;float:left}
.dark .items{height:78px;}
.dark .items a:hover,.dark .active{background:#fff;}
.dark .scroll-navigation{min-height:110px;overflow:hidden;}
.dark .scrollinset ul.items li{height:76px;width:76px;}
.dark .videoslide .scrollinset .items li{height:68px;width:88px;margin-right:10px;}
.dark .videoslide .scrollinset .items a.thumb{height:60px;overflow:hidden;width:80px;}
.dark .videoslide .scrollinset .items img{height:60px;width:80px;}
.dark .index-item{color:#ededed}


/**
 * BLOK KHUSUS
 _______________________________________________________________________________________________________*/
#block-selebritas-image{float:left;min-height:120px;position:relative}
#block-haji .block-inner{background:#dce7e9 url(/2010/images/layout/bg-hajibox.png) repeat-x}
#block-haji .block-title{font-size:2.5em}
#block-haji .block-title a{color:#fff}
#block-haji .block-title {padding:10px}
.catatanpinggir ul.tempolist li,.kolom ul.tempolist li,#block-koran ul.tempolist li,#block-majalah ul.tempolist li{margin-left:100px}
.postscript-inner{float:left;padding:3px 0;position:relative}

.istimewa .content{padding:10px}

/**
 * VIDEO BOX
 _____________________________________________________________________________________________________________*/
#block-videoslide{width:300px;}
#block-videoslide .videocontent{height:210px;z-index:9}
#block-videoslide .items{width:2000em !important;overflow:hidden;padding:0;margin:10px 0;height:68px;}
#scroll-videoslide{width:290px !important;}



/**
 * INDIKATOR
 _______________________________________________________________________________________________________*/
#block-indikator .form-submit{background-color:#797979;border:1px solid #5C6061;color:#ededed;cursor:pointer;font-size:10px;height:16px;padding:0 2px 2px;text-transform:uppercase;margin:10px 0 0 10px}
#block-indikator label{margin-right:25px;}
#block-indikator .form-radios{margin:10px 0; float:left;}

/**
 * SELEBRITAS
 _______________________________________________________________________________________________________*/
.selebritas ul.tempolist li{position:relative;min-height:88px;}
.selebritas ul.tempolist li .foto{width:68px;height:68px;margin:10px 10px 10px 0;}
.selebritas ul.tempolist li .foto img{height:68px;}
.selebritas ul.tempolist li p{position:absolute;bottom:10px;right:0px;width:160px;margin:0;font-weight:800;font-size:1.12em}


/**
 * TEMPOSHOP
 _______________________________________________________________________________________________________*/
#logo-temposhop,.temposhop-items{float:left}
#postscript-3a .crop{overflow:visible}
#postscript-3b .crop{height:108px;width:96px}
#postscript-3b .grid-2{width:96px}
#postscript-3b .grid-7 .foto{height:140px;width:120px}
#postscript-3b .item{min-height:210px}
.item .buy{background-color:#386288;font-size:11px;line-height:12px;margin-top:10px;padding:2px 0;text-align:center;text-transform:uppercase;width:40px}
.item .buy a{color:#fff}
.item img,#logo-powered{margin-bottom:10px}
.postscript #temposhop-1.foto{margin:0 0 20px 10px}
.powered{font-weight:800}
.powered-items li.item{float:left;margin-right:10px;min-width:40px}
.shop-offset{margin:-92px 0 20px -60px}
.temposhop-items .buy{bottom:0;position:absolute}
.temposhop-items .shop-offset .buy{position:relative}
.temposhop-items .title{color:#386288;font-weight:800}

#postscript-2 .postscript,#postscript-3 .postscript{margin-bottom:15px;margin-top:15px}
.postscript ul.tempolist,.postscript ul.tempolist li{clear:both;}



/**
 * ROUNDED CORNER
 _______________________________________________________________________________________________________*/

#gepok-bawah .grid-4{width:240px}
#gepok-bawah .grid-5{width:300px}
#gepok-bawah .grid-7{width:380px}
#postscript-1 .postscript{border:0 !important}
#postscript-1 .postscript-inner{padding:0}
#postscript-3 .postscript-inner{border:6px solid #c2c2c2;width:948px}
#postscript-1,#postscript-2,#postscript-3{clear:both}
#postscript-1 .block .content {min-height:250px}
#postscript-3 .postscript-inner{border-bottom:0}
#gepok-atas{padding:10px 0 15px;}
#postscript-1 .postscript-inner{border-top:6px solid #c2c2c2;border-bottom:6px solid #c2c2c2;}
.postscript-inner {width:100%}
#postscript-1 .grid-3{margin-left:5px;margin-right:5px;width:180px;}
#postscript-1 h2.block-title{min-width:180px;}
#gepok-atas {background-image: url("/2010/images/layout/grid16/grid-5.gif");background-repeat:repeat-y;}

/**
 * TETAP untuk TEMPOSHOP
 */
.bl{background-position:left bottom;bottom:-6px;left:-6px}
.br{background-position:right bottom;bottom:0;left:946px}
.tl{background-position:left top;left:-6px;top:-6px}
.tl,.tr,.bl,.br{background-color:transparent;background-image:url(/2010/images/layout/corner.png);background-repeat:no-repeat;font-size:1px;height:14px;position:absolute;width:14px}
.tr{background-position:right top;left:946px;top:0}