/*
Theme Name: Saffawati
Theme URL: http://saffawati.com
Description: An artistic theme for saffawati.com
Aisyah: Aisyah Rozi
Aisyah URL: http://Aisyahrozi.com
*/
/* READY TO ADD THE AESTHETICNESS TO THE LAYOUT? 
BEGIN!= =================*/
body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	font: 8.5pt "Verdana", "Arial", "Helvetica", sans-serif;
	color: #5e5e5e;
	line-height: 1.5em !important;
	background:url(images/bg.gif) center repeat;
	}
p{
	margin:5px;
	padding-bottom:1em;
	text-align:justify;
	}
a{
	text-decoration:none;
	}
blockquote{
	margin:10px;
	padding:0;
	padding-left:5px;
	padding-right:5px;
	border-left:2px dashed #c6f8ff;
	border-right:2px dashed #c6f8ff;
	font:italic 8.5pt "Verdana", "Arial", "Helvetica", sans-serif;
	color:#7f7f7f;
	}
/* BASIC LAYOUT STRUCTURE ==*/
#container{
margin:0 auto;
width:949px;
background:url(images/content-bg.gif) center repeat-y;
}
#header{
height:293px;
width:949px;
background:url(images/header.jpg) top no-repeat;
margin-bottom:0;
}
#content{
width:490px;
background:none;
float:left;
margin-left:60px;
}
#sidebar{
width:270px;
float:right;
margin-right:100px;
}
#footer{
height:178px;
clear:both;
background:url(images/footer.jpg) right no-repeat;
}
#disclaimer{
position:relative;
left:63px;
top: 131px;
width:606x;
font:8pt Arial, Helvetica, sans-serif;
color:#bc6565;
letter-spacing:1.2px;
}


/* MAIN MENU========*/
#header ul#menu {
	margin: 0;
	position:relative;
	left:456px;
	top:125px;
	width: 390px;
	height: 20px;
	padding:0;
	}
ul#menu li {
	list-style: none;
	display:inline;
	height: 20px;
	margin-bottom:0;
	padding:0;
	}
#header ul#menu li a {
	height:0;
	padding:0 0 20px 0;
	overflow: hidden;
	float:left;
	margin-left: 12px;
	}
#header ul#menu li a:hover{
border-bottom:2px solid #dfd47b;
}
#header ul#menu li#home a{
	background: url(images/home_menu.png) top left no-repeat;
	width: 62px;
	}
#header ul#menu li#about a{
	background: url(images/about_menu.png) top left no-repeat;
	width: 64px;
	}
#header ul#menu li#archives a{
	background: url(images/archives_menu.png) top left no-repeat;
	width: 92px;
	}
#header ul#menu li#shop a{
	background: url(images/shop_menu.png) top left no-repeat;
	width: 53px;
	}
#header ul#menu li#links a{
	background: url(images/links_menu.png) top left no-repeat;
	width: 57px;
	}
#header ul#menu li#home a:hover {
background-position:0 -20px;
	}
#header ul#menu li#archives a:hover {
background-position:0 -20px;
	}
#header ul#menu li#about a:hover {
background-position:0 -20px;
	} 
#header ul#menu li#shop a:hover{
background-position:0 -20px;
	} 
#header ul#menu li#links a:hover{
background-position:0 -20px;
	}
/*==== additional menus ===*/
a#feed-link{
display:block;
width:55px;
height:62px;
background: url(images/feed-icon.png) no-repeat;
position:relative;
left:870px;
top:149px;
}
a#contact-link{
display:block;
width:52px;
height:41px;
background:url(images/contact-icon.png) no-repeat;
position:relative;
left:870px;
top:149px;
}
/*===== LINKS ============*/
#content a{
color: #2ba4b2;
}
#content a:hover{
color: #2ba4b2;
border-bottom:1px solid #2ba4b2;
padding-bottom:1px;
}
#footer a{
color:#965b5b;
}
#footer a:hover{
border-bottom:1px solid #883f3f;
padding-bottom:1px;
}
#sidebar a{
color: #ff6ca7;
}
#sidebar a:hover{
border-bottom:dotted 1px #f5e278;
}
#content ul{
	margin:0;
	margin-left:-15px;
	padding-left:30px;
	margin-bottom:15px;
}
#content ul li {
	list-style:none;
	text-align:justify;
	background:url(images/bullet.gif) center left no-repeat;
	padding-left:12px;
	padding-top:2px;
	padding-bottom:2px;
	color:#8a50ff;
	}
#content ul li a{
	color:#e957ff;
	text-align:left;
	background:none;
	border-bottom:1px dotted #df36f8;
		}
#content ul li a:hover{
	color:#b440c5;
	border-bottom:1px dotted #b440c5;
	padding-bottom:2px;
	}
#content ul li span{
color:#91ba13;
}
/* SIDEBAR ================*/
/* SEARCHFORM */
#searchform{
background:url(images/search-bg.gif) top left;
width:218px;
height:31px;
}
#searchform input{
background:none;
border:none;
margin-left:87px;
margin-top:2px;
font: bold 14pt Arial, Helvetica, sans-serif;
color:#bdc8d3;
width:135px;
}
h3.categories{
display:block;
width:136px;
height:32px;
background:url(images/categories.gif) top left;
}
h3.recent-posts{
display:block;
width:164px;
height:29px;
background:url(images/recentposts.gif) top left;
}
h3.tag-cloud{
display:block;
width:132px;
height:32px;
background:url(images/tagcloud.gif) top left;
}
h3.twitter{
display:block;
width:94px;
height:27px;
background:url(images/twitter.gif) top left;
}
#sidebar ul{
	margin:0;
	margin-left:-30px;
	padding-left:30px;
	margin-top:-10px;
	}
#sidebar ul li {
	text-align:left;
	padding-bottom:3px;
	list-style:none;
	}
#sidebar ul li a{
	color:#6e637a;
	text-align:left;
	font:8pt Verdana, Arial, Helvetica, sans-serif;
	border-left:2px solid #e3c6ff;
	display:block;
	padding:2px 0 2px 5px;
	margin:3px 0 3px 0;
		}
#sidebar ul li a:hover{
	color:#566b71;
	border-bottom:1px solid #f2e5ff;
	padding-bottom:1px;
	}
#sidebar #twitter ul{
	margin:0;
	margin-left:-30px;
	padding-left:30px;
	margin-bottom:15px;
	font:8pt Verdana, Arial, Helvetica, sans-serif;
}	
#sidebar #twitter ul li {
	list-style:none;
	text-align:justify;
	margin-bottom:7px;
	}
#sidebar #twitter ul li a{
	color:#506684;
	display:block;
	text-align:right;
	border:none;
	border-bottom:1px dotted #cbcbcb;
	padding:0;
	margin:0;
	font:7pt Verdana, Arial, Helvetica, sans-serif;
		}	
#sidebar #twitter ul li a:hover{
	color:#283e7c;
	}
/* BLOG CONTENTS ====== */
/* HEADERS */
#content h2{
font:15pt bold Georgia, "Times New Roman", Times, serif;
margin-top:0;
color:#bf1c5d;
}
#content h2 a{
color:#7e5e19;
}
#content h2 a:hover{
color:#553e0b;
border-bottom:none;
}
#content h2.pagetitle{
color:#b29f00;
text-align:center;
font: 17 bold Georgia, "Times New Roman", Times, serif;
}
.short{
font:8pt Arial, Helvetica, sans-serif;
margin-top:-15px;
margin-bottom:10px;
color:#8c8c8c;
}
#content .short a{
color:#ff9833;
}
#content .short a:hover{
color:#ff7bad;
border-bottom:none;
}
.date{
display:block;
float:left;
margin-bottom:-5px;
margin-right:-1px;
width:40px;
text-align:center;
height:40px;
color:#909090;
}
span.day{
font:18pt bold Arial, Helvetica, sans-serif;
display:block;
margin-bottom:-6px;
}
span.month{
font:11pt bold Arial, Helvetica, sans-serif;
display:block;
}
/* READ MORE */
#content a.read-more{
display:block;
height:13px;
width:127px;
background:url(images/read-more.gif) top center no-repeat;
padding:0;
float:right;
margin-top:-10px;
margin-bottom:15px;
}
#content a.read-more:hover{
background:url(images/read-more.gif) bottom center no-repeat;
border:none;
padding:0;
}
.info{
text-align:center;
border-top: 1px dashed #e9e9e9;
border-bottom: 2px dashed #e9e9e9;
background:#f9f9f9;
padding:10px;
color:#7e7e7e;
font:7.5pt Verdana, Arial, Helvetica, sans-serif;
}
.navigation{
width:500px;
height:15px;
margin:0 auto;
margin-top:12px;
margin-bottom:30px;
}
#content .navigation a{
font:bold 8pt Georgia, "Times New Roman", Times, serif;
color:#ddb172;
background:none;
}
#content .navigation a:hover{
color:#c1904b;
padding-bottom:1px;
border:none;
}
#content .navigation .alignleft a{
width:225px;
height:16px;
background: url(images/left.gif) center left no-repeat;
padding:0;
padding-left:22px;
float:left;
text-align:left;
}
#content .navigation .alignright a{
width:225px;
height:16px;
text-align:right;
background: url(images/right.gif) center right no-repeat;
padding:0;
padding-right:22px;
float:right;
}
/* COMMENT APPEARENCES == */
h3.comments{
display:block;
height:32px;
width:154px;
background:url(images/comments.gif);
margin-bottom:-5px;
}
#content ol.commentlist{
font: 20pt Georgia, "Times New Roman", Times, serif;
color:#ffd5c1;
}
#content ol.commentlist p{
font: 8pt Verdana, Arial, Helvetica, sans-serif;
color: #5d5d5d;
}
#content ol.commentlist span{
font: 15pt bold Verdana, Arial, Helvetica, sans-serif;
color:#9d9d9d;
}
#content ol.commentlist span a{
color:#ff8282;
}
#content ol.commentlist span a:hover{
color:#ff3c53;
border-bottom:2px solid #fff5a1;
}
#content ol.commentlist cite{
font:7pt italic Verdana, Arial, Helvetica, sans-serif;
display:block;
}
#content ol.commentlist cite a{
color:#73ccff;
}
#content ol.commentlist cite a:hover{
border-bottom:none;
color:#5ab9ef;
}
#content ol.commentlist li{
border-bottom:2px dashed #ffe785;
adding:5px;
padding-top:20px;
}
#content ol.commentlist li.child{
border-bottom:2px dashed #ffe785;
padding:5px;
padding-top:20px;
margin-left:60px;
}
#content ol.commentlist li.child-auth{
border-bottom:2px dashed #ffe785;
padding:5px;
padding-top:20px;
margin-left:60px;
background:#ffffe6;
}
/** avatar **/
img.avatar {
	padding: 2px;
	background:none;
	border: 1px solid #CCCCCC;
	margin-top:0;
	margin-right:5px;
	margin-bottom:0;
	float:left;
	height:35px;
	width:35px;		}
a img.avatar{
	padding: 2px;
	background:none;
	border: 1px solid #CCCCCC;
	margin-top:-10px;
	margin-right:5px;
	margin-bottom:0;
	float:left;
}
a:hover img.avatar{
	padding: 2px;
	background:none;
	border: 1px solid #A1A1A1;
	}
/** IMAGES **/
#content img{
	padding: 3px;
	margin: 2px;
	border:none;
}
#content a img{
	padding: 3px;
	margin: 3px;
	border:1px dashed #abdcff;
}
#content a:hover img{
	padding: 3px;
	padding-bottom:4px;
	margin: 3px;
	border:1px dashed #5ebdff;
}
#content img.wp-smiley{
	border:0;
	margin:1px;
	padding:0;
	background:none;
}
#content a img.article_image{
padding: 2px;
border: 1px solid #c6c6c6;
margin:0;
margin-right:15px;
margin-bottom:5px;
float:left;
width:480px;
height:150px;
display:block;
}
#content a:hover img.article_image{
border:1px solid #999999;
	}
/*** COMMENTFORM *****/
h3.respond{
display:block;
height:35px;
width:221px;
background:url(images/saysmth.gif);
}
#content input{
border:1px dashed #d1ebff;
padding:4px;
background:#fcffeb;
color:#76816b;
}
#content textarea{
border:1px dashed #d1ebff;
padding:4px;
font: 10pt Georgia, "Times New Roman", Times, serif;
height:150px;
width:450px;
color:#76816b;
background:#fcffeb;
}