/* Original design: 1024px (v3.0 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund. For more information, see http://andreasviklund.com/templates/1024px/ */ /* General tags */ body {background:#FFFFFF url('images/bg1.jpg') repeat-x bottom center; font:80% tahoma,arial,sans-serif; margin:0 auto; padding:0;} a {color:#4088b8; font-weight:700; text-decoration:none;} a:hover {text-decoration:underline;} a img {border:0px none;} p {margin:0 0 18px 10px;} ul, ol, dl {font-size:0.9em; margin:2px 0 16px 35px;} ul ul, ol ol {margin:4px 0 4px 35px;} blockquote {border:1px solid #dadada; font-size:0.9em; margin:20px 10px; padding:8px;} blockquote p {margin:0;} /* Headers */ h1 {color:#000000; font-size:3.6em; letter-spacing:-3px; margin:0 0 20px 25px;} h1 a {color:#000000; text-transform:none;} h2 {border-bottom:4px solid #dadada; color:#4088b8; font-size:1.4em; letter-spacing:-1px; margin:0 0 10px; padding:0 2px 2px 5px;} h3 {border-bottom:1px solid #dadada; color:#4088b8; font-size:1.1em; font-weight:700; margin:10px 0 8px; padding:1px 2px 2px 3px;} h4 {color:#4088b8; font-size:1.2em; letter-spacing:-1px; margin:0 0 10px; padding:0 5px 2px 10px;} /* Main wrap */ #wrap {color:#404040; margin:20px auto; padding:0; width:970px;} #header {background-color: #000000; color:#404040; margin:0px 0px 0px;} #menu_utama {color:#404040; margin:0px 0px 0px;} #toplinks {font-size:0.9em; padding:4px 20px 2px 3px; text-align:right;} #toplinks a {color:white;} #slogan {color:gray; font-size:1.5em; font-weight:700; letter-spacing:-1px; line-height:1.2em; margin:15px 0 20px 35px;} /* Sidebar and menu */ #sidebar_left {float:left; line-height:1.4em; margin:-4px 20px 10px 0; padding:1px 0 0; width:180px;} #sidebar_left ul {font-size:0.9em; list-style:none; margin:0; padding:0 0 15px 10px;} #sidebar_left li {list-style:none; margin:0 0 4px; padding:0;} #sidebar_left li a {font-size:1.2em; font-weight:700; padding:2px;} #sidebar_left ul ul {line-height:1.2em; margin:4px 0 3px 15px; padding:0;} #sidebar_left ul ul li a {font-weight:400;} #sidebar_left h2 {margin:3px 0 8px;} /* Sidebar and menu */ #sidebar_left_kecil {float:left; line-height:1.4em; margin:-4px 20px 10px 0; padding:1px 0 0; width:180px;} #sidebar_left_kecil ul {font-size:0.8em; list-style:none; margin:0; padding:0 0 15px 10px;} #sidebar_left_kecil li {list-style:none; margin:0 0 4px; padding:0;} #sidebar_left_kecil li a {font-size:1.2em; font-weight:700; padding:2px;} #sidebar_left_kecil ul ul {line-height:1.2em; margin:4px 0 3px 15px; padding:0;} #sidebar_left_kecil ul ul li a {font-weight:400;} #sidebar_left_kecil h2 {margin:3px 0 8px;} /* Sidebar and menu */ #sidebar {float:left; line-height:1.4em; margin:0 0 5px; padding:1px 0 0; width:195px;} #sidebar ul {font-size:0.9em; list-style:none; margin:0; padding:0 0 15px 10px;} #sidebar li {list-style:none; margin:0 0 4px; padding:0;} #sidebar li a {font-size:1.2em; font-weight:700; padding:2px;} #sidebar ul ul {line-height:1.2em; margin:4px 0 3px 15px; padding:0;} #sidebar ul ul li a {font-weight:400;} #sidebar h2 {margin:3px 0 8px;} /* Main content */ #content {float:right; line-height:1.5em; margin:0; padding:0; text-align:left; width:750px;} #contentalt {float:left; line-height:1.5em; margin-right:20px; padding:0; text-align:left; width:750px;} #content h3, #contentalt h3 {margin:10px 0 8px;} #contentalt_left {float:left; line-height:1.5em; margin-right:20px; padding:0; text-align:left; width:500px;} #content h3, #contentalt_left h3 {margin:10px 0 8px;} #contentalt_right {float:left; line-height:1.5em; margin-right:10px; margin-top:-10px; padding:0; text-align:left; width:210px;} #content h3, #contentalt_right h3 {margin:10px 0 8px;} #contentalt_colomns {float:left; line-height:1.5em; margin-right:0px; padding:0; text-align:left; width:185px;} #content h3, #contentalt_colomns h3 {margin:10px 0 8px;} #content_clear {border-top:2px solid #dadada; clear:both; color:gray; font-size:0.9em; line-height:1.6em; margin:0 auto; padding:8px 0; text-align:right;} #contentalt_colomns_customized {float:left; line-height:1.5em; margin-right:0px; padding:0; text-align:left; width:250px;} #content h3, #contentalt_colomns_customized_kiri h3 {margin:10px 0 8px;} #content_clear {border-top:2px solid #dadada; clear:both; color:gray; font-size:0.9em; line-height:1.6em; margin:0 auto; padding:8px 0; text-align:right;} #contentalt_colomns3 {float:left; line-height:1.5em; margin-right:0px; padding:0; text-align:left; width:246px;} #content h3, #contentalt_colomns3 h4 {color:#E38C22; margin:10px 0 8px;} /* Footer */ #footer_banner {background-color: #FFFFFF; border-top:4px solid #dadada; clear:both; color:gray; font-size:0.9em; line-height:1.6em; margin: auto; padding:0px 0px; text-align:left;} #footer_banner p {margin:0; padding:0;} #footer_banner a {color:#808080;} #footer_company {background-color: #000000; border-top:0px solid #dadada; clear:both; color:gray; font-size:0.9em; line-height:1.6em; margin: 0px 0px 0px auto; padding:0px 0px 0px 10px; text-align:left;} #footer_company p {margin:0; padding:0;} #footer_company a {color:#808080;} #lstbox {position:relative; float:left; width:300px; background-color:transparent; font-size:10px;} #lstbox .bspc {padding-bottom:20px; clear:both; font-size:1px;} #lstbox .spacetp {position:relative; width:290px; height:2px; margin:0; padding:0; font-size:0;} #lstbox .tspttl {position:relative; width:290px; height:12px; margin:0; padding:0} #lstbox .ttl {position:relative; width:270px; background:#FF0000; font-family:arial,sans-serif; font-size:15px; font-weight:bold; color:#FFFFFF; margin:0 10px; padding:2px 0 2px 10px;} #lstbox .dscp {position:relative; width:270px; font-family:arial,sans-serif; font-size:12px; font-weight:bold; color:#808080; margin:5px 10px 0; padding:2px 0 2px 10px;} #lstbox .lst {position:relative; width:270px; font-family:arial,sans-serif; font-size:14px; font-weight:normal; color:#000000; margin:2px 10px; padding:2px 0 2px 10px;} #lstbox ul {margin:0; padding:0 0 0 20px;} #lstbox li {list-style-type:disc; margin:0; padding:1px 10px 1px 0;} #btwpsp {position:relative; float:left; width:450px; background:transparent; font-size:1px; } #btwp {position:relative; float:left; top:15px; width:450px; background-color:transparent; font-size:10px;} #btwp .bspc {padding-bottom:20px; clear:both; font-size:1px;} #btwp .ttl {position:relative; background:#0080FF; font-family:arial,helvetica,sans-serif; font-size:16px; font-weight:bold; text-align:left; color:#FFFFFF; margin:10px 5px; padding:1px 5px;} #btwp .leftw {position:relative; width:100px; font-family:arial,helvetica,sans-serif; font-size:14px; font-weight:bold; color:#DAA520; margin:0 0 0 10px; padding:0} #btwp .rightw {position:relative; font-family:arial,helvetica,sans-serif; margin:-15px 0 0; padding:0} #btwp .rightt {position:relative; font-size:12px; font-weight:bold; color:#DAA520; margin:0 0 0 120px; padding:0} #btwp .rightb {position:relative; font-size:10px; font-weight:normal; color:#000000; margin:0 0 0 120px; padding:0} #btwp .sep {font-size:0; margin:10px; border-bottom:1px dashed #808080;} #konsultasi_tekniksp {position:relative; float:left; width:310px; background:transparent; font-size:1px; } #konsultasi_teknik {position:relative; float:left; left:10px; width:300px; background:#FFFAF0 url("images/uds1.gif") repeat-x; font-size:10px;} #konsultasi_teknik .bspc {padding-bottom:20px; clear:both; font-size:1px;} #konsultasi_teknik .ttl {position:relative; height:25px; font-weight:bold; font-size:12px;background:#FF0000; font-family:arial;} #konsultasi_teknik .ttl p {position:relative; margin:0; padding:0; left:5px; top:3px;} #konsultasi_teknik .ttl a {text-decoration:none; color:#FFFFFF;} #konsultasi_teknik .bod {position:relative; color:#FF3C3C; background:transparent; font-family:arial; font-size:12px; margin:0; padding:3px 5px;} #konsultasi_teknik .bod a {text-decoration:none;color:#4088b8;} #konsultasi_teknik .bod .new a {text-decoration:none;color:#FF0000;} #news_bodysp {position:relative; float:left; width:460px; background:transparent; font-size:1px; } #news_body {position:relative; float:left; left:6px; width:440px; background-color:transparent; font-size:10px;} #news_body .bspc {padding-bottom:20px; clear:both; font-size:1px;} #news_body .ttl {position:relative; background:#0080FF; font-family:arial,helvetica,sans-serif; font-size:16px; font-weight:bold; text-align:left; color:#FFFFFF; margin:10px 5px; padding:1px 5px;} #news_body .leftw {position:relative; width:100px; font-family:arial,helvetica,sans-serif; font-size:14px; font-weight:bold; color:#DAA520; margin:0 0 0 10px; padding:0} #news_body .rightw {position:relative; font-family:arial,helvetica,sans-serif; margin:-15px 0 0; padding:0} #news_body .rightt {position:relative; font-size:12px; font-weight:bold; color:#DAA520; margin:0 0 0 120px; padding:0} #news_body .rightb {position:relative; font-size:10px; font-weight:normal; color:#000000; margin:0 0 0 120px; padding:0} #news_body .sep {font-size:0; margin:10px; border-bottom:1px dashed #808080;} #group2 {position:relative; float:left; clear:both; width:765px; height:200px; background-color:transparent; font-size:10px;} #fframesp {position:relative; float:left; width:256px; height:200px; background:transparent; font-size:1px; } #fframe {position:relative; float:left; left:10px; width:246px; height:200px; background-color:transparent; font-size:10px;} #fframe .fsh {position:relative; text-align:left; left:0; top:0;} #news_down2sp {position:relative; float:left; width:240px; height:200px; background:transparent; font-size:1px; } #news_down2 {position:relative; float:left; left:10px; width:230px; height:200px; background-color:#F5F5FF; font-size:10px;} #news_down2 .ttl {position:relative; height:20px; font-weight:bold; font-size:14px;background:transparent; font-family:arial;} #news_down2 .ttl p {position:relative; margin:0; padding:0; left:5px; top:3px;} #news_down2 .ttl a {text-decoration:none; color:#4088b8;} #news_down2 .udl {position:relative; height:2px; font-size:0; background:#4088b8; width:230px; left:0;} #news_down2 .bod {position:relative; color:#000000; background:transparent; height:180px; font-family:arial; font-size:12px; margin:0; padding:3px 5px;} #news_down2 .bod a {color:#4088b8; font-weight:700; text-decoration:none;} #news_down2 .bod img {float:left;border:0;padding-right:10px;} #news_down2 .bod h6 {float:none; margin:0; font-weight:bold; font-size:110%; padding:0 10px 0 0;} #news_down2 .bod p {float:none; font-size:10px; color:#000000;margin:0; padding:0 10px 0 0;} #news_down3sp {position:relative; float:left; width:240px; height:200px; background:transparent; font-size:1px; } #news_down3 {position:relative; float:left; left:10px; width:230px; height:200px; background-color:#F5F5FF; font-size:10px;} #news_down3 .ttl {position:relative; height:20px; font-weight:bold; font-size:14px;background:transparent; font-family:arial;} #news_down3 .ttl p {position:relative; margin:0; padding:0; left:5px; top:3px;} #news_down3 .ttl a {text-decoration:none; color:#4088b8;} #news_down3 .udl {position:relative; height:2px; font-size:0; background:#4088b8; width:230px; left:0;} #news_down3 .bod {position:relative; color:#000000; background:transparent; height:180px; font-family:arial; font-size:12px; margin:0; padding:3px 5px;} #news_down3 .bod a {color:#4088b8; font-weight:700; text-decoration:none;} #news_down3 .bod img {float:left;border:0;padding-right:10px;} #news_down3 .bod h6 {float:none; margin:0; font-weight:bold; font-size:110%; padding:0 10px 0 0;} #news_down3 .bod p {float:none; font-size:10px; color:#000000;margin:0; padding:0 10px 0 0;} #spclin {position:relative; float:left; clear:both; width:relative; height:20px; background-color:transparent; font-size:0;} /* Additional classes */ .box_colomn {background:#4088b8; border:1px solid #c8c8c8; color:#fff; font-size:0.9em; line-height:1.4em; padding:5px 5px 10px 10px;} .box_colomn3 {background:#EBAC5F; border:1px solid #E38C22; color:#fff; font-size:0.9em; line-height:1.4em; padding:5px 5px 10px 10px;} .box {background:#4088b8; border:1px solid #c8c8c8; color:#fff; font-size:0.9em; line-height:1.4em; padding:10px 10px 10px 13px;} .box a {color:#f0f0f0;} .left {float:left; margin:0 15px 4px 0;} .right {float:right; margin:0 0 4px 15px;} .readmore {margin:-10px 10px 12px 0; text-align:right;} .timestamp {color:#4088b8; font-size:0.8em; margin:-5px 0 0px 10px;} .timestamp a {font-weight:normal;} .blue {color:#4088b8;} .clear {clear:both;} .fade {color:#c8c8c8;} .gray {color:gray;} .photo {background:#fff; border:1px solid #bababa; margin:6px 18px 2px 5px; padding:2px;}