﻿/*
Template Name: Babysitter HTML Template
Template URI: http://babysitter.dan-fisher.com/
Author: dan_fisher
Author URI: http://themeforest.net/user/dan_fisher
Description: Babysitter is a unique, clean and professional HTML Template built on 960gs. It is suitable for babysitters/nannies site, a mom’s blog or other baby oriented sites. Babysitter comes with 2-4 columns portfolio layouts, blog pages with post formats, register form page, contacts page and more.
Version: 1.0
Tags: light, white, blue, orange, green, blog, post format, one-column, two-columns, left-sidebar, right-sidebar, custom-colors, post-formats, responsive, html5, css3
*/


/* Table of Content
==================================================
	#Top Bar
	#Header
	#Content
	#Sidebar
	#Portfolio
	#Footer
	#Elements 
	#Misc
*/


/* #Header
================================================== */
#header {
	margin-bottom: 23px;
}

/* Logo */
.logo {
	float: right;
	padding: 36px 0 32px 0;
}
	.logo img {
		float: right;
	}

/*/ Logo */

	
/* Navigation */
nav.primary {
	background: #f0f7fa;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 -5px 0 rgba(0, 0, 0, .02);
	-moz-box-shadow: inset 0 -5px 0 rgba(0, 0, 0, .02);
	box-shadow: inset 0 -5px 0 rgba(0, 0, 0, .02);
}
/*/ Navigation */


/*/#Header */
	

/* #Content
================================================== */
.content-wrapper {
	padding: 13px 0 48px 0;
	position: relative;
	z-index: 2;
}

/* Welcome Section */
.intro {
	padding: 70px 0;
}
.intro__top {
	padding-top: 20px;
}
/*/ Welcome Section */



		/* Meta info for Post */
		.post-meta {
			font-size: 11px;
			margin-bottom: 18px;
		}
			.post-meta span {
				display: inline-block;
				margin-right: 3px;
				padding: 3px 8px;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
				background: #f0f7fa;
			}
			.post-meta i {
				margin-right: 9px;
				color: #70b3d0;
				font-size: 14px;
			}
			.post-meta a {
				color: #70b3d0;
				text-decoration: none;
			}
			.post-meta a:hover {
				color: #444;
			}

.entry-content
{
text-align:right;
direction:rtl;
margin-top:260px;
margin-bottom:20px;
font-size:16px;
}


/* Comments
-------------------------------------------------- */
.comments-wrapper {
	padding-bottom:15px;
}
.commentlist {
	padding:0 0 25px 0;
	margin:0 0 40px 0;
	border-bottom: 2px solid #f0f7fa;
}	
	.commentlist li {
		list-style-type:none;
		margin:0;
		padding:0;
	}
		.commentlist li .comment-wrapper {
			position:relative;
			margin: 0 0 20px 80px;
			padding: 20px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			background: #f0f7fa;
		}
		.commentlist li .comment-wrapper:before {
			position: absolute;
			top: 20px;
			left: -10px;
			display: block;
			width: 0;
			height: 0;
			border-top: 10px solid transparent;
			border-right:10px solid #f0f7fa;
			border-bottom: 10px solid transparent;
			content:"";
		}
		/* Post Authoru specifif */
		.commentlist li.bypostauthor .comment-wrapper {
			background: #70b3d0;
			color: #fff;
		}
		.commentlist li.bypostauthor .comment-wrapper:before {
			border-right-color: #70b3d0;
		}
			.commentlist li.bypostauthor .comment-author .author {
				color: #fff;
			}
			.commentlist li.bypostauthor .comment-meta a {
				color: #282828;
			}
		
/* Comment Author */
.commentlist li .gravatar {
	display:block;
	position:absolute;
	left:-80px;
	top:0;
}
	.commentlist li .gravatar img {
		background: #fff;
		padding: 3px;
		border: 1px solid #f2f2f2;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		-webkit-transition: all 0.1s ease-out;
		-moz-transition: all 0.1s ease-out;
		transition: all 0.1s ease-out;
	}
	.commentlist li .gravatar img:hover {
		background: #fc8a58;
		border-color: #fc8a58;
	}				
.commentlist li .comment-author .author {
	display: block;
	font-size:14px;
	line-height: 20px;
	color: #282828;
	font-family: 'Kavoon', cursive;
}
.commentlist li .comment-meta {
	margin-bottom: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
	.commentlist li .comment-meta a {
		color: #70b3d0;
	}
.commentlist li .comment-reply {
	text-align: right;
	padding-top: 5px;
}
	.commentlist li .comment-reply a.button {
		text-transform: uppercase;
		padding-left: 10px;
	}
.commentlist .children {
	margin:0;
	padding:0 0 0 80px;
}

/* Comment Form */
.comment-form {

}

/*/#Content */


/* #Sidebar
================================================== */
/* Common Sidebar widget style */
.widget__sidebar {
	padding: 25px 19px 25px 19px;
	background: #f0f7fa;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 28px;
}
	.widget__sidebar .widget-title {
		text-shadow: 0 1px 0 white;
		text-align:right;
		direction:rtl;
	}
	.widget__sidebar .thumb {
		border-color: #e4eaed;
	}
	.widget__sidebar .thumb__hovered:hover {
		border-color: #70b3d0;
	}
	.widget__sidebar ul li {
		color: #919090;
	}

/* Popular Posts */
.popular-posts {

}
	.popular-posts .thumbs-list .list-item {
		margin-bottom: 22px;
	}
/* Popular Posts / End */



/* #Portfolio
================================================== */
.portfolio {
	border-bottom: 2px solid #f0f7fa;
	margin-bottom: 30px;
}
	.portfolio__noborder {
		border-bottom: none;
		margin-bottom: 0;
	}
	.portfolio__negative-margin {
		margin-bottom: -35px;
		overflow: hidden;
	}
.portfolio .thumb {
	margin: 0 0 18px 0;
	float: none;
}
.portfolio-item {
	margin-bottom: 38px;
}

.excerpt {
	margin-bottom: 1.5em;
	height: 4.5em;
	overflow: hidden;
	text-align:right;
	direction:rtl;
	padding-bottom:5px;
}

.name
{
	text-align:right;
	direction:rtl;
	padding-bottom:5px;
}

.place
{
	text-align:right;
	direction:rtl;
	padding-bottom:5px;
}

.date
{
	text-align:right;
	direction:rtl;
	padding-bottom:5px;
}

/* 2 columns */
.portfolio__2cols .thumb {
	float: left;
	margin: 0 20px 0 0;
}
.portfolio__2cols .excerpt {
	height: 6em;
}


/* Contact Page
-------------------------------------------------- */

/* Google Map */
.map-wrapper {
	position:relative;
	margin-bottom: 42px;
	background: #fff;
	padding: 6px;
	border: 1px solid #f2f2f2;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
	.map-wrapper img {
		max-width:none !important;
	}	

#map_canvas {
	width:100%;
	height:366px;
	background: #fff url(../images/preloader.gif) 50% 50% no-repeat;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* Contact Info */
.contact-info {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

	.contact-info li {
		margin: 0 0 .5em 0;
		padding: 0 0 0 21px;
		position: relative;
		text-align:right;
		direction:rtl;
		margin-right:50px;
	}
		.contact-info li strong {
			color: #444;
		}
		.contact-info li [class^="icon-"] {
			position: absolute;
			left: 0;
			top: 0;
			color: #444;
			font-size: 14px;
		}
		.contact-info li a {
			color: #7fdbfd;
			text-decoration: underline;
		}
		.contact-info li a:hover {
			text-decoration: none;
			color: #fc8a58;
		}

/* Contact Form */
.contact-form textarea {
	height: 166px;
}
.contact-form .button-wrapper {
	text-align: right;
}
.loaderIcon {
	float: left;
	position: relative;
	top: 6px;
}
	
	
/* #Footer
================================================== */
#footer {
	
}

/* Tags */
.tagcloud {

}
	.tagcloud a,
	a.tag {
		background: #7fdbfd;
		font-size: 10px;
		display: inline-block;
		text-transform: uppercase;
		text-decoration: none;
		color: #fff;
		padding: 2px 10px;
		margin: 0 4px 4px 0;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		-webkit-transition:all 0.2s ease-in-out;
		-moz-transition:all 0.2s ease-in-out;
		-ms-transition:all 0.2s ease-in-out;
		-o-transition:all 0.2s ease-in-out;
		transition:all 0.2s ease-in-out;
	}
	.tagcloud a:hover,
	a.tag:hover {
		background: #fc8957;
	}


/* Copyright */
.copyright {
	font-size: 10px;
	text-transform: uppercase;
	padding: 21px 0;
}
	.copyright-primary {
		float: left;
	}
	.copyright-secondary {
		float: right;
	}
	.copyright a {
		color: #7fdbfd;
		text-decoration: none;
	}
	.copyright a:hover {
		text-decoration: underline;
	}
.separator {
	margin: 0 5px;
}
/*/#Footer */


/* #Elements
================================================== */




/* List Elements */
.list-elements {
	list-style-type: none;
	margin: 0 0 -20px 0;
	padding: 0;
	overflow: hidden;
}
	.list-elements .item {
		width: 195px;
		float: left;
		padding: 0 0 10px 18px;
		margin: 0 0 20px 18px;
		border-left: 1px solid #e5ecef;
	}
	.list-elements .item:first-child {
		padding-left: 0;
		margin-left: 0;
		border-left: none;
	}
	.list-elements .item:nth-child(5n) {
		padding-left: 0;
		margin-left: 0;
		border-left: none;
	}

	.list-elements .thumb {
		float: none;
		margin: 0 0 16px 0;
		border: none;
	}
		.list-elements .thumb:hover {
			background: #70b3d0;
		}




/* Call to Action */
.cta {
	background: #f0f7fa;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 26px;
}
	.cta h2 {
		margin-bottom: .3em;
		text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	}
	.cta-inner {
		float: left;
		max-width: 76%;
		text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	}
	.cta-button-holder {
		float: right;
		padding-top: 12px;
	}
/* Call to Action / End */


/* Icon Box */
.ico-box {

}
	.ico-holder {
		float: left;
		width: 55px;
		height: 55px;
		line-height: 55px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		background: #fc8a58;
		margin-right: 25px;
		font-size: 42px;
		color: #fff;
		text-align: center;
	}
	.ico-box h5 {
		font-size: 1em;
		line-height: 18px;
		color: #444;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		margin-bottom: 1em;
	}

.ico-box__primary h3 {
	color: #fc8a58;
}
.ico-box__primary .ico-holder {
	background: #fc8a58;
}

.ico-box__secondary h3 {
	color: #7fdbfd;
}
.ico-box__secondary .ico-holder {
	background: #7fdbfd;
}

.ico-box__tertiary h3 {
	color: #c4d208;
}
.ico-box__tertiary .ico-holder {
	background: #c4d208;
}


.ico-box__quaternary h3 {
	color: #70b3d0;
}
.ico-box__quaternary .ico-holder {
	background: #70b3d0;
}
/* Icon Box / End */


/* Testimonial */
.testimonial {

}
	.testi-body {
		background: #f0f7fa;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		padding: 24px 28px;
		font-style: italic;
		color: #aeb3b5;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		line-height: 18px;
		position: relative;
		margin-bottom: 12px;
	}
	.testi-body:before {
		content:"";
		display: block;
		position: absolute;
		left: 50px;
		bottom: -15px;
		width: 0;
		height: 0;
		border-left: 0 solid transparent;
		border-right: 15px solid transparent;
		border-top: 15px solid #f0f7fa;
	}
		.testi-author-img {
			display: block;
			float: left;
			padding: 2px;
			border: 1px solid #f1f1f1;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			margin-right: 30px;
			margin-top: -4px;
		}
			.testi-author-img img {
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
			}
		.testi-author-name {
			color: #333;
		}
		.test-author-info {
			color: #919090;
			font-style: italic;
			font-size: 11px;
			font-family: Georgia, "Times New Roman", Times, serif;
		}
/* Testimonial / End */



/* Info List */
.info-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	.info-list li {
		margin: 0 0 6px 0;
		padding: 0;
		overflow: hidden;
	}
		.info-list .name {
			font-size:16px;
			font-weight: bold;
			color: #444;
			float: right;
			min-width: 185px;
		}

.info-list .value
{
font-size:14px;
}


/* Info List / End */


/*/ Elements */


/* #Misc
================================================== */

/*/#Misc */

.tab ul
{
text-align:right;
}

.page-number
{
direction:rtl;
font-size:16px;
text-decoration:none;
text-color:black;
}

.prew
{
float:left;
margin-left:50px;
}

.next
{
float:right;
margin-right:50px;
}