.row {
       width: 100%;
       margin: 0 auto;
       overflow: hidden;
}
.thre {
       width:22.916666666666664%
}
.six {
       width:47.91666666666667%
}
.six, 
.thre {
       display:inline; 
       float:left; 
       margin:0 1.0416666666666665%
}
img {
       max-width:100%
}
.red-text{color:#900;}
.lcolor{
       margin-top:15px;
}
.garis {
       margin-top:10px;
       box-shadow:1px 2px 2px #999;
}
.wp-badge{
        margin-top:20px;
}
.gede {
       text-shadow:1px 2px 1px #fff;
       font-size:1.3em;
       line-height:1.4em;
       font-family:Palatino Linotype;
}
.clear {
       clear:both;
       overflow:hidden;
       margin-bottom:20px;
}
.admin_wrap {
       padding-left:20px;
       margin-left:-20px;
       padding-top:20px;
       padding-right:15px;
}
html{ 
      background: url(../images/bg-admin.jpg);
     }
.clear{
       margin:0;
}
.button-floating{
       position:fixed;
       top:60%;
       right:0;
       bottom:0;
}

.input-floating{
       padding:6px 25px 6px 25px;
       cursor:pointer;
       background:#123456 !important;
       color:#ffffff !important;     
       
}
.input-floating:hover{
       background:#900 !important;
       color:#ffffff !important;
}
a{
       text-decoration:none
}
/* =Buttons (Colors)
-------------------------------------------------------------- */
.blue,.red,.orange,.green,.purple,.brick,.brown,.gold,.pink,.silver,.gray,.black
{
             
	font-size:18px;
	padding:10px 20px;
        width:120px;
        margin-left:30px;
        margin-top:-30px;
        margin-bottom:20px;
        text-align:center;
}
.blue {
	background-color:#4682b4;
	border:1px solid #386890;
	color:#fff;
	text-shadow:0 1px 0 #386890;
}

.blue:hover {
	background-color:#4682b4;
	border:1px solid #386890;
	color:#fff;
	text-shadow:0 1px 0 #386890;
}

.red {
	background-color:#b22222;
	border:1px solid #8e1b1b;
	color:#fff;
	text-shadow:0 1px 0 #8e1b1b;
}

.red:hover {
	background-color:#b22222;
	border:1px solid #8e1b1b;
	color:#fff;
	text-shadow:0 1px 0 #8e1b1b;
}

.orange {
	background-color:#ff8C00;
	border:1px solid #cc7000;
	color:#fff;
	text-shadow:0 1px 0 #cc7000;
}

.orange:hover {
	background-color:#ff8C00;
	border:1px solid #cc7000;
	color:#fff;
	text-shadow:0 1px 0 #cc7000;
}

.green {
	background-color:#2e8b57;
	border:1px solid #256f46;
	color:#fff;
	text-shadow:0 1px 0 #256f46;
}

.green:hover {
	background-color:#2e8b57;
	border:1px solid #256f46;
	color:#fff;
	text-shadow:0 1px 0 #256f46;
}

.purple {
	background-color:#9932cc;
	border:1px solid #7a28a3;
	color:#fff;
	text-shadow:0 1px 0 #7a28a3;
}

.purple:hover {
	background-color:#9932cc;
	border:1px solid #7a28a3;
	color:#fff;
	text-shadow:0 1px 0 #7a28a3;
}

.pink {
	background-color:#ff69b4;
	border:1px solid #cc5490;
	color:#fff;
	text-shadow:0 1px 0 #cc5490;
}

.pink:hover {
	background-color:#ff69b4;
	border:1px solid #cc5490;
	color:#fff;
	text-shadow:0 1px 0 #cc5490;
}

.brick {
	background-color:#ff6347;
	border:1px solid #cc4f39;
	color:#fff;
	text-shadow:0 1px 0 #cc4f39;
}

.brick:hover {
	background-color:#ff6347;
	border:1px solid #cc4f39;
	color:#fff;
	text-shadow:0 1px 0 #cc4f39;
}

.gold {
	background-color:#daa520;
	border:1px solid #ae841a;
	color:#fff;
	text-shadow:0 1px 0 #ae841a;
}

.gold:hover {
	background-color:#daa520;
	border:1px solid #ae841a;
	color:#fff;
	text-shadow:0 1px 0 #ae841a;
}

.brown {
	background-color:#8b4513;
	border:1px solid #6f370f;
	color:#fff;
	text-shadow:0 1px 0 #6f370f;
}

.brown:hover {
	background-color:#8b4513;
	border:1px solid #6f370f;
	color:#fff;
	text-shadow:0 1px 0 #6f370f;
}
.silver {
	background-color:#c0c0c0;
	border:1px solid #9a9a9a;
	color:#111;
	text-shadow:0 1px 0 #fff;
}

.silver:hover {
	background-color:#c0c0c0;
	border:1px solid #9a9a9a;
	color:#111;
	text-shadow:0 1px 0 #fff;
}

.gray {
	background-color:#696969;
	border:1px solid #545454;
	color:#fff;
	text-shadow:0 1px 0 #111;
}

.gray:hover {
	background-color:#696969;
	border:1px solid #545454;
	color:#fff;
	text-shadow:0 1px 0 #111;
}

.black {
	background-color:#000000;
	border:1px solid #000000;
	color:#fff;
	text-shadow:0 1px 0 #000000;
}

.black:hover {
	background-color:#000000;
	border:1px solid #000000;
	color:#fff;
	text-shadow:0 1px 0 #000000;
}


.warning {
       display: block;
       padding: 10px;
       margin: 10px 0;
       background: #abf5b7 !important;
       border: 1px solid #2b8a39;
}
.img-opborder{
       margin-left:20px;
       box-shadow: 2px 2px 2px #999;
}
.img-opborder:hover{
       box-shadow:0px 0px 2px #999;     
       opacity:.9;
}
.haempat{
       font-family:georgia;       
       font-weight:bold;
       color:#555;
       margin-left:30px;
       font-size:1.2em;
}
#admin_head {
       width: 100%;
       padding-right: 5px;
}
#admin_heading {
       margin-top: -3px;
}
.image-bg {
       width: 98%;
       padding: 4px 1% 0 1%;
       overflow: hidden;
}
#font-bg {
      padding: 5px 10px;
      background: #f5f5f5;
      font-size: 1.3em;
      margin-top: 10px;
      border-left: 2px solid #ddd;
}
.form{
      margin-top: 10px !important;
      float: left;
      width: 75%;
}
.settings table {
     margin: 0 0 20px 0 !important;
     background: #fff;
     border: 1px solid #ddd;
}
.settings .form-table tr td, 
.settings .form-table tr th
{
     border: 1px solid #ddd;
     padding: 15px !important;
}
.settings .form-table tr th {
     color: #777;
     font-size: 1.0em;
     font-weight: bold;
     background: #f8f8f8;
}
.settings .form-table label {
     color: #555;
     font-size: 1.1em;
     font-style: italic;
}
.settings .form-table input { 
     margin-bottom: 5px;
}
.settings .form-table input[type=text]{
     width: 100%;
}

.settings .form-table textarea{
     width: 100%;
}
.settings .form-table .lcolor {
     width: 80px !important;      
     margin-left:20px;
     margin-top:0;
     margin-bottom:10px;
     
}

.settings h3 {
     font-size: 1.0em;
     background:#ddd;
     border: 1px solid #ddd;
     border-bottom: none;
     padding: 4px 10px !important;
     margin: 0 !important;
     -moz-border-radius-topright: 5px;
     -moz-border-radius-topleft: 5px; 
     -webkit-border-top-right-radius: 5px;
     -webkit-border-top-left-radius: 5px; 
     border-top-right-radius: 5px;
     border-top-left-radius: 5px;
}
#tabs_navi {
     padding-left: 5px;
     margin: 15px 0;
}
.options_sidebar {
     margin-top: 25px;
     width: 23%;
     margin-left: 77%;
}
.options_sidebar dl {
     margin-bottom: 20px;
     background: hsla(50,10%,100%,.3);
     border: 1px solid #ddd;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
}
.options_sidebar dt {
     background:#ddd;
     padding: 4px 10px !important;
     border-bottom: 1px solid #ddd;
}
.options_sidebar dt h4 {
     padding: 0 !important;
     margin: 0 !important;
}
.options_sidebar dd {
     padding: 10px 15px 5px 15px;
     margin: 0;
}
.options_sidebar dd p {
     margin: 5px 0 10px 0;
}
.options_sidebar dd ul {
     margin: 5px 0;
     list-style: inside circle;
}
.options_sidebar .subscribe {
     list-style: none;
}
.options_sidebar .subscribe li{
     padding: 1px 0;
}
.options_sidebar .subscribe img{
     float: left;
     margin-right: 5px;
     width: 16px;
     height: 16px;
}
@media screen and (max-width:820px)  
{body:before{display:none;}.six, 
.thre {
        width:97.1666666666667%
       
}}