body{background:#fff;margin:0;padding:0;}
body.no-banners #page{padding:0;}
body.with-banners #page{padding:52px 0;}
#fixed{width:1024px;margin:0 auto;text-align:center;}
#page{text-align:left;width:960px;margin:0 auto;}
.column{display:inline;float:left;}
.wrap{clear:both;display:block;margin-left:auto;margin-right:auto;}
.pecas{letter-spacing:0.2px;text-transform:uppercase;}
.pecas ul{margin:5px 0;}
.pecas ul li{border-left:1px solid #323232;display:inline;float:left;line-height:8px;margin-top:2px;padding:0 3px 0 5px;}
.postscript{float:left;width:100%;}

/**
 * HEADER
 _______________________________________________________________________________________________________*/
#headerbox{color:#262425;/*height:120px;*/}
#headertop{background-color:#d6d6d6;font-size:11px;height:20px;line-height:12px;margin:1px auto;padding:2px 5px;}
#branding{height:105px;position:relative;vertical-align:middle;}
#logo{float:left;height:70px;margin:20px 0;width:460px;}
#logo a{float:left;}
#topleft{float:left;text-align:left;width:380px;}
#toprite{height:22px;max-width:430px;text-align:right;}
#toprite span.rss{float:right;margin:2px 10px 0 0;}


/**
 * FOOTER
 _______________________________________________________________________________________________________*/
/*---source asli---*/ 
/* #footer{clear:both;font-size:.74em;height:80px;text-transform:uppercase;}
#footer li{display:inline;list-style:none;margin:0;}
.temporights,#footer-message{float:right;}
#footer-message{float:left;width:100%;padding:10px 0;clear:both}
.footmenu li{border-right:1px solid #ccc;padding:0 5px;}
.footmenu li.first{padding:0 5px 0 0;}
.footmenu li.last{border-right:0;}
.footmenu{float:left;}
*/
/*---Source Editing---*/
#footer{clear:both;font-size:.74em;height:80px;text-transform:uppercase; margin:auto; padding:2px 5px;}
#footer li{display:inline;list-style:none;margin:0px;}
.temporights,#footer-message{float:left;}
#footer-message{float:left;width:100%;padding:10px 0;clear:both}
.footmenu li{border-right:1px solid #ccc;padding:0 5px;}
.footmenu li.first{padding:0 5px 0 0;}
.footmenu li.last{border-right:0;}
.footmenu{float:left;}

/**
 * MENU KANAL BAWAH MERAH
 _______________________________________________________________________________________________________*/
#kanal{background:#a8192d url(../images/layout/kanal-spacer.png) repeat-x top left;float:left;width:960px;}
#kanal a:hover{color:#f8e6e8;}
#kanal li{background:transparent url(../images/layout/kanal-border.png) repeat-y right top;float:left;line-height:22px;padding:0 8px;font-family:arial,sans-serif;font-weight:800;font-size:1.2em;}
#kanal li a.ti{background:transparent url(../images/logo/logoTI-kanal.png) no-repeat left top;border-right:2px solid #fff;float:left;height:44px;text-indent:-9999px;width:46px;}
#kanal li.first{border-right:0;padding:0;}
#kanal li.noborder{background:none;}

/**
 * GRID 16
 _______________________________________________________________________________________________________*/
#column,#gepok-bawah{background:transparent url(../images/layout/grid16/grid-main-front.gif) repeat-y;float:left}
#gepok-atas{background-position:left top}
#gepok-atas,#temposhop{background-image:url(../images/layout/grid16/grid-post.gif);background-repeat:repeat-y}
#temposhop{background-position:right top}
.column{overflow:hidden}
.container-16{margin-left:auto;margin-right:auto;width:960px}
.grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9,.grid-10,.grid-11,.grid-12,.grid-13,.grid-14,.grid-15,.grid-16{
display:inline;float:left;margin-left:10px;margin-right:10px;position:relative
}
.alpha{margin-left:0;}
.omega{margin-right:0;}

.grid-1{width:40px;}
.grid-10{width:580px;}
.grid-11{width:640px;}
.grid-12{width:700px;}
.grid-13{width:760px;}
.grid-14{width:820px;}
.grid-15{width:880px;}
.grid-16{width:940px;}
.grid-2{width:100px;}
.grid-3{width:160px;}
.grid-4{width:220px;}
.grid-5{width:280px;}
.grid-6{width:340px;}
.grid-7{width:400px;}
.grid-8{width:460px;}
.grid-9{width:520px;}
.pull-1{left:-60px;}
.pull-10{left:-600px;}
.pull-11{left:-660px;}
.pull-12{left:-720px;}
.pull-13{left:-780px;}
.pull-14{left:-840px;}
.pull-15{left:-900px;}
.pull-16{left:-960px;}
.pull-2{left:-120px;}
.pull-3{left:-180px;}
.pull-4{left:-240px;}
.pull-5{left:-300px;}
.pull-6{left:-360px;}
.pull-7{left:-420px;}
.pull-8{left:-480px;}
.pull-9{left:-540px;}

.push-1{left:60px;}
.push-10{left:600px;}
.push-11{left:660px;}
.push-12{left:720px;}
.push-13{left:780px;}
.push-14{left:840px;}
.push-15{left:900px;}
.push-2{left:120px;}
.push-3{left:180px;}
.push-4{left:240px;}
.push-5{left:300px;}
.push-6{left:360px;}
.push-7{left:420px;}
.push-8{left:480px;}
.push-9{left:540px;}

/**
 * OVERRIDE KOLOM UTAMA
 _______________________________________________________________________________________________________*/
#main.grid-7{width:380px;}
#main.push-4{left:250px;}
#sidebar-left img{max-width:240px;}
#sidebar-left.grid-4{width:240px;}
#sidebar-left.pull-7{left:-400px;}
#sidebar-right.grid-5{width:300px;}


