/* CSS Document for sekolah by LadangNet.Com - 0816 1120 766*/


body {	
	/*background:url(/tpl/sekolah/img/pg_bg.jpg) #fff repeat-x;*/
	background:#848461;	
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#666;
	margin-top:10px;
	margin-bottom:10px;
	}
.body p{
	margin-bottom:15px;
	}
.body img {
	border:1px solid #CCCCCC;
	margin-right:0.8em;
	padding:4px;
	}	
#wrapper{
	width:880px;
	text-align:center;
	border:8px solid #fff;
	margin:0 auto;
	background:#fff;
	}	
img {
	border: 0;
	}
* {
	margin:0pt;
	padding:0pt;
}	
h1, h2, h3 {
	font-size: 1em;	
	font-weight: normal;
	padding:0;
	margin-bottom:5px;
	}
.clean{
	clear:both;
	}

.garistipis {
	border-bottom:1px solid #B6B684;
	width:600px;
	}


/* header */
#header{
	overflow:hidden;
	height:100px;
	background:#D3E5C5;
	}
.logo h1 a{
	display: block;
	width:270px;
	height:68px;
	margin-left:10px;
	margin-top:15px;
	background:url(/tpl/sekolah/img/header.jpg) #D3E5C5 left top no-repeat;
	text-indent: -9999px;
	float:left;
	}
.logosmp h1 a{
	display: block;
	width:270px;
	height:68px;
	margin-left:10px;
	margin-top:15px;
	background:url(/tpl/sekolah/img/headersmp.jpg) #D3E5C5 left top no-repeat;
	text-indent: -9999px;
	float:left;
	}
#headersma{
	overflow:hidden;
	height:100px;
	background:#BDDEFB;
	}
.logosma h1 a{
	display: block;
	width:270px;
	height:68px;
	margin-left:10px;
	margin-top:15px;
	background:url(/tpl/sekolah/img/headersma.jpg) #BDDEFB left top no-repeat;
	text-indent: -9999px;
	float:left;
	}
.address{
	margin-top:20px;
	padding-left:15px;
	text-align:left;
	font-size:11px;
	width:530px;
	border-left:1px dotted #666;
	float:right;
	}
	

/* top nav */

.topnav {
	background:#B6B684;
	overflow:hidden;
	text-align:left;
	height:2.3em;
	margin-bottom:2px;
	}

.topnavsma {
	background:#336699;
	overflow:hidden;
	text-align:left;
	height:2.3em;
	margin-bottom:2px;
	}


#navbar {
	}

#navbar ul {
	margin: 0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style-type: none;
	}
#navbar li {
	/*text-transform:uppercase;*/
	float: left;
	line-height: 2.7em;
	letter-spacing:0.1px;
	border-right:1px solid #fff;
	padding:0;
	}
#navbar li.menu01 a{
	background:#8D8D67;
	color:#fff;
	}
#navbar li.psb a{
	text-decoration:blink;
	color:#fff;
	}
#navbar li.noborder {
	border-right:none;
	}
#navbar li.update {
	border-right:none;
	margin-left:10px;
	color:#fff;
	}
#navbar li a {
	color: #333;
	display: block;
	padding: 0 14px 0 14px;;	
	text-decoration:none;
	}
#navbar li a:hover {
	background:#8D8D67;
	color:#fff;
	display:block;
	}


#navbarsma {
	}
#navbarsma ul {
	margin: 0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style-type: none;
	}
#navbarsma li {
	/*text-transform:uppercase;*/
	float: left;
	line-height: 2.7em;
	letter-spacing:0.1px;
	border-right:1px solid #fff;
	padding:0;
	}
#navbarsma li.menu01 a{
	background:#000066;
	color:#fff;
	}
#navbarsma li.psb a{
	text-decoration:blink;
	color:#fff;
	}
#navbarsma li.noborder {
	border-right:none;
	}
#navbarsma li.update {
	border-right:none;
	margin-left:10px;
	color:#fff;
	}
#navbarsma li a {
	color: #BEEFEF;
	display: block;
	padding: 0 14px 0 14px;;	
	text-decoration:none;
	}
#navbarsma li a:hover {
	background:#000066;
	color:#fff;
	display:block;
	}

#navbarbottom ul {	
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style-type: none;
	}
#navbarbottom li {
	float:left;
	letter-spacing:0.1px;
	border-right:1px dotted #000;
	padding:0;
	}
#navbarbottom li.noborder {
	border-right:none;
	}
#navbarbottom li a {
	color: #000;
	display: block;
	padding: 0 6px 0 6px;;	
	text-decoration:none;
	}
#navbarbottom li a:hover {
	color:red;
	display:block;
	}

/* images */

.imgprofil h2{
	background:url(/tpl/sekolah/img/img-profil.jpg) #010158 right top no-repeat;
	text-align:left;
	font-family:georgia;
	font-size:24px;
	font-weight:normal;
	color:#fff;
	padding:36px 0px 5px 35px;
	margin:0;
	overflow:hidden;
	}
.imgberita h2{
	background:url(/tpl/sekolah/img/img-berita.jpg) #7C7C5A right top no-repeat;
	text-align:left;
	font-family:georgia;
	font-size:24px;
	font-weight:normal;
	color:#fff;
	padding:36px 0px 5px 35px;
	margin:0;
	overflow:hidden;
	}
.imgfasilitas h2{
	background:url(/tpl/sekolah/img/img-fasilitas.jpg) #6B4347 right top no-repeat;
	text-align:left;
	font-family:georgia;
	font-size:24px;
	font-weight:normal;
	color:#fff;
	padding:36px 0px 5px 35px;
	margin:0;
	overflow:hidden;
	}
.imginfo h2{
	background:url(/tpl/sekolah/img/img-info.jpg) #572619 right top no-repeat;
	text-align:left;
	font-family:georgia;
	font-size:24px;
	font-weight:normal;
	color:#fff;
	padding:36px 0px 5px 35px;
	margin:0;
	overflow:hidden;
	}
.imgprestasi h2{
	background:url(/tpl/sekolah/img/img-prestasi.jpg) #4A0605 right top no-repeat;
	text-align:left;
	font-family:georgia;
	font-size:24px;
	font-weight:normal;
	color:#fff;
	padding:36px 0px 5px 35px;
	margin:0;
	overflow:hidden;
	}
.imgfoto h2{
	background:url(/tpl/sekolah/img/img-foto.jpg) #465D0D right top no-repeat;
	text-align:left;
	font-family:georgia;
	font-size:24px;
	font-weight:normal;
	color:#fff;
	padding:36px 0px 5px 35px;
	margin:0;
	overflow:hidden;
	}
.imgpsb h2{
	background:url(/tpl/sekolah/img/img-pmb.jpg) #344A5F right top no-repeat;
	text-align:left;
	font-family:georgia;
	font-size:24px;
	font-weight:normal;
	color:#fff;
	padding:36px 0px 5px 35px;
	margin:0;
	overflow:hidden;
	}
.imgkontak h2{
	background:url(/tpl/sekolah/img/img-kontak.jpg) #432E29 right top no-repeat;
	text-align:left;
	font-family:georgia;
	font-size:24px;
	font-weight:normal;
	color:#fff;
	padding:36px 0px 5px 35px;
	margin:0;
	overflow:hidden;
	}

.img_fp {
        margin-top:10px;
        }


/* container */

#container {
	overflow: hidden;
	text-align:left;
	background:#fff;
	margin-bottom:2px;
	}
 
.spanduk{
	width:600px;
	height:183px;
	float:right;
	overflow:hidden;	
	}
.fpkanan {
	width:600px;
	float:right;
	overflow: hidden; 
	margin-bottom:5px;
	}
.fpkiri {
	width:260px;
	float:left;
	overflow: hidden;
	margin-bottom:5px;
	}
.fpsmp{
	width:294px;
	float:left;
	overflow: hidden;
	margin-top:5px;
	}
.fpsmp h2{
	display: block;
	width:255px;
	height:30px;
	background:url(/tpl/sekolah/img/logo-fp-smp.jpg) #fff left top no-repeat;
	text-indent: -9999px;
	}

.fpsma{
	width:294px;
	float:right;
	overflow: hidden;
	margin-top:5px;
	}
.fpsma h2{
	display: block;
	width:255px;
	height:30px;
	background:url(/tpl/sekolah/img/logo-fp-sma.jpg) #fff left top no-repeat;
	text-indent: -9999px;
	}

/* first images */

.firstfp img {
	float: left;
	width:120px;
	height:85px;
	margin-right:10px;
	padding:3px;
	border:1px solid #ccc;
	overflow:hidden;
	margin-bottom:15px; 
	}

/* index */

.dateidx{
	font-size:11px;
	color:red;
	overflow:hidden;
	}
.titleidx a{
	font-family:georgia;
	font-size:17px;
	color:#3366cc;
	margin-bottom:20px;
	text-decoration:none;
	}
.titleidx a:hover{
	color:#000;
	}
.leadidx{
	margin-bottom:20px;
	}
.leadidx1{
	margin-bottom:5px;
	}
.leadidx2{
	margin-bottom:80px;
	overflow:hidden;
	}
.idxarsip{
	margin-top:15px;
	}
.idxarsip a{
	text-decoration:none;
	color:#666;
	}
.idxarsip a:hover{
	text-decoration:none;
	color:red;
	}
.hit{
	color:#fff;
	}

/* kata mereka */

.katamereka{
	background:#6F895A;
	height:173px;
	padding-left:15px;
	padding-top:10px;
	padding-right:10px;
	color:#D3E5C5;
	}
.first2 img {
	float: left;
	width:85px;
	height:106px;
	margin:5px 10px 5px 0px;
	border:1px solid #ddd;
	padding:2px;
	}
.first2 .title2{
	font-weight:bold;
	padding-top:3px;
	padding-bottom:3px;
	}
.first2 .title2 a{
	color:#333;
	text-decoration:none;
	}
.title2 a:hover{
	color:#fff;
	}

/* frontpage berita */
.headline{
	overflow:hidden;
	}
.headline .title{
	font-family:"Times New Roman",Times,serif;
	font-size:1.5em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	clean:both;
	}
.headline .title a{
	text-decoration:none;
	color:#333;
	}
.headline .title a:hover{
	text-decoration:none;
	color:red;
	}
.headline .lead{
	margin-bottom:8px;
	}
.headline .first{
	margin-bottom:10px;
	}

.first img {
	float: left;
	width:120px;
	height:85px;
	}

.arsipkiprah ol{
	margin-top:10px;
	margin-left:10px;
	list-style:none;
	}
.arsipkiprah li{
	margin-left:5px;
	list-style-image: url(/tpl/sekolah/img/bullet.gif);
	margin-bottom:5px;
	}
.arsipkiprah a{
	text-decoration:none;
	color:#3366CC;
	}
.arsipkiprah a:hover{
	color:#000;
	border-bottom:1px dashed #000;
	}




/* title rubrik */
.rubtema{
	color:#fff;
	margin-bottom:13px;
	}
.rubtema a{
	text-decoration:none;
	color:#fff;
	}
.rubtema a:hover{
	color:#000;
	}
.rubtema1{
	color:#000;
	margin-bottom:13px;
	}
.rubtema1 a{
	text-decoration:none;
	color:#000;
	}
.rubtema1 a:hover{
	color:red;
	}

.rubtema2{
	color:red;
	}
.rubtema2 a{
	text-decoration:none;
	color:red;
	}
.rubtema2 a:hover{
	color:#000;
	}

.rubtema3{
	color:red;
	margin-top:10px;
	}

/* Kiprah SMP SMA */

.headkiprah2{
	float:left;
	}
.headkiprah2 .title{
	font-family:"Times New Roman",Times,serif;
	font-size:1.5em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	clean:both;
	}
.headkiprah2 .title a{
	text-decoration:none;
	color:#333;
	}
.headkiprah2 .title a:hover{
	text-decoration:none;
	color:red;
	}
.headkiprah2 .lead{
	margin-bottom:8px;
	}
.arsipkiprah2{
	margin-top:10px;
	float:left;
	overflow:hidden;
	}
.arsipkiprah2 ol{
	margin-top:10px;
	}
.arsipkiprah2 li{
	padding-left:3px;
	list-style-image: url(/tpl/sekolah/img/bullet.gif);
	margin-bottom:5px;
	margin-left:13px;
	}
.arsipkiprah2 a{
	text-decoration:none;
	color:#3366CC;
	}
.arsipkiprah2 a:hover{
	color:#000;
	border-bottom:1px dashed #000;
	}


/* kotak */

.righttitle{
	background:url(/tpl/sekolah/img/sudut-kiri.jpg) left top #000 no-repeat;
	padding:16px 10px 4px 10px;
	overflow:hidden;
	font-family:georgia;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	}
.rightberita{
	background:#7C7C5A;
	padding:10px;
	overflow:hidden;
	}
.rightkontak{
	background:#432E29;
	padding:10px;
	overflow:hidden;
	}
.rightinfo{
	background:#572619;
	padding:10px;
	overflow:hidden;
	}
.rightpsb{
	background:#344A5F;
	padding:10px;
	overflow:hidden;
	}
.rightfoto{
	background:#465D0D;
	padding:10px;
	overflow:hidden;
	}
.rightfasilitas{
	background:#6B4347;
	padding:10px;
	overflow:hidden;
	}
.rightprofil{
	background:#010158;
	padding:10px;
	overflow:hidden;
	}
.rightprestasi{
	background:#4A0605;
	padding:10px;
	overflow:hidden;
	}

.rightlist li a{
	font-family:georgia;
	text-decoration:none;
	color:#fff;
	}
.rightlist li a:hover{
	color:yellow;
	}
.rightlist li {
	text-decoration:none;
	border-bottom:1px dotted #ccc;
	padding-bottom:7px;
	}

/* isi dalam */

#isikanan{
	margin-top:28px;
	width:230px;
	float:right;
	margin-right:0px;
	text-align:left;
	overflow:hidden; 
	}
#isiutama{
	margin-top:20px;
	margin-bottom:40px;
	width:580px;
	padding-left:35px;
	float:left;
	overflow:hidden;
	}
#isiutama h2 {
	font-family:"Times New Roman",Times,serif bold;
	font-size:22px;
	margin-bottom:25px;
	}
#isiutama dd{
	font-family:"Times New Roman",Times,serif bold;
	font-size:19px;
	color:#333;
	margin-bottom:5px;
	}
#isiutama dd a{
	text-decoration:none;
	color:#666;
	margin-bottom:15px;
	}
#isiutama dd a:hover{
	text-decoration:none;
	color:#333;
	margin-bottom:15px;
	border-bottom:1px dashed #333;
	}
#isiutama dd p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
	width:580px;
	}

/* footer */

#footer{
	margin-top:20px;
	text-align:left;
	overflow:hidden;
	}
.leftfooter{
	float:left;
	overflow:hidden;
	}
.rightfooter{
	float:right;
	overflow:hidden;
	}

/* video */

.fpvideo{
	margin-top:5px;
	background:#B6B684;
	height:230px;
	}

.bgvideodalam {
	background:#000;
	padding:20px;
	text-align:center;
	width:540px;
	}

.bgvideo{

	}
.bgvideo img{
	background:#000;
	padding:4px;
	margin-left:9px;
	border:3px solid #fff;
	}
.datevideo {
	margin-left:9px;
	margin-top:8px;
	color:#333;
	font-size:11px;
	}
.titlevideo {
	margin-left:9px;
	margin-bottom:10px;
	margin-top:5px;
	}
.titlevideo a{
	color:#000;
	font-weight:bold;
	text-decoration:none;
	}
.titlevideo a:hover {
	color:#fff;
	text-decoration:none;
	}
#fpvideo{
	margin-top:30px;
	margin-left:10px;
	}
#preview {
	margin-top:20px;
	}

/* album foto */

#isidalamfoto .lead{
	width:500px;
	margin-bottom:20px;
	}
#isidalamfoto h2{
	font-family:georgia;
	font-size:22px;
	margin-bottom:25px;
	color:#3366cc;
	}
#isidalamfoto .pubdate{
	color:#3366cc;
	margin-bottom:10px;
	}
#isidalamfoto .kicker {
	font-weight:bold;
	color:#ff9900;
	}
.gallery_cnt{
	margin-top:20px;
	}
.gallery_cnt img{
	padding:5px;
	border:1px solid #999;
	}
#isidalam h2{
	font-family:georgia;
	font-size:22px;
	margin-bottom:25px;
	color:#000;
	}
#isidalam .pubdate{
	color:#3366cc;
	margin-bottom:10px;
	}
#isidalam .kicker {
	font-weight:bold;
	color:red;
	}

/* polling */

.polling{
	width:301px;
	border:1px solid #ddd;
	float:left;
	text-align:left;
	margin-top:15px;
	}
.polling ul{
	margin-top:20px;
	}	
.polling ul,li{
	list-style:none;
	margin-bottom:7px;
	padding-right:5px;
	}

/* contact */
.contact{
	margin-top:15px;
	}


/* photo */

.fpfotosmp{
	margin-top:5px;
	background:#B6B684;
	}
.fpfotosma{
	margin-top:5px;
	background:#336699;
	}
#beritafoto { 
	height: 225px; 
	/*background:#B6B684;*/
	text-align: center;
	}
#beritafoto div { 
	color: #fff; 
	text-align: left; 
	padding: 0 5px;
	}
#beritafoto img {
	display: block;
	margin: 0 auto;
	margin-bottom:10px;
	padding:0px;
	border:3px solid #fff;
	background-color: #fff;
	width: 232px;
	height:140px;
	}

#beritafoto a {
	text-decoration: none;
	color: #000;
	font-weight:bold;
	width:200px;
	}
#beritafoto a:hover {
	color:#fff;
	}
	
#nav {
	text-align:left;
	padding: 15px 8px;	
	/*background:#B6B684;*/
	}

#nav a { 
	margin: 0px 5px 0px 0px; 
	padding: 3px 10px; 
	border: 1px solid #ccc; 
	color:#333;
	background: #ddd; 
	text-decoration: none 
	}
#nav a.activeSlide { 
	background: #999;
	color:#fff; 
	}
#nav a:focus { 
	outline: none; 
	}

/* box */
.boxleft{
	text-align:left;
	border:1px solid #ccc;
	height:155px;
	background:url(/tpl/sekolah/img/bg-poll.jpg) top right #eee no-repeat;
	margin-top:10px;
	}


/* -------------------di bawah ini jangan diulik---------------------------------------------- */

/* Control Panel */
#ctrl {
	clear: both;
	background-color: #eee;
	text-align: center;
	line-height: 1.5em;
	margin: 2em 0 1em 0;
	border: 1px solid #ccc;
	}

#ctrl ul {
	display: inline;
	list-style-type: none;
	}

#ctrl li {
	line-height: 1.5em;
	display: inline;
	padding: 0 7px 0 6px;
	border-left: 1px solid #999; 
	}

#ctrl a {
	display: inline;
	color: #666;
	text-decoration: none;
	background-color: #eee;
	border-bottom: none;
	}
#ctrl li.first, #ctrl li.draft {
	border-left: none;
	}

#ctrl a:hover {
	text-decoration: underline;
	}

#pagenav {
	text-align: center;
	margin: 1em 0;
	}
#pagenav ul {
	list-style-type: none;
	display: inline;
	}
#pagenav li {
	display: inline;
	}


/* form elements */

form {
	margin: 15px 0px; padding: 5px 10px 20px 10px;
	border: 1px solid #f1f1f1; 
	background: #eee; 	
}
form.pollbox {
	background:none;
	margin:0px;
	border:none;	
	}
form p{
	margin-top:10px;
	margin-bottom:10px;
	}
form br{
	margin-bottom:5px;
	}
label {
	display: block;
	font-weight: bold;
	margin: 8px 0 5px 0;
	color: #895F30;
}
input, select {
	padding: 4px;
	font: normal 1em Verdana, sans-serif;
	color: #666666;
	background: #fff;  	
}
textarea {
	width: 350px;
	padding: 4px;
	font: normal 1em Verdana, sans-serif;
	height: 100px;
	display: block;
	color: #666666;
}
input, textarea, select {
	background: #fff;
  	border-width: 1px;
  	border-style: solid;
  	border-color: #D4D4D4 #ebebeb #ebebeb #d4d4d4; 
}

input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 30px;
	margin: 0;
	padding: 2px 3px; 
	color: #555;
	background: #E6E6E6;
	
	border-width: 1px;
  	border-style: solid;
  	border-color: #ebebeb #d4d4d4 #d4d4d4 #ebebeb;
}

.ymsma{
	margin-top:5px;
	background:#336699;
	padding:10px;
	color:#fff;
	}
.ymsmp{
	margin-top:5px;
	background:#B6B684;
	padding:10px;
	color:#fff;
	}
.ymsma img, .ymsmp img{
	margin-top:5px;
	}

.ymsmp a, .ymsma a{
	text-decoration:none;
	border:none;
	}


/* search form */
.boxsearch{
	margin-top:5px;
	background:#B6B684;
	padding-top:10px;

	}
.boxsearchsma{
	margin-top:5px;
	background:#336699;
	padding-top:10px;
	}

.searchform {
	background-color: transparent;
	border: none;	
	margin: 0; 
	/*padding: 12px 0 15px 8px;	*/
	
	}
.searchform p { margin: 0; padding: 0 0 10px 0; }
.searchform input.textbox { 
	width: 165px;
	color: #666666; 
	height: 18px;
	padding: 2px;	
	vertical-align: top;
	}
.searchform input.button { 
	width: 61px;
	height: 24px;
	padding: 2px 5px;
	margin-left:2px;
	vertical-align: top;
	}

#form .button{
	margin-top:15px;
	}	

dl#search dt a{
	color: blue;
	font-size:15px;
	} 
.searchbody {
	font-size:normal;
	font-weight:normal;
	font-family:arial;
	font-size:14px;
	}
.searchlink {
	font-size:normal;
	font-weight:normal;
	font-family:arial;
	font-size:12px;
	color:#339933;
	}

/* table */

.cst {
	margin-top:20px;
	background:#ddd;
	}

table {
	line-height:1.8em;
	}
table .no {
	text-align:center;
	}
table th, table td {
	border-right:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	padding:2px 30px 2px 7px;
	}
table th {
	background-color:#666;
	color:#FFFFFF;
	font-weight:normal;
	text-align:left;
	}
table tr.row-a td {
	background-color:#ccc;
	}
table tr.row-b td {
	background-color:#eee;
	}

table td a{
	text-decoration:none;
	color:#666;
	border-bottom:1px dashed #666;
	}
table td a:hover{
	text-decoration:none;
	color:#000;
	}