/*
Theme Name: White by Hafidz
Theme URI: http://www.hafidzlife.com
Description: hafidz life official Wordpress Theme
Version: 2.0
Author: Hafidz
*/

body { 
	text-align: center;  
	font: normal 76% Trebuchet MS, Trebuchet, Arial, Verdana, Sans-serif;
	background-image: url(images/bg.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat; 
	background-position: top;}
	
a img{
	border: none; }

.iconcomment{
	padding: 2px 0 2px 18px; background: url(images/comment.gif) left center no-repeat;
}

#container { 
	background-color: #ffffff;
	border: 2px solid #111111;
	width: 990px; 
	text-align: left; 
	margin: 0 auto; }
	
#title {
	background-color: #111111;
	border-bottom: 2px solid #333333;
	text-align: left;
	padding: 5px; }
	
#title a{
	text-decoration: none; }
	
#title a:link, #title a:visited, #title a:active{
	color: #ffffff; }

#title a:hover{	
	color: #c6c6c6; }
	
#header {
	background-image: url(images/header_logo.jpg);
	background-repeat: no-repeat;	
	height: 72px;
	text-align: left; }
	 	
#menu { 
	background-color: #1f68c7;
	border-top: 1px solid #111111;
	border-bottom: 1px solid #111111;
	margin-bottom: 20px;}
	
#menu a{
	text-decoration: none;
	/*font-variant: small-caps;*/
	font-weight: bolder;	}
	
#menu a:link, #menu a:visited, #menu a:active{
	background: #1f68c7;
	color: #ffffff;
	padding: 2px;}

#menu a:hover{	
	background: #333333;
	color: #ffffff;
	padding: 2px;}
	
#menu li { 
	display: inline; 
	list-style-image: none; 
	list-style-type: none; }
	
#logo {
	background-image:  url(images/bg_logo2.png);
	height: 53px;
}

blockquote {
	/*background-color: #635f5f;*/
	border-left: 3px solid #635f5f;
	color: #635f5f;
	margin-left: 2px;
	padding: 1px;}	
	
#twitter {
	background-color: #ffffff;
	background-image: url(images/twitter.png);
	background-repeat: no-repeat;
	background-position: right;
	border-top: 1px dotted #333333;
	border-bottom: 1px dotted #333333;
	padding: 3px;
	height: 80px;
}	

#ads {
	text-align: center;
}
	
#content { 
	width: 590px; float: left;  
	margin-bottom: 20px; }
	
#content a{
	text-decoration: none;
	/*font-variant: small-caps;*/
	}
	
#content a:link, #content a:visited, #content a:active{
	color: #1f68c7; }

#content a:hover{	
	color: #df212f; }
	
#content-up {
	border: 1px dotted #cccccc;
	font-size: 10px;
	padding: 2px;
}

#content-bottom {
	text-align: right;
	border-bottom: 1px dotted #333333;
}
	
#content h2 a{
	text-decoration: none;	}
	
#content h2 a:link, #content h2 a:visited, #content h2 a:active{
	color: #1f68c7; }
	
#content h2 a:hover{	
	color: #df212f; }
	
#content h2.page{
	border: 1px dotted #333333;
	color: #1f68c7;
}
	
#content-metadata{
	background-color: #C0D5D8;
	border: 1px dotted #cccccc;
	font-size: 10px;
	margin-top: 15px;
	padding: 2px; }
	
#content-navi{
	text-align: center;
	margin-top: 15px;
	padding: 5px; }

#sidebar { 
	width: 342px; 
	float: right; }
	
#sidebar a{
	text-decoration: overline; }
	
#sidebar a:link, #sidebar a:visited, #sidebar a:active{
	color: #333333; }

#sidebar a:hover{	
	color: #1f68c7; }
	
#sidebar h3{
	/*background-color: #1f68c7;*/
	border-bottom: 1px dotted #333333;
	color: #1f68c7;
	padding: 2px; }
	
#sidebar ul{
	margin-left: 1px;
	padding-left: 2px;}
	
#sidebar ul.center{
	margin-left: 1px;
	padding-left: 2px;
	text-align: center;}
	
#sidebar li{
	list-style-type: none;
	background: none;
	padding: 1px;
	margin-bottom: 1px;}

#sidebar li.comments{
	list-style-type: none;
	padding: 2px 0 2px 18px; 
	background: url(images/comment.gif) left center no-repeat; }
	
#sidebar-red{
	background-color: #df212f;
	color: #ffffff;
}

#sidebar-blue{
	background-color: #1f68c7;
	color: #ffffff;
}
	
#sidebar-left{
	float: left;
	width: 160px; }

#sidebar-left li.banner{ text-align: center; } 
	
#sidebar-right{
	float: right;
	width: 160px; }

#sidebar-right li.banner{ text-align: center; } 
	
#sidebar-bottom{
	float: right;
	width: 340px; }
	
#comment {
	border-top: 1px dotted #333333;
	margin-top: 15px;
}

#comment h3{
	background: #1f68c7;
	color: #ffffff;
	padding: 2px;
}

#comment h3.form{
	background: #df212f;
	color: #ffffff;
	padding: 2px;
}

#comment li{
	border: 1px dotted #333333;
	margin-bottom: 10px;
	padding: 2px;
}

.comment-text{
	padding: 2px;
}

#comment-form input{
	border: 1px dotted #333333;
}

#comment-form textarea{
	background: #ffffff;
	color: #1f68c7;
	width: 590px;
	border: 1px dotted #333333;
}

#comment-form input.author{
	color: #1f68c7;
}

#comment-form input.email{
	color: #1f68c7;
}

#comment-form input.url{
	color: #1f68c7;
}

#comment-form input.button{
	background: #1f68c7;
	color: #ffffff;
}
	
#footer { 
	background-color: #1f68c7;
	border-top: 2px solid #111111;
	color: #ffffff;
	clear: both; 
	text-align: center;	
	}
	
#footer a{
	text-decoration: underline; }
	
#footer a:link, #footer a:visited, #footer a:active{
	color: #ffffff; }

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

#header, #menu, #content, #sidebar, #footer { padding: 5px; }