<data:blog.pageTitle/>
*/
#navbar { display: none; }
body {
background: $bgColor;
margin: 0;
padding: 0px;
font-family:Georgia,"Times New Roman",Times,serif;
text-align: left;
color: $textColor;
font-size/* */:/**/small;
font-size: /**/small;
}
a:link, a:visited {
color: #353535;
text-decoration:none;
}
a:hover {
color:#7F7154;
text-decoration:underline;
}
a img {
border-width: 0;
}
#outer-wrapper {
font: $bodyFont;
}
/* Header
----------------------------------------------- */
#header-wrapper {
margin:0;
padding: 0;
text-align: $startSide;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA2OiVaV6ymrwv9e1zEFoQGYWzckE3XVSsS_RkxJXtn5WIXYuu2kBohOOLRenDFFWFhFNmkuhB9NomLXb6GHwQ_tpOJB8sQuvW0hPWaBH4jX_yvpPN6TQ1jPonplvcPzjrEPGLba1cdjk/s1600/pagebackground.jpg) repeat-y top center;
}
#header {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBDiwj9-Zzg8b4X0EVx-4bNoyMtZOFdsDE_O_aFNYh42Jrfwt6g26nAWPXcwZ0SlOInNjG3FYqSZtFWz1nU7nCd92fuml8n391G80u2_ZnhitzOInZhJjMGsd9L98j-cogwUK98L2Xw4U/s1600/topbkg.jpg);
background-position:center top;
background-repeat:no-repeat;
margin:0 auto;
padding-top:66px;
position:relative;
width:960px;
}
#header img {
max-width:855px}
}
h1.title {
padding-top: 38px;
margin: 0 14px .1em;
line-height: 1.2em;
font-size: 150%;
}
h1.title a, h1.title a:visited {
text-decoration: none;
color:#333333;
}
#header-inner {
padding:0 40px;}
#header .description {
display: block;
margin: 0 14px;
padding: 0 0 40px;
line-height: 1.4em;
font-size: 50%;
}
/* Menu
----------------------------------------------- */
#Menumainwrap {
height:42px;
margin-bottom:10px;
padding:0;
}
#NavbarMenux {
width: 900px;
height: 40px;
padding: 0;
margin: 0 auto;
background:#1A1510;
}
#NavbarMenuleftx {
width: 890px;
margin: 0;float:left;
padding-left:10px;}
#navx { margin: 0;
padding: 0; }
#navx ul {
float: left;
list-style: none;
margin: 0;
padding: 0; }
#navx li {
list-style: none;
margin: 0px;
padding: 0; }
#navx li a,
#navx li a:link,
#navx li a:visited {
height: 22px;
color:#F5F5E1;
display: block;
font-size: 100%;
text-decoration: none;
margin: 0;
font-family:Georgia,"Times New Roman",Times,serif;
padding:5px 13px 9px 13px;
line-height:28px;
font-size:14px;
font-weight:bold;
}
#navx li a:hover,
#navx li a:active {
color: #CFCFC2;
margin: 0;
text-decoration: none;
}
#navx li li a, #nav li li a:link,
#navx li li a:visited {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8KIOpAhbRw3Bn3w_9VKcshLd8xKRnAXXTdFjTpfVxVgAXzalkNTI-QPaqf41cgNFpiD_Zyml5_jSNZl2m7rHEKEFWXKzcCvvE960krq2no1-dxstP043jEFneVCW-IDmP9_p5YEShnco/s1600/dropdown-bg.png) repeat-x scroll 0 0 #1F1F1F;
min-width: 150px;
color: #ffffff;
font-size: 14px;
font-weight: normal;
float: none; margin: 0;
padding: 0 10px;
font-family:arial;
box-shadow: 0px 3px 3px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.8);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.8);
text-align:left;
}
#navx li li a:hover,
#navx li li a:active {
color: #CFCFC2;
}
#navx li {
float: left;
padding: 0; }
#navx li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin:0;
padding: 0;
border-top:1px solid #242424;
}
#navx li ul a {
width: 140px; }
#navx li ul ul {
margin: -36px 0 0 176px;
border:none;}
#navx li:hover ul ul,
#navx li:hover ul ul ul, #navx li.sfhover ul ul,
#navx li.sfhover ul ul ul {
left: -999em; }
#navx li:hover ul,
#navx li li:hover ul,
#navx li li li:hover ul,
#navx li.sfhover ul,
#navx li li.sfhover ul,
#navx li li li.sfhover ul {
left: auto; }
#navx li:hover,
#navx li.sfhover {
position: static; }
/* Slider
----------------------------------------------- */
#slider h2 {
color: #F6F6E2;
margin-bottom: 10px;
padding: 10px;
background:#18130E;
font-size: 125%;
font-weight: bold;
}
#bonardslider{border: 3px solid #191410;width:594px;float:left;padding:10px;margin-bottom:5px;}
#slider {height:300px;overflow:hidden;width:594px;}
.coin-slider { overflow: hidden; zoom: 1; position: relative; } .coin-slider a{ text-decoration: none; outline: none; border: none; } .cs-buttons { font-size: 0px; padding: 10px; float: left; } .cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; } .cs-active { background-color: #B8C4CF; color: #FFFFFF; } .cs-title { width: 594px; padding: 10px; background-color: #000000; color: #FFFFFF; } .cs-prev, .cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }
/* Content
----------------------------------------------- */
.clear {
clear: both;
}
#content-wrapper {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA2OiVaV6ymrwv9e1zEFoQGYWzckE3XVSsS_RkxJXtn5WIXYuu2kBohOOLRenDFFWFhFNmkuhB9NomLXb6GHwQ_tpOJB8sQuvW0hPWaBH4jX_yvpPN6TQ1jPonplvcPzjrEPGLba1cdjk/s1600/pagebackground.jpg);
background-repeat:repeat-y;
margin:0 auto;
position:relative;
width:960px;font-family:Georgia,"Times New Roman",Times,serif;
}
#content-wrapper-in {
width:900px;
margin: 0 auto;
}
#main-wrapper {
width: 620px;
float: $startSide;
display: inline; /* fix for doubling margin in IE */
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: 275px;
float: $endSide;
display: inline; /* fix for doubling margin in IE */
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, h3 {
margin: 0;
}
/* Posts
----------------------------------------------- */
.date-header {
display:none;
}
.post {
margin-bottom: 5px;
padding-bottom: 1.5em;
border: 3px solid #191410;
padding:10px;
font-family:Georgia,"Times New Roman",Times,serif;
}
.post-title {
margin: 0;
padding: 0;
font-size: 125%;
font-weight: bold;
line-height: 1.1em;
background:#18130E;
padding:10px;
}
.post-title a, .post-title a:visited, .post-title strong {
text-decoration: none;
color: #F6F6E2;
font-weight: bold;
}
.post-title a:hover {
color:#CFCFC2;
}
.post div {
margin: 0 0 .75em;
line-height: 1.3em;
}
.post-footer {
margin: -.25em 0 0;
color: $textColor;
font-size: 87%;
}
.post-footer .span {
margin-$endSide: .3em;
}
.post img, table.tr-caption-container {
}
.tr-caption-container img {
border: none;
padding: 0;
}
.post blockquote {
margin: 1em 20px;
}
.post blockquote p {
margin: .75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {text-transform:capitalize;
color: #F6F6E2;
font-size: 125%;
font-weight: bold;
margin: 1em 0;
}
#comment-post-message {width:575px;
}
#kolom h4 {
background:#18130E;
padding:10px;
}
#comments {border: 3px solid #191410;
padding:10px;}
#comments-block {
margin: 1em 0 1.5em;
line-height: 1.3em;
}
#comments-block dt {
margin: .5em 0;
}
#comments-block dd {
margin: .25em 0 0;
}
#comments-block dd.comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
font-size: 78%;
}
#comments-block dd p {
margin: 0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
#blog-pager{
width:615px;
}
#blog-pager-newer-link {
float: $startSide;
}
#blog-pager-older-link {
float: $endSide;
}
#blog-pager {
text-align: center;
border: none;
color: #F6F6E2;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar h2 {
color: #F6F6E2;
margin: 10px;
padding: 10px;
background:#18130E;
font-size: 125%;
font-weight: bold;
font-family:Georgia,"Times New Roman",Times,serif;
}
.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar li {
margin: 0;
padding-top: 0;
padding-$endSide: 0;
padding-bottom: .5em;
padding-$startSide: 15px;
text-indent: -15px;
line-height: 1.5em;
}
.sidebar {
color: $textColor;
line-height:1.3em;
}
.sidebar .widget {
margin-bottom: 5px;
border: 3px solid #191410;
}
.sidebar .widget-content {
margin: 10px;
}
/* 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-weight: bold;
line-height: 1.6em;
font-size: 78%;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
/* Footer
----------------------------------------------- */
#footer {
clear: both;
text-align: center;
color: $textColor;
}
#footer .widget {
margin:.5em;
padding-top: 20px;
font-size: 85%;
line-height: 1.5em;
text-align: $startSide;
}
/* Page Navigation
----------------------------------------------- */
.showpageArea {
margin: 10px;
padding: 10px;
background:#18130E;
font-size: 125%;
font-weight: bold;
font-family:Georgia,"Times New Roman",Times,serif;
}
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
border: 1px solid #7F7154;
background-color:#7F7154;
text-decoration:none;
margin:0 3px;
padding:3px;
color:#F6F6E2;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
color:#18130E;
}
.showpagePoint {
border: 1px solid #cccccc;
background-color:#cccccc;
color:#18130E;
text-decoration:none;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
color:#F6F6E2;
}
.showpage a {
text-decoration:none;
padding:3px;
border: 1px solid #7F7154;
background-color:#7F7154;
color:#F6F6E2;
}
.showpage a:hover {
text-decoration:none;
border: 1px solid #cccccc;
background-color:#cccccc;
color:#18130E;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
}
/* Widget footer
----------------------------------------------- */
#credit {
position:relative;
width: 900px;
margin: 0 auto;
padding-top: 15px;
text-align: center;
font-size:11px;
font-family:Georgia,"Times New Roman",Times,serif;
}
#distorsi-wrapper {
width: 900px;
margin: 0 auto;
clear: both;
word-wrap: break-word;
overflow: hidden;
text-align:left;
line-height:20px;
font-family:Georgia,"Times New Roman",Times,serif;
}
#distorsi-wrapper h2 {
color: #F6F6E2;
margin: 10px 0;
padding: 10px;
background:#18130E;
font-size: 125%;
font-weight: bold;
}
#distorsi1,
#distorsi2,
#distorsi3 {
display:block;
float:left;
width:269px;
padding:0 10px 10px 10px;
border: 3px solid #191410;
}
#distorsi2 {
margin:0 5px;
}
]]>
