/*
Theme Name: krisnawan putra's special wordpress theme
Description: the theme is especially built for krisnandira.com . visit <a href="http://www.mppersonal.com/">www.mppersonal.com</a>
Author: ridwan arifandi
Author URI: http://www.mppersonal.com
Version: 1.2 final
*/

/*-------------------------------------------------------------------------------------------------*/
/* other(s) */
/*-------------------------------------------------------------------------------------------------*/

.png {
//background-image: none ! important;
behavior: url('pngfix.htc');
}

/*-------------------------------------------------------------------------------------------------*/
/* html code :: global style*/
/*-------------------------------------------------------------------------------------------------*/

body {
	font: 12px arial;
   color: #2f2f2f;	
}

h1 {
	font-size: 36px;
}

h2 {
	font-size:16px;
}

h3 {
	font-size:14px;
}

a {
	text-decoration: none;
}
/*-------------------------------------------------------------------------------------------------*/
/* skleton style */
/*-------------------------------------------------------------------------------------------------*/

#mainbody {
	width: 960px;
	margin: 10px auto;
	background: #fff;
}

#top_menu {
	width: 100%;
	float:right;
	clear:both;	
	margin: 0 !important;
	background: url(images/topmenu.jpg) repeat-x #000;
	background-position: top;
}

#title_bar {
	margin: 20px auto 0 auto;
	text-align: center;
}

#header {
	width: 75%;
	height: 140px;
	float: left;
	background: url(images/bg_header.jpg) repeat-x #9d9d9d;	

}

#flash_header {
	width: 25%;
	height: 140px;
	float: left;
	background: url(images/bg_header.jpg) repeat-x #9d9d9d;
	text-align: right;
}

#main_menu {
	height: 25px;
	clear: both;
	padding: 0 !important;
	background: url(images/bg_catlist2.jpg) bottom repeat-x #9d9d9d;
}

#marque_bar {
	width: 550px;
	
	position: absolute;
	float: left;
	
	clear: both;
	background: url(images/marquee1.jpg) no-repeat;
	
	margin: -45px 5px 5px 0px; !important;
	padding: 0 50px;
	
}

#marque2_bar {
	width: 175px;
	height: 190px;
	background: url(images/shout.jpg) no-repeat;
	
	margin: 5px; !important;
	padding: 35px 5px 10px 5px;
}

#left_sidebar, #right_sidebar{
	width: 200px;
	margin: 10px 0 0 0;
	overflow: hidden;
}

#left_sidebar {
	float: left;
}

#right_sidebar {
	float:right;
}

#calendar_wrap {
	padding: 0 30px;
	color: #356FA0;
}

#center_content {
	width: 560px;
	margin: 5px auto 0 auto;
	padding: 50px 0 0 0;
	float: left;
}

#footer {
	width  : 1000px;
	height : 99px;
	clear  : both;
}

/*-------------------------------------------------------------------------------------------------*/
/* header menu style */
/*-------------------------------------------------------------------------------------------------*/

ul.top_menu {
	clear:both;
	margin: 10px 0 0 0 !important;
	list-style: none;
}

ul.top_menu li {
	float: right;
	font-size: 12px;
	padding: 0 5px 0 5px;	
}

.current_page_item a,
.page_item a, 
.admintab a{
	text-decoration : none;
	text-transform: uppercase;
	color: #8f8f8f;
	font-weight: bold;
}

.current_page_item a:link,
.current_page_item a:visited {
	background: url(images/arrow_top.jpg) no-repeat bottom;
	color: #ccc;
}

.page_item a:link,
.page_item a:visited {

}

.page_item a:hover, 
.admintab  a:hover,
.current_page_item a:hover {
	background: url(images/arrow_top.jpg) no-repeat bottom;	
	color: #ccc;
}

/*-------------------------------------------------------------------------------------------------*/
/* title style */
/*-------------------------------------------------------------------------------------------------*/


#title_bar .title {
	font: tahoma;
	font-size: 42px;
	color: #004384;
	text-transform: uppercase;	
}

#title_bar .description {
	font: tahoma;
	font-size: 12px;
	color: #cfcfcf;
	text-transform: uppercase;		
}

/*-------------------------------------------------------------------------------------------------*/
/* category menu style */
/*-------------------------------------------------------------------------------------------------*/

.cat_menu {
	padding: 0 0 0 0;
	text-align: center;
}

table.main_menu {
	margin: -18px auto 0 auto !important;
	padding: 0 !important;
}

table.main_menu td {
	height: 30px;
	margin: 0 auto 0 auto !important;
	padding: 0 0 0 0 !important;
	list-style: none;	
}

table.main_menu td img {
	margin:10px 0 0 0;
}

a.link_cat {
	margin: -2px 0 0 0;
	padding: 0 5px 10px 5px;
	border-left	  : 1px solid #4d4d4d;
	border-right  : 1px solid #4d4d4d;	
	
	font-size: 11px;
	
	text-transform: lowercase;
	line-height: 50px;

}

.main_menu a:link,
.main_menu a:visited {
	background: url(images/link_cat1.jpg) repeat-x top #336699;
	color: #87CEFA;
	font-weight: bold;
}

.main_menu a:hover {
	background: url(images/link_cat2.jpg) repeat-x top #336699;
	color: #4682B4;
}


/*-------------------------------------------------------------------------------------------------*/
/* marque style */
/*-------------------------------------------------------------------------------------------------*/

#marque_bar .widget {
	margin: 0px;
	background: none;
}

#marque_bar marquee {
	width: 83.5%;
}

#marque_bar .widget_title{
	float: left;
	background: none;
}

#marque_bar .widget_title h3{
	float: left;
	
	color: #483D8B;
	font-size: 12px;
	padding: 3px 5px 0 0 !important;
	background: none;

}

#marque_bar .textwidget {
	float: left;
	
	color: #000;
	
	font-size: 12px;	
	padding: 5px 0 0 0 !important;
	background: none;

}

/*-------------------------------------------------------------------------------------*/

#marque2_bar marquee {
	height: 180px;
	margin: 0 0 10px 0;
}

#marque2_bar .widget {
	margin: 5px;
	background: none;
}

#marque2_bar .widget_title{
	background: none;
}

#marque2_bar .widget_title h3{
	
	color: Blue;
	font-size: 10px;
	padding: 2px 5px 0 0 !important;
	top: 15px;
	background: none;

}

#marque2_bar .textwidget {
	
	padding: 5px 0 0 0 !important;
	background: none;	
	font-size: 10px;	
	
	color: #606060;

}
/*-------------------------------------------------------------------------------------------------*/
/* sidebar style */
/*-------------------------------------------------------------------------------------------------*/

.widget {
	width: auto;
	margin: 5px !important;
	padding: 0 0 20px 0 !important;
	background: url(images/bg_widget.jpg) no-repeat bottom #C4E4FF;
	font-size: 10px;
	color: #87CEFA;
}

.widget_title {
	height: 36px;
	padding: 2px 0 0 0;
	background: url(images/bg_widget_title.jpg) no-repeat bottom;
	color: #fff;
	font-weight: bold;	
}

.widget_title h3 {
	margin: 0 !important;
	padding: 3px 0 0px 25px;
/*	background: url(images/icon_widget.jpg) no-repeat; */
}

.widget ul {
	margin: 5px 0 !important;
	padding: 0 !important;
	list-style: none;
}

.widget ul li {
	margin: 0 !important;
	padding: 0 0 10px 5px !important;
	color: #356FA0;
}

.widget ul li a {
	padding: 0 2px 0 16px;
	text-transform: capitalize;
}

.widget ul li a:link,
.widget ul li a:visited {
	background: url(images/icon_list_off.jpg) no-repeat -2px -2px;	
	color: #3f3f3f;
}

.widget ul li a:hover {
	background: url(images/icon_list_on.jpg) no-repeat -2px -2px;	
	color: #3f3f3f;
	text-decoration: underline;	
}

.widget ul#recentcomments li.recentcomments {
	margin: 0 0 0 2px !important;
	padding: 0 0 10px 20px !important;
	
	background: url(images/icon_comment.jpg) no-repeat;
}

.widget ul#recentcomments li.recentcomments a {
	background-image: none;
}

.widget .textwidget {
	padding: 5px 10px 5px 10px;
	color: #356FA0;
}

/*-------------------------------------------------------------------------------------------------*/
/* calendar style */
/*-------------------------------------------------------------------------------------------------*/

#calendar_wrap {
	font-size: 12px;
	color: #356FA0;
}

#calendar_wrap caption {
	font-size: 14px;
	color: #356FA0;
	font-weight: bold;	
}

#calendar_wrap a:link, 
#calendar_wrap a:visited {
	color: #000;
	text-decoration: underline;
}

#calendar_wrap a:hover {
	text-decoration: none;
}

/*-------------------------------------------------------------------------------------------------*/
/* post style */
/*-------------------------------------------------------------------------------------------------*/

.center_widget {
	width: auto;
	margin: 0 0 10px 0 !important;
	overflow: hidden;
}

.center_widget_title {
	height: 32px;
	padding: 3px 0 0 0;
	
	background: url(images/bg_center_title.jpg) no-repeat #fff;	
}

.center_widget_title h3{
	margin: 0 !important;
	padding: 0 0 0 25px;
	color: #fff;
}

.center_widget_title h3 a:link,
.center_widget_title h3 a:visited {
	color: #fff;
}

.center_widget_title h3 a:hover {
	text-decoration: underline; 
}

.post-title {
	min-height:60px;
	margin: -15px 0 0 0;
	padding: 0 0 13px 0;
	
	background: url(images/bg_post_title.jpg) repeat-x;
	
	text-align: center;
	
	border	  : none;
}

.post-title img{
	float: left;
}

.post-title h2 {
	margin: 10px 0 5px 0!important;
}

.post-title h2 a:link, 
.post-title h2 a:visited {
	color: #000;
}

.post-title h2 a:hover {
	text-decoration: underline;
}

.post-title span.post-comment a:link,
.post-title span.post-edit a:link,
.post-title span.post-filed a:link,
.post-title span.post-comment a:visited,
.post-title span.post-edit a:visited,
.post-title span.post-filed a:visited {
	color: #006400;
}

.post-title span.post-comment a:hover,
.post-title span.post-edit a:hover,
.post-title span.post-filed a:hover {
	text-decoration: underline;
}

.post-content {
	
	background: url(images/bg_content.jpg) bottom no-repeat;
	
	margin: 0 0 0 0;
	padding: 5px 5px 40px 5px;
	overflow: hidden;
}

.post-content a:link,
.post-content a:visited {
	color: #006400;
}

.post-content a:hover {
	text-decoration: underline;
}

.link_pages {
	
}

.link_pages a:link, .link_pages a:visited {
	padding : 0 5px 0 5px;
	border: 1px solid #1E90FF;	
	background: #87CEFA;	

	color: #1E90FF;
	text-decoration: none;
}

.link_pages a:hover {
	border: 1px solid #cfcfcf;
	background: #efefef;
	color	: #cdcdcd;
}

/*-------------------------------------------------------------------------------------------------*/
/*                page navigation style                   */
/*-------------------------------------------------------------------------------------------------*/

.page_nav {
	margin: 5px 0 10px 0;
	font-size: 14px;
	text-align: center;
}

.page_nav a {
	color: #59A0DB;
}

.page_nav a:link,
.page_nav a:visited {
	text-decoration: underline;
}

.page_nav a:hover {
	text-decoration: none;
}

/*-------------------------------------------------------------------------------------------------*/
/* show comment style */
/*-------------------------------------------------------------------------------------------------*/

.comment-list {
 	padding:5px;
 	margin: -5px 0 0 0;
	 
 	border		  : 1px solid #336699;
	border-bottom : 2px solid #336699;
}

.comment-list-title {
	height: 25px;
	padding: 3px 0 0 0;
	background: url(images/bg_commentlist.jpg) repeat-x;	
}	

.comment-list-title h3{
	margin: 0 !important;
	padding: 0 0 0 25px;
	background: url(images/icon_1.jpg) no-repeat 3px 0; 
	color: #fff;
} 
	 
.comment-meta {
    position:relative;
    margin:20px 0 0 0;
	 top:-20px;
    color: #555555;
    font-size:10pt;
}

.odd-comment .comment-meta a:link,
.odd-comment .comment-meta a:visited,
.odd-comment .comment-meta a:hover {
   color: #0066cc;
   font-weight:bold;
}

.odd-comment .comment-meta a:hover {
	text-decoration: underline;
}

.even-comment .comment-meta a:link,
.even-comment .comment-meta a:visited,
.even-comment .comment-meta a:hover {
   color: #008000;
	font-weight:bold;
}

.even-comment .comment-meta a:hover {
	text-decoration: underline;
}	 
	 
.odd-comment .comment-meta .comment-author {
   color: #0066cc;
   font-weight:bold;
}

.even-comment .comment-meta .comment-author {
    color: #008000;
    font-weight:bold;
}

.odd-comment .comment-text {
    position:relative;
	 top:-10px;
 	 padding:10px 10px !important;
	 overflow:hidden;	 
    color: #555;
    background:url('images/comment-bg-gradient.gif') top left repeat-y; 
    border:1px solid #b6cefe;
}

.even-comment .comment-text {
    position:relative;
	 top:-10px;
	 padding:10px 10px !important;
    overflow:hidden;	 
	 color: #555;
    background:url('images/comment-bg-gradient-green.gif') top left repeat-y; 	 
    border:1px solid #add3ad;
	 }

.odd-comment .comment-text a:link,
.odd-comment .comment-text a:visited,{
   color:#0066CC;
}

.even-comment .comment-text a:link,
.even-comment .comment-text a:visited {
   color:#008000;
   text-decoration:none;
}

.odd-comment .comment-text a:hover,
.even-comment .comment-text a:hover{
	text-decoration: underline;
}

/*-------------------------------------------------------------------------------------------------*/
/* comment input style */
/*-------------------------------------------------------------------------------------------------*/

.comment_input {
 margin: -5px 0 0 0;
 padding: 5px;	
 border: 1px solid #336699;
 border-bottom: 3px solid #336699;
}

.comment_input a:link,
.comment_input a:visited {
	color: #006400;
}

.comment_input a:hover {
	text-decoration: underline;
}

textarea#comment {
	 width: 360px;
	 height: 100px;
    color:#555;
	 border-left: 1px solid #aaa;
    border-top:1px solid #aaa;
 	 border-right:1px solid #ddd;
	 border-bottom:1px solid #ddd;
    font-size:10pt;
	 }

input#author,
input#email,
input#url {
         width:200px;
         color:#555;
	 border-left: 1px solid #aaa;
         border-top:1px solid #aaa;
 	 border-right:1px solid #ddd;
	 border-bottom:1px solid #ddd;
         font-size:10pt;
         }
			
/*-------------------------------------------------------------------------------------------------*/
/* comment input style */
/*-------------------------------------------------------------------------------------------------*/

#footer {
	padding: 5px 2px 5px 2px;
	
	background: url(images/bg_footer.gif);
	
	border: 1px solid #336699;
	border-top   : 3px ridge #336699;
	border-bottom: 3px ridge #336699;		
	
	font-weight: bold;
	font-size: 10px;
	color: #87CEEB;
	
	text-align: center;
	vertical-align: middle;
}

#footer a{
	color: #fff;
}

/*-------------------------------------------------------------------------------------------------*/
/* slide bar style */
/*-------------------------------------------------------------------------------------------------*/
#slidemenubar, #slidemenubar2{

	position:absolute;
	border:1.5px solid black;
	background-color:#F2F2F2;
	layer-background-color:#F2F2F2;
	font:bold 12px Verdana;
	line-height:20px;

}	

A.ssmItems:link		{color:black;text-decoration:none;}
A.ssmItems:hover	{color:black;text-decoration:none;}
A.ssmItems:active	{color:black;text-decoration:none;}
A.ssmItems:visited	{color:black;text-decoration:none;}