/*
Theme Name:Yashfa
Theme URI:http://wpgpl.com/themes/yashfa
Description:Yashfa is Grid Based layout for Ordinary Blogger. Yashfa contain so many widget, extra footer and many more.
Version:1.7
Author:Nurudin Jauhari
Author URI:http://wpgpl.com/
Tags:blue, orange, custom-header, fixed-width, two-columns,right-sidebar


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

	Crafted on 12 February 2009
	Last Edit:25 July 2009 12.12  +7 GMT

*/

/* import stylesheets and hide from ie/mac \*/
@import url("css-reset.css");
@import url("css-navi.css");
@import url("css-menu.css");
@import url("css-comment.css");
@import url("css-wordpress.css");
/* end import/hide */

/* Begin Typography & Colors */


body {
	font:13px arial, verdana, sans-serif;
	}
	

pre, code {
	font:1.1em 'Courier New', Courier, Fixed;
	width:500px;
	overflow:auto;
		}
	

acronym, abbr, span.caps
{
	font-size:0.9em;
	letter-spacing:.07em;
		}
	


/* L I N K S */

a:link, a:visited {
	color:#0A73A3;
	text-decoration:none;
		}
	
	
a:hover {
	color:#0A43A3;
	text-decoration:underline;
		}
	


/* Etc
******************** */
br.clear {
	clear:both;
	}
	
/* clearfix */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	
.clearfix {
	display:inline-block;
	}
	
/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
	}
	
.clearfix {
	display:block;
	}
	
/* End hide from IE-mac */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor:help;
		}
	

acronym, abbr {
	border-bottom:1px dashed #999;
		}
	

blockquote {
	margin:15px 30px 0 10px;
	padding-left:20px;
	border-left:5px solid #ddd;
		}
	

blockquote cite {
	margin:5px 0 0;
	display:block;
		}
	

.center {
	text-align:center;
		}
	

.hidden {
	display:none;
		}
	

hr {
	display:none;
		}
	

a img {
	border:none;
		}
	

.navigation {
	display:block;
	text-align:center;
	margin-top:10px;
	margin-bottom:60px;
		}
	

/* Basic */
#page {
	width:950px;
	margin:0 auto;
	position:relative;
	}
	
#thebg {
	background:url(images/bg/sidebar.jpg) 600px 0 repeat-y;
	overflow:auto;
	}
	
#content-wrap {
	float:left;
	width:625px;
	position:relative;
	}
	

#content {
/*	margin:0 425px 0 0; */
	margin:0 0px 0 0;
	padding-top:20px;
	}
	
#sidebar {
	float:right;
	position:relative;
	margin-left:0px;
	width:275px;
	margin-top:20px;

/*	margin-left:-395px;
	width:395px; */
		}
	



/* Menu */
#navr {
	background:#4993a0;
	height:50px;
	width:100%;
	margin:0 auto;
	}
	
#navr2 {
	width:950px;
	margin:1px auto 0px auto;
	position:relative;
	padding-top:6px;
	}
	
.menu {
	list-style:none;
	padding-bottom:5px;
	width:950px;
	}
	
.menu li {
	float:left;
	}
	
.menu li a:link, .menu li a:visited {
	padding:10px;
	display:block;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
	margin-right:5px;
	}
	
.menu li li a:link, .menu li li a:visited {
	margin-right:0;
	}
	
.menu li.current_page_item a {
	background:#BA2800;
	}
	
.menu li a:hover {
	background:#ED3300;
	}
	

/* /Menu */

/* Header */
.header {
	margin:0px;
	width:100%;
	background:#4993a0; /* url(images/header_bg.jpg) bottom left repeat-x;*/	
	position:relative;
	z-index:499;
	padding:0px;
	}
	
.header_logo {
	margin:0px auto 0px auto;
	width:970px;
	height:100px;	
	position:relative;
	z-index:3;
	}
	
.header_logo h1 a {
	color:#fff;
	position:absolute;
	left:10px;
	top:0px;
	font-size:60px;
	letter-spacing:-5px;
	text-transform:uppercase;
	margin:0px auto;
	width:650px;
	z-index:5;
	}
	
.header_logo h1 a:hover {
	text-decoration:none;
	}
	
.description {
	position:absolute;
	top:65px;
	left:15px;
	border-left:30px solid #ED3300;
	padding-left:5px;
	color:#cad9de;
	font-size:25px;
	}
	
.advertisement {
	position:absolute;
	top:78px;
	right:0px;
	}
	
#header {
	margin:0px auto 0px auto;
	width:950px;
	height:170px;	
	position:relative;
	z-index:3;
	border:10px solid #b6ccd0;
	}
	
/* /Header */

/* Post */

.post {
	margin-bottom:35px;
	min-height:268px;
	}	

.posties {
	position:relative;
	}
	
.posties .two {
	position:absolute;
	left:0;
	top:0;
	width:110px;
	padding-right:20px;
	text-align:right;
	border-right:1px solid #999;
	min-height:200px;
	}
	
.two .dater {
	width:60px;
	height:60px;
	background:#000;
	color:#fff;
	position:absolute;
	right:20px;
	top:20px;
	padding:5px;
	}
	
.dater h3 {
	font-size:25px;
	}
	
.posties .one {
	margin-left:150px;
	padding-top:20px;
	}
	

	.post h2 {
		font-family:Helvetica, Arial, verdana, sans-serif;
		font-size:25px;
		}
	
	.post h2 a {
		color:#BA2800;
		text-decoration:none;
		border-bottom:1px solid #999;
		display:block;
		padding-bottom:5px;
		}
	
	
	.entry h3 {
		margin:15px 0 0;
		font-size:18px;
		}
	
	.entry h4 {
		margin:15px 0 0;
		font-size:16px;
		}
	
	.entry h5 {
		margin:15px 0 0;
		font-size:14px;
		}
	



	.entry p {
		line-height:1.8em;
		margin-bottom:20px;
		}
	
	.entry ul {
		list-style:square;
		}
	
	.entry ol {
		list-style:decimal;
		}
		
	.entry li {
		line-height:1.8em;
		margin-left:20px;	
		}
	

.tagged {
	font-style:italic;
	font-size:15px;
	color:#777;
	}
	

.metadata {
	color:#999;
	margin-top:70px;
	padding:10px 0;
	}
	
.metadata  a{
	color:#777;
	text-decoration:underline;
	}
	

.postmetadata {
	background:#efefef;
	padding:10px;
	margin-top:20px;

	}
		

.pagetitle {
	margin-bottom:20px;
	border-bottom:1px solid #999;
	padding-bottom:5px;
	text-align:right;
	}
	

.recent2 li {
	display:block;
	color:#777;
	font-size:0.9em;
	float:left;
	text-align:right;
	width:500px;
	padding:5px 0;
	line-height:22px;
	border-bottom:1px solid #ccc;
	}
	
.recent2 li a {
	font-size:1em;
	font-weight:bold;
	float:left;
	text-align:left;
	}
	
/* /Post */


/* Sidebar */
#sidebar ul {
	list-style: none;
	}
	
#sidebar h2, #sidebar h3 {
	color:#0A73A3;
	border-bottom:1px solid #ccc;
	font-weight:normal;
	font-size:19px;
	padding:0 10px 5px;
	}
	

#sidebar .boxr, #sidebar .categories, #sidebar .linkcat {
	border:1px solid #ccc;
	border-top:4px solid #ccc;
	border-bottom:4px solid #ccc;
	margin-bottom:20px;
	padding:10px;
	}
	
#sidebar .categories li, #sidebar .archives li {
	text-align:right;
	color:#999;
	font-size:11px;
	}
	
#sidebar .categories li a:link, #sidebar .categories li a:visited, #sidebar .archives li a:link, #sidebar .archives li a:visited {
	text-align:left;
	float:left;
	font-size:13px;
	}
	
#sidebar .boxy {
	margin-bottom:20px;
	padding:10px 0;
	}
	
#s {
	width:160px;
	margin-left:10px;
	border:1px solid #777;
	padding:3px;
	}
	
#searchsubmit {
	padding:2px;
	background:#444;
	color:#fff;
	border:1px solid #444;
	}
	
#sidebar .buser {
	border:1px solid #ABD808;
	border-top:4px solid #ABD808;
	border-bottom:4px solid #ABD808;
	}
	
#sidebar .buser li {
	padding:3px 10px;
	}
	

#sidebar .categories li, #sidebar .widget_pages li, #sidebar .widget_recent_entries li, #sidebar .linkcat li, #sidebar .archives li,#sidebar .widget_get_recent_comments li, .widget_links li, .widget_meta li,#sidebar .widget_categories li {
	border-bottom:1px solid #ccc;
	padding:5px 10px;
	}
	

#sidebar .boxr li:hover, #sidebar .categories li:hover, #sidebar .linkcat li:hover, #widget .widget_categories li:hover {
	background:#efefef;
	}
	
#sidebar .boxr li li, #sidebar .categories li li, #sidebar .linkcat li li {
	border:none;
	padding-left:0;
	}
	

#sidebar a {
	color:#333;
	text-decoration:none;
	}
	
#sidebar a:hover {
	color:#333;
	text-decoration:underline;
	}
	

.sideinfo {
	background:#efefef;
	margin-bottom:20px;
	padding:15px;
	}
	
.widget_flickrRSS h3 {
	margin-bottom:10px;
	}
	
.widget_flickrRSS img {
	float:left;
	margin-right:5px;
	margin-bottom:10px;
	width:80px;
	padding:0;
	margin-left:10px;
	}
	
.widget_flickrRSS img a:link,.widget_flickrRSS img a:visited {
	border-bottom:none !important;
	}
	
.widget_flickrRSS {
	overflow:auto;
	}
	

/* /Sidebar */

.related  h2{
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	font-size:15px;
	margin-bottom:10px;
	}
	
.related li {
	margin-bottom:10px;
	}
	
.related p {
		line-height:1.8em;
	}
	

.author-info {
	background:#efefef;
	padding:10px;
	}
	
.author-info .avatar {
	float:right;
	}
	
.author-info h4 {
	font-size:12px;
	border-bottom:1px solid #888;
	margin-bottom:10px;
	}
	
p.bio {
	margin-bottom:10px;
	line-height:1.8em;
	}
	
.sleft {
	width:150px;
	float:left;
	}
	


/* Footer */
#more-footer {
	border-top:1px solid #ccc;
	padding:20px;
	font-size:13px;
	line-height:1.6em;
	position:relative;
	}
	
#more-more-footer {
	width:950px;
	margin:0 auto;
	position:relative
	}
	
.inner {
	width:315px;
	}
	
.inner-one {
	float:left;
	position:relative;
	}
	
.inner-two {
	float:left;
	}
	
.inner-two .grap {
	margin-right:20px;
	}
	
.inner-three {
	float:left;
	}
	
.recent li {
	text-align:right;
	}
	
.infopost {
	text-align:right;
	font-size:12px;
	position:absolute;
	right:0;
	}
	
.recent a {
	text-align:left;
	float:left;
	}
	
#extra-footer {
	border-top:1px solid #ccc;
	padding:20px;
	font-size:17px;
	position:relative;
	}
	
#more-footer a:link,#more-footer a:visited {
	color:#555;
	}
	
#more-footer h3 {
	color:#0A73A3;
	font-weight:normal;
	font-size:19px;
	margin-bottom:10px;
	position:relative;
	}
	



#footer {
	width:950px;
	margin:0 auto;
	position:relative;
	}
	
#footer .right {
	position:absolute;
	right:0;
	top:0;
	}
	

.rgrav {
	float:left;
	margin-right:5px;
	}
	
.rdata a {
	display:block;
	}
	

/* WP */
img.alignright {
	display:inline;
	margin:0 0 2px 7px;
	padding:4px;
	}
	

img.alignleft {
	display:inline;
	margin:0 7px 2px 0;
	padding:4px;
	}
	

.alignright {
	float:right;
	}
	

.alignleft {
	float:left;
	}
	

.wp-caption.alignleft {
	margin-right:10px;
	}
	
.wp-caption.alignright {
	margin-left:10px;
	}
	
.wp-caption {
	border:1px solid #333;
	text-align:center;
	padding-top:4px;
	padding-bottom:4px;
	position:relative;
	}
	

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

.wp-caption p.wp-caption-text {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
	position:absolute;
	right:0;
	bottom:15px;
	background:#000;
	color:#fff;
	padding:4px;

	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	opacity:0.8;
	}
	

img.centered,.aligncenter,div.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
	}
	

.inn {
	padding:10px 10px 0;
	}
	

.feeder {
	position:absolute;
	right:0;
	top:18px;
	}
	
.feeder a:link, .feeder a:visited {
	background:url(images/feed-icon.png) 0 0 no-repeat;
	padding-left:18px;
	color:#FD6A11;
	}
	

/* Change Log *** 
1.0	:Public Releaed
1.1 :Fix Header
1.2 :Fix Error on Functions.php, Fix Menu, Fix Screenshot, Fix Extra Footer
1.3 :Fix Error and internationalize support (thanks Aldo)
1.4 :Fix Single Page problem
1.5 :Fix IE Problem
1.6	:Fix Sidebar Widget
1.7 :Fix Categories Widget, New WP Caption design and Add RSS Feed Icon 
*** */