<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;
}
]]>
skip to main |
skip to sidebar
