/*
Theme Name: sma3jogja.com default
Theme URI: http://sma3jogja.com/
Description: The default theme for SMA3jogja.com made by <a href="http://itx.web.id/">itx</a>..
Version: 1.02
Author: itx
Author URI: http://itx.web.id/
Tags: all custom

	This theme was designed and built by itx,
	whose blog you will find at http://itx.web.id/
	
	Great things included with this template :
	1. iPod style menu by Filament Group http://www.filamentgroup.com/lab/jquery_ipod_style_drilldown_menu/
	2. Custom Gallery (a page template called itx-gallery)
	   Capable of extracting your images from your posts or pages. Details on documentation.
	3. Custom Homepage (a page template called itx-home)
	   To make a static text in your home and a list of post excerpts below. Details on documentation.
	4. Top Level Categories plugin by Filipe Fortes http://fortes.com/projects/wordpress/top-level-cats/
*/


/* structure & color*/
body {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #000;
	text-align: center;
	font-size: 12px;
	padding:20px;
}

#header {
	background: url("images/header.jpg") no-repeat top center; 
	padding: 0; 
	margin: 10px 0px 20px  auto;
	height: 175px;
	max-width:1200px;
	font-size: 12px;
	text-align: center;
	border:1px solid #ccc;
}
#header a{display:block;height: 175px;}
#header div{
	margin:5px;
	padding:10px 10px 20px;
	color:#fff;
	min-width:280px;
	background:rgba(0, 0, 0, 0.3);
	max-height:165px;
	float:left;
	display: inline;
	}
#header h1{margin:0;padding:0;}
#wrapout{border:2px solid #444;background:#777;padding:0px;margin-right:20px;min-width:690px;width:100%;}
#wrap {
padding:0 10px;
	background:#ba9;
	border:2px solid #ccc;
	text-align: left;

}

#menu,#side{
	min-width:180px;padding: 10px;
}
#menu{padding-left: 0}
#side{padding-right:0}
#menubar{
	margin-left:12px;
	padding:4px;
	width:147px;
	display:block;
	font-size:24px;
	text-align:center;
}
#menubar .ui-icon {float:right;margin:8px;}
.fg-button.ui-state-loading .ui-icon { background: url(images/spinner_bar.gif) no-repeat 0 0; }

	
#page{
	min-width:200px;
	width:100%;
	padding: 10px;
	background:#eee;
	border:1px solid #edd;
	
}

#content{
padding: 0px; 
text-align:justify;
}

.post,.entry div,ol.commentlist, .commentlist li, #respond ,.summary{
	background:#fff;
	margin:14px 0px;
	padding:14px;
	border:1px solid #ccc;

}
.entry{overflow: hidden;}

.post{

	padding:20px;
}

#footer{
text-align:center;
padding: 10px;
}


/*sidebar*/
#sidebar #searchform{width:160px;margin:0px;padding:0px;}
#sidebar #searchform #s{
background:#fff;
width:130px;
padding:0px;
margin:4px 0px;
height:20px;
border:1px solid #b00;
vertical-align:top;
}
#sidebar #searchform #searchsubmit{
padding:0px;
margin:4px 0px;
background:url(images/search.jpg) no-repeat center;
width:22px;
height:22px;
font-size:0px;}
#sidebar #searchform #searchsubmit:hover{cursor:pointer;}

#sidebar{padding:4px 0;}
#sidebar ul{list-style:none;margin:0;padding:0;overflow: hidden;}
#sidebar .widget{margin:10px 0;padding:6px;}
#sidebar .widget li{margin: 0;padding:3px;border-bottom:1px solid #ccc;border:1px solid transparent;overflow: hidden;}
#sidebar h2{font-size:14px;padding:4px;margin:0 0 6px;font-weight:bold;text-align:center;}
#sidebar a{display:block}
#sidebar table{width:100%}

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}
.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
	
.avatar{
display: inline;
	float:right;
	margin:4px;
	border:1px solid #999;
}	
/* End Comments */

/* Begin Form Elements */
#searchform {
	
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}
#searchform #s {width:400px;}
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */

/*default untuk tag2 utama*/
h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 40px;
	text-align: center;
	}

td{vertical-align:top;}
label {display:none}
img {border:none;}
img.alignright{
display: inline;
margin: 0px 0px 2px 7px;
padding: 4px;
}
img.alignleft{
display: inline;
margin: 0px 7px 2px 0px;
padding: 4px;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding:8px;
}

#content .wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding: 4px 0 0;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#content .wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/*yang aneh2*/
.center{
	text-align:center;
}
.navigation {
	display: block;
	text-align: center;
	margin: 10px 0;
	padding: 12px 0;
	font-weight:bold;
}
.navigation div{
padding:6px;
margin:-12px 0;
border:1px solid transparent;
}

.hidden{display:none;}

/*rounded corners*/
.corner24{ -moz-border-radius: 24px; -webkit-border-radius: 24px;}
.corner22{ -moz-border-radius: 22px; -webkit-border-radius: 22px;}
.corner14{ -moz-border-radius: 14px; -webkit-border-radius: 14px;}
.corner10,.post,.entry div,#respond,.commentlist li,ol.commentlist,.summary{ -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.corner6,.avatar{ -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.corner0{ -moz-border-radius: 0; -webkit-border-radius: 0;}