<data:blog.pageTitle/> */ #navbar-iframe { display : none; height : 0; visibility : hidden; } body { background:$bgcolor; margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center; } a:link { color:#6151FF; text-decoration:none; } a:visited { color:$visitedlinkcolor; text-decoration:none; } a:hover { color:$titlecolor; text-decoration:underline; } a img { border-width:0; } /* Header ----------------------------------------------- */ #post-dpn { padding : ; } #post-dpn .utama { float:left; width:550px; height:250px; overflow:hidden; background: url(http://i44.tinypic.com/1zec8x4.png); font-size:12px; line-height:15px; color:#000; margin:0px 0 10px 0px ; padding : 0px; border:1px solid #8D81FF; } #post-dpn .utama h3 { padding:0 0 2px; display:block; margin:0; color:#000; font-size:12px; line-height:15px; font-weight:bold; background:; width:535px; border-bottom: 4px Double #8D81FF; } #post-dpn .utama h3 a:visited { color:#000; text-decoration:none; } #post-dpn .utama h3 a:link { color:#000; text-decoration:none; } #post-dpn .utama h3 a:hover { color:#6151FF; text-decoration:underline; font-style: italic; } #post-dpn .utama .wkt { font-size:10px; color:#939072; line-height:12px; display:block; padding:3px 0 0; } #post-dpn .upper { height:225px; overflow:hidden; padding:5px 5px 0; position:relative; } #post-dpn .fade { position:absolute; top:195px; left:0px; width:550px; height:60px; background:url(http://i43.tinypic.com/10f27fr.png); border-bottom:; } #post-dpn .utama .upper .intro-post { margin:3px 0; } #post-dpn .btn-readon a { display:block; float:right; width:55px; height:19px; background:; font-size:10px; overflow:hidden; text-indent:; margin:2px 38px 0 0px; text-align: right; color:#ffffff; } #post-dpn .lower-meta a { display:block; float:right; width:70px; height:19px; background:; font-size:10px; overflow:hidden; text-indent:; margin:2px 50px 0 0px; text-align: left; color:#ffffff; } #post-dpn .postby { display:block; float:left; width:; height:19px; background:; font-size:10px; overflow:hidden; text-indent:; margin:2px 0px 0 32px; text-align: left; color:#ffffff; } #post-dpn img { max-width: 120px; } #blog-posts { padding:30px 0 30px 4px; width:550px; color:#c0c0b4; font-size:11px; line-height:16px; background:#ebebeb; } #ca-wrapper { background:; width: 980px; float: $startSide; margin: 5px 0 0px 0px; border:; background:; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #c1-wrapper { background:; width: 555px; float: $startSide; margin: 0px 10px 0 0; background:; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #ads1 { width: 350px; margin-right: 3px; padding-left: 5px; padding-top: 10px; float: right; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #hot-news { margin:3px 5px 3px 0px; padding:; border:; text-align:$startSide; font: $bodyfont; float: $startSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #hot-news2 { margin:3px 5px 3px 0px; padding:; border:; text-align:$startSide; font: $bodyfont; float: $startSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #hot-news3 { margin:3px opx 3px 5px; padding:; border:; text-align:$startSide; font: $bodyfont; float: $endSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } .hot-news { color: $sidebartextcolor; line-height: 1.5em; } .hot-news ul { list-style:none; margin:0 0 0; padding:0 0 0; } .hot-news li { margin:0; padding-top:0; padding-$endSide:0; padding-bottom:.25em; padding-$startSide:15px; text-indent:-15px; line-height:1.5em; } .hot-news .widget { border-bottom:4px double #8D81FF; margin:0px 0 0px 0; padding:5px; width: 305px; height: 300px; overflow: auto; } .hot-news h2 { border-bottom:1px dashed #8D81FF; margin:1px 1px 5px 1px; line-height: 1.5em; font: $pagenewsfont; color: #000000; } #header-wrapper { width:100%; margin:0; border:; background:#fff url(http://i41.tinypic.com/ot296t.png)top repeat-x; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #header-wrapper2 { width:980px; margin:0 auto; border:; background:; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #header-inner2 { background-position: center; width:470px; float: right; margin-top: 3px; margin-bottom: auto; margin-right: 5px; background:; } #header-inner { background-position: center; width:495px; float: left; border:; margin-left: 5px; background:; } .header { margin: 5px; border: ; text-align: left; color:#000; } .header h1 { margin:5px 0px 5px 0px; padding:0px; line-height:1.2em; text-transform:uppercase; letter-spacing:.2em; font: $pagetitlefont; font-size:20px; } .header a { color:#000; text-decoration:none; } .header a:hover { color:#000; } .header .description { margin:0px 0px 10px 0px; padding:0 0px 0px; max-width:450px; text-transform:uppercase; letter-spacing:.2em; line-height: 1.4em; font: $descriptionfont; color: #000; } .header img { margin-$startSide: auto; margin-$endSide: auto; } /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 980px; margin:0 auto; padding:; text-align:$startSide; font: $bodyfont; } #main-wrapper { width: 555px; float: $startSide; margin-right: ; border:; background:; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #allsidebar-wrapper{ padding:; width: 414px; float: right; background:; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar-wrapper { width: 200px; margin-right: 10px; margin-top: 0px; padding-left: 0px; border:; float: left; background:; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar-wrapper2 { margin-top: 0px; border:; width: 200px; float: right; background:; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar-wrapper3 { margin-bottom: 10px; border:1px solid #8D81FF; width: 412px; float: right; background:; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar-wrapper4 { margin-bottom: 10px; width: 412px; float: right; background:; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } /* Headings ----------------------------------------------- */ h2 { margin:1.5em 0 .75em; font:$headerfont; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color:$sidebarcolor; } /* Posts ----------------------------------------------- */ h2.date-header { margin:0px 0 0px 3px; font-size:9px; } .post { margin:.5em 0 1.5em; border-bottom:1px dotted #8D81FF; } .post h3 { margin:3px 3px 3px 3px; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; color:#0D0087; border-bottom: 2px solid #8D81FF; } .post h3 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none; color:#8D81FF; font-weight:normal; } .post h3 strong, .post h3 a:hover { color:$titlecolor; text-decoration:underline; } .post-body { margin:0 0 .75em; line-height:1.6em; padding: 5px; } .post-body blockquote { line-height:1.3em; } .post-footer { margin: .75em 0; color:$sidebarcolor; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; line-height: 1.4em; } .comment-link { margin-$startSide:.6em; } .post img { padding:4px; border:1px solid $bordercolor; } .post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } /* Comments ----------------------------------------------- */ #comments h4 { margin:1em 0; font-weight: bold; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color: $sidebarcolor; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block .comment-author { margin:.5em 0; } #comments-block .comment-body { margin:5px 0 10px 0; border:1px solid #8D81FF; padding:10px; } #comments-block .comment-body p { margin:0 0 5px; } #comments-block .comment-footer { margin:-.25em 0 2em; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; } .deleted-comment { font-style:italic; color:gray; } .comment-body-author { background: #E3E0FF; border-left:5px solid #8D81FF; margin:0; padding:0 0 0 20px; } #blog-pager-newer-link { float: $startSide; } #blog-pager-older-link { float: $endSide; } #blog-pager { text-align: center; } .feed-links { clear: both; line-height: 2.5em; } /* Sidebar Content ----------------------------------------------- */ .sidebar { color: $sidebartextcolor; line-height: 1.5em; } .sidebar ul { list-style:none; margin:0 0 0; padding:0 0 0; } .sidebar li { margin:0; padding-top:0; padding-$endSide:0; padding-bottom:2px; padding-$startSide:18px; line-height:1.5em; background:url(http://i40.tinypic.com/x26lj9.png) no-repeat ; } .sidebar .widget { border-bottom:; margin:0px 0px 10px 0px; padding:5px 2px 5px 2px; border:1px solid #8D81FF; background:; } .sidebar h2 { background:#8D81FF; color:#ffffff; font-size:11px; margin-top:2px; padding-right: 2px; padding-left: 2px; line-height: 15px; border:1px Solid #0D0087; } .main .Blog { border-bottom-width: 0; } /* Profile ----------------------------------------------- */ .profile-img { float: $startSide; margin-top: 0; margin-$endSide: 5px; margin-bottom: 5px; margin-$startSide: 0; padding: 4px; border: 1px solid $bordercolor; } .profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; color: $sidebarcolor; font-weight: bold; line-height: 1.6em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.6em; } .profile-link { font: $postfooterfont; text-transform: uppercase; letter-spacing: .1em; } /* Footer ----------------------------------------------- */ #footer { width:660px; clear:both; margin:0 auto; padding-top:15px; line-height: 1.6em; text-transform:uppercase; letter-spacing:.1em; text-align: center; } #footer2 { clear: both; float:left; width: 315px; margin-right: 10px; background:#8D81FF; text-align: center; } #footer3 { float:left; background:#8D81FF; width: 320px; margin-right: 10px; text-align: center; } #footer4 { float:left; width: 315px; margin-right: 10px; background:#8D81FF; text-align: center; } .footerb { line-height: 1.5em; } .footerb ul { list-style:none; margin:0 0 0; padding:0 0 0; } .footerb li { margin:0; padding-top:0; padding-$endSide:0; padding-bottom:.25em; padding-$startSide:15px; text-indent:-15px; line-height:1.5em; } .footerb .widget { border-bottom:1px dotted #fff; margin:0px 0px 10px 0px; padding:5px 2px 5px 2px; color:#fff; } .footerb .widget a { color:#fff; } .footerb .widget a:hover { color:#000; } .footerb h2 { border-bottom:2px Solid #0D0087; margin-top:0px; background:#ffffff; color:#8D81FF; font-size:11px; margin-top:2px; padding-right: 2px; padding-left: 2px; line-height: 15px; } #menu-wrapper { margin:0px 0px 0px 0px; height:30px; width:100%; background:#0D0087 ; } #menu { margin:0 auto; padding-left:38px; height:30px; width:945px; display:block; position:center; background:#0D0087 url(http://i41.tinypic.com/2cqmctf.png) no-repeat left; } #menu-cari { float:right; display:inline; padding:3px 5px 0 0; } .rss { float: right; color: #ffffff; width: 20px; height: 20px; line-height: 24px; margin-right: 10px; padding-top: 5px; } .search { float: right; color: #ffffff; width: 278px; height: 30px; line-height: 24px; text-align: center; padding-top: 3px; } .searchForm { float: right; padding: 0px 0px 0px 0px; background: none; margin-right: 10px; } .searchBlank { width: 170px; margin: 0; padding: 0px 0px 0px 0px; } .searchButton { background: url(http://i40.tinypic.com/b3llyb.png); border: none; width: 20px; padding: 0px 0px 0px 0px; margin: 0px; cursor: pointer; height: 20px; font-weight: bold; color: #FFFFFF; font-size: 12px; } .searchButton:hover { color: #ffffff; width: 20px; height: 20px; text-decoration: none; } #menu ul { padding:0; margin:0; } #menu ul li { padding:0; margin:0; list-style:none; display:block; float:left; color:#8D81FF; } #menu ul li a { float:left; margin-right:5px; padding-left:5px; display:block; color:#0D0087; text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; background:#fff; line-height:30px; padding-right:5px; border-top:1px solid #8D81FF; border-left:1px solid #8D81FF; border-right:1px solid #8D81FF; border-bottom:; min-width:50px; } #menu ul li a:hover { display:block; background-position:0px -60px; color:#1D05FF ; background:#D7D3FD; } #menu ul li a.active, .menu li a.active:hover { padding-left:5px; line-height:30px; color:#0D0087; display:block; } #menu ul li ul { display:none; } #menu ul li:hover ul, #menu ul li.hover ul { position: absolute; max-width:175px; display: block; background:#D7D3FD; margin:0px; clear:left; margin-top:30px; } #menu ul li:hover ul li, #menu ul li.hover ul li { width:175px; float: left; background: ; display: block; } #menu ul li:hover ul li a, #menu ul li.hover ul li a { border-top:1px dotted #fff; background:#0D0087; width:175px; display:block; text-align: left; color:#fff; } #menu ul li:hover ul li a:hover, #menu ul li.hover ul li a:hover{ background:#D7D3FD; display:block; color:#0D0087; } #Banner-ads { margin:0px; padding: ; text-align: center; width : 413px; } #Banner-ads img { margin: 5px 0px 0px 3px; padding: 2px; width : 90px; height : 90px; text-align: center; border: 1px solid #c0c0c0; } #Banner-ads img:hover { margin: 5px 0px 0px 3px; padding: 2px; text-align: center; border: 1px solid #333; } #credit { background: #0D0087; width: 100%; height:20px; margin: 0px 0 0 0; padding: 0px; float:left; text-align: center; } #credit p { color: #fff; font-size: 11px; margin: 0px; padding: 0px 10px 0px 10px; } #credit a, #footer a:visited { color: #fff; text-decoration: none; } #credit a:hover { text-decoration: underline; } #credit a img { border: none; margin: 0px 0px 0px 10px; padding: 0px; } .breadcrumbs { padding:5px 5px 5px 3px; margin: 0 0 5px; font-size:10px; line-height: 1.4em; border-bottom:3px double #8D81FF; border-top:3px double #8D81FF; } div.TabView div.Tabs { height: 24px; overflow: hidden; } div.TabView div.Tabs a { float: left; display: block; width: 90px; text-align: center; height: 24px; padding-top: 3px; margin-right:2px; vertical-align: middle; border: 1px solid #8D81FF; border-bottom-width: 0; text-decoration: none; font-family: "Times New Roman", Serif; font-weight: 900; color: #000; background-color:#DBD7FF; } div.TabView div.Tabs a:hover { background-color:#C2BCFF; } div.TabView div.Tabs a.Active { color: #ffffff; background-color: #958AFF; } div.TabView div.Pages { clear: both; border: 1px solid #8D81FF; overflow: hidden; background-color: #DBD7FF; } div.TabView div.Pages ul { list-style:none; margin:0 0 0; padding:0 0 0; } div.TabView div.Pages li { margin:0; padding-top:0; padding-$endSide:0; padding-bottom:2px; padding-$startSide:18px; line-height:1.5em; background:url(http://i40.tinypic.com/x26lj9.png) no-repeat ; } div.TabView div.Pages div.Page { height: 100%; padding: 0px; overflow: hidden; } div.TabView div.Pages div.Page div.Pad { padding: 3px 5px; } ]]>

Read Full 1