#bg{
   background-image:image/back.jpg; 
}

#wrapper
{
	margin: auto;
	width: 1000px;
	border: 3px solid white;
    border-radius: 5px;
    background: #7f3030;
    -webkit-box-shadow: 0px 0px 10px #222;
    -moz-box-shadow: 0px 0px 10px #222;
    box-shadow: 0px 0px 10px #222;
}
#inner
{
	float: left;
    margin-top: 10px;
}

#footer
{
    margin-top: 10px;
    width: 1000px;
	clear: both;
	height: 35px;
	background : #cccc99;
	text-align: center;
    font-family: Calibri;
    font-size: 20px;
    color:black;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-box-shadow: 0px 0px 10px #222;
    -moz-box-shadow: 0px 0px 10px #222;
    box-shadow: 0px 0px 10px #222;
}
#bawah{
    width: 1000px;
	clear: both;
	height: 200px;
	background : #7f3030;
	text-align: center;
    font-family: Verdana;
    font-size: 14px;
    color:black;
    margin-bottom: 20px;
    border-top: 2px solid white;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: 0px 0px 10px #222;
    -moz-box-shadow: 0px 0px 10px #222;
    box-shadow: 0px 0px 10px #222;
}

#bawah a
{
	border-radius: 10px;
	background: #7f3030 no-repeat  center;
	margin: 10px 0px 0px;
    color: #7f3030;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#huruf
{
	letter-spacing:10px;
	color: black;
	background-color:white;
}
#content
{
	float: left;
	margin-left: 10px;
	width: 750px;
	height: 600px;
	text-align: justify;
	color: black;
    margin-bottom: 10px;
    border-radius: 5px;
    background: #cccc99;
    -webkit-box-shadow: 0px 0px 10px #222;
    -moz-box-shadow: 0px 0px 10px #222;
    box-shadow: 0px 0px 10px #222;
}

.konten
{
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px;
	color: black;
	font-family: calibri;
    font-size: 20px;
    font-weight: none;	
}
.komentar
{
    position: center;
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px;
	color: black;
	font-family: calibri;
    font-size: 20px;
    font-weight: none;	
    border: 1px solid #cccc99;
    width: 700px;
    height: 260px;
    overflow: scroll;
}
#banner1 a:link, #banner1 a:visited, #banner1 a:active
{
	padding-right: 10px;
    text-align: center;
	text-decoration: inherit;
}

#banner1 a
{
	padding: 8px 0px 4px 15px;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	background: black no-repeat  center;
	margin: 0px 0px 0px;
	color: white;
    text-align: center;
    /* Firefox */
	  background: -moz-linear-gradient(100% 100% 90deg, black, maroon);
	  /* Safari , Chrome */
	  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(maroon), to(black));
	  /* Safari 5.1+, Chrome 10+ */
	  background: -webkit-linear-gradient(black, maroon);
		/* Opera 11.10+ */
	  background: -o-linear-gradient(black, maroon);
}

#banner1 a:hover
{
  	background: #cccc99 no-repeat left center;
	color: brown;
    font-family: Arial;
    font-size: medium;
    font-weight: bold;
    border-bottom: 2px solid #999999;
    /* Firefox */
	  background: -moz-linear-gradient(100% 100% 90deg, #cccc99, white);
	  /* Safari , Chrome */
	  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#cccc99));
	  /* Safari 5.1+, Chrome 10+ */
	  background: -webkit-linear-gradient(#cccc99, white);
		/* Opera 11.10+ */
	  background: -o-linear-gradient(#cccc99, white);
}
#banner1{
    margin-top: 5px;
	height: 22px;
	border: black;
    padding: 8px 0px 5px 5px; 
    display: block;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /* Firefox */
	  background: -moz-linear-gradient(100% 100% 90deg, black, maroon);
	  /* Safari , Chrome */
	  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(maroon), to(black));
	  /* Safari 5.1+, Chrome 10+ */
	  background: -webkit-linear-gradient(black, maroon);
		/* Opera 11.10+ */
	  background: -o-linear-gradient(black, maroon);
}
#banner
{
	height: 300px;
    border-radius: 0px;
    border: 0px;
    background: #7f3030;
}
#leftmenu
{
	float: left;
	margin-right: 0px;
	width: 240px;
	height: 600px;
	text-align: center;
}
#leftmenu1
{
	float: left;
	margin-right: 0px;
	width: 240px;
	height: 295px;
	background:#cccc99;
	text-align: center;
    border-radius: 5px;
    font-family: Calibri;
    font-weight: bold;
    color: #2C2E30;
    -webkit-box-shadow: 0px 0px 10px #222;
    -moz-box-shadow: 0px 0px 10px #222;
    box-shadow: 0px 0px 10px #222;
}
#leftmenu2
{
	float: left;
	margin-right: 0px;
    margin-top: 10px;
	width: 240px;
	height: 295px;
	background:#cccc99;
	text-align: center;
    font-family: Calibri;
    font-weight: bold;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 10px #222;
    -moz-box-shadow: 0px 0px 10px #222;
    box-shadow: 0px 0px 10px #222;
}
.a
{
    margin-top: 20px;
    font-family: calibri;
    font-size: 36px;
	text-align: center;
	color: brown;
    text-decoration: wave;
}
.co{
    margin-bottom: 30px;
    font-family: calibri;
    font-size: 16px;
	text-align: center;
	color: white;
	text-decoration: none;
}
#box1{
    height: 30px;
    background: #7f3030;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: white;
    border-bottom: 2px solid white;
    font-family: fantasy;
    font: bold;
    margin-top: 5px;
    -webkit-box-shadow: 0px 0px 5px #222;
    -moz-box-shadow: 0px 0px 5px #222;
    box-shadow: 0px 0px 5px #222;
}
#box2{
    height: 30px;
    background: #7f3030;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: white;
    border-bottom: 2px solid white;
    font-family: fantasy;
    font: bold;
    margin-top: 5px;
    -webkit-box-shadow: 0px 0px 5px #222;
    -moz-box-shadow: 0px 0px 5px #222;
    box-shadow: 0px 0px 5px #222;
}
.p
{
    font-family: Calibri;
    font-size: 20px;
	text-align: center;
	color: white;
	text-decoration: none;
	
}
.c
{
    font-family: Calibri;
    font-size: 20px;
	text-align: center;
	color: white;
	text-decoration: none;
	
}
.hakko{
    text-decoration: none;
    color: white;

}
.kurma{
    margin-left: 5px;
    margin-right: 5px;
    color: black;
	text-align: center;
    font-family: Calibri;
    font-weight: bold;
}
#formku input{
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
	transition:all 0.30s ease-in-out;
	float:left;padding:5px;border:1px solid #ddd;
	width:250px;display:block;
	margin:0px 0px 12px 20px;
	outline:none;border-radius:4px;}
#formku input:focus{
	border-color:#83b4db;
	box-shadow:0 0 10px #8fbfe6;
	-moz-box-shadow:0 0 10px #8fbfe6;
	-webkit-box-shadow:0 0 10px #8fbfe6;}
#formku select{
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
	transition:all 0.30s ease-in-out;
	float:left;padding:5px;border:1px solid #ddd;
	width:250px;display:block;
	margin:0px 0px 12px 20px;
	outline:none;border-radius:4px;}
#formku select:focus{
	border-color:#83b4db;
	box-shadow:0 0 10px #8fbfe6;
	-moz-box-shadow:0 0 10px #8fbfe6;
	-webkit-box-shadow:0 0 10px #8fbfe6;}    
#formku .button{
cursor:pointer;clear:both;font-weight:bold;
background:#595959;
border-radius:6px;color:#fff;
padding:7px 0;}
#formku .button:hover{background:#403937;}
.hakko:hover{color:#403937;}