<data:blog.pageTitle/>
<data:blog.pageName/>
a::before {
position: absolute;
content: "^";
display: block;
font-size: 13px;
left: 100%;
margin-left: -20px;
top: 7px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
ul.menusjohanes li ul li a, ul.menusjohanes li ul li a:link {
color: #fff;
display: block;
background: transparent none;
padding: 10px 25px 10px 25px;
white-space: nowrap;}
ul.menusjohanes li ul li a:hover {
background:#6545A8;-moz-transition: all 0.1s ease-in-out;color:#fff;
-webkit-transition: all 0.1s ease-in-out;
}/* Blog johanes djogzs.blogspot.com */
.menujohanes{
position: relative;
z-index: 99;
margin-top: 50px;
width: 1065px;}
#search input[type="text"]:hover {
background: #fff url("http://3.bp.blogspot.com/-DACUJ726qW8/UXmmbp3wwJI/AAAAAAAACYs/rftJxv_SFtE/s000/search_32x32-32.png")no-repeat center left;
width: 225px;}
#search input[type="text"] {
background: #76B17B url("http://3.bp.blogspot.com/-DACUJ726qW8/UXmmbp3wwJI/AAAAAAAACYs/rftJxv_SFtE/s000/search_32x32-32.png")no-repeat center center;
font-size: 13px;
color: #222;
width: 0px;
padding: 7px 6px 6px 34px;
z-index: 9;
float: right;
border: 1px solid #76B17B;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
border-radius: 5px;
height: 26px;}
.twitterjo{
background: #92D1F0 url("http://2.bp.blogspot.com/-C-JGt9e2dcI/UXmmb-Py-zI/AAAAAAAACY0/CuLQC6mHQsY/s000/white_twitter_bird.png")no-repeat center center;
font-size: 13px;
color: #222;
width: 0px;
float: right;
padding: 8px 7px 7px 35px;
z-index: 9;
margin-bottom: 15px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
border-radius: 5px;
height: 26px;}
.facebookjo {
background: #424894 url("http://1.bp.blogspot.com/-Kn1yx91113A/UXmmcAcxrlI/AAAAAAAACY8/KKeQu08BofA/s000/white_facebook.png")no-repeat center center;
font-size: 13px;
color: #222;
width: 0px;
float: right;
margin-bottom: 15px;
padding: 8px 7px 7px 35px;
z-index: 9;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
border-radius: 5px;
height: 26px;}
.rssjo{
background: #DE5D71 url("http://1.bp.blogspot.com/-rDrXHvUPtqA/UXmmcsmPRNI/AAAAAAAACZE/6UZhhSzV-i8/s000/white_rss.png")no-repeat center center;
font-size: 13px;
color: #222;
width: 0px;
margin-bottom: 15px;
padding: 8px 7px 7px 35px;
z-index: 9;
float: right;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
border-radius: 5px;
height: 26px;}
#main4, #main5 ,#main6 {
width: 310px;
list-style-type: none;
float: left;
margin: 10px;}
.main3, .main2 {width:280px;
list-style-type: none;
float: left;}
::-webkit-scrollbar {
height:12px;
background: #fafafa;}
::-webkit-scrollbar-thumb {
background-color: #5E7A88;
}
#popjo .widget-content{overflow:hidden;}
#popjo {border-bottom: 1px solid #222;
position:relative;
height: 105px;
width: 1063px;
margin: auto;
border-left: 1px solid #222;
border-right: 1px solid #222;
border-top: 1px solid #222;
background: #3F3C47;
box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.8), 0 1px 0 #000;}
a.anes:hover {color:#000;-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;}
a.anes{
font-size: 13px;
color: #000;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
font-family: 'Open Sans', sans-serif;
}
.label-size a{-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;}
.label-size a:hover{color:#fff;-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}
#comment-form {
border: 1px solid #ddd;
border-radius: 5px;
}
.widget-item-control a{display:none;}
.readmore {width: 370px;
border-bottom: 1px solid #ddd;}
#Navbar1, #Attribution1 {display:none;}
.bigcom {width: 234px;text-align: center;}
.posted {
width: 300px;
border-right: 1px solid #ddd;
text-align: center;}
.tombolbacktotop a{color:#8AA6B4;}
.tombolbacktotop {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
position: absolute;
font-size: 25px;
border: 1px solid #ddd;
border-radius: 50px;
width: 30px;
height: 30px;
padding-right: 0px;
padding-bottom: 8px;
padding-left: 6px;
margin: auto;
margin-top: -20px;
background: #fff;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color: #8AA6B4;}
.topwrap {width: 100%;
position: relative;
height: 20px;
text-align: center;}
a.comment-link {
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
z-index: 2;
opacity: 0;
text-align: left;
height: 20px;
line-height: 20px;
font-size: 13px;
color: #000;
font-family: 'Open Sans', sans-serif;
width: 85px;
overflow: hidden;
padding: 5px;
position: absolute;
top: 1px;
border-bottom: 1px solid #bbb;
left: -40px;
}
.profile-name-link {
background: no-repeat left top;
display: inline;
min-height: 20px;
padding-left: 20px;
}
p.bulan {
clear: both;
font-size: 18px;
display: block;
padding: 10px;
line-height: 50px;
text-align: center;
background: #5E3F9D;
color:#fafafa;
z-index: 99999;
width: 48px;
height: 48px;
border-radius: 50px;
position: absolute;
top: 66px;
left: 65px;}
p.tahun {
clear: both;
font-size: 14px;
display: block;
padding: 10px;
line-height: 35px;
text-align: center;
background: #77B07D;
color:#fafafa;
z-index: 9;
width: 35px;
height: 35px;
border-radius: 50px 0px 50px 50px;
position: absolute;
top: 0px;
left: 140px;}
.sidebar {
float:left;
width: 278px;
position: relative;}
.author1 {
font-style: italic;
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
z-index: 2;
text-align: left;
height: 25px;
line-height: 25px;
font-size: 11px;
color: #000;
font-family: 'Open Sans', sans-serif;
width: 205px;
overflow: hidden;
padding: 3px;
float: left;
border-top: 1px solid #ddd;}
.item-snippet {display:none;list-style: none;}
#PopularPosts1 h2:before {
content: "";
position: absolute;
bottom: 14px;
left: -9px;
border-width: 21px 8px 0px 0px;
border-style: solid;
border-color: transparent #000;
display: block;
width: 0;
}
#PopularPosts1 h2{
position: absolute;
top: -22px;
left: 20px;
background: #ddd;
padding: 5px 15px 5px 15px;
font-size: 18px;
font-weight: normal;
border: 1px solid #666;
box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.8), 0 7px 14px #222;
border-radius: 0px 0px 5px 5px;
font-family: 'Playfair Display SC', serif;
text-shadow: 1px 1px 1px #bbb;
color: #222;
letter-spacing: -1px;}
#PopularPosts1 ul li {padding: 0px;
border: 0px solid #ddd;
float: left;
margin: 2px;
height: 71px;
width: 71px;
margin-left: 37px;}
.jorib {
position: absolute;
right: -25px;
width: 45px;
height: 230px;
top: 130px;
background: #3F3C47;
z-index: 9;
padding: 5px;
border-radius: 5px 0px 0px 5px;
border: 1px solid #222;
box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.8), -5px 0px 14px #222;
}
.jorib:after {
content: "";
position: absolute;
top: -11px;
left: 31px;
border-width: 0px 25px 10px 0px;
border-style: solid;
border-color: #000 transparent;
display: block;
width: 0;
}
.jorib:before{
content: "";
position: absolute;
bottom: -11px;
left: 31px;
border-width: 10px 25px 0px 0px;
border-style: solid;
border-color: #000 transparent;
display: block;
width: 0;
}
]]>
</div></div>
<div class="date-outer">
<div class="date-posts">
</div></div>
