/*  
Theme Name: Toekang 2.0
Theme URI: http://www.toekangscada.web.id
Description: This is my theme for a tutorial.
Version: 2.0
Author: Iwan Kationo
Author URI: http://www.toekangscada.web.id
*/
html {
	margin: 0;
	padding: 0;
	}
body {
	font: 11px Arial, Helvetica, sans-serif;
	background: #FFFFFF url(images/bg.png) repeat-y 50% 0;
	margin: 0px;
	padding: 0;
}

/* LAYOUT */
#container {
	margin: 0px auto;
	width: 950px;
}
#sidebar-frame {
	position:relative;
	float: left;
	width: 290px;
	background: #00FFFF url(images/sidebar-bg.png) repeat-y;
}
#content-frame {
	position:relative;
	width: 660px;
	float: right;
	background: #FFFFFF;
}

/* SIDEBAR */
#sidebar {
	float: left;
	width: 290px;
	font: 100%/150% Tahoma, Arial, "Trebuchet MS";
	color: #414141;
}
#sidebar span.logo {
	display:block;
	margin-top: 42px;
	height: 50px;
	background: url(images/logo-bg.png) no-repeat;
}
#sidebar span.slogan {
	display:block;
	height: 60px;
	background: url(images/slogan.png) no-repeat;
}
#sidebar span.ym_status {
	margin-left: 110px;
	pading: 0;
	border: 0;
}

/*sidebar title */
#sidebar span.idesign-title {
    display:block;
	height: 23px;
	background: url(images/cat_i_design.png) no-repeat;
}
#sidebar span.the-automation-title {
    display:block;
	height: 25px;
	background: url(images/cat_i_the_automation.png) no-repeat;
}
#sidebar span.the-turorial-title {
    display:block;
	height: 25px;
	background: url(images/cat_i_the-tutorial.png) no-repeat;
}
#sidebar span.the-other-title {
    display:block;
	height: 25px;
	background: url(images/cat_i_the_other.png) no-repeat;
}
#sidebar span.article-desc {
    display:block;
	margin-top: 12px;
	height: 70px;
	background: url(images/article_description.png) no-repeat;
}
#sidebar span.the-link-title {
    display:block;
	height: 25px;
	background: url(images/cat_i_link.png) no-repeat;
}
#sidebar span.other-toekang-title {
    display:block;
	height: 26px;
	background: url(images/cat_i_other_toekang.png) no-repeat;
}

/*sidebar text styles */
#sidebar a, #sidebar a:visited{
	color: #72941c;
	text-decoration: none;
}
#sidebar a:hover{
	color: #FF6600;
	text-decoration: none;
}
/*sidebar list level1 */
#sidebar ul {
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
/*sidebar list level2 */
#sidebar ul li ul {
	padding: 0;
	margin: 0;
}
#sidebar ul li ul li{
	padding: 2px 0 0px 0px;
}
/*sidebar list level3 */
#sidebar ul li ul li ul li{
	padding: 1px 0 1px 10px;
	border: none;
}

/*category icon */
#sidebar ul li{
	background: url(images/mini-category.gif) no-repeat !important;
}
#sidebar ul li ul li{
	background: url(images/mini-page-arrow.gif) no-repeat !important;
}

/*category i-design */
ul.list-idesign {
	padding-left: 165px !important;
}
ul.list-idesign li{
	padding-left: 10px !important;
}

/*category automation */
ul.list-automation {
	padding-left: 73px !important;
}
ul.list-automation li{
	padding-left: 10px !important;
}

/*category turorial */
ul.list-turorial {
	padding-left: 73px !important;
}
ul.list-turorial li{
	padding-left: 10px !important;
}

/*category other */
ul.list-other {
	padding-left: 73px !important;
}
ul.list-other li{
	padding-left: 10px !important;
}

/*the link */
ul.list-link {
	padding-left: 124px !important;
}
ul.list-link li{
	padding-left: 10px !important;
}

/*the friends */
ul.list-other-toekang {
	padding-left: 124px !important;
}
ul.list-other-toekang li{
	padding-left: 10px !important;
}

/* content area */
#content {
	width: 660px;
	float: left;
	margin-top: 20px;
	background: #FFFFFF;	
}

/*search form */
#searchform {
	position:relative;
	float: right;
	margin: 0;
}
#searchform #s {
	float:left;
	border:0px;
	width: 118px;
	height: 26px;
	padding: 2px 0px 0px 6px;
	color: #000000;
	background: url(images/search_box.png) no-repeat;
}
#searchform #go{
	float:left;
	border: 0px;
	width: 43px;
	height: 26px;
	padding: 5px 0px 0px 0px;
	background: url(images/search-button.gif) no-repeat;
	cursor: pointer;
}
.navigation a, .navigation a:visited {
	margin-top: 10px;
	color: #ff9000;
}
.previous-entries a {
	float: left;
	padding-left: 7px;
	background: url(images/mini-post-jump-left.png) no-repeat;
}
.next-entries a {
	position:relative;
	float: left;
	padding-right: 7px;
	margin-left: 20px;
	background: url(images/mini-post-jump.png) no-repeat right top;
}

/* Posting list */
#i-post-list {
	position:relative;
	float: left;
	width: 100%;
	/* height: 460px; -> setting height in header !*/
}
.cat-name {
	font: 200%/100% Tahoma, "Trebuchet MS";
	float: left;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	color:#a2b7c8;
}
.cat-description {
	clear:both;
	font: 100%/100% Arial, Tahoma, "Trebuchet MS";
	padding: 5px 0 5px 0;
	width: 400px;
	border-top: #f2f2f2 solid 1px;
	border-bottom: #f2f2f2 solid 1px;
	margin-top: 15px;
	margin-bottom: 15px;
	color:#8d8d8d;
}
.post-link {
	clear:both;
	width: 90%;
	padding: 10px 0 0px 0;
	font: 110%/105% Arial, Tahoma, "Trebuchet MS";
	border-bottom: #f0f0f0 dotted 1px;
}
.post-link a, .post-link a:visited{
	color: #0384de; /* 0397d5; */
	text-decoration: none;
}
.post-link a:hover{
	color: #FF6600;
	text-decoration: none;
}
.post-date {
	font: 80%/110% Arial, Tahoma, "Trebuchet MS";
	color:#c1c1c1;
}
.post-title {
	font: 105%/100% Arial, Tahoma, "Trebuchet MS";
}
.post-description {
	font: 90%/100% Arial, Tahoma, "Trebuchet MS";
	color:#9e9e9d;
}
.separator {
	font: 100%/100% Arial, Tahoma, "Trebuchet MS";
	font-weight:bold;
	color:#d0d0d0;
}
.post-jump {
	color:#FFFFFF;
	background: url(images/mini-post-jump.png) no-repeat !important;
	padding-left: 5px;
}
.post-comment {
	font: 80%/100% Arial, Tahoma, "Trebuchet MS";
	background: url(images/user-comment-orange.gif) no-repeat !important;
	padding-left: 18px;
	padding-top: 2px;
	line-height: 20px;
}
.post-comment a, .post-comment a:visited{
	color: #95af03;
	text-decoration: none;
}

/*Recent Comment */
#i-post-comment {
	position:relative;
	font: 10px Arial, Tahoma, "Trebuchet MS";
	color: #9d9d9d;
	padding: 0px 0 0 0px;
	float: left;
	width: 315px;
	border-top: #d4d3d3 solid 1px;
}
#i-post-comment a, #i-post-comment a:visited{
	color: #60a10d;
	text-decoration: none;
	line-height: 14px;
}
#i-post-comment a:hover{
	color: #FF6600;
	text-decoration: none;
	line-height: 14px;
}
#i-post-comment span.comment-title {
	background: url(images/mini-comment-arrow.png) no-repeat !important;
	font-size:12px;
	font-weight:bold;
	padding-left: 10px;
	line-height: 25px;
	color: #7f5252;
}

/*Recent Post */
#i-post-recent {
	font: 10px Arial, Tahoma, "Trebuchet MS";
	color: #9d9d9d;
	padding: 0px 10px 0 0px;
	float: left;
	width: 335px;
	border-top: #d4d3d3 solid 1px;
}
#i-post-recent a, #i-post-recent a:visited{
	color: #60a10d;
	text-decoration: none;
	line-height: 14px;
}
#i-post-recent a:hover{
	color: #FF6600;
	text-decoration: none;
	line-height: 14px;
}
#i-post-recent span.comment-title {
	background: url(images/mini-comment-arrow.png) no-repeat !important;
	color: #7f5252;
	font-size:12px;
	font-weight:bold;
	padding-left: 10px;
	line-height: 25px;
}
#i-post-recent .list {
	padding-bottom: 5px;
}

/* Single Post*/
#post-calendar {
	width: 60px;
	height: 49px;
	float:left;
	font: 100%/100% Arial, Tahoma, "Trebuchet MS";
	background: url(images/mini-calendar.png) no-repeat;
}
#post-calendar .post-month {
	font-size: 11px;
	color: #FFFFFF;
	text-align:center;
	display:block;
	line-height: 11px;
	padding-top: 0px;
	margin-left: -24px;
}
#post-calendar .post-day {
	font-size: 14px;
	font-weight:bold;
	text-transform: uppercase;
	color: #1b1b1b;
	text-align: center;
	display:block;
	line-height: 14px;
	padding-top: 8px;
	margin-left: -24px;
}

#single-post {
	float: right;
	width: 590px;
	font: 12px/95% "Trebuchet MS", Tahoma, Arial;
}
.post {
	float:left;
	width: 590px;
	color: #3a3a3a;
}
.post a, .post a:visited{
	color: #0397d5;
	text-decoration: none;
}
.post a:hover{
	color: #FF6600;
	text-decoration: none;
}
#single-post .post-title {
	font: normal 110%/100% "Trebuchet MS", Tahoma, Arial;
	color: #0246ab;
	font-weight: bold;
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 5px;
	margin-bottom: -10px;
}
#single-post .post-print {
	float:right;
}
#single-post span.post-cat a, #single-post span.post-cat a:visited{
	font: 90%/100% "Trebuchet MS", Tahoma, Arial;
	color: #838383;
}
#single-post span.post-cat a:hover{
	color: #FF6600;
	text-decoration: none;
}
#single-post span.separator{
	font: 90%/100% Arial, Tahoma, "Trebuchet MS";
	font-weight:bold;
	color:#FF6600;
}
#single-post .entry-single {
	clear: both;
	font: 97%/170% Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-right: 10px;	
}
#single-post .entry-single a, #single-post .entry-single a:visited{
	color: #7fa301;
}
#single-post .entry-single a:hover{
	color: #fe0303;
	text-decoration:underline;
}
#single-post .entry-single ul{
	padding: 0;
	margin: -15px 0 10px 40px;
}
#single-post .entry-single span.subtitle {
	font-weight: bold;
}
#single-post .entry-single span.orange-light{
	color: #dfa404;
}
#single-post .entry-single span.blue-light{
	color: #2f5dd1;
}
#single-post .entry-single span.hilight {
	color: #6b8e5d;
}
#single-post .entry-single span.talk {
	color: #41648b; 
	font-style: italic;
}
#single-post .entry-single h6 {
	font: normal 95%/100% Arial, Helvetica, sans-serif;
	color: #003399;
	padding: 0;
	margin: -5px 0 5px 20px;
}
#single-post span.mini-add-comment {
	background: url(images/mini-down-arrow.gif) no-repeat;
	padding: 4px 0 0 18px;
	float: right;
	height: 18px;
	margin-top: -14px;
}

/* gtoekang 2.1 plugin */
.toekang-post-icon {
	float:left;
	margin-right: 10px;
}
.imgbd {
    border: solid #888888 1px;
	padding: 3px;
	background-color: #EEEEEE;
	margin: 5px 0 5px 0;
}

/* Copyright */
#copyright {
	font: normal 11px/110% Arial, Helvetica, sans-serif;
	color: #a4a4a4;
	float: right;
	padding: 5px 0 5px 0;
	margin: 20px 25px 0px 0;
	border-top: #454545 solid 1px;
	border-bottom: #454545 solid 1px;
}
#copyright a, #copyright a:visited{
	color: #678002;
	text-decoration: none;
}
#copyright a:hover{
	color: #FF6600;
	text-decoration: none;
}

/* META */
#meta {
	font: 10px Arial, Helvetica, sans-serif;
	float: right;
	padding: 0px 0 5px 0;
	margin: 5px 25px 5px 0;
}
#meta a, #meta a:visited{
	color: #616161;
	text-decoration: none;
}
#meta a:hover{
	color: #FF6600;
	text-decoration: none;
}
#meta span.rss {
	padding-left: 14px;
	background: url(images/mini-rss.gif) no-repeat;
}
#meta .login {
	background: url(images/mini-user.gif) no-repeat;
}

/* Alert */
.ts-alert {
	background: url(images/alert-i.gif) no-repeat;
	font: 95% Arial, Helvetica, sans-serif;
	color:#937302;
	background-color: #fdebac;
	border-top: #fdc502 solid 2px;
	border-bottom: #fdc502 solid 2px;
	padding: 2px 10px 2px 40px;
}
.ts-question {
	background: url(images/alert-q.gif) no-repeat;
	font: 95% Arial, Helvetica, sans-serif;
	color:#014198;
	background-color: #c4ddff;
	border-top: #6ba3ee solid 2px;
	border-bottom: #6ba3ee solid 2px;
	padding: 2px 10px 2px 40px;
}
.ts-info {
	background: url(images/alert-info.gif) no-repeat;
	font: 95% Arial, Helvetica, sans-serif;
	color:#014198;
	background-color: #c4ddff;
	border-top: #6ba3ee solid 2px;
	border-bottom: #6ba3ee solid 2px;
	padding: 2px 10px 2px 40px;
}
.ts-download {
	background: url(images/alert-dl.gif) no-repeat;
	font: 95% Arial, Helvetica, sans-serif;
	color:#647543;
	background-color: #dcf7a8;
	border-top: #87cd00 solid 2px;
	border-bottom: #87cd00 solid 2px;
	padding: 2px 10px 2px 40px;
}