/*
Theme Name: TemaWp
Theme URI: http://suburanugerah.com
Author: subura
Author URI: http://suburanugerah.com
Description: Tema Wp adalah tema super sederhana untuk belajar saja
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: dark, light, yellow, white, gray, three-column

*/
body {
	background: url(https://korekangkagaib.com/img/12.png) center no-repeat;
	background-size: 100% 100%;
	background-attachment: fixed;
	font-family: 'Josefin Sans', sans-serif;

}

#kanvas {
    width: 950px;
    background: -moz-linear-gradient(0deg, rgba(192,192,192,1) 0%, rgba(255,255,255,1) 50%, rgba(128,128,128,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(192,192,192,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(128,128,128,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(0deg, rgba(192,192,192,1) 0%, rgba(255,255,255,1) 50%, rgba(128,128,128,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(0deg, rgba(192,192,192,1) 0%, rgba(255,255,255,1) 50%, rgba(128,128,128,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(0deg, rgba(192,192,192,1) 0%, rgba(255,255,255,1) 50%, rgba(128,128,128,1) 100%); /* ie10+ */
    background: linear-gradient(90deg, rgba(192,192,192,1) 0%, rgba(255,255,255,1) 50%, rgba(128,128,128,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#808080',GradientType=1 ); /* ie6-9 */
    border-radius: 10px;
    margin: 0 auto;
    padding: 10px;
    -webkit-box-shadow: 0 0 20px #222;
    -moz-box-shadow: 0 0 20px #222;
    box-shadow: 0 0 20px #222;
}
#header {
    width: 950px;
    height: 150px;
    background-image: url(../../2ds.png);
    border-radius: 10px;
    -webkit-box-shadow: 0 0 7px #222;
    -moz-box-shadow: 0 0 7px #222;
    box-shadow: 0 0 7px #222;
}
.judul {
    font: bold 20pt Arial;
    margin: 20px 20px 2px 20px;
}
.deskripsi {
	border-radius: 10px;
    font: normal 10pt Arial;
    margin: 5px 30px 1px;
}
#menu {
    width: 898px;
    height: 50px;
    background-color: #cc0000;
    border-radius: 10px;
    margin-top: 10px;
    padding: 0px;
    float: left;
    overflow: hidden;
-webkit-box-shadow: inset 0 0 7px #222;
-moz-box-shadow: inset 0 0 7px #222;
box-shadow: inset 0 0 7px #222;
}
#menu ul {
    margin-left: -20px;
    margin-top: 10px;
    border-radius: 10px;
}
#menu li {
    display: inline-block;
    border-radius: 10px;
    padding: 5px 10px 5px 10px;
    background-color: #CC0000;
    color: black;
    font: bold 15px Arial;
    margin-top: 0px;
-webkit-box-shadow: 0 0 20px #222;
-moz-box-shadow: 0 0 20px #222;
box-shadow: 0 0 20px #222;
}
#menu li a {
    float: left;
    text-decoration: none;
    color: white;
}
#menu li a:visited {
    text-decoration: none;
}
#menu li a:hover {
    text-decoration: bold;
    color: #ffffff;
    border-radius: 10px;
    padding: 5px 10px 5px 10px;
    background-color: #000000;
}

#leftbar {
    width: 500px;
    height: auto;
    background: -moz-linear-gradient(0deg, rgba(192,192,192,1) 0%, rgba(255,255,255,1) 50%, rgba(128,128,128,1) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(192,192,192,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(128,128,128,1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(0deg, rgba(192,192,192,1) 0%, rgba(255,255,255,1) 50%, rgba(128,128,128,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(0deg, rgba(192,192,192,1) 0%, rgba(255,255,255,1) 50%, rgba(128,128,128,1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(0deg, rgba(192,192,192,1) 0%, rgba(255,255,255,1) 50%, rgba(128,128,128,1) 100%); /* ie10+ */
	background: linear-gradient(90deg, rgba(192,192,192,1) 0%, rgba(255,255,255,1) 50%, rgba(128,128,128,1) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#808080',GradientType=1 ); /* ie6-9 */
    border-radius: 10px;
    margin-top: 10px;
    margin-left: 10px;
    float:right;
-webkit-box-shadow: inset 0 0 7px #222;
-moz-box-shadow: inset 0 0 7px #222;
box-shadow: inset 0 0 7px #222;
}
#content {
    width: 435px;
    height: auto;
    background: -moz-linear-gradient(0deg, rgba(192,192,192,1) 0%, rgba(255,255,255,1) 50%, rgba(128,128,128,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(192,192,192,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(128,128,128,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(0deg, rgba(192,192,192,1) 0%, rgba(255,255,255,1) 50%, rgba(128,128,128,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(0deg, rgba(192,192,192,1) 0%, rgba(255,255,255,1) 50%, rgba(128,128,128,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(0deg, rgba(192,192,192,1) 0%, rgba(255,255,255,1) 50%, rgba(128,128,128,1) 100%); /* ie10+ */
    background: linear-gradient(90deg, rgba(192,192,192,1) 0%, rgba(255,255,255,1) 50%, rgba(128,128,128,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#808080',GradientType=1 ); /* ie6-9 */
    border-radius: 10px;
    margin-top: 10px;
    -webkit-box-shadow: inset 0 0 7px #222;
    -moz-box-shadow: inset 0 0 7px #222;
    box-shadow: inset 0 0 7px #222;
    float: left;
}
#rightbar {
    width: 200px;
    background-color: white;
    border: 1px solid black;
    margin-top: 10px;
    float: right;
    margin-left: 10px;
}
.isibar {
    font: bold 14pt Arial;
    margin: 10px 10px 5px 10px;
}
.isibar ul {
    margin-left: -25px;
}
.isibar ul li {
    font: normal 10pt Arial;
    list-style: none;
    padding-bottom: 10px;
}
#footer {
    width: 898px;
    height: auto;
    background-color: white;
    border-radius: 10px;
    margin-top: 10px;
}
.gijil {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #ffffff;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.gijil table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.gijil tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.gijil table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.gijil table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.gijil tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.gijil tr:hover td{
	background-color:#ffeaff;
		

}
.gijil td{
	vertical-align:middle;
	
	background-color:#ffbfff;

	border:1px solid #ffffff;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.gijil tr:last-child td{
	border-width:0px 1px 0px 0px;
}.gijil tr td:last-child{
	border-width:0px 0px 1px 0px;
}.gijil tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.gijil tr:first-child td{
		background:-o-linear-gradient(bottom, #ed00ed 5%, #ed00ed 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ed00ed), color-stop(1, #ed00ed) );
	background:-moz-linear-gradient( center top, #ed00ed 5%, #ed00ed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed00ed", endColorstr="#ed00ed");	background: -o-linear-gradient(top,#ed00ed,ed00ed);

	background-color:#ed00ed;
	border:0px solid #ffffff;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.gijil tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #ed00ed 5%, #ed00ed 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ed00ed), color-stop(1, #ed00ed) );
	background:-moz-linear-gradient( center top, #ed00ed 5%, #ed00ed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed00ed", endColorstr="#ed00ed");	background: -o-linear-gradient(top,#ed00ed,ed00ed);

	background-color:#ed00ed;
}
.gijil tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.gijil tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

#kambing {
    width: 100%;
    height: auto;
    background: -moz-linear-gradient(0deg, rgba(192,192,192,1) 0%, rgba(255,255,255,1) 50%, rgba(128,128,128,1) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(192,192,192,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(128,128,128,1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(0deg, rgba(192,192,192,1) 0%, rgba(255,255,255,1) 50%, rgba(128,128,128,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(0deg, rgba(192,192,192,1) 0%, rgba(255,255,255,1) 50%, rgba(128,128,128,1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(0deg, rgba(192,192,192,1) 0%, rgba(255,255,255,1) 50%, rgba(128,128,128,1) 100%); /* ie10+ */
	background: linear-gradient(90deg, rgba(192,192,192,1) 0%, rgba(255,255,255,1) 50%, rgba(128,128,128,1) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#808080',GradientType=1 ); /* ie6-9 */
    border-radius: 10px;
    margin-top: 10px;
-webkit-box-shadow: inset 0 0 7px #222;
-moz-box-shadow: inset 0 0 7px #222;
box-shadow: inset 0 0 7px #222;
    float: left;
}