html { padding: 0; margin: 0; font-family: "Trebuchet MS", "Helvetica", "sans-serif"; }

/*body { background-color: #efefef; margin: 0 auto; font-size: 100%; }*/
body { margin:0 auto; padding:0; font:12px Verdana, Tahoma, Arial, sans-serif; background:#fff; }

h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.0em; }
img { border: none; }

/* basic page layouts */
div#layout_top { width: 100%; height: 90px; margin: 0 auto; margin-bottom: 1px; text-align: left; background: #101767 url(http://ylki.or.id/img/bg.jpg) repeat left top; border-bottom: 1px solid #f0f0f0; }
div#logo { float: left; position: relative; top: 5px; left: 15px; }
div#layout_left { width:180px; float:left; margin:0 auto; margin-left:2px; }
div#layout_content { padding: 0 10px 0 10px; margin: 0 260px 0 190px; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; }
div#layout_detail { padding:5px; margin:5px; margin-right:260px; border-right: 1px solid #f0f0f0; }
div#layout_right { width: 250px; margin: 0 auto; float:right; padding-right:5px; }
div.clear {clear: both;}
div#layout_bot { position:relative; padding:0; padding-top:5px; height:15px; text-align:center; margin-top:20px; bottom:0px; border-top: 1px solid #f0f0f0; }

div#login_status { position: absolute; right:5px; top: 5px; margin: 0; }
div#login_status p { color: #ffffff; margin: 0; padding: 0 0 3px 0; margin-right: 5px; }
div#login_status p a,
div#login_status p a:visited,
div#login_status p a:active { color: #ffffff; }

#ylki { position:relative; top:5px; left: 60px; width:70%; height:78px; color:#fff; font-weight: bold; }
#ylki p { margin:0px; }
.yk1 { font-size:1.8em; }
.yk2 { font-size:1.4em; margin-left:20px; color:yellow; font-style:italic; }
.moto { font-size:1.0em; margin-left:20px; }

/* background: transparent #ECEFF5 none repeat scroll 0 0; */
.call { position:absolute; top:30px; right:20px; font-weight:bold; color:#ddd; border:1px solid #fff; padding:4px; }
.call p { margin:0; }
.c2 { font-size:1.4em; color:#eee; }

.bmenu { list-style:none; width:100%; margin:0; margin-right:10px; margin-top:0; padding:0; }
.bmenu li { font-size:1.2em; margin-bottom:4px; font-variant:small-caps; }
.bmenu li .mtitle { font-size:1.0em; font-weight:bold; margin:0; padding:0; }
.bmenu li .mtitle a { text-decoration:none; height:100%; display:block; padding:2px; padding-bottom:4px; color:#286ea0; }
.bmenu li .mtitle a:hover { background:#eaeaea; color:#286ea0; }
.bmenu li div a { padding:2px; padding-left:4px; margin:0; }
.bmenu li div a:hover { padding:2px; padding-left:4px; margin:0; background:#fff; color:#fff; }
.donasi { padding-left:2px; font-weight:bold; }
.donasi-info { margin:0; padding:0; padding-left:2px; padding-bottom:2px; font-variant:normal; font-size:0.8em; }
.bmenu li p { padding:2px; margin:2px auto; margin-top:5px; line-height:normal; font-size:.8em; font-variant:normal; font-weight:lighter; font-family:verdana; }

div#layout_mid { border-top:1px solid #cccccc; border-bottom:1px solid #f0f0f0; width:100%; height:28px; }
.tmenu { text-align:center; font-size:.8em; position:relative; margin:0; padding-top:6px; }
.tmenu.adm { padding-top:0px; }
.tmenu li { display:inline; overflow:hidden; height: 100%; }
.tmenu li a { font-weight:bold; text-decoration:none; height:100%; color:#505050; margin-top:6px; padding:6px; border:1px solid #cccccc; background:#f4f4f4; }
.tmenu li a:hover { border-top:1px solid #f4f4f4; background:#eaeaea; color:#286ea0; }

.related ul, .jajak { list-style:none; margin:0; padding:0; }
.related ul { width:300px; }
.jajak li { display:inline; width:100px; margin:2px; padding:2px; border:1px solid gray; }
.voteButton { margin:2px; }
.voteButton, .jajakdet { margin-top:4px; }
.jajakdet a { padding:2px; }

.sisi .kolom { clear:both; display:block; margin:1px; }
.sisi .kolom h2 { font-variant:small-caps; font-weight:800; font-size:1.1em; margin:0; margin-bottom:12px; padding:5px 0; border-bottom:1px dotted #D2D2D2; border-top:1.5px solid #D2D2D2; }
.sisi .kolom p { font-size:0.9em; line-height:normal; }
.sisi .kolom img { padding-right:4px; }
.sisi .kolom .btop { border-top:none; padding-top:0; }

h2.majalah {
color:#FFFFFF;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:700;
line-height:normal;
padding:3px 0 3px 10px;
background:#3b5998 none repeat scroll 0 0;
}
/*
.fotosampul img { margin-right:10px; width:80px; }
.kolom .wklist, .kolom .wkitem { color:#666666; line-height:16px; }
.kolom .wklist { font-size:12px; }
li.wkitem, .wklist li, .wkitem li {
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 0 5px;
padding:0 0 5px;
}
*/
.wkinfo,.actinfo { display:block; }
.wklist { display:inline; }
.wklist { width:100%; font-size:12px; color:#666; line-height:14px; list-style:none outside none; padding:0; margin:0 5px 0 0; }
.fotosampul { display:block; float:left; margin-right:10px;}
.kolom ul li, li.wkitem, .wklist li, .wkitem li { border-bottom:1px dotted #CCCCCC; }
.wkitem a { text-decoration:none; color:#286ea0; width:100%; font-size:10px; padding:0; }
.wkitem a:hover { background:#eaeaea; color:#286ea0; }
.wktoc { clear:both; display: block; margin-bottom:10px; }
.daftar { padding-top:5px; padding-bottom:5px; }
.wktoc .sebelumnya { border-bottom:0; }
.daftar a { text-decoration:none; color:blue; width:100%; font-size:12px; margin-top:5px; margin-bottom:5px; }
.wkitem a:hover { background:#eaeaea; color:#286ea0; }

.kolom h2 a, .kolom .actitem a, .kolom div a { text-decoration:none; color:#286ea0; width:100%; }
.kolom h2 a:hover, .kolom .actitem a:hover, .kolom div a:hover { background:#eaeaea; color:#286ea0; }
.kolom .actlist { width:100%; font-size:12px; color:#666; line-height:14px; list-style:none outside none; padding:0; margin:0 5px 0 0; }
.kolom .actitem { display:block; overflow:hidden; height: 100%; padding-top:5px; }

fieldset { padding:2px; border:1px solid #f0f0f0; margin-top:20px; margin-bottom:5px; }
fieldset p { padding:0; margin:0; margin-top:2px; padding-left:8px; }
fieldset select { display:inline; width:60px;  font-size:110%; }
.captcha { margin:0; margin-left:105px; padding:2px; width:70%; }
.captcha a { text-decoration:none; color:#286ea0; padding:2px; }
.captcha a:hover { background:#eaeaea; color:#286ea0; }
legend { padding:0; padding-bottom:5px; margin:0; font-weight:bold; color:#999999; }
label { float:left; width:100px; margin:2px; }
input[type="text"], textarea, select { width:70%; margin:2px; }
/*input:focus, textarea:focus { background:#f0f0f0; }*/
hr { width:30%; }
pre {
  background: #f7f7f7 none repeat scroll 0 0;
  border-bottom: 1px solid #d7d7d7;
  border-top: 1px solid #d7d7d7;
  overflow: auto;
  padding: 0.25em;
}
.text-cmn {
  color:#000000;
  font-family:arial;
  font-size:1.2em;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:bold;
  line-height:normal;
  font-variant:small-caps;
}

/* form elements */
.form-instruction { margin: 0; font-size: 80%; padding: 0; }
.form-edit label { display: block; margin: 15px 0 5px 0; font-weight: bold; font-size: 1em;  }
.form-edit fieldset.checkbox { margin: 10px 0; clear: both; width: 70%; padding: 0;  }
.form-edit fieldset.checkbox label { margin: 0 0 0 10px; display: inline; font-weight: normal;  }
.form-edit fieldset.checkbox input[type=checkbox] {float: left; margin: 0; }
.form-edit fieldset {border: 0; padding: 0; margin: 10px 0; }
.form-edit fieldset legend { margin: 0; padding: 0; font-weight: bold; font-size: 1.1em; }
.form-edit fieldset label { font-weight: normal; margin: 0; }
.form-edit fieldset input[type=radio] { float: left; } 
.error-message { font-weight: bold; color: #cc3300; }
.form-edit label { clear:left; display:inline; margin:2px; width:150px; text-align:left; }
.form-edit input[type=submit] { display:block; font-size:110%; }
.form-edit input[type=text], input[type=file] { display:block; width:350px; margin:2px; font-size:110%; }
.form-edit select { display:inline; width:60px;  font-size:110%; }
table.cake-sql-log { font-size: .75em; width: 100%; background-color: #000000; border-top: 1px solid #ffffff; color: #ffffff; }
div#alert_messages { text-align: center; background-color: #ffcc99; }