/*  
Theme Name: Aprian ~ Be Mine
Theme URI: http://aprian.net/
Description: Aprian ~ Be Mine Theme
Version: 1.0
Author: Apriantara
Author URI: http://aprian.net/
*/

body{
	background: #CAE2C8 url(images/bg.gif) repeat-x top;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#container{
	margin: 30px auto 0px auto;
	width: 557px;
	font: 12px Arial, Helvetica, sans-serif;
	background: #FFF url(images/bg-c.gif) repeat-y right;
	color: #666666;
}

/* header */
#header1{
	padding: 0px 0px 0px 25px;
	margin-bottom: 0px;
	height: 40px;
	background: White url(images/bg-h.jpg) no-repeat top right;
}
#header1 h1 span{
	visibility: hidden;
}
#header1 h1{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent url(images/logo.gif) no-repeat top left;
	width: 80%;
	height: 35px;
	font-size: 14px;
	color: #799e9b;

}
#header1 p span{
	visibility: hidden;
}
#header1 p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent url(images/logo.gif) no-repeat top left;
	width: 80%;
	height: 35px;
	font-size: 14px;
	color: #799e9b;

}
#header2{
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url(images/bg-c.gif) repeat-y right;
}

/* bodybox */
#bodybox{
	margin: 0px 0px;
	padding: 0px 0px;
	background: #FFFFFF url(images/bg-c.gif) repeat-y right;
}

/* content */
#content{
	float: left;
	margin: 0px 8px 0px 0px;
	padding: 0px 8px 0px 25px;
	background-color: #fff;
	width: 350px;
}
#content-s{
	margin: 0px 8px 0px 0px;
	padding: 0px 8px 0px 25px;
	background-color: #fff;
	width: 500px;
}
.blog{
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 15px;
	border-bottom: 1px dashed #c4c6c6;
}
.blog h1{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 14px;
	color: #666666;
	text-transform: uppercase;
}
.blog h2{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-transform: uppercase;
}
.blog h3{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-transform: uppercase;
}
.blog p.date{
	margin: 0px;
	padding: 0px;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #ffa500;
}
.blog p{
	color: #767a7d;
	font-size: 12px;
	line-height: 19px;
}

p.c-foot{
	background: url(images/bunga.gif) no-repeat left;
	padding-left: 15px;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #799e9b;
}
.c-foot a{
	font-size: 10px;
	color: #799e9b;
	text-decoration: none;
}
.c-foot a:hover{
	color: #ffa500;
	text-decoration: underline;
}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* rightmenu */
#rightmenu{
	margin: 0px 8px 0px 390px;
	padding: 8px 5px 0px 5px;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* control */
ul.closed{display:none;}
ul.open ul{display:block;}


#rm-menu{
	border-bottom: 3px solid #ffa500;
}
.rm {
	margin: 0px 0px 45px 0px;
	padding: 0px 0px 0px 0px;
	letter-spacing: -1000em;
	color: #ffffff;
}
#content-s ul.rm{
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/* Just for Opera, but hide from MacIE */
/*\*/html>body .mir {
	letter-spacing: normal;
	text-indent: -999em;
	overflow: hidden;
}
/* End of hack */
ul.rm {
	padding: 0;
	list-style-type: none;
}
ul.rm li {
	display: inline;
}
ul.rm li a {
	float: left;
	display: block;
	width: 25px;
	height: 25px;
	color: #fff;
	font-size: 1px;
}
ul.rm li a:hover{
	color: #ffffff;
	text-decoration: none;
}
a#rm-h {
	background: url(images/home.gif) no-repeat;
}
a#rm-h:hover, a#rm-hon{
	background: url(images/home-on.gif) no-repeat;
}
a#rm-a {
	background: url(images/stories.gif) no-repeat;
}
a#rm-aon, a#rm-a:hover {
	background: url(images/stories-on.gif) no-repeat;
}
a#rm-m {
	background: url(images/me.gif) no-repeat;
}
a#rm-m:hover {
	background: url(images/me-on.gif) no-repeat;
}
a#rm-b {
	background: url(images/admin.gif) no-repeat;
}
a#rm-b:hover {
	background: url(images/admin-on.gif) no-repeat;
}
.rm-c{
	padding: 5px 0px 10px 5px;
}
.rm-c h3{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	color: #799e9b;
}
.rm-c p{
	margin: 0px 0px 0px 0px;
	padding: 6px 3px;
	font-size: 10px;
	color: #666666;
}
.rm-c ul{
	margin: 0px 0px;
	padding: 6px 0px;
}
.rm-c ul li{
	margin: 3px 0px 0px 17px;
	color: #799e9b;
	font-size: 10px;
	list-style: url(images/rm-list.gif);
	}
h3 span{
	visibility: hidden;
}
h3#hanyaaku{
	background: url(images/hanyaaku.gif) no-repeat top left;
	height: 20px;
	width: 88px
}
h3#katalalu{
	background: url(images/katalalu.gif) no-repeat top left;
	height: 20px;
	width: 88px
}
h3#pujanggakata{
	background: url(images/pujanggakata.gif) no-repeat top left;
	height: 20px;
	width: 88px
}
.rm-add{
	margin: 40px 0px;
	padding: 10px 0px;
	text-align: center;
	border-top: 1px solid #cae2c8; 
}
.rm-add img{
	border: none;
	margin: 1px 0px;
}

.navigation{
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/* comment */
ol.commentlist{
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 8px;
}
ol.commentlist li{
	list-style: none;
	padding: 5px 5px 5px 8px;
}
ol.commentlist li.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
ol.commentlist img.gravatar{
	float: right;
}	

/* search */
h1.pagetitle{
	margin: 0px 0px;
	padding: 4px 0px;
	font-size: 14px;
	text-align: center;
}
h1.pagetitle strong{
	color: #ffa500;
}
/* footer */
#footer{
	margin: 0px 0px;
	clear: both;
	height: 69px;
	background: url(images/bg-footer.jpg) no-repeat top left;
	text-align: center;
}
#footer h5{
	margin-left: 45px;
	text-align: center;
	color: #767a7d;
	font-size: 10px;
}


/* TAG */
a{
	color: #799e9b;
	text-decoration: none;
}
a:hover{
	color: #ffa500;
	text-decoration: underline;
}
img{
	border: none;
}
.clear{
	clear: both;
}
fieldset{
	border: none;
	margin: 0px 0px;
	padding: 0px 0px;
}
form{
	margin: 0px 0px;
	padding: 0px 0px;
	color: #799e9b;
}
option, select, input{
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #799e9b;
}
#bookmark{
	margin: 30px 0px 10px 0px;
}
#bookmark img{
	padding-right: 3px;
}

.alignright {
	float: right;
}
.alignleft {
	float: left
}
.center {
	text-align: center;
}