/*
Theme Name: RumahFrandi Curtain
Theme URI: http://frandi.rumahfrandi.com/blog
Description: Special theme for RumahFrandi blog
Version: 1.3.2
Author: RumahFrandi
Author URI: http://rumahfrandi.com/
Tags: purple, fixed header, fixed width, two columns, widgets

	This theme was designed and built by Frandi Dwi,
	whose blog you will find at http://frandi.rumahfrandi.com/blog

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body{
	background:#000000;
	margin:0;
	padding:0;
	/*text-align:center;*/
}

/*****************************************************************/
/*                         MAIN LAYOUT                           */
/*****************************************************************/

.mainzone{
	background:url(images/back.jpg) repeat-y;
	float:left;
	width:1024px;
}

.top{
	float:left;
	width:1024px;
}

.left{
	float:left;
	width:244px;
}

.right{
	float:right;
	width:780px;
}

.bottom{
	border-top:#FF0000 3px solid;
	float:left;
	padding:20px;
	width:1024px;
}


/*****************************************************************/
/*                         TOP LAYOUT                            */
/*****************************************************************/

.top1{
	background:url(images/curtain_01.jpg);
	float:left;
	height:143px;
	text-align:left;
	width:1024px;
}

.top2{
	background:url(images/curtain_02.jpg);
	float:left;
	height:100px;
	width:1024px;
}

.top3{
	background:url(images/curtain_03.jpg);
	float:left;
	height:150px;
	text-align:right;
	width:1024px;
}


/*****************************************************************/
/*                         LEFT LAYOUT                           */
/*****************************************************************/

.left1{
	background:url(images/curtain_04.jpg);
	float:left;
	height:80px;
	width:244px;
}

.left2{
	background:url(images/curtain_07.jpg) repeat-y;
	float:left;
	width:244px;
}

.left3{
	background:url(images/curtain_10.jpg);
	float:left;
	height:78px;
	width:244px;
}


/*****************************************************************/
/*                         RIGHT LAYOUT                          */
/*****************************************************************/

.right1{
	background:url(images/curtain_05.jpg) repeat-y;
	float:left;
	width:780px;
}

.right2{
	background:url(images/curtain_09.jpg);
	float:left;
	height:123px;
	width:780px;
}

.right3{
	background:url(images/curtain_11.jpg);
	float:left;
	height:122px;
	width:780px;
}


/*****************************************************************/
/*                         TOP1 SECTION                          */
/*****************************************************************/

.top1 h1{
	margin:60px 0 0 20px;
}

.top1 h1 a{
	color:#FFFFFF;
	text-decoration:none;
}

.top1 #desc{
	color:#FFFFFF;
	margin:10px 0 0 20px;	
}


/*****************************************************************/
/*                         TOP3 SECTION                          */
/*****************************************************************/

.top3 #pages{
	margin: 60px 80px 0 0;
}

.top3 #pages li{
	/*background:url(images/pagesBack1.png);*/
	display:inline;
	/*margin-left:5px;
	margin-right:5px;*/
}

.top3 #pages li a{
	background:url(images/pagesBack1.png);
	color:#990000;
	float:right;
	font-weight:bold;
	height:37px;	
	margin-left:5px;
	margin-right:5px;
	padding-top:8px;
	text-align:center;	
	text-decoration:none;
	width:125px;
}

.top3 #pages li a:hover{
	background:url(images/pagesBack2.png);
}


/*****************************************************************/
/*                         LEFT2 SECTION                        */
/*****************************************************************/

#sidebar{
	float:left;
	margin-right:20px;
	width:215px;
}

#sidebar ul.outer{
	list-style:none;
	text-align:right;
}

ul.outer li ul{
	list-style:none;
	text-align:right;
	padding:0;
	margin-left:0;
	color:#990099;
}

h2.widgettitle{
	background:#663366;
	border-bottom:#FF0000 solid 2px;
	border-right:#FF0000 solid 2px;
	color:#FFFFCC;
	font-size:14px;
	margin-top:40px;
	padding:5px 10px 5px 5px;
}

#sidebar li a{
	border-left:#47096b 3px solid;
	border-right:#47096b 3px solid;
	color:#990099;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
}

#sidebar li a:hover{
	border-left:#FF0000 3px solid;
	border-right:#FF0000 3px solid;
	color:#FFFFCC;
}

.blogroll li a{
	background: url(images/blogrollBack.jpg) repeat-x;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	height:20px;
	padding:5px 0 0 0;
}

.blogroll li a:hover{
	background: url(images/blogrollBack2.jpg) repeat-x;
}

li.recentcomments{
	border-bottom:#990066 1px solid;
}


/*****************************************************************/
/*                         RIGHT1 SECTION                        */
/*****************************************************************/

#sepLine{
	border:#990000 solid 1px;;
	background:#990000;
	width:650px;
}

.content{
	background:url(images/contentBack.jpg) repeat-x;
	background-color:#cc99ff;	
	border-top:#FF0000 3px solid;	
	border-right:#FF0000 3px solid;
	margin-bottom:20px;
	margin-right:20px;
	padding:20px;
	width:685px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:right;
}

.content p,
.content li{
	color:#330066;
	font-size:12px;
	text-align:justify;
}

p.wp-caption-text{
	color:#330066;
	font-weight:bold;
	text-align:center;
}

.content small{
	font-size:10px;
}

.content .date{
	/*border-left:#990000 1px solid;*/
	border-bottom:#990000 1px solid;
	border-right:#990000 1px solid;	
	color:#990000;
	font-size:10px;
	font-weight:bold;
	padding-bottom:10px;
	padding-right:20px;
	text-align:right;
}

.content h2, .page h2{
	color:#330066;
	margin-bottom:0;
	text-align:left;
}

.content h2 a{
	border-left:#990000 3px hidden;
	color:#330066;
	padding-left:10px;
	text-decoration:none;
}

.content h2 a:hover{
	border-left:#FF0000 3px solid;
	border-right:#FF0000 3px solid;
	color:#CCCC00;
	padding-left:10px;
	padding-right:10px;
}

.content h3{
	text-align:left;
}

.smallMenu{
	width:inherit;
	/*float:left;*/
	border-top:#990000 3px solid;
	padding-top:5px;
}

.contentMenu{
	color:#330066;
	font-size:10px;
	font-weight:bold;
	float:left;
	text-align:left;
}

.contentMenu a{
	color:#990000;
}

.contentMenu a:hover{
	color:#CCCC00;
	text-decoration:none;
}

/*-------------------Images/Pictures---------------------------*/
.content .wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	/* optional rounded corners for browsers that support it */
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.content .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.content .alignright {
	float: right;
}

.content .alignleft {
	float: left;
	margin-right:20px;
}

.content .wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.content .wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/*--------------------------------------------------------------------*/


a.back2top{
	background-color:#FFCC00;
	float:right;
	text-align:right;
	color:#FF0000;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	text-decoration:none;
}

a.back2top:hover{
	background-color:#FFFF99;
}

a.more-link{
	color:#990099;
	margin:10px 0 0 0;
	text-decoration:none;
}

a:hover.more-link{
	border-left:#FF0000 3px solid;
	border-right:#FF0000 3px solid;
	color:#9966FF;
	padding-left:10px;
	padding-right:10px;
}

.nav{
	color:#990099;
	margin-bottom:30px;
	/*margin-left:0px;*/
	width:670px;
}

.navPrev{
	color:#990099;
	float:left;
	text-align:left;
	width:325px;
}

.navNext{
	color:#990099;
	float:right;
	text-align:right;
	/*margin-bottom:20px;*/
	/*margin-right:40px;*/
	width:325px;
}

.navPrev a, .navNext a{
	border-left:#47096b 3px solid;
	border-right:#47096b 3px solid;
	color:#990099;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
}

.navPrev a:hover, .navNext a:hover{
	border-left:#FF0000 3px solid;
	border-right:#FF0000 3px solid;
	color:#FFFFCC;
}

.notFound{
	background:url(images/contentBack.jpg) repeat-x;
	background-color:#cc99ff;	
	border:#FF0000 2px dotted;
	padding:20px;
	width:600px;
}

.page{
	background:url(images/pageBack.jpg) repeat-x;
	background-color:#e1d659;	
	border-top:#FF0000 3px solid;	
	border-right:#FF0000 3px solid;
	margin-bottom:20px;
	padding:20px;
	text-align:justify;
	width:685px;
}

/*************************COMMENT SECTION*************************/

.right1 #comments{
	background:url(images/commentBack.jpg) repeat-x;
	background-color:#cc99ff;	
	border-bottom:#FF0000 3px solid;	
	border-right:#FF0000 3px solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:20px;
	margin-right:20px;
	padding:20px;
	text-align:justify;
	width:685px;
	float:right;
}

h3#leavecomment{
	color:#330066;
}

ol.comments-list li{
	/*border-bottom:#47096c 1px solid;*/
	
}

.commentItem{
	background:url(images/contentBack.jpg) repeat-x;
	background-color:#cc99ff;	
	border:#FF0000 2px groove;
	margin-bottom:20px;
	/*float:left;*/
	padding:20px;
	width:600px;
}

.pageComment #comments{
	background:url(images/pageCommentBack.jpg) repeat-x;
	background-color:#e1d659;	
	border-bottom:#FF0000 3px solid;	
	border-right:#FF0000 3px solid;
	margin-bottom:20px;
	padding:20px;
	text-align:justify;
	width:685px;
}

.pageComment .commentItem{
	background:url(images/pageBack.jpg) repeat-x;
	background-color:#e1d659;	
	border:#FF0000 2px groove;
	margin-bottom:20px;
	/*float:left;*/
	padding:20px;
	width:600px;
}

.comment p{
	font-size:12px;
}

.comment blockquote{
	border-top:#9966FF 3px solid;
	color:#CC3366;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
}


/*****************************************************************/
/*                         RIGHT2 SECTION                        */
/*****************************************************************/



/*****************************************************************/
/*                        BOTTOM SECTION                         */
/*****************************************************************/

.bottom p{	
	color:#3333FF;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	margin:0;
}

.bottom a{
	color:#990099;
	text-decoration:none;
}

.bottom a:hover{
	color:#FFFFCC;
}