/*
Blog Name: Ciebal Site
URL Blog : www.ciebal.web.id
Author: ciebal
Author URI: http://www.ciebal.web.id
Future : ciebal
*/

/* CSS General Reset */

/* CSS Begin */
* {
	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 { background:#e4edf0 url(http://www.ciebal.web.id/wp-content/uploads/2011/02/bg-body.jpg) repeat-x fixed left top; 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}
.thumbnail{

/* Zoom Efek */
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ 
position: absolute;
background-color: lightyellow;
padding: 5px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ 
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ 
visibility: visible;
top: 0;
} 
/* Thumb Text */
.thumbtext{
position: relative;
z-index: 0;
}

.thumbtext:hover{
background-color: transparent;
z-index: 50;
}
.thumbtext span{ 
position: fixed;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbtext span img{ 
border-width: 0;
padding: 2px;
}

.thumbtext:hover span{ 
visibility: visible;
top: 0;
left: 60px;
} 


/*
Layout CSS Information 		background: #e4edf0;
*/
body {


	text-align: center;
}

#container {
	width: 1000px;
	border-left: 1px solid #cbdde1;
	border-right: 1px solid #cbdde1;
	background: #f6fce7 url(images/bgcontainer.gif) repeat-x top;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

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

.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: #9ca485;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 5px;
	font-family: verdana;
	letter-spacing: -1px;
}

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

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

.searchform .searchbutton {
	border: 1px solid #ddd;
	text-transform: uppercase;
	background: #fff;
	cursor: pointer;
	color: #666;
	font-size: 0.9em;
	height: 21px;
}

.searchform .searchbutton:hover {
	color: #ff9600;
}

.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: #9ca485;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 5px;
	font-family: verdana;
	letter-spacing: -1px;
}

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

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

.searchformI .searchbutton {
	border: 1px solid #ddd;
	text-transform: uppercase;
	background: #fff;
	cursor: pointer;
	color: #666;
	font-size: 0.9em;
	height: 21px;
}

.searchformI .searchbutton:hover {
	color: #ff9600;
}
/* ******************************************************** */
/* NAVIGATION - PAGES */
/* ******************************************************** */
#navpages {
	background: #4c9ae9 url(images/bgNavPages.gif);
	border-top:1px solid #4c9ae9;
	border-bottom:1px solid #4c9ae9;
	position:relative;
	z-index:200;
}
#navpages ul{
	float:left;
}
#navpages ul li{
	position: relative;
	display: inline;
	float:left;
	font-size:15px;
	font-weight:bold;
	border-right:1px solid #4c9ae9;
}
#navpages ul li.first{
	padding:0;
}
#navpages ul li a{
	display: block;
	font: .8em Arial, Tahoma, Verdana;
	color: #fff;
	padding:6px 10px;
}
* html #navpages ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	float:left;
}
* html #navpages ul li ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	float:none;
}
#navpages ul li a:link, #navpagescat ul li a:visited{
	text-decoration:none;
}
#navpages ul li a:hover, #navpages .current_page_item a, #navpages .select a{
	background: url(images/bgNavPagesHov.gif);
	color:#fff;
	text-decoration:none;
}
/*1st sub level menu*/
#navpages ul li ul{
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	margin:0;
	padding:0;
	background:#7FBFFF;
}
/*Sub level menu list items (undo style from Top level List Items)*/
#navpages ul li ul li{
	display: list-item;
	float: none;
	font-size:1.0em;
	background:none;
	padding:0;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
#navpages ul li ul li ul{
	top: 0;
	margin:0;
}
/* Sub level menu links style */
#navpages ul li ul li a, #navpages .current_page_item ul li a, #navpages .select ul li a{
	width: 160px;
	height:auto;
	margin: 0;
	background: #7FBFFF;
	color:#fff;
	float: none;
	padding:4px 10px;
	border-top: 1px solid #AFC5FF;
	border-right:none;
}
#navpages ul li ul li a:hover{ /*sub menus hover style*/
	background: #75b9f3;
	color:#fff;
	text-decoration:none;
}
/* ******************************************************** */
/* NAVIGATION - CATEGORIES */
/* ******************************************************** */
#navcats {
	background: #dfdfdf url(images/bgnavcats.gif);
	border-bottom:4px solid #bbe775;
	position:relative;
	z-index:100;
}
#navcats ul{
	float:left;
}
#navcats ul li{
	position:relative;
	display:inline;
	float:left;
	border-right:1px solid #ddd;
}
#navcats ul li a{
	display: block;
	font: .8em Arial, Tahoma, Verdana;
	color: #096396;
	padding:6px 10px 5px;
}
* html #navcats ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	float:left;
}
* html #navcats ul li ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	float:none;
}
#navcats ul li a:link, #navcats ul li a:visited{
	text-decoration:none;
}
#navcats ul li a:hover, #navcats .current_page_item a, #navcats .select a{
	background: url(images/bgnavcats_hover.gif);
	color:#000;
	text-decoration:none;
}
/*1st sub level menu*/
#navcats ul li ul{
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	margin:0;
	padding:0;
	background:#e9e9e9;
}
/*Sub level menu list items (undo style from Top level List Items)*/
#navcats ul li ul li{
	display: list-item;
	float: none;
	font-size:1.0em;
	background:none;
	padding:0;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
#navcats ul li ul li ul{
	top: 0;
	margin:0;
}
/* Sub level menu links style */
#navcats ul li ul li a, #navcats .current_page_item ul li a, #navcats .select ul li a{
	width: 160px;
	height:auto;
	padding: 3px 10px;
	margin: 0;
	background:#e9e9e9;
	text-align:left;
	font-weight:normal;
	text-decoration:none;
	text-transform:capitalize;
	border-bottom:1px solid #afafaf;
	color: #096396;
}
#navcats ul li ul li a:hover, #navcats .current_page_item ul li a:hover, #navcats .select ul li a:hover{ /*sub menus hover style*/
	text-decoration:none;
	background:#ddd;
	color:#000;
	border-bottom:1px solid #afafaf;
}
/*
Header CSS
*/
#header {
	width: 1000px;
	height: 113px;
	background-image:url('images/head1.png');
}

#header_logo {
	float: left;
	height: 60px;
	display: inline;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 15px;

}

#header_logo h1.blogtitle {
	float: left;
	margin-right: 40px;
}

#header_logo h1.blogtitle a {
	color: #6f8ba3;
	font-family: "Trebuchet MS";
	font-size: 1.1em;
	line-height: 1.2em;
	letter-spacing: -1px;
}

#header_logo h1.blogtitle a:hover {
	color: #366799;
}

#header_logo .description {
	float: left;
	color: #666;
	font-weight: bold;
	font-size: 0.7em;
	line-height: 1.4em;
	padding-top: 44px;
}

#header_ad {
	float: right;
	width: 468px;
	height: 60px;
	display: inline;
	margin-right: 20px;
	margin-top:25px;
}

#header_ad img {
	display: block;
}

/*
Blog Information Section
*/
#bloginfo {
	width: 1000px;
	background-color: #333333;
	border-top: 3px solid #CCCCCC;
	border-bottom: 1px solid #666666;
	color: #eee;
}

#bloginfo a {
	color: #FFF;
}

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

#bloginfobox {
	margin: 5px;
}

#bloginfo ul {
	width: 990px;
}

#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: 330px;
}

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

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

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

#bloginfo ul li.posts ul {
	width: 310px;
	padding: 10px;
}

#bloginfo ul li.comments ul {
	width: 310px;
	padding: 10px;
}

#bloginfo ul li.tags ul {
	width: 310px;
	padding: 10px;
}

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

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

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

#bloginfo ul li.comments ul li a {
	display: block;
	font-size: 0.75em;
	background: url(images/ico_comment.gif) 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.gif) no-repeat left 3px;
}

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

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

.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: 1000px;
}

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

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

/*
Sidebar Widgets
*/
#sidebar h2 {
	font-size: 0.85em;
	font-family: "trebuchet ms", arial, tahoma;
	line-height: 1.3em;
	color: #FFFFFF;
	text-transform: none;
	margin-top: 5px;
	border-top: 10px solid #FFFFFF;
	background: #000000 url(images/menu_item.png) repeat-x;
	padding-left: 7px;
}

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

#sidebar .box {
	margin-top: 5px;
	font-size: 0.75em;
	line-height: 1.4em;
	color: #999;
}
.about{
	border: 0px solid #ddddd4;
	width: 380px;
	height: 100%;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 5px;
	margin-bottom: 2px;
	text-align:justify;
}
.about img{
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left:auto;
	margin-top: 5px;
}

.videobox {
	border: 4px solid #ddddd4;
	width: 380px;
	height: 214px;
}

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

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

.sidebar2 {
	width: 190px;
	float: left;
	display: inline;
}
.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;
}

.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;
}

.sidebar1 {
	width: 388px;

}

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

.sidebar1 ul div, .sidebar2 ul div {
	font-size: 0.75em;
	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;
}


.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;
}


/*
Feed CSS
*/
.rssfeed {
	background: url(images/rssimg.gif) no-repeat;
	background-position: left 0px;
	padding-left: 30px;
}

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

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

.feedform {
	font-size: 0.9em;
}

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

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

.feedsubmit {
	border: 1px solid #ddd;
	text-transform: uppercase;
	background: #fff;
	cursor: pointer;
	color: #666;
	font-size: 0.9em;
	height: 22px;
}

.feedsubmit:hover {
	color: #ff9600;
}

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

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

/*
Footer CSS
*/
#footer {
	width: 980px;
	padding: 10px;
	margin-top: 10px;
	background: #eeeee4;
	border-top: 3px solid #ddddd4;
	font-size: 0.7em;
	color: #999;
	text-align: right;
}

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

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

.copyright {
	float: left;
	line-height: 1.4em;
}

.credit {
	float: right;
	color: #999;
	line-height: 1.4em;
}

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

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

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

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

/*
General Styles THE POST
*/
.post {
	margin-top: 5px;
	background: #FFF;
	border: 1px dotted #ddd;
	padding: 10px;
	text-align:justify;
}

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

.post p {
	line-height: 1.5em;
	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: #366799;letter-spacing:-1px;}
.post h2 {color: #78848f;letter-spacing:-1px;}
.post h3 {color: #adbd00;letter-spacing:-1px;}
.post h4 {color: #00a2ff}
.post h5 {color: #ff9600}
.post h6 {color: #333}
.post p {color: #666}

.post ul, .post ol {
	font-size: 0.75em;
	color: #666;
	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;
	padding: 0;
	max-width: 100%;
}

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

.post ins {
	text-decoration: underline;
}

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

.post code {
	color: #222222;
	background: #EAEAEA;
	font-size: 11px;
	margin: 0px;
	padding: 10px;
	display: block;
	font-family: Verdana, Tahoma, Verdana;
}

.post blockquote {
	background: #F7F7F7;
	border: 1px dashed #ddd;
	margin: 0px 25px 15px 25px;
	padding: 0px 25px 0px 10px;
}


.post blockquote p {
	background-position: left top;
	margin: 0px;
	padding: 5px 0px 5px 0px;
}

a {
	color: #3491c6;
}

a:hover {
	color: #87ba0b;
}

.post h2 a {
	color: #666;
	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 dotted #ddd;
	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: #aaa;
	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: #aaa;
	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;
	padding: 0;
	max-width: 100%;
}

.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 {
	padding-top: 10px;
	margin-left: 10px;
	padding-right: 10px;
	border-bottom: 1px solid #e4e7cf;
}

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

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

.post_follow a {
	font-weight: bold;
}
.post_follow ul{list-style-type:none}
.post_follow p{padding-left:16px;  color:#333}
.post_follow ul{list-style:circle; margin:0 0 0;}
.post_follow li{margin:0; padding:0 0 .25em 0px; line-height:15px}
.post_follow ul li{ padding-top:0px}
/* Iklan Blog */
/* Iklan Blog */
.dolar {
	background:#eee;
	font-size: 0.75em;
	line-height: 1.5em;
	font-family: "Trebuchet MS";
	border: 1px dashed #cccccc;
	padding:10px;
	margin: 0 0 5px;
	color:#000;
}

.dolar a {
	color:black;
}
.dolar a:hover {
	text-decoration:underline;
	color:#346ba4;
}
.dolar ul{list-style-type:none}
.dolar p{padding-left:16px;  color:#333}
.dolar ul{list-style:circle; margin:0 0 0; padding:12px 0 10px 15px}
.dolar li{margin:0; padding:0 0 .25em 0px; line-height:15px}
.dolar ul li{ padding-top:0px}

.iklan-single {
	background:white;
	font-size: 0.75em;
	line-height: 1.5em;
	font-family: "Trebuchet MS";
	border: 1px dashed #cccccc;
	padding:10px;
	margin: 0 0 5px;
	color:#000;
}
.domain-gratis {
	background:white;
	font-size: 0.75em;
	line-height: 1.5em;
	font-family: "Trebuchet MS";
	border: 1px dashed ButtonShadow;
	padding:10px;
	margin: 0 0 5px;
	color:#000;
}
.share-ciebal {
	background:white;
	font-size: 0.75em;
	line-height: 1.5em;
	font-family: "Trebuchet MS";
	border: 1px dashed ButtonShadow;
	padding:10px;
	margin: 0 0 5px;
	color:#000;
}
.iklanheader {
	background: #666666;
	border-top: 3px solid #CCCCCC;
	border-bottom: 1px solid #666666;
	color: #eee;
}

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

.commentlistdiv h1 {
	font-size: 1.3em;
	color: #366799;
	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: 160px;
	min-width: 160px;
	max-width: 160px;
	border-right: 1px dotted #ddd;
	padding-right: 20px;
	margin-right: 20px;
}

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

.c_author {
	font-size: 0.9em;
	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;
	font-size: 0.9em;
}

/*
Trackbacks / Pinbacks
*/
.post_ping {
	background: #fffff4;
	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.75em;
	color: #666;
}

.reply h1 {
	font-size: 1.3em;
	color: #366799;
	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: 440px;
	height: 140px;
	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-size: 0.9em;
	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;
}

.latest {
	width: 388px;
}

.latest ul ul, .latest ul ul {
	font-size: 0.75em;
	color: #999;
	line-height: 1.4em;
}

.latest ul div, .latest ul div {
	font-size: 0.75em;
	color: #999;
	line-height: 1.4em;
}

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

.latest 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;
}

.latest 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;
}
/* Mood Ciebal */
.mood{
	background: url(mood/belajar.png) no-repeat;
	background-position:5px;
	border: 1px dashed #cccccc;
	width: 314px;
	height: 64px;
	font-size: 0.85em;
	font-family: "trebuchet ms", arial, tahoma;
	color: gray;
	padding-top:5px;
	padding-left:70px;
	text-align: justify;
	}

/*
Blog Info single atas
*/
#bloginfoatas {
	width: 1000px;
	background: url(images/bginfo.gif) no-repeat;
	border-top: 3px solid #CCCCCC;
	border-bottom: 1px solid #666666;
	color: #eee;
}

#bloginfoatas a {
	color: #FFF;
}

#bloginfoatas a:hover {
	color: #e3fa7a;
}

#bloginfoatasbox {
	margin: 5px;
}

#bloginfoatas ul {
	width: 990px;
}

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

#bloginfoatas ul li.posts, #bloginfoatas ul li.comments, #bloginfoatas ul li.tags {
	width: 330px;
}

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

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

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

#bloginfoatas ul li.posts ul {
	width: 310px;
	padding: 10px;
}

#bloginfoatas ul li.comments ul {
	width: 310px;
	padding: 10px;
}

#bloginfoatas ul li.tags ul {
	width: 310px;
	padding: 10px;
}

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

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

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

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

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

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

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

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

#bloginfoatas ul li.tags ul li a:hover {
	color: #e3fa7a;
}

.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;
}

img.left {
align: left;
}
#backlink h2 {
	font-size: 0.85em;
	font-family: "trebuchet ms", arial, tahoma;
	line-height: 1.3em;
	color: #FFFFFF;
	text-transform: none;
	margin-top: 5px;
	border-top: 10px solid #FFFFFF;
	background: #000000 url(images/menu_item.png) repeat-x;
	padding-left: 7px;
}

.backlink p {
	margin: 0px 0px 7px 0px;
}
.baclink ul ul{
	font-size: 0.75em;
	color: #999;
	line-height: 1.4em;
}
.backlink li li {
	background: url(images/bullet.gif) no-repeat;
	background-position: left 8px;
	padding-top: 50px;
	padding-bottom: 3px;
	padding-left: 40px;
	border-bottom: 1px dotted #ddd;
}
.backlink 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;
}
.backlink a:hover {
	color: #366799;
}
#bukaiklan{
	float: right;
	display: inline;
	margin-right: 0px;
	margin-top: 2px;
}
/* Code */
.csharpcode, .csharpcode pre { 	font-size: small; 	color: black; 	font-family: consolas, "Courier New", courier, monospace; 	background-color: #ffffff; 	/*white-space: pre;*/ } .csharpcode pre { margin: 0em; } .csharpcode .rem { color: #008000; } .csharpcode .kwrd { color: #0000ff; } .csharpcode .str { color: #006080; } .csharpcode .op { color: #0000c0; } .csharpcode .preproc { color: #cc6633; } .csharpcode .asp { background-color: #ffff00; } .csharpcode .html { color: #800000; } .csharpcode .attr { color: #ff0000; } .csharpcode .alt  { 	background-color: #f4f4f4; 	width: 100%; 	margin: 0em; } .csharpcode .lnum { color: #606060; }

/* subscribe widget */
#subscribe { text-align:center; background:#f3f3f3; width:376px; margin:0px 0px 15px 0px; padding:8px 5px; border:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; font-size:90%; }
.subscribe_icons { width:388px; margin:0px auto; }
.subscribe_icons li { display:inline; float:left; margin:0px 2px 5px 2px; width:52px; text-align:center; font-size:11px; }
.subscribe_icons a { display:block; padding:40px 0px 2px; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; color:#444 !important; }
.subscribe_icons a:hover { color:#26b !important; text-decoration:none; -moz-box-shadow:0px 2px 4px hsla(0,0%,0%,.35); -webkit-box-shadow:0px 2px 4px hsla(0,0%,0%,.35); }
.subscribe_icons .subscribe_buzz a { background:url(images/icon-buzz.png) center top no-repeat; }
.subscribe_icons .subscribe_twitter a { background:url(images/icon-twitter.png) center top no-repeat; }
.subscribe_icons .subscribe_facebook a { background:url(images/icon-facebook.png) center top no-repeat; }
.subscribe_icons .subscribe_rss a { background:url(images/icon-rss.png) center top no-repeat; }
.subscribe_icons .subscribe_kaskus a { background:url(http://img641.imageshack.us/img641/5828/kaskusicon.png) center top no-repeat; }
.subscribe_icons .subscribe_email a { background:url(images/icon-email.png) center top no-repeat; }