/*  
Theme Name: SMP 1 Gemuh - 3col
Theme URI: http://www.smp1-gmh.sch.id
Description: tiga kolom, simple.
Author: Faniez
Author URI: http://faniez.net
*/

/**************** Body *********************/
* { 
margin:0; 
padding:0;}

body { 
	font-size: 12px; 
	font-family: Verdana, Arial,sans-serif; 
	color: #444444; 
	line-height: 140%; 
	background:#003798; 
}

#wrapper { 
	margin: 15px auto; 
	padding: 0px; 
	width: 880px; 
	background: #ffffff; 
}

#top { 
	margin: 0px auto; 
	padding: 10px 0 0 0; 
	width:880px; 
	height: 145px;
}

/**************** Header *********************/
#header {
	margin:0 auto;
	padding:0; 
	width:860px;
}

#header h1 {
	text-indent:-10000px;
	margin:0;
	padding:0;
}

#header h1 a {
	display:block;
	background: #0077D4 url(images/header.jpg) no-repeat;
	height:140px;
	
}

/**************** Navigation *********************/
#navbar {
	margin: 0px auto; 
	padding: 0px; 
	width:860px; 
	height: 28px; 
	background: #EFF9FE;
}

#menu {
	margin: 0px; 
	padding: 0px; 
	float: left; 
	width: 860px; 
	height:28px;
	line-height:28px;
}
ul.menu{
	float:left;
	list-style:none;
	font-size:13px;
	font-weight:normal;
	margin:0 0 0 5px;
	padding:0;
	font-family: Verdana, Arial,sans-serif; 
}
ul.menu li{
	float:left !important;
	list-style-type:none;
	margin:0;padding:0;
}
ul.menu li a,ul.menu li a:link,ul.menu li a:visited{
	border-bottom:0;
	border-left:0;
	color:#CC3333;
	float:left;
	font-weight: bold;
	display:block;
	text-decoration:none;
	padding:0 15px;
}
ul.menu li a:hover,ul.menu li a:active{
	background:#fff;
	text-decoration:none;
	color:#336699;
}
ul.menu li.home a{
	border-left:2px solid #fff;
	text-decoration:none;
}
ul.menu li ul{
	float:left;
	margin:0;padding:0;
}

/**************** Search *********************/

#search {
	float: right;
	margin: -2px 20px 0px 0px;
	width: 220px;
	height: 30px;
	text-align: right;
}
#searchform {
	margin: 3px 0 0;
}
#searchform br {
	display: none;
}
#searchform #s {
	width: 150px;
	height: 17px;
	padding: 3px 5px 0px 5px;
	border: 2px solid #0035AD;
	background: #fff;
	margin-right: 2px;
	color: #000000;
	font-weight: normal;
}
#searchform input {
	background: #0035AD;
	border: 2px solid #EFF9FE;
	height: 25px;
	font: bold 12px "Trebuchet ms", Helvetica, sans-serif;
	color: #FFF;
	padding: 3px 5px 3px 5px;
	
}

/**************** Content *********************/
#main { margin: 0px auto; padding: 10px 0 0 0; width:880px; background:#ffffff;}
#content { margin: 0px; padding: 0px; width: 680px; float:left;background: #ffffff; }


/**************** Entry *********************/

.entry { margin: 0px; padding: 0px 0 0 0; 
	float: right; 
	width: 450px;
	background: #ffffff; 
	text-align: justify;
}
.entry a, .entry a:link, .entry a:visited   {
	color:#0077D4;
	text-decoration: none;
	padding:0; 
	border-bottom:1px solid #EBF1FA;
	
} 
.entry a:hover {
	color: #0035AD; 
	text-decoration: none; 
	padding:0;
}
.entry h2 { 
	font-size:16px; 
	margin:0; 
	letter-spacing: 0.02em;
	padding:0 0 5px 0;
	font-family: "trebuchet ms", verdana, arial;
	font-weight:bold;
	color: #0077D4;
	
}


.entry p {margin:0; padding:0 0 10px 0;}
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before{ content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.line { background:url(images/dot.gif) repeat-x; margin:10px 0 0 0; padding:0 0 20px 0; }

.dt {
font-size: 11px;
background: #F6FCFF;
padding: 2px 5px;
}

.cat, .cat a, .cat a:visited , .cat a:link{
font-size: 11px;
color: #cc3333;
padding: 0 0 5px 0;
letter-spacing: 0.1em;
text-decoration: none;
border: 0;

}
/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }

img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
font-size: 1.3 em;
color: blue;
margin: 10px;
padding:10px;
background: #f3f2ed}
code {font-size:1.0em;color: #000}

/**************** Comments *********************/
#commentsbox { margin: 0px; padding: 0px; float: left; width: 400px; font-size:11px;}
#comments h2{margin:10px 0 0 0; padding:0; color:#ff5c00; font-size:14px; font-weight:normal;}
h3 #respond  {margin:10px 0 0 0; padding:0; color:#ff5c00; font-size:14px; font-weight:normal;}
.boxcomments{margin-bottom:20px;width:500px;}
#commentform{border-top:1px solid #eee;margin:0;padding:15px 15px 1px;}
#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:350px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0; }
ol.commentlist{margin:0 0 1px;padding:0;}
ol.commentlist li{border-bottom:20px solid #fff;display:block;list-style:none;margin:0;padding:5px 15px 1px; background:#f2f8ff;}
ol.commentlist li.mycomment{border-bottom:20px solid #fff;display:block;list-style:none;margin:0;padding:5px 15px 1px; background:#f3fdff;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
ol.tblist{list-style:none;margin:0 0 1px;padding:0;}
ol.tblist li{display:block;list-style:none;padding:10px 5px 10px 5px;margin:0 0 5px; border:1px dashed #ccc;}
input#url,input#author,input#email,textarea{color:#666;width:40%;border:1px solid #cbcbcb;margin-bottom:0.6em;background:#fcfcfc;margin-top:2px;padding:3px;}

/**************** Left Sidebar *********************/
#lsidebar {
margin: 0px;
padding: 0px; 
float: left; 
width: 200px;
background: #ffffff; 
}
.lsidebar {
 margin:0; 
 padding:0 0 0 10px;
 float: left; 
 width: 200px;
 }
.lsidebar a, .sidebar h2 a:visited{ 
color: #0077D4; 
text-decoration: none; 

 }
.lsidebar a:hover{ 
text-decoration: none;
 color: #CC3333;
 }
.lsidebar ul{
list-style-type: none;
margin: 0; padding: 0;
}
.lsidebar ul li{ margin: 0 0 20px; }

.lsidebar ul li h2{ 
	padding:5px 5px 0px 5px;
	line-height: 13px;
	font-size:13px;
	font-weight:bold;
	 color: #CC3333; 
	 background:#FFFFFF;
	 border-bottom: 4px solid #CC3333;
}
.lsidebar ul ul{ 
padding: 4px 10px 10px 20px;
background: #EFF9FE;
}
.lsidebar ul ul li{ 
margin: 0; 
padding: 0 0 0 5px; 
line-height: 20px; 
list-style-type: square;
border-bottom:1px solid #fff; 
}
.lsidebar ul ul li.quicksms{ 
margin: 0; 
padding:0; 
line-height: 22px; 
background:none;
}
.lsidebar ul ul ul{ 
border: 0; padding: 0;
 }
.lsidebar ul ul ul li{ padding: 0 0 0 10px;}

.kal a, .kal a:visited {
font-weight: bold;
border-bottom: 1px solid #CC3333;
}

/**************** Right Sidebar *********************/
#sidebar { 
	margin: 0px; 
	padding: 0 10px 0 0; 
	float: right; 
	width: 170px; 
	background: #ffffff; 
}
.rsidebar { 
	margin:0; 
 padding:0 0 0 10px;
	float: right; 
	width: 170px;
}
.rsidebar a, .sidebar h2 a:visited{
color: #0077D4; 
text-decoration: none; 
}
.rsidebar a:hover{
text-decoration: none;
 color: #CC3333;
}
.rsidebar ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.rsidebar ul li{
margin: 0 0 20px; 
}
.rsidebar ul li h2{
	padding:5px 5px 0px 5px;
	line-height: 13px;
	font-size:13px;
	font-weight:bold;
	 color: #CC3333; 
	 background:#FFFFFF;
	 border-bottom: 4px solid #CC3333;
 }
.rsidebar ul ul{ 
padding: 4px 10px 10px 20px;
background: #EFF9FE;
}
.rsidebar ul ul li{ 
margin: 0; 
padding: 0 0 0 5px; 
line-height: 20px; 
list-style-type: square;
border-bottom:1px solid #fff;
}
.rsidebar ul ul li.quicksms{ margin: 0; padding:0; line-height: 22px; background:none;}
.rsidebar ul ul ul{ border: 0; padding: 0; background-image: none; }
.rsidebar ul ul ul li{ padding: 0 0 0 10px;; background-image: none; }

/************* flickr ********************/


#flickr img {
	margin:0 3px 3px 0px;
	background:#0077D4;
	padding:3px;
	width: 60px;
	height: 60px;
	border: 0;
 }

#flickr a img,#flickr a:visited img{
background:#0077D4;
border: 0;
width: 60px;
height: 60px;
}
#flickr a:hover img{
background:#EFF9FE;
border: 0;
}

/**************** Footer *********************/
#footer { 
	margin: 0px auto; 
	font-size: 11px;
	padding: 0px; 
	width:880px; 
	height: 50px; 
	background: #EFF9FE; 
	clear:both;
}
#footer a,#footer a:link,#footer li a:visited{border-bottom:0;color:#333;text-decoration:none;}
#footer a:hover,#footer a:active{color:#000;text-decoration:none;}
.footer{ margin:0; padding:0 0 0 10px; float:left;}
.top{ margin:0; padding:0 10px 0 0; float:right;}
#wrapper_ { margin: -20px auto; padding: 0 0 10px 0; width: 880px; height:10px; background:transparent; }

/*.widget_nextgenimage h2 { display:none;}*/
.ngg-widget { text-align:center; padding: 4px 11px 10px 11px; background: #eaeaea url(images/sidebar-bottom.gif) no-repeat bottom; line-height:150%;}


.contactright textarea {
width:250px;
}

.sticky{
background: #EFF9FE;
padding: 4px 10px 2px 10px;
font-size: 11px;
line-height: 130%;
}