/*
Theme Name: Kreasi_WP-01
Theme URI: http://www.kreasibiz.com
Description: Nice Blue Wordpress theme.
Author: HeriJS
Author URI: http://belajarngeblog.kreasibiz.com
*/

/************************************************
*	CSS General Reset							*
************************************************/
* {
	font-family: arial;
	font-size: 1em;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	text-decoration: none;
	vertical-align: baseline;
	white-space: normal;
}

html, body {line-height: 1}
hr {display: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''}
blockquote, q {quotes: "" ""}
ul {list-style-type: none}
ol {list-style-type: decimal}
.clear {clear: both}

/************************************************
*	Layout CSS Information						*
************************************************/
body {
    background: #3E4C6F;
  /*background: #4F5C7C;*/
	text-align: center;
	margin-top: 27px;
	margin-bottom: 2px;
}

#container {
	width: 775px;
	border-left: 2px solid #D9DEEC;
	border-right: 2px solid #D9DEEC;
	background: #fff;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

/************************************************
*	Top Page Menu         						*
************************************************/
#top {
	width: 775px;
    background: url(images/top775x28a.png) repeat-x;
  /*background: url(images/menu_blue.png) repeat-x;*/
	border-top: 1px solid #fff;
    border-bottom: 0px solid #bedc81;
	height: 28px;
}

#pagemenu {
	float: left;
	height: 24px;
	margin-top: 2px;
	margin-left: 5px;
	display: inline;
	border-left: 0px solid #ddd;
	
	z-index: 20;
}

#pagemenu li {
	float: left;
	display: block;
	height: 24px;
}

#pagemenu li ul li {
	height: 24px;
	border-bottom: 1px solid #999;
	width: 100%;
}

#pagemenu li a {
	display: block;
	color: #999;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	font-size: 0.75em;
	text-transform: none;
	line-height: 24px;
	border-right: 0px solid #ddd;
}

#pagemenu li a:hover {
	
	color: #FFD363;
}

#pagemenu li.current_page_item a {
	
	color: #999;
}

#pagemenu li.current_page_item a:hover {
	
	color: #FFD363;
}

#pagemenu ul {
	display: none;
	z-index: 99;
	position: absolute;
}

#pagemenu ul li a {
	display: block;
	
}

#pagemenu li ul a:hover {
	display: block;
	
}

#pagemenu ul a {
	display: block;
}

#pagemenu ul ul {
	margin-top: -25px;
	display: none;
	margin-left: 99px;
	position: absolute;
}

#pagemenu li:hover ul ul {
	display: none;
}
#pagemenu li:hover ul {
	display: block;
}
#pagemenu ul li:hover ul {
	display: block;
}
#pagemenu li ul li {
	display: block;
	width: 100%;
}

#pagemenu li.page_item ul {
	border-top: 1px solid #999;
    width: 100px;
}

#pagemenu li.page_item a {
	display: block;
}

#pagemenu li.page_item a:hover {
	display: block;
}

#pagemenu li.page_item ul li a {
	display: block;
	text-align: left;
	height: 24px;
	line-height: 24px;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	background: url(images/top775x28a.png) repeat-x;
	padding-left: 10px;
	padding-right: 10px;
	text-transform: none;
	font-size: 10px;
    font-weight: none;
	color: #999;
}

#pagemenu li.page_item ul li a:hover {
	display: block;
	text-align: left;
	height: 24px;
	line-height: 24px;
	border-right: 1px solid #a6dc00;
	border-left: 1px solid #ddd;
	background: url(images/top775x28a.png) repeat-x;
	padding-left: 10px;
	padding-right: 10px;
	text-transform: none;
	font-size: 10px;
    font-weight: none;
	color: #FFD363;
}

/************************************************
*	Search              						*
************************************************/
#searchbar {
	float: right;
	display: inline;
	margin-right: 3px;
	font-size: 0.7em;
	margin-top: 3px;
}

.searchform {
	display: inline;
	vertical-align: middle;
	float: right;
}

.searchform fieldset {
	display: inline;
	vertical-align: middle;
}

.searchform label {
	display: inline;
	vertical-align: middle;
}

.searchform input {
	display: inline;
	vertical-align: middle;
}

.searchform .searchlabel {
	color: #999;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 5px;
	font-family: arial;
}

.searchform .searchterm {
	border: 1px solid #ddd;
	width: 150px;
	padding: 3px;
	color: #999;
	background: #fff;
}

.searchform .searchterm:focus {
	border: 1px solid #bbb;
	color: #1F3B56;
	background: #fff;
}

.searchform .searchbutton {
    background: url(images/menu_blue.png) repeat-x;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	color: #FFF;
	font-family: Arial, Tahoma, Verdana;
	padding: 3px;
	margin: 0px;
	border: 1px solid #999;
	}


.searchform .searchbutton:hover {
	background: #21a9e9;
}

.searchformI {
	vertical-align: middle;
	font-size: 0.7em;
}

.searchformI fieldset {
	display: inline;
	vertical-align: middle;
}

.searchformI label {
	display: inline;
	vertical-align: middle;
}

.searchformI input {
	display: inline;
	vertical-align: middle;
}

.searchformI .searchlabel {
	color: #666;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 5px;
	font-family: arial;
}

.searchformI .searchterm {
	border: 1px solid #ddd;
	width: 200px;
	padding: 3px;
	color: #999;
	background: #fff;
}

.searchformI .searchterm:focus {
	border: 1px solid #bbb;
	color: #1F3B56;
	background: #fff;
}

.searchformI .searchbutton {
    background: url(images/menu_blue.png) repeat-x;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	color: #FFFFFF;
	font-family: Arial, Tahoma, Verdana;
	padding: 3px;
	margin: 0px;
	border: 0px solid #999;
	}

.searchformI .searchbutton:hover {
	background: #21a9e9;
}

/************************************************
*	Header  									*
************************************************/

#header {
	background: url(images/header775x100.png) repeat-x;
 	width: 775px;
	height: 100px;
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
	}

#header h1 {
	color: #FFFFFF;
	font-size: 36px;
	font-family: Times New Roman, Georgia, Trebuchet MS;
	font-weight: normal;
	margin: 0px;
	padding: 20px 0px 0px 10px;
	text-decoration: none;
	}

#header h1 a, #header h1 a:visited {
	color: #FFFFFF;
	font-size: 36px;
	font-family: Trebuchet MS, Arial, Tahoma;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	}

#header h1 a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}

.headerleft {
	width: 240px;
	float: left;
	font-size: 14px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	}

.headerleft a img {
	border: none;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	}

.headerright {
	width: 490px;
	float: right;
	margin: 0px;
	padding: 22px 0px 0px 5px;
	font-weight: bold;
	}

.headerright a img {
	border: none;
	margin: -4px 0px 0px 0px;
	padding: 0px;
	border: 1px solid #cfcfcf;
	}

/************************************************
*	Categories Menu Bar    						*
************************************************/
#bar {
	width: 775px;
	height: 28px;
	background: #4F5C7C url(images/menu_blue.png) repeat-x;
	border-top: 4px solid #4F5C7C;
}

#bar #toprss {
	float: right;
	display: inline;
	height: 28px;
	margin-right: 10px;
}

#bar #toprss a {
	float: right;
	display: block;
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
    background: url(images/rss.gif) no-repeat left center;
	padding-left: 18px;
	height: 28px;
	line-height: 28px;
}

#bar #toprss a:hover {
 color: #e1f876;
}

#catmenu {
	float: left;
	display: inline;
	height: 28px;
	z-index: 20;
}

#catmenu li {
	float: left;
	display: block;
	height: 28px;
	border-right: 1px solid #fff;
}

#catmenu li ul li {
	height: 24px;
	border-right: 0;
	border-bottom: 1px solid #999;
	width: 100%;
}

#catmenu li a {
	display: block;
	font-size: 0.75em;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	line-height: 28px;
	padding-left: 10px;
	padding-right: 10px;
}

#catmenu li a:hover {
	background: #4F5C7C;
}

#catmenu li.current-cat a {
	color: #fff;
	background: #4F5C7C;
}

#catmenu li.current-cat a:hover {
	color: #fff;
 background: #4F5C7C;
}

#catmenu ul {
	display: none;
	z-index: 99;
	position: absolute;
}

#catmenu ul li a {
	display: block;
 background: #FFF;
}

#catmenu li ul a:hover {
	display: block;
 background: #FFF;
}

#catmenu ul a {
	display: block;
}

#catmenu ul ul {
	margin-top: -24px;
	display: none;
	margin-left: 125px;
	position: absolute;
	border-left: 1px solid #999;
}

#catmenu li:hover ul ul {
	display: none;
}

#catmenu li:hover ul {
	display: block;
}

#catmenu ul li:hover ul {
	display: block;
}

#catmenu li ul li {
	display: block;
	width:100%;
}

#catmenu li.cat-item ul {
	width: 125px;
}

#catmenu li.cat-item a {
	display: block;
}

#catmenu li.cat-item a:hover {
	display: block;
}

#catmenu li.cat-item ul li a {
	display: block;
	text-align: left;
	font-size: 0.75em;
	height: 24px;
	line-height: 24px;
	padding-left: 10px;
	padding-right: 10px;
	color: #999;
	font-weight: bold;
	text-transform: none;
	background: #4F5C7C;
}

#catmenu li.cat-item ul li a:hover {
	display: block;
	text-align: left;
	font-size: 0.75em;
	height: 24px;
	line-height: 24px;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFD363;
	font-weight: bold;
	text-transform: none;
	background: #4F5C7C;
}

/************************************************
*	Blog Information Section     				*
************************************************/
#bloginfo {
	width: 775px;
	margin: 10px 0px -10px 0px;
	background: url(images/bginfo.png) no-repeat;
	border-top: 3px solid #1F3B56;
  /*border-top: 3px solid #9C0224; Red*/
	color: #b6b6b3;
}

#bloginfo a {
	color: #b6b6b3;
}

#bloginfo a:hover {
	color: #fff;
}

#bloginfobox {
 margin: 10px;
}

#bloginfo ul {
	width: 765px;
}

#bloginfo ul li {float: left}
#bloginfo ul li ul li {float: none}

#bloginfo ul li.posts, #bloginfo ul li.comments, #bloginfo ul li.tags {
	width: 255px;
}

#bloginfo ul li.posts h2 {
	display: block;
	background: url(images/ico_posts.png) no-repeat;
	background-position: 10px center;
	padding-left: 30px;
	font-size: 1em;
	line-height: 1.7em;
	font-weight: bold;
	color: #FFD363;
}

#bloginfo ul li.comments h2 {
	display: block;
	background: url(images/ico_comments.png) no-repeat;
	background-position: 10px center;
	padding-left: 30px;
	font-size: 1em;
	line-height: 1.7em;
	font-weight: bold;
	color: #FFD363;
}

#bloginfo ul li.tags h2 {
	display: block;
	background: url(images/ico_tags.png) no-repeat;
	background-position: 10px center;
	padding-left: 40px;
	font-size: 1em;
	line-height: 1.7em;
	font-weight: bold;
	color: #FFD363;
}

#bloginfo ul li.posts ul {
	width: 240px;
	padding: 0px;
}

#bloginfo ul li.comments ul {
	width: 240px;
	padding: 0px;
}

#bloginfo ul li.tags ul {
	width: 240px;
	padding: 0px;
}

#bloginfo ul li.posts ul li {
	border-bottom: 1px dotted #ddd;
    padding-top: 4px;
	padding-bottom: 4px;
}

#bloginfo ul li.comments ul li {
	border-bottom: 1px dotted #ddd;
	padding-top: 4px;
	padding-bottom: 4px;
}

#bloginfo ul li.tags ul li {
	border-bottom: 1px dotted #ddd;
	padding-top: 4px;
	padding-bottom: 4px;
}

#bloginfo ul li.comments ul li a {
	display: block;
	font-size: 0.75em;
	background: url(images/ico_comment.png) no-repeat left 3px;
	padding-left: 20px;
	line-height: 1.3em;
	font-weight: bold;
}

#bloginfo ul li.comments ul li a span {
	font-weight: normal;
}

#bloginfo ul li.comments ul li a:hover span {
	color: #fff;
}

#bloginfo ul li.comments ul li a:hover {
	background: url(images/ico_commento.png) no-repeat left 3px;
}

#bloginfo ul li.tags ul li a {
	line-height: 1.3em;
	color: #b6b6b3;
	font-size: 0.75em;
	text-transform: lowercase;
}

#bloginfo ul li.tags ul li a:hover {
	color: #fff;
}

.r_time {
	display: block;
	font-size: 0.7em;
	line-height: 1.3em;
}

.r_head a {
	display: block;
	font-weight: normal;
	font-size: 0.75em;
	line-height: 1.3em;
	font-weight: bold;
}

/************************************************
*	Content Layout     	            			*
************************************************/
#content {
	width: 775px;
}

#content #column {
	float: left;
	width: 445px;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 0px;
	display: inline;
}

#content #sidebar {
	float: left;
	width: 300px;
	margin-right: 5px;
	margin-left: 5px;
	display: inline;
	background: #FFF;
	border-right: 0px dotted #ddd;
	border-left: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
}

/************************************************
*	Sidebar Widgets    	            			*
************************************************/
#sidebar h2 {
	font-size: 0.75em;
	font-weight: bold;
	font-family: arial, tahoma;
	line-height: 1.5em;
	color: #808080;
	margin-top: 10px;
	border: 1px dashed #ddddd4;
	background: #E2E2E2;
	padding-left: 15px;
}

#sidebar p {
	margin: 0px 0px 7px 0px;
}

#sidebar .box {
	float: center;
    margin-top: 5px;
	font-size: 0.7em;
	line-height: 1.4em;
	color: #333;
}

.videobox {
	border: 1px solid #ddddd4;
	width: 300px;
	height: 250px;
}

.center {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

#sidebar a {
	color: #339999;
}

#sidebar a:hover {
	color: #DF4021;
}

.sidebar1 {
	width: 300px;
}

.sidebar2 {
	width: 145px;
	float: left;
	display: inline;
}

.sidebar1 ul ul, .sidebar2 ul ul {
	font-size: 0.7em;
	color: #999;
	line-height: 1.4em;
}

.sidebar1 ul div, .sidebar2 ul div {
	font-size: 0.7em;
	color: #999;
	line-height: 1.4em;
}

.sidebar1 ul div div, .sidebar2 ul div div {
	font-size: 1em;
}

.sidebar1 li li {
	background: url(images/bullet.gif) no-repeat;
	background-position: left 8px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	border-bottom: 1px dotted #ddd;
}

.sidebar2 li li {
	background: url(images/bullet.gif) no-repeat;
	background-position: left 8px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	border-bottom: 1px dotted #ddd;
}

.sidebar1 li li li {
	font-size: 1.2em;
	background: none;
	background-position: none;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-bottom: 0;
	border-left: 1px dotted #ccc;
}

.sidebar2 li li li {
	font-size: 1.2em;
	background: none;
	background-position: none;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-bottom: 0;
	border-left: 1px dotted #ccc;
}

/************************************************
*	Feed CSS        	            			*
************************************************/
.rssfeed {
	background: url(images/rss5.jpg) no-repeat;
	background-position: left 0px;
	padding-left: 25px;
}

.rssfeed a {
	border-bottom: 1px dotted #ddd;
}

.emailfeed {
	background: url(images/rssemail.gif) no-repeat;
	background-position: left 0px;
	padding-left: 25px;
}

.feedform {
	font-size: 1em;
}

.feedemail {
	border: 1px solid #ddd;
	width: 200px;
	padding: 3px;
	color: #999;
	background: #fff;
}

.feedemail:focus {
	border: 1px solid #bbb;
	color: #1F3B56;
	background: #fff;
}

.feedsubmit {
    background: url(images/menu_blue.png) repeat-x;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	color: #FFF;
	font-family: Arial, Tahoma, Verdana;
	padding: 3px;
	margin: 0px;
	border: 1px solid #999;
	}

.feedsubmit:hover {
	background: #21a9e9;
}

/************************************************
*	Sidebar Ads CSS    	            			*
************************************************/
ul.ads li {
	float: left;
	display: inline;
	margin-right: 3px;
}

ul.ads img {
	display: block;
	float: left;
}

/************************************************
*	Footer      								*
************************************************/

#footer {
    background: url(images/footer_blue5x50.png) repeat;
	width: 755px;
	padding: 10px;
	margin-top: 10px;
	border-top: 2px solid #D9DEEC;
	border-bottom: 2px solid #D9DEEC;
	font-size: 0.7em;
	color: #b6b6b3;
}

#footer a {
	color: #b6b6b3;
	font-weight: bold;
}

#footer a:hover {
	color: #fff;
}

.copyright {
	float: left;
	text-align: left;
	color: #b6b6b3;
	line-height: 1.4em;
}

.credit {
	float: right;
	text-align: right;
	color: #b6b6b3;
	line-height: 1.4em;
}

a.sitename {
	border-bottom: 0px dotted #ff9600;
}

a.footrss {
	background: url(images/rssimg.gif) no-repeat left center;
	padding-left: 22px;
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.credit a {
	font-weight: bold;
	color: #b6b6b3;
}

.credit a:hover {
	color: #fff;
}

/************************************************
*	POST General Styles              			*
************************************************/
.post {
	margin-top: 10px;
	background: #FFF;
	padding: 10px;
	border-bottom: 1px dashed #ccc;
}

.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
	line-height: 1.5em;
	margin: 0px 0px 5px 0px;
}

.post p {
	line-height: 1.6em;
	margin: 0px 0px 7px 0px;
}

.post h1 {font-size: 1.1em}
.post h2 {font-size: 1em}
.post h3 {font-size: 0.95em}
.post h4 {font-size: 0.9em}
.post h5 {font-size: 0.85em}
.post h6 {font-size: 0.8em}
.post p {font-size: 0.75em}
.post h1 {color: #df4021;letter-spacing:-1px;}
.post h2 {color: #94cb00;letter-spacing:-1px;}
.post h3 {color: #8ea6b2;letter-spacing:-1px;}
.post h4 {color: #00a2ff}
.post h5 {color: #ff9600}
.post h6 {color: #333}
.post p {color: #333}

.post ul, .post ol {
	font-size: 0.75em;
	color: #999;
	margin: 0px 0px 7px 0px;
}
.post li, .post li li {line-height: 1.5em}
.post ol {margin-left: 16px}

.post ul ul, .post ol ol {
	font-size: 1em;
	margin-bottom: 5px;
	margin-top: 5px;
}
.post ul li, .post ul li ul li {
	background: url(images/bullet.gif) no-repeat;
	background-position: left 8px;
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.post ol li, .post ol li ol li {
	padding-top: 2px;
	padding-bottom: 2px;
}

.post img {
	vertical-align: middle;
}

.more-link {
    font-weight: bold;
	font-size: 1.1em;
	font-family: "Trebuchet MS";
}

.post ins {
	text-decoration: underline;
}

.post del {
	text-decoration: line-through;
}

.post code {
	display: block;
	border: 1px dotted #ddd;
	width: 450px;
	padding: 10px;
	background: #fffff4;
	color: #999;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

.post blockquote {
	display: block;
	border: 1px dashed #ddd;
	width: 450px;
	padding: 10px 10px 0px 10px;
	background: #FFF;
	color: #333;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}


.post blockquote p {
	background: url(images/blockquote.gif) no-repeat;
	background-position: left top;
	padding-left: 40px;
	color: #5a727b;
	font-weight: bold;
}

a {
	color: #339999;
}

a:hover {
	color: #ff9000;
}

.post h2 a {
	color: #0089DF;

	border-bottom: 1px dotted #ddd;
}

.post h2 a:hover {
	color: #ff9600;
	border-bottom: 1px dotted #ccc;
}

.post .entry {
	margin-top: 10px;
	margin-bottom: 10px;
}

.post .postinfo {
	color: #aaa;
	font-size: 0.7em;
	border-bottom: 1px dashed #eee;
	line-height: 1.4em;
	padding-top: 2px;
	padding-bottom: 5px;
}

.post .info {
	float: left;
}

.post .info a {
	padding-top: 4px;
	padding-bottom: 4px;
	height: 15px;
	background: url(images/ico_author.gif) no-repeat left center;
	padding-left: 18px;
}

.post .commentnum {
	float: right;
	background: url(images/ico_commentw.gif) no-repeat left center;
	padding-left: 20px;
}

.post .category {
	font-size: 0.7em;
	color: #666;
	background: url(images/ico_cat.gif) no-repeat;
	background-position: left 3px;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #eee;
}

.post .tags {
	background: url(images/ico_tag.gif) no-repeat;
	background-position: left 3px;
	padding-left: 35px;
	font-size: 0.7em;
	color: #366799;
	line-height: 1.5em;
	padding-top: 5px;
	border-top: 1px solid #eee;
	float: right;
	text-transform: lowercase;
}

.post .ratings {
	font-size: 0.75em;
	line-height: 1.3em;
	color: #666;
	margin: 0px 0px 10px 0px;
}

.post .views {
	font-size: 0.75em;
	color: #666;
	margin: 0px 0px 10px 0px;
}

/************************************************
*	Post Images - Alignments        			*
************************************************/
img.alignleft, img.alignright, img.aligncenter, img.alignnone {
	border: 3px solid #eee;
}

.alignleft {
	float: left;
	display: inline;
	margin-right: 10px;
	margin-bottom: 2px;
}

.alignright {
	float: right;
	display: inline;
	margin-left: 10px;
	margin-bottom: 2px;
}

.aligncenter {
	display: inline;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.alignnone {
	display: inline;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

p.wp-caption-text {
	padding: 3px;
	color: #999;
}

/****************************************************
*Default Navigation _Next entries _Previous entries	*
****************************************************/
.nav {
	margin-top: 10px;
	font-size: 0.75em;
}

.nav a:hover {
	color: #333;
}
	

.nav_left {
	float: left;
	display: inline;
}

.nav_right {
	float: right;
	display: inline;
}

/************************************************
*	Other POST Boxes                			*
************************************************/
.post_header {
	margin-left: 10px;
	padding-top: 25px;
	padding-right: 10px;
	border-bottom: 1px solid #e4e7cf;
}

.post_header h1 {
	font-size: 1em;
	color: #444;
}

.post_author, .post_follow {
	background: #e9f7ff;
	padding: 10px;
	font-size: 0.75em;
	color: #666;
	line-height: 1.5em;
	border: 1px solid #eeeee4;
	font-family: "Trebuchet MS"
}

.post_follow a {
	font-weight: bold;
}

/************************************************
*	Comments                        			*
************************************************/
.commentlistdiv {
	margin-top: 10px;
	padding: 10px;
	background: #FFF;
	border: 1px dotted #ddd;
	font-size: 0.7em;
	color: #999;
}

.commentlistdiv h1 {
	font-size: 1.3em;
	color: #df4021;
	border-bottom: 1px solid #eee;
	line-height: 1.5em;
}

.commentlist li {
	background: #fff;
	border-bottom: 1px dotted #ddd;
	padding: 20px;
}

.commentlist li.alt {
	background: #fff;
}

.pane_l {
	float: left;
	display: inline;
	width: 60px;
	min-width: 60px;
	max-width: 60px;
	border-right: 1px dashed #ddddd4;
	padding-right: 20px;
	margin-right: 20px;
}

.pane_r {
	display: block;
	line-height: 1.5em;
	margin-left: 101px;
}

.c_author {
	font-weight: bold;
	margin: 0px 0px 7px 0px;
}

.c_avatar {
	display: block;
	margin: 0px 0px 7px 0px;
}

.c_date {
	color: #aaa;
	font-size: 0.9em;
	margin: 0px 0px 7px 0px;
}

.c_approved {
	color: #aaa;
}

/************************************************
*	Trackbacks / Pinbacks              			*
************************************************/
.post_ping {
	background: #e9f7ff;
	padding: 10px;
	border: 1px solid #eeeee4;
	font-family: "Trebuchet MS";
	font-size: 0.7em;
	color: #666;
	line-height: 1.5em;
}

.post_ping h1 {
	font-size: 1.2em;
}

.post_ping ol {
	margin-left: 20px;
}

.post_ping ol li {
	padding-top: 3px;
}

/************************************************
*	Reply                           			*
************************************************/
.reply {
	margin-top: 10px;
	padding: 10px;
	background: #FFF;
	border: 1px dotted #ddd;
	font-size: 0.7em;
	color: #666;
}

.reply h1 {
	font-size: 1.3em;
	color: #df4021;
	border-bottom: 1px solid #eee;
	line-height: 1.5em;
}

.reply label {
	font-family: "Trebuchet MS";
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	vertical-align: middle;
	color: #666;
	margin-left: 5px;
}

.replytext {
	width: 200px;
	background: #FFF;
	margin-top: 5px;
	margin-bottom: 5px;
	vertical-align: middle;
	color: #666;
	border: 1px solid #eee;
	padding: 3px;
}

.replytext:focus {
	background: #fffff9;
}

.replyarea {
	width: 400px;
	height: 75px;
	background: #FFF;
	margin-top: 5px;
	margin-bottom: 5px;
	vertical-align: middle;
	color: #666;
	border: 1px solid #eee;
	padding: 3px;
}

.replyarea:focus {
	background: #fffff9;
}

.replybutton {
	cursor: pointer;
	font-weight: bold;
	background: url(images/commentbutton.gif) no-repeat;
	width: 100px;
	height: 22px;
	margin-top: 5px;
	margin-bottom: 5px;
	vertical-align: middle;
	color: #fff;
}

.replybutton:hover {
	background: url(images/commentbutton_on.gif) no-repeat;
}

/************************************************
* Stripe-Ad *
************************************************/
#mta_bar { background: #1F3B56; border-bottom: 0px solid #ffffff; margin: 0 0 3px 0; padding: 4px 0; z-index: 100; top: 0; left: 0; width: 100%; overflow: auto; position: fixed; }
* html #mta_bar{ /*IE6 hack*/
position: absolute; width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px"); }
#mta_bar .left { float: left; text-align: center; font-family: Arial; font-size: 13px; font-weight: bold; font-style: normal; color: #94FF31; width:92%;}
#mta_bar .right {font-family: Arial, Helvetica, sans-serif; float: right; text-align: center; font-weight: normal; font-size: 10px;letter-spacing: 0; width: 30px; white-space: nowrap;}
#mta_bar .right a {font-size: 10px; color: #FFFFA6; text-decoration: none;}
#mta_bar .right a:hover {font-size: 10px; color: #FFFFA6; text-decoration: none;}
#left_bar a { text-decoration: none; color: #94FF31; }
#left_bar a:hover { text-decoration: none; color: #FFFFA6; }

/************************************************
*	Multy TAB  							    	*
************************************************/

div.TabView div.Tabs
{
height: 25px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
 /* Lebar Menu Utama Atas */

text-align: center;
height: 25px; /* Tinggi Menu Utama Atas */
padding-top: 5px;
padding-bottom: 5px;
padding-right: 10px;
padding-left: 10px;
vertical-align: middle;
border: 1px solid #BDBDBD; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Verdana", Serif; /* Font Menu Utama Atas */
font-size: 12px;
font-weight: bold;
color: #000; /* Warna Font Menu Utama Atas */
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #E6E6E6; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #BDBDBD; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #E6E6E6; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}