/********************************************

HTML ELEMENTS

********************************************/



/* top elements */

* { padding: 0; margin: 0; 

}



body {

margin: 0;

padding: 0;

font-size:11px;

font-family:Verdana, Arial, Helvetica, sans-serif;

color: #000000;

background: #606060;

text-align: center;

}

 

/* links */

a {

color: #4284B0;

text-decoration: none;

}

a:hover{

color: #9EC068;

text-decoration: none;

}



/* headers */

h1, h2, h3 {

font: bold 1em 'Trebuchet MS', Arial, Sans-serif;

color: #333;

}

h1 {

font-size: 14px;

color: #555555;

}



h2{ font-size: 1.2em;

text-transform:uppercase;

}



h3{

font-size: 1.2em;

}



h4{

font-size: 13px; 

font-family: Trebuchet MS;

text-decoration: none;

font-weight: bold;

color: #434241;

}

h5 {

font-size: 9px;

font-weight:normal;

font-family:Verdana, Arial, Helvetica, sans-serif;

color: #999;}

h6{

font-size: 13px; 

font-family: Trebuchet MS;

text-decoration: none;

font-weight: bold;

color: #555555;

}



ul, ol{

margin: 10px 30px;

padding: 0 15px;

color: #4284B0;

}

ul span, ol span {

color: #000000;

}



/* images */

img {

border: 0px solid #CCC;

}

img.no-border {

border: none;

}

img.float-right {

margin: 5px 0px 5px 5px; /*top right bottom left*/

}

img.float-left {

margin: 5px 5px 5px 0px; /*top right bottom left*/

}

code {

margin: 5px 0;

padding: 10px;

text-align: left;

display: block;

overflow: auto;

font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;

/* white-space: pre; */

background: #FAFAFA;

border: 1px solid #f2f2f2;

border-left: 4px solid #4284B0;

}



acronym {

border-bottom: 1px solid #777;

}



blockquote {

margin: 5px 0 5px 0;

padding: 0 0 0 40px;

border: 1px solid #f2f2f2;

background: #FAFAFA url(../images/quote.gif) no-repeat 5px 5px;

}



/* form elements */

form1 {

margin:10px; padding: 5px;

border: 1px solid #f2f2f2;

background-color: #FAFAFA;

}



input {

padding: 2px;

border:1px solid #eee;

font: normal 1em Verdana, sans-serif;

color:#777;

}



select {

padding: 2px;

border:1px solid #eee;

font: normal 1em Verdana, sans-serif;

color:#777;

}



textarea {

padding:2px;

font: normal 1em Verdana, sans-serif;

border:1px solid #eee;

height:100px;

display:block;

color:#777;

}



input.button {

margin: 0;

font: bold 1em Arial, Sans-serif;

border: 1px solid #CCC;

background: #FFF;

padding: 2px 3px;

color: #4284B0;

}



input:hover,select:hover,textarea:hover {

border:1px solid #4284B0;

background: #ebf0f9;

}



/* search form */

form.searchform {

background: transparent;

border: none;

margin-top: 110px;

margin-right: 20px;

padding: 10px;

}



form.searchform input.textbox {

margin: 0;

width: 120px;

border: 1px solid #9EC630;

background: #FFF;

color: #333;

height: 14px;

vertical-align: top;

}



form.searchform input.button {

margin: 0;

padding: 2px 3px;

font: bold 12px Arial, Sans-serif;

background: #f2f2f2;

border: 1px solid #f2f2f2;

color: #777;

width: 60px;

vertical-align: top;

}



/***********************

LAYOUT

************************/

#wrap{

background: url(../images/wrapper.png) repeat-y top center;

width: 923px; height: 100%;

margin: 0 auto 0 auto;

text-align: left;

}



#content-wrap {

clear: both;

margin: 0; padding: 0;

background: #FFF;

}



/* header */

#header {

position: relative;

height: 12px;

background: url(../images/top.png) top center no-repeat;

}



#headermenu {

	position: relative;

	height: 19px;	

	text-align: right;

}



#header h1#logo {

position: absolute;

margin: 0; padding: 0;

font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;

letter-spacing: -2px;

top: 0; left: 5px;

}

#header h2#slogan {

position: absolute;

top:37px; left: 0px;

color: #000000;

text-indent: 0px;

font: bold 11px Tahoma, 'trebuchet MS', Sans-serif;

text-transform: none;

}

#header form.searchform {

position: absolute;

top: 0; right: 0px;

} 



/* main */

#main {

float: left;

margin-left: 4px;

padding: 0;

width:53%;

}



#main2 {

float: left;

margin-left: 4px;

width: 75%;

}



#main p, h1, h2, h3 ,h4{

margin: 5px 0 5px 0;

}



.post-footer {

background-color: #FAFAFA;

padding: 5px;

margin: 20px 0 0 0;

border: 1px solid #f2f2f2;

font-size: 95%;

}



.post-footer .date {

background: url(../images/clock.gif) no-repeat left center;

padding-left: 20px; 

margin: 0 5px 0 5px;

font-size:9px;

}



.post-footer .comments {

background: url(../images/comment.gif) no-repeat left center;

padding-left: 20px; 

margin: 0 10px 0 5px;

}



.post-footer .readmore {

background: url(../images/page.gif) no-repeat left center;

padding-left: 20px; 

margin: 0 10px 0 5px;

}



/* sidebar */

#sidebar {

float: left;

width: 22%;

margin: 0px 0px 0px 8px;

padding:0;

display: inline;

}



#sidebar p, h1, h2, h3 {

margin: 5px 10px;

}



#sidebar ul.sidemenu {

list-style:none;

margin:10px 0 10px 15px;

padding:0;

}

#sidebar ul.sidemenu li {

margin-bottom:1px;

border: 1px solid #f2f2f2;

}

#sidebar ul.sidemenu a {

display:block;

font-weight:bold;

color: #333;

text-decoration:none;

padding:2px 5px 2px 10px;

background: #f2f2f2;

border-left:4px solid #CCC;

min-height:18px;

}



* html body #sidebar ul.sidemenu a { 

height: 18px;

}

#sidebar ul.sidemenu a:hover {

padding:2px 5px 2px 10px;

background: #f2f2f2;

color: #339900;

border-left:4px solid #9EC630;

}



/* rightbar */

#rightbar {

float: right;

width: 22%;

padding: 0; 

margin: 0px 8px 0px 0px;

display: inline;

}



#rightbar p, h1, h2, h3 {

margin: 5px 10px;

}



.bg{

background: #f2f2f2;

padding: 5px;

border: 0px solid #f2f2f2;

}



.bg2 {

background: #f2f2f2 url(../images/heading_right.gif) right bottom no-repeat;

padding: 7px 5px 7px 5px;

border: 0px solid #f2f2f2;

}



.bgberita{

background: #f2f2f2 url(../images/judulberita.gif) right bottom repeat;

padding: 5px;

border: 0px solid #f2f2f2;

}



.box{

background: #FFFFFF url(../images/kembangan.gif) no-repeat top right;

border: 1px solid #f2f2f2;

font-size: 100%;

padding: 5px;

margin-right: 10px;

margin-left: 10px;

}



.boxmenu{

background: #FFFFFF url(../images/kembangan.gif) no-repeat top right;

border: 1px solid #f2f2f2;

font-size: 100%;

padding: 0px;

margin-right: 10px;

margin-left: 10px;

}



.box ul {

margin:0px;

padding:0px 0px 0px 0px;

list-style-type:none;

}



.box a{

color:#4284B0;

background-color: inherit;

text-decoration:none;

}

.box a:hover{

color: #9EC068;

background-color: inherit;

}



.box li {

padding:0px 0px 2px 10px;

background-position:left;

background-repeat:no-repeat;

}



.box ul {

margin:2px 0 2px 18px;

padding:0px 0px 0px 0px;

list-style-type:none;

}



.box li a {

color:#4284B0;

background-color: inherit;

text-decoration:none;

display:block;

padding-bottom:1px;

}



.box li a:hover{

color: #9EC068;

background-color:#ECF1F9;

}



.box ul li {

padding:2px 0 2px 0;

list-style-image:url(../images/1.gif);

border-bottom:1px solid #efefef;

}



.border{

background-color: #FFFFFF;

border: 1px solid #f2f2f2;

padding: 5px;

margin: 5px 0 5px 0;

}



.news {

background-color: #FFFFFF;

border: 1px solid #f2f2f2;

padding: 5px;

}



/* Footer */

#footer {

clear: both;

color: #555555;

background: #5A5A5A url(../images/bottom.png) top center no-repeat;

border-top: 0px solid #CCC;

padding: 0;

height: 39px;

font-size: 95%;

margin: 10px 0 0 0;

}



#footer a {

text-decoration: none;

font-weight: bold;

color: #333333;

}

#footer .footer-left{

float: left;

width: 62%;

padding-left:25px;

padding-top:7px;

}



#footer .footer-right{

float: right;

width: 32%;

padding-right:25px;

padding-top:7px;

}





/* alignment classes */

.float-left{ 

float: left; 

}



.float-right{ 

float: right; 

}



.align-left{ 

text-align: left; 

}



.align-right{ 

text-align: right; 

}



.align-justify{ 

text-align: justify;

}



.align-center{ 

text-align: center; 

}



/* additional classes */

.clear { 

clear: both; 

}



.green { 

color: #9EC630;

}



.gray { 

color: #BFBFBF; 

}



.error{

font-size: 1em;

color: red;

text-align: center;

width: 100%;

}



.sukses{

font-size: 1em;

color: #6297BC;

text-align: center;

width: 100%;

}



.tabel_header {

border: 1px solid #f2f2f2;

padding: 8px;

background-color: #f2f2f2;

}



#form{

margin: 0 auto;

padding: 0;

width: 100%;

text-align: left;

}



#form .textbox {

width: 160px;

border-left : 1px solid #acc6db;

border-right : 1px solid #acc6db;

border-top : 1px solid #acc6db;

border-bottom : 1px solid #acc6db;

background-color : #fff;

font-size : 12px;

font-family : Verdana, Arial, Helvetica, sans-serif;

color : #000;

}



#form .textcode{

width: 70px;\par

border-left : 1px solid #acc6db;

border-right : 1px solid #acc6db;

border-top : 1px solid #acc6db;

border-bottom : 1px solid #acc6db;

background-color : #fff;

font-size : 12px;

font-family : Verdana, Arial, Helvetica, sans-serif;

color : #000;

}



#form .textcom {

border-left : 1px solid #acc6db;

border-right : 1px solid #acc6db;

border-top : 1px solid #acc6db;

border-bottom : 1px solid #acc6db;

background-color : #fff;

font-size : 12px;

font-family : Verdana, Arial, Helvetica, sans-serif;

color : #000;

}



#form .cselect {

background-color : #fff;

font-size : 11px;

font-weight: normal;

color : #000;

font-family : Verdana, arial, helvetica, sans-serif;

text-decoration : none;

}



#form label {

float: left;

padding: 0 1em;

text-align: right;

}



#form label {

float: left;

padding: 0 1em;

text-align: right;

}



#form .submit{

padding: 10px 0 0 0;

}



#form .button {

color : #fff;

font-family : verdana, arial, helvetica, sans-serif;

font-size : 8pt;

font-weight : bold;

background-color : #6898D0;

border : 1px solid #dadada;

cursor : pointer;

}



#abovepostads{

margin:10px 0px; width: 438px;

background-image: url('../images/ads/rotate.php');

background-repeat: no-repeat;

background-position: right center;

border: 1px solid #dddddd;

padding: 0px;

}



#abovepostads p{

margin: 0px;

width: 300px;

padding-top: 0px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 4px;

}



#belowpostads{

width: 438px;

background-image: url('../images/ads1/rotate.php');

background-repeat: no-repeat;

background-position: right center;

border: 1px solid #f1f1f1;

margin-top: 10px;

margin-right: 0px;

margin-bottom: 20px;

margin-left: 0px;

padding: 0px;

}



#belowpostads p{

margin: 0px;

width: 300px;

padding-top: 0px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 4px;

}



#abovepostads{

margin:10px 0px; width: 430px;

background-image: url('../images/ads/rotate.php');

background-repeat: no-repeat;

background-position: right center;

border: 1px solid #dddddd;

padding: 0px;

}



#abovepostads p{

margin: 0px;

width: 300px;

padding-top: 0px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 4px;

}



#belowpostads{

width: 430px;

background-image: url('../images/ads1/rotate.php');

background-repeat: no-repeat;

background-position: right center;

border: 1px solid #f1f1f1;

margin-top: 10px;

margin-right: 0px;

margin-bottom: 20px;

margin-left: 0px;

padding: 0px;

}



#belowpostads p{

margin: 0px;

width: 300px;

padding-top: 0px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 4px;

}



#download a{

color: #0000FF;

background-color: inherit;

text-decoration: underline;

}



#download a:hover {

color: #0000FF;

background-color: inherit;

text-decoration: underline;

}



.gambar {

clear: both;

padding-right: 0px;

padding-left: 0px;

padding-top: 0px;

padding-bottom: 0px;

float: left;

width: 20px;

text-align: left;

}



.submenu {

background-color: #FFFFFF;

font-size: 100%;

}



.submenu ul {

margin:0px;

padding:5px 0px 0px 23px;

list-style-type:none;

}



.submenu a {

color:#4284B0;

background-color: inherit;

text-decoration:none;

}



.submenu a:hover{

color: #9EC068;

background-color: inherit;

}



.submenu li {

padding:0px 0px 2px 10px; 

background-image:url(../images/1.gif);

background-position:left;

background-repeat:no-repeat;

}



div.sukses {

width:85%;

padding: 10px 10px 10px 36px;

background: url(../images/tick.gif) #FFFFDD no-repeat;

background-position: 10px 50%;

BACKGROUND-COLOR: #FFFFDD;

border:1px solid #FFD700;

margin-bottom:10px;

margin-top:3px;

text-align:left;

font-size:9px;

}



div.error{

width:85%;

padding: 10px 10px 10px 36px;

background: url(../images/exclamation.gif) #FFFFDD no-repeat;

background-position: 10px 50%;

background-color: #ffffdd;

border:1px solid #ff0000;

margin-bottom:10px;

margin-top:3px;

text-align:left;

font-size:9px;

}



/*sisipkan kode css ini di css nya kamu

AURA CMS Bang:*/ /*- Menu Tabs 6--------------------------- */

#button {

border: 1px solid #FFF;

font-size: 100%;

padding: 5px;

margin-right: 10px;

margin-left: 10px;

font-family: Tahoma, Arial, 'sans-serif';

font-size: 11px;

font-weight: bold;

}



#button ul{

color: #000;

list-style: none;

margin: 0;

padding: 0;

border: none;

}



#button li{

color: #000;

border-bottom:

}