/*  
Theme Name: clean fortune
Description: Theme yang dibuat terakhir di kostan Fortuna 2 ( kostan kuliah semester I-VIII )
Version: 0.1
Author: Asep Sufyan Tsauri
Author URI: http://www.tsauri28.myhaley.com/
*/
body {
	background-color: #fff;font-size:12px;font-family: georgia,"times new roman";
	line-height: 21.5px;color: #444;border-top:3px solid #444;
	
}
sup {font-size:60%;color:#dd0000;font-weight:bold;}
ul,li {
	padding:0;margin:0;
}
code {background:#ecef00;}
a {color:#f25f0f;}

a:hover {color:#444;}
blockquote
{
	background:transparent url('images/blockquote.png') no-repeat left 9px;
	border-top:3px double #eee;
	border-bottom:3px double #eee;
	padding:15px 0 3px 30px;
	margin-bottom:10px;
	font-style:italic;
}
img a,img a:hover {border-bottom:none}
.judul-blog {
	margin-top: 10px;margin-bottom:5px;
}

.subjudul-blog {
	font: 14px georgia,"times new roman";
	font-style: italic;
	margin-bottom: 15px;
}

.subjudul-blog span{
	color:#2b7b8f;
	font-weight: bold;
}

.topmenu {
	padding-bottom: 30px;font: 16px georgia,"times new roman";
}

	.topmenu ul {
		margin: 0px 0 0 5px; padding: 0px;  list-style-type: none; 
		list-style-image: none; list-style-position: outside;
	}
	.topmenu li {
		margin: 0px 1px 0px 0px; padding: 0px 15px 0px 0; float: left;  display: inline; 
		cursor: pointer; 
	}
	.topmenu li a {
		font-weight: bold;text-decoration: none;
	}
	.topmenu li a:hover {
		text-decoration: none;color:#444;
	}

.konten {}
.gambarna,.avatar {border: 1px solid #bdbdbd;padding:3px;margin-bottom:5px;}
.konten h2 a {color:#004657;font-style:italic;font-weight:normal;}
.konten h2 a:hover {color:#f25f0f;border-bottom:none;}
.atribut {text-align:right;padding-top:8px;}
.wrap {padding-bottom:10px;border-bottom:1px dotted #b3b3b3;text-align:justify;}
.wrap ul li {
	list-style-image:url('images/08.png');
	list-style-position:outside;
	margin-left:20px;
}
.wrap ol li {
	list-style-type:decimal;
	list-style-position:outside;
	margin-left:20px;
}
.tanggal {color:#999;border-bottom:1px solid #b3b3b3;padding-bottom:3px;}
.tanggal a{font-weight:bold}
.next {margin-bottom: 40px;}
.atribut a,a .cat,.atribut li a{display:inline; background:#27ccf5;padding:3px 5px;color:#fff;font:10px verdana}
.atribut a:hover,a:hover .cat,.atribut li a:hover  {border:none;background:#f25f0f;}
.komentar {background:transparent url(images/komen.png) no-repeat left center;padding-left:13px;margin-left:5px}
.lengkap{background:transparent url(images/lengkap.png) no-repeat left center;padding-left:13px;margin-right:4px}
.sidebar_column {
	margin:0 0 40px 2px;
}

.sidebar_column ol li {
	list-style-type:decimal-leading-zero;
	list-style-position:inside;
}

.sidebar_column ul.menu li {
	list-style-image:url('images/list-abu.png');
	list-style-position:inside;
}

.sidebar_column h3{
	font-size:16px;margin-bottom:4px;
}

.sidebar_column li {
	margin:9px 0;
	border-bottom:1px dotted #b3b3b3;
}

.sidebar_column li a {font-weight:bold;}

	background: #fff url('http://www.google.com/coop/intl/id/images/google_custom_search_watermark.gif') no-repeat scroll left center; 
.search input.text {
	border: 1px solid #e0e0e0;padding:3px 2px 3px 20px;
	display:inline;
}
.search input:focus {
	border: 1px solid #a0a0a0;
}
.search input.submit, input.submit,.form-komentar input.submit {
	background: #27ccf5 url(images/side_button.gif) repeat-x ;color:#444;padding:0px 5px;
	border: 1px solid #e6e6e6;display:inline;padding:2px 5px;
}
.search input.submit:hover,input.submit:hover,.form-komentar input.submit:hover {
	background-position:0 -30px;border: 1px solid #b7b7b7;
}

.login label{display:inline;font-weight:bold;font-size:90%;margin-bottom:0px;}
.login input.uname{background:#fff url('images/user.png') no-repeat 3px 3px;}
.login input.pass{background:#fff url('images/pass.png') no-repeat 3px 3px;}
.login input.pass,.login input.uname  {
	border: 1px solid #1ea0c1;padding:3px 2px 4px 23px;
	display:inline;margin-bottom:5px;width:39%;
	font:11px verdana,arial;color:#1ea0c1;
}
.form-komentar {position:relative;}
.form-komentar label {display:inline;font-size:87%;margin-bottom:0px;}
.form-komentar input.author{background:#fff url('images/06.png') no-repeat 4px 5px;}
.form-komentar input.email{background:#fff url('images/04.png') no-repeat 4px 5px;}
.form-komentar input.url{background:#fff url('images/45.png') no-repeat 4px 5px;}
.form-komentar input.author,.form-komentar input.email,.form-komentar input.url {
	border: 1px solid #e0e0e0;padding:4px 2px 3px 23px;
	display:inline;margin-bottom:5px;width:59%;height:20px;
	font:14px georgia,verdana,arial;font-style: italic;color:#093e4b;
}
.form-komentar textarea {
	width:58%;height:160px;border: 1px solid #e0e0e0;
	padding:4px 9px 9px 23px;background:#fff url('images/30.png') no-repeat 4px 5px;
	font:14px georgia,verdana,arial;color:#093e4b;font-style: italic;
}
.login input.pass:focus,.login input.uname:focus,.form-komentar input:focus,.form-komentar textarea:focus{
	border: 1px solid #10596b;
}
.footbar {
	border-top:3px solid #d65109;border-bottom:1px solid #c0c0c0;
}

.footer {
	text-align:center;margin:10px 0;
}
.hide_bar {
	margin:5px 15px;text-align: left;
}
.hide_bar h3{
	color:#fff;font-style:italic;
}
.box-komentar {
	border-top:5px solid #809ea6;
	margin-top: 35px;
}
.komen-strip {
	border-bottom:1px solid #666;border-top:1px dotted #666;
	margin-bottom: 15px;padding: 5px 0;
}
.bersih {padding:0;margin:0;}
.bersih1 {padding:0;margin:0 10px 0 0;}
.gambar {position: relative;margin-top:5px;}
.ribbon {
	position:absolute;
	top:0px;
	left:1px;
}
.ribbon-kanan{
	position:absolute;
	top:-4px;
	right:-4px;
}
.relatif {position:relative;}
.absolute {
	position:absolute;
	top:0px;
	left:21px;
}
#coba {
	position:absolute;
	width:300px;
	height:175px;
	top:0px;
	right:0px;
	background:#27ccf5 url(images/bg-login.jpg) no-repeat bottom center;
}
#tombolc {
	position:absolute;top:0px;width:35px;
	height:25px;
	right:4px;text-align:center;
}
.tombola {background:#444 url(images/31.png) no-repeat center center;width:50px}
.tombolb {background:#444 url(images/32.png) no-repeat center center;width:50px}
#button_email {
	position:fixed;bottom:0px;right:1px;
	width:35px;	height:17px;float:right;
	text-align:center;background:#27ccf5;
}
#button_email a{color:#fff;font-weight:bold;font-size:20px}
#modal_email {
	position:fixed;
	width:960px;
	height:170px;
	bottom:0;left:0px;float:left;
	background:#27ccf5;
}
.mrtwitt {
	position:absolute;
	width:350px;height:165px;
	top:15px;
	right:15px;
	background: transparent url('images/6.png') no-repeat left bottom;
}
.isitwitt {
	margin:5px 5px 0 65px;font-size:95%;
	line-height:16px;height:150px;padding:8px 5px 2px 8px;
	font-style:italic;background:transparent url('images/bg-twit.jpg') no-repeat;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
font-size:90%;font-weight:bold;
}
.navigation a{
text-align:center;
padding:5px 10px;
margin:0 2px 0 2px;
border:1px solid #f25f0f;
}
.navigation a:hover{
background:#57a7c0;border:1px solid #069e4c;color:#fff;
}
.authorcomment {
background: #27ccf5;
}
.align-left,.alignleft {
	float: left; margin-right: 10px;
}
.align-right,.alignright,.avatar {
	float: right; margin-left: 10px;
}