@import url(http://fonts.googleapis.com/css?family=Asul|Wellfleet);
@charset "utf-8";
/*
Theme Name:G-RedBlues
Theme URL:http://iblogger.web.id/
Author:Moch. Iqbal Chahyadi
*/
*{
font-family: Asul, Arial, Verdana, serif;
padding:0;
margin:0;	
}
.webq{
overflow:visible;
display:inline-block;
padding:1px 9px 5px 17px;
}
.webq h1{
font: 55px Wellfleet, Arial, sans-serif;
color: #970000;
font-weight:bold;
font-variant: small-caps;
text-shadow: 3px 5px 3px #650000, 0 0 10px rgba(255,255,255,0.7);
}
.judulc,.judulc a{
font-family: Wellfleet, Arial, Verdana, serif;
}
body{
background:#d8d8d8;
margin:10px;
font:79%/1.4em  Asul, Arial, Verdana, serif;
color:#333;
}
a:link img,a:visited img,a:hover img,a:active img{
border:none;
padding:4px;	
}
a{text-decoration:none;}
a:visited{color:#4d4d4d;}
a:link{color:#015A66;}
a:hover{color:#015A88;}
.clear{
clear:both;
height:20px;
}
p{ 
padding-bottom:7px;
line-height:1.6em;
}
h1, h2, h3, h4, h5, h6{
color:#015A66;
}
#container{
background:#ffffff;
margin:auto;
width:861px;
position:relative;
text-align:justify;
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:9px;
-moz-border-radius:17px;
}
#duwur{
background-color:black;
overflow:hidden;
border-top:0px solid;
border-right:0px solid;
border-left:0px solid;
margin:0 auto;
}
#gudlux_wrapping{
float:left;
display:block;
margin:4px 7px 2px 0;
}
#header{
clear:both;
margin:0 auto;
position:relative;
text-align:left;
padding:15px 0px 3px 0px;
}
#header h1{
margin:27px 0 0 0;
font-size:2.81em;
letter-spacing:0px;
}
#header h1 a{
text-decoration:none;	
border:0px;
text-shadow:-1px 1px 5px #bc4f4f;
}
#content{
margin:auto;
position:relative;
}
#content h4{
font-size:121%;
margin:1em 0 0 0;
color:black;
}
#content h5{
font-size:111%;
margin:1em 0 0 0;
}
#content-all ul{
margin:0 23px 0 0;
padding-top:9px;
padding-left:33px;
list-style-image:url(gambar/bulletz.gif);
}
#content-all ul.asides{
margin:0;
padding:2em;
border-bottom:#ddd 1px solid;
}
#content ol{
list-style-type:decimal;
margin:1em;
padding-left:2em;
}
#content-all{
float:left;
width:523px;
text-align:justify;
}
html #section-index #content-all{
margin-right:0px;
}
html #section-index #content-img{
margin-right:0px;
}
#content .post{
padding-left:10px;
}
#content h2{
letter-spacing:0px;
color:#015A66;
}
#content h3{
font-size:1.8em;
margin:1em 0 0;	
font-weight:normal;
line-height:1.4em;	
letter-spacing:0px;
color:#015A66;
}
#content .entry{
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#content .entry a:link, #content .entry a:visited{
border-bottom:#015A66 1px; 
}
#content .entry a:hover, #content .entry a:active{
border: none;
}
#content .entry li{
margin:0 0 0.3em 0;
padding:0;
line-height:1.6em;
}
#content .keteranganpost{
font-size:0.83em;
text-align:left;
margin:0;
}
#content .post-info{
clear:both;
font-size:0.9em;
color:#999;
margin:0;
padding:0;
}
#content .post-info, #content h2.pagetitle{
padding-bottom:15px;
}
input.gudluxbox{
box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:9px;
-moz-border-radius:17px;
border:#78ade1 1px solid;
background:url(gambar/btn-gudlux-navig.gif) repeat-x top;
font-size:1.4em;
padding:1px;
width:70px;
}
input.gudluxsearch{
border:#78ade1 1px solid;
font-size:1.4em;
padding:1px;
width:300px;
-moz-border-radius:9px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:3px;
}
input.gudluxbox1, textarea{
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-moz-background-clip:padding;
-webkit-background-clip:padding-box;
background-clip:padding-box;
-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.4);
box-shadow:1px 1px 2px rgba(0, 0, 0, 0.4);
border:none;
background-color:#ededed;
background-image:-moz-linear-gradient(top, #ededed, #d6d6d6);
background-image:-o-linear-gradient(top, #ededed, #d6d6d6);
background-image:-webkit-gradient(linear, left top, left bottom, from(#ededed), to(#d6d6d6));
background-image:-webkit-linear-gradient(#ededed, #d6d6d6);
background-image:linear-gradient(top, #ededed, #d6d6d6);
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ededed', EndColorStr='#d6d6d6');
color:#222222;
text-shadow:0 1px 0 rgba(255, 255, 255, 0.9);
font-weight:bold;
font-size:15px;
padding:5px 10px;
cursor:pointer;
}
input.gudluxbox1, textarea:hover{
-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.6);
-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.6);
box-shadow:1px 1px 2px rgba(0, 0, 0, 0.6);
text-decoration:none !important;
}
input.gudluxbox2{
border:#78ade1 1px solid;
font-size:1.1em;
padding:1px;
width:95px;
-moz-border-radius:9px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:3px;
}
textarea.aksesoris{
width:51%;
padding:1px;
height:77px;
border:1px solid #eee;
}
textarea{
width:83%;
padding:10px;
height:15em;
}
.post h4{
font-size:1em;
font-weight:normal;
}
.post h4 em{
font-style:normal;
float:right;
font-weight:normal;
}
#randomize{
clear:both;
font-size:1em;
width:710px;
text-align:center;
color:#999;
margin:0 0 0 0;
padding:17px 0 0 0;
}
#header, #content, #sidebar{
overflow:hidden;
}
#sidebars{
width:261px;
margin:4px 13px 11px 17px;
overflow:hidden;
float:left;
border:1px solid #FFF;
}
#sidebars h2{
font-family: Asul, Arial, sans-serif;
font-size:17px;
font-weight:bold;
display:block;
float:left;
width:249px;
margin-top:17px;
padding:2px;
overflow:hidden;
border-bottom:1px dashed #ccc;
text-align:left;
color:#333333;
}
.sideq{
float:left;
list-style-type:none;
text-align:left;
margin:0px;
width:100%;
padding:0px;
color:#333333;
}
.sideq li{
float:left;
text-align:left;
margin:0px;
width:100%;
padding:0px;
color:#333333;
}
.sideq li a:link, .sideq li a:visited{
width:249px;
display:block;
padding:4px;
text-decoration:none;
overflow:hidden;
text-align:left;
border-bottom:1px solid #eee;
}
.sideq li a:hover{
width:249px;
text-decoration:none;
display:block;
overflow:hidden;
text-align:left;
padding:5px;
border-bottom:1px solid #eee;
background:#bfbfbf;
transform:rotate(3deg);
-o-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-webkit-transform:rotate(3deg);
}
.sideq ul li{
text-align:left;
font-weight:100;
color:#333333;
margin:0px;
padding:9px;
}
.sideq ul{
list-style-type:none;
text-align:left;
margin:0px;
padding:9px;
color:#333333;
}
.sideq ul li a:link, .sideq ul li a:visited{
width:190px;
display:block;
padding:5px;
text-decoration:none;
overflow:hidden;
text-align:left;
border-bottom:1px solid #eee;
}
.sideq ul li a:hover, .sideq ul li a:active{
width:190px;
text-decoration:none;
display:block;
overflow:hidden;
text-align:left;
padding:5px;
background-color:#f8f8f8;
border-bottom:1px solid #eee;
}
#d_sidebars{
width:200px;
margin-top:15px;
margin-left:2px;
margin-right:5px;
margin-bottom:10px;
overflow:hidden;
float:right;
border:1px solid #ccc;
}
#d_sidebars h2{
display:block;
float:left;
width:200px;
margin:0px;
padding:4px;
overflow:hidden;
font-family:Asul, Arial;
font-size:14px;
font-weight:normal;
border-bottom:1px solid #ccc;
text-align:left;
color:#333333;
}
#gcomment{
float:left;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-moz-background-clip:padding;
-webkit-background-clip:padding-box;
background-clip:padding-box;
-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.4);
box-shadow:1px 1px 2px rgba(0, 0, 0, 0.4);
margin-bottom:9px;
border:none;
background-color:#ededed;
background-image:-moz-linear-gradient(top, #ededed, #d6d6d6);
background-image:-o-linear-gradient(top, #ededed, #d6d6d6);
background-image:-webkit-gradient(linear, left top, left bottom, from(#ededed), to(#d6d6d6));
background-image:-webkit-linear-gradient(#ededed, #d6d6d6);
background-image:linear-gradient(top, #ededed, #d6d6d6);
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ededed', EndColorStr='#d6d6d6');
width:100%;
}
.gcom{
overflow:visible;
display:inline-block;
margin:0 auto 20px;
padding:13px 10px 0 10px;
}
.gcom a:hover{
color:#BC4F0C;
text-decoration:none;
}
a:link, a:visited{color:#8d0b;}
#home{
height:30px;
line-height:normal;
display:inline-block;
float:left;
overflow:hidden;
}
#ing_info{
float:left;
overflow:hidden;
display:inline-block;
width:450px;
font-size:20px;
color:#069;
height:30px;
line-height:44px;
clear:left;
padding:7px;
}
#ing{
overflow:hidden;
display:inline-block;
height:30px;
border:1px solid #cfd9e2;
top:0;
margin:0 auto 10px;
}
#ing a{
color:#666;
line-height:18px;
text-decoration:none;
}
#ing a:hover{
color:#43afd2;
border-bottom-width:1px;
border-bottom-style:dashed;
border-bottom-color:#43afd2;
}
.gudlux_left{
float:left;
text-align:left;
font-size:12px;
font-weight:normal;
width:80%;
}
.gudlux_right{
float:right;
text-align:right;
font-weight:normal;
font-size:10px;
letter-spacing:0;
width:19%;
white-space:nowrap;
}
.gudlux_right a{
font-size:10px;
}
.gudlux_right a:hover{
font-size:10px;
}
#gudlux_left_bar a{ 
text-decoration:none;
}
#gudlux_left_bar a:hover{ 
text-decoration:none;
}
#gudlux-mabur{
position:absolute;
border:2px solid #FAC101;
padding:5px;
background-color:#FFFFD7;
width:95%;
visibility:hidden;
z-index:500;
}
.style1{
font-size:7pt;
text-align:center;
color:#000000;
border-width:3px;
}
.style2{
font-size:8pt;
border-width:1px;
}
#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width:0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}
#dropmenudiv a{
width:100%;
display:block;
text-indent:3px;
border-bottom:1px solid black;
padding:1px 0;
text-decoration:none;
font-weight:bold;
}
#dropmenudiv a:hover{
background-color:yellow;
} 
/*tambahan css untuk pagination*/
div.pagination{
padding:3px;
margin:3px;
}
div.pagination a{
padding:2px 5px 2px 5px;
margin:2px;
border:2px solid #e3e3e3;
-moz-border-radius:9px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:3px;
text-decoration:none;
}
div.pagination a:hover, div.pagination a:active{
border:2px solid #e3e3e3;
-moz-border-radius:9px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:3px;
}
div.pagination span.current{
padding:2px 5px 2px 5px;
margin:2px;
border:2px solid #e3e3e3;	
-moz-border-radius:9px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:3px;
font-weight:bold;
background-color:#636363;	
color:#FFF;
}
div.pagination span.disabled{
padding:2px 5px 2px 5px;
margin:2px;
border:2px solid #EEE;
-moz-border-radius:9px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:3px;
color:#DDD;
}
code:hover{
transform:scale(1.05);
-o-transform:scale(1.05);
-moz-transform:scale(1.05);
-webkit-transform:scale(1.05);
-o-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-webkit-transition: all 0.9s ease-in-out;
}
code{
font:12px monaco, freemono, courier;
margin-top:13px;
margin-bottom:15px;
line-height:1.2em;
display:block;
padding:9px;
border:1px dashed;
box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:9px;
-moz-border-radius:19px;
}
#error{
border:#999 1px solid;
background-color:#fff;
padding:20px 20px 12px 20px;
}
hr{
margin-top:21px;
border:1px dotted;
}
.judule{
font-size:143%;
margin:1em 0 3px 0;
line-height:1.1em;	
letter-spacing:-1px;
text-align:left;
}
.judule:hover
{
transform:scale(1.05);
-o-transform:scale(1.05);
-moz-transform:scale(1.05);
-webkit-transform:scale(1.05);
-o-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-webkit-transition: all 0.9s ease-in-out;
}
nav#global
{
margin: 30px 0 13px 0;
width: 100%;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
background-color: #970000;
background-image: -moz-linear-gradient(top, #ca0000, #970000);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ca0000),color-stop(1, #970000));
box-shadow: inset 0 0 15px #900, 0 0 20px #446b6b, inset 0 35px 35px -18px #ca0000;
-moz-box-shadow: inset 0 0 15px #900, 0 0 20px #446b6b;
-webkit-box-shadow: 0 0 20px #446b6b;
}
nav#global ul
{
text-align: center;
height: 43px;
margin: 0 auto;
display: table;
}
nav#global ul li
{ position: relative; display: inline }
nav#global ul li a
{
font-size: 13px;
display: block;
float: left;
text-transform: lowercase;
line-height: 40px;
border: none;
box-shadow: inset 0 0 15px #900, inset 0 -35px 35px -18px #ca0000;
-moz-box-shadow: inset 0 0 15px #900;
background-image: -moz-linear-gradient(bottom, #ca0000, #970000);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ca0000),color-stop(1, #970000));
padding: 0 21px;
color: #fff;
}
nav#global ul li a:hover{color:#7f7f7f;}
nav{display: block;}
.time
{
float: left;
text-align: right;
width: 50px;
height: 40px;
font-size: 24px;
margin-right: 12px;
padding-right: 10px;
background-color: #195875;
background-color: rgba(126, 0, 0, 0.2);
border-right: 1px solid #600;
border-right-color: #024a62;
border-right-color: rgba(0, 72, 96, 0.9);
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: inset 1px 0 15px rgba(0, 72, 96, 0.9);
-moz-box-shadow: inset 1px 0 15px rgba(0, 72, 96, 0.9);
}
.year
{
font-size: 15px;
text-align: center;
width: 40px;
line-height: 16px;
margin: 12px 0 0 -7px;
display: block;
transform: rotate(270deg);
-o-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
}
.date{
font-size: 18px;
height: 24px;
text-align: center;
float: right;
margin: -25px 0 0 -10px;
}
.date span{
display: block;
font-size: 12px;
height: 16px;
}
judul_artikel h1{
float: left;
line-height: 40px;
}
.garis{
border:0.01em solid #bfbfbf;
}
footer{
font-size:10px;
padding:11px;
height:45px;
color:#4D4D4D;
}
footer .kiri{
float:left;
}
footer .kanan{
float:right;
}