/*
Theme Name: MTsN Kbm1
Theme URI: http://habib-ryd.web.ugm.ac.id/
Description: Theme for MTsN Kbm1.
Version: 0.0
Author: M. Habib Rosyad
Author URI: http://habib-ryd.web.ugm.ac.id/
Tags: three columns, green, pink, plain style, standard style, 960, grid, 12, widgets

	MTsN Kbm 1 v0.0
	http://habib-ryd.web.ugm.ac.id/

	This theme was designed and built by M. habib Rosyad,
	whose blog you will find at http://habib-ryd.web.ugm.ac.id/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

/* Begin Grid 960 */
@import url('reset.css');
@import url('960.css');
@import url('text.css');
/* End Grid 960 */

/* Begin Typography */

h1 {	
	font-weight: normal;
	text-align: center;
}

h2 {	
	padding:15px 0;
	font-weight: normal;
	letter-spacing:3px;	
	font-variant:small-caps;
	font-size:1.7em;
	text-align: center;
}

h3 {	
	padding-top:10px;
	font-weight: normal;
	letter-spacing:3px;	
	font-size:1.7em;	
}

p {	
	background:#FFF;
	border: 1px solid #666;
	overflow: hidden;	
	text-align: center;
}
/*.fpbox .content p:first-letter {
	font-size:36px;
	height:37px;
	position:relative;
	display:block;
	float:left;
	margin-top:6px;
	margin-right:5px;
}*/
/* End Typography */


/* Begin Structure */
body {
	background: #123;
	border-top: 5px solid #000;
	color: #000;
	font-size: 11px;
	padding: 20px 0 40px;
}

a {
	color: #930;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.container_12 {
	background: #fff url(images/12_vcol.gif) repeat-y;
	margin-bottom: 20px;
	padding-top:10px;
}
#header,#ticker,#content,#sidebar,#sidebar_2,#footer {	
	margin-bottom:10px;
}

#header{			
	height:172px;		
	line-height: 116px;	
	background:url("images/header.jpg") no-repeat top center;
	
}

#content {
	width:480px;
}
#ticker{
	background:url("images/ticker.png") repeat-x;
	border:#000 1px solid;
	font-size:180%;
	font-variant:small-caps;
	letter-spacing:4px;
	height:38px;	
	color:#fff;
	border-left:none;
	border-right:none;
}

#sidebar,#sidebar_2{
	background-color:#5f6;
	border:#000 1px solid;
	width:198px;
	padding:0 10px;	
}

#footer{			
	height:40px;	
	background:#ff7fff;
	border:#000 1px solid;
	border-left:none;
	border-right:none;	
	color:#fff;
	position:relative;
}

#footer .widget {
	list-style:none;
	text-align:center;
	font-size:180%;
	position:absolute;
	margin-left:0;
	top:0;
	bottom:0;
	right:0;
	left:0;
	line-height:39px;
}

p.copyright{
	text-align:center;
	background:none;
	border:none;
	color:#fff;
}

.result {
	border-bottom:1px dashed #89897c;
}
/* End Structure */

/* Front Page */

#content p {
	background:none;
	border:none;
	text-align:left;
	line-height:18px;	
}
.fpbox {
	border:#f00 1px solid;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	background-color:#cfc;
	padding: 0 15px;
	padding-top:41px;
	letter-spacing:0.9px;
	margin-bottom:10px;	
	position:relative;
}
.fpbox h1{		
	text-align:left;	
	font-style:italic;
	font-weight:normal;
	line-height:30px;
	margin-bottom:8px;		
	font-size:260%;	
	border-bottom:#333 1px solid;
}

.fpbox .tag {
	font-style:italic;
	margin-bottom:10px;
}

.fpbox h1 a{		
	color:#000;
}


.fpbox h1 em{
	font-size:12px;
}
.fpbox h1 a{
	text-decoration:none;
}
.fpbox h1 a:hover{
	color:#955c5c;
}
	
/* End Front Page */

/* Begin Info */

.catinfo {
	position:absolute;
	padding:5px;
	left:15px;
	top:0;
	border:#f00 1px solid;
	border-top:none;
	background-color:#f00;
	color:#FFF;
	font-variant:small-caps;
	letter-spacing:2px;
}

/* End Atricle Info */
/*	Begin Headers */
/* End Headers */


/* Navigation */
.pagenavi {
	padding:10px 0;
	_height:1%;
}
.pagenavi:after{
	content:".";
	visibility:hidden;
	display:block;
	clear:both;
	height:0;	
	font-size:0;
}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 40px;
}
.alignright {
	float: right;
	}

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

/* Begin Images */
/* End Images */



/* Begin Lists
/* End Entry Lists */



/* Begin Form Elements */
/* End Form Elements */



/* Begin Comments*/
#commentform textarea {
	width:98%;
}
/* End Comments */



/* Begin Sidebar */
.sidebar .widget { 
	list-style:none; 
	margin: 0 0 0 -10px; 
	width: 200px; 
	padding:0 10px;
}

.sidebar .widget ul, .sidebar .widget div.textwidget, #calendar_wrap {
	font-size: 1.2em; 
	padding: 0 5px; 
}

.sidebar .widget a { 
	color: #222; 
	float: left; 
	text-align: left; 
	_height: 1%; 
}

.sidebar .widget a:hover { 
	text-decoration: none; 
	color: #666; 
}

.sidebar .widget h2{ 	
	background:url("images/bbn.png") no-repeat bottom center;
}

.sidebar .widget ul li {
	list-style:none; margin: 0; 	
	line-height: 26px; 
	border-bottom: 1px dashed #fff;
	color: #D8D8C7; 
	text-align: right; 
}

.sidebar .widget ul li:after { 
	content: "."; 
	clear: both; 
	display: block; v
	isibility: hidden; 
	height: 0; 
	width: 0; 
	font-size:0;
}

.sidebar .widget div.textwidget { 
	color: #55554E; 
}

#sidebar2 .widget { 
	margin-left: -16px; 
	width: 300px; 
	background: none; 
}

#sidebar2 .widget ul, #sidebar2 #calendar_wrap { background: none; }
#sidebar2 .widget a:hover { color: white; }

.sidebar .widget_archive ul { font-size: 1em; }



.sidebar .widget_recent_comments a { float: none; }
.sidebar .widget_recent_comments ul li { text-align: left; color: #55554E; }

.sidebar .widget_recent_entries ul li { text-align: left; }
/* End Sidebar */



/* Begin Calendar */
#calendar_wrap {	
	padding:0;
	width:104%;
	margin-bottom:15px;
}
#wp-calendar {
	border: 1px solid #4E6257;
	background-color:#ffffd5;
	empty-cells: show;
	font-size: 14px;
	margin: 0 auto;
	width: 100%;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {	
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #e0e6e0;
	color: #333;
}

#wp-calendar caption {
	color: #222;
	font-size: 16px;
	text-align: center;
	padding-bottom:5px;
	font-variant:small-caps;
	letter-spacing:4px;
}

#wp-calendar td {
	color: #666;
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	letter-spacing: normal;
	padding: 7px 7px;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #666;
	color: #fff;	
}

#wp-calendar th {
	padding-top:10px;
	font-weight:normal;
	text-transform: capitalize;
}
/* End Calendar */



/* Begin Various Tags & Classes */
/* End Various Tags & Classes*/



/* Captions */
/* End captions */

/* Begin Custom Widget */

.sidebar ul .cwidgetBox-content {
	padding:3px;
	border:1px solid;
	margin-left:-5px;
}

.simplelogin-avatar img{
	margin:0 36%;
}

.message {
	color:#666;
}

.sidebar ul .cwidgetBox-content h2{
	padding-top:2px;	
	background:url("images/bbs.png") no-repeat bottom center;
}
.sidebar ul .quote,.sidebar ul .login,.sidebar ul .search{
	background:#cfc; 
	border-color:#4E6257; 	
}

.sidebar ul .quote a,.sidebar ul .login a,.sidebar ul .search a{	 
	color:#000;
}

.sidebar ul .quote a:hover,.sidebar ul .login a:hover,.sidebar ul .search a:hover  { 
	text-decoration: none; 
	color: #666; 
}

.sidebar ul .quote ul li,.sidebar ul .login ul li,.sidebar ul .search ul li{	 
	border-color:#000;
}

.sidebar ul .useronline{
	border-top:none;
	background:#f0f0b7; 
	border-color:#4E6257; 	
	text-align:center;
}
.sidebar ul .search,.sidebar ul .quote {
	width:186px;
	padding:0 10px 10px 10px;	
}
.sidebar ul .listposts,.sidebar ul .search, .sidebar ul .counter_wrap{
	margin-top:15px;	
}
.sidebar ul .listposts ul{
	padding:0;
}
.sidebar ul .listposts a{
	float:none;	
}
.sidebar ul .listposts ul li h4 a{
	font-style:italic;
	display:block;
	line-height:15px;
}
.sidebar ul .counter_wrap ul li{	
	text-align:left;
	background:none;
	color:#000;
	padding:0 5px;
}

.sidebar ul .calendar {
	padding:0 5px;
	
}
.sidebar ul .calendar a{
	padding:0;
	
}
.counter {	
	border:#4E6257 1px solid;	
}
.yd_rp_excerpt {
	color:#222;
	text-align:left;
	line-height:15px;
	font-size:11px;
}


/* End Custom Widget */

/* Susah-susah dahulu, senang-senang kemudian !!!! */