/*
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
*/

/* #Top Bar
================================================== */
.top-bar {
	text-align: right;
	padding: 12px 0;
	font-size: 11px;
	text-shadow: 0 1px 0 white;
}
	.top-bar a {
		font-weight: bold;
		color: #fc8a58;
		text-decoration: none;
	}
	.top-bar a:hover {
		color: #528cba;
	}
	
/* #Header
================================================== */
#header {
	margin-bottom: 23px;
background: #f1f7f9 url(../images/pattern.gif);
}

/* Logo */
.logo {
	float: left;
	padding: 36px 0 32px 0;
}
	.logo h1 {
		font-size: 26px;
		line-height: 1em;
		margin: 0;
		padding: 7px 0 0;
		font-weight: normal;
		float: left;
		color: #97c7dc;
	}
		.logo h1 a {
			color: #97c7dc;
			text-decoration: none;
		}
		.logo h1 strong {
			font-size: 48px;
			line-height: 1em;
			display: inline-block;
			font-weight: normal;
			color: #fc8a58;
		}
	.logo img {
		float: left;
	}
	.logo .tagline {
		margin: 20px 0 0 20px;
		padding: 8px 0 8px 26px;
		border-left: 1px solid #e9eff2;
		float: left;
		font-size: 11px;
		font-style: italic;
		color: #d7d7d7;
		font-family: Georgia, "Times New Roman", Times, serif;
		text-shadow: 0 1px 0 #fff;
	}
/*/ Logo */

/* Header Info */
.header-info {
	padding: 22px 0 0 0;
	text-align: right;
}

/*/ Header Info */

	

	

/* #Content
================================================== */
.content-wrapper {
	padding: 13px 0 28px 0;

	position: relative;
	z-index: 2;
}

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


/* Clients */
.clients {

}
	.clients h4 {
		font-size: 12px;
		color: #444;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		border-right: 1px solid #e9eff2;
		padding: 16px 0;
		margin: 0;
	}
	.clients-list {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
		.clients-list li {
			float: left;
			margin: 0;
			padding: 0;
			width: 140px;
			margin-left: 20px;
		}
		.clients-list li:first-child {
			margin-left: 0;
		}
			.clients-list li img {
				opacity: .25;
				-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;
			}
			.clients-list li a:hover img {
				opacity: 1;
			}
/*/ Clients */


/* Blog Page
-------------------------------------------------- */
#content {
	
}
.entry {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 2px solid #f0f7fa;
}
	.entry .thumb {
		margin-bottom: 28px;
		float: none;
		margin-right: 0;
	}

	.entry-header {

	}
		.format-icon {
			display: block;
			float: left;
			width: 40px;
			height: 40px;
			margin-right: 20px;
			background-color: #c4d208;
			color: #fff;
			text-align: center;
			font-size: 20px;
			line-height: 40px;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
		}
		.entry-header-inner {
			overflow: hidden;
		}
		.entry-title {
			text-transform: none;
			padding-top: 10px;
			margin-bottom: .75em;
		}
			.entry-title a {
				color: #444;
			}
			.entry-title a:hover {
				color: #fc8a58;
				text-decoration: none;
			}
		.entry-content {
			margin-bottom: 20px;
		}
		.entry-content,
		.entry-footer {
			padding: 0 0 0 60px;
		}

		/* 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;
			}

/* Standard Post Format */
.entry__standard {

}

/* Quote Post Format */
.entry__quote {

}
	.entry__quote .entry-content {
		margin-bottom: 0;
	}
	.entry__quote blockquote {
		margin-bottom: 36px;
		font-size: 14px;
		line-height: 24px;
		color: #fff;
		background: #70b3d0;
		padding-bottom: 20px;
	}
	.entry__quote blockquote:before {
		display: none;
	}
	.entry__quote blockquote p {
		margin-bottom: .5em;
	}
	.entry__quote blockquote p:first-child {
		text-indent: 0;
	}
	.entry__quote blockquote {
		padding-left: 38px;
	}
	.entry__quote blockquote cite {
		display: block;
		position: absolute;
		right: 18px;
		bottom: -36px;
		padding: 0 0 0 40px;
	}
	.entry__quote blockquote cite:after {
		content:"";
		width: 0;
		height: 0;
		display: block;
		position: absolute;
		top: -12px;
		left: 0;
		border-left: 14px solid transparent;
		border-right: 0 solid transparent;
		border-top: 14px solid #70b3d0;
	}
/* Link Post Format */
.entry__link {

}
	.entry__link .entry-content {
		margin-bottom: 0;
	}
	.entry__link .entry-header-inner {
		margin-bottom: 12px;
	}
	.entry__link .entry-title {
		margin-bottom: .2em;
	}
	.entry-source-link {
		font-size: 11px;
	}
		.entry-source-link a {
			color: #bdbdbd;
		}
		.entry-source-link a:hover {
			color: #fc8a58;
		}


/* 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;
			}
		

/*/#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;
	}
	.widget__sidebar .thumb {
		border-color: #e4eaed;
	}
	.widget__sidebar .thumb__hovered:hover {
		border-color: #70b3d0;
	}
	.widget__sidebar ul li {
		color: #919090;
	}



/* #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;
}
.portfolio .item-info {
	margin-bottom: 12px;
}
	.portfolio .item-info i,
	.portfolio .item-info .symbol {
		font-size: 14px;
		color: #70b3d0;
		margin-right: 5px;
	}
	.portfolio .item-info .name {
		font-size: 12px;
		line-height: 18px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #3f3f3f;
		margin-bottom: 6px;
	}
	.portfolio .item-info .place,
	.portfolio .item-info .rate {
		margin-bottom: 6px;
		font-size: 11px;
	}
.portfolio .excerpt {
	margin-bottom: 1.5em;
	height: 4.5em;
	overflow: hidden;
}

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

	
/* #Footer
================================================== */
#footer {
	
}

/* Footer Widgets */
.widgets-footer {
	background: #fafafa;
	border-top: 1px solid #f0f7fa;
	border-bottom: 1px solid #f0f7fa;
	padding: 35px 0;
}
	.widget__footer {

	}
	.widget__footer .widget-title {
		border-bottom: 1px solid #e8f2f7;
		padding-bottom: 8px;
	}
	.widget__footer .widget-content {
		font-size: 11px;
		line-height: 18px;
	}


/* 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
================================================== */

/* Social Links */
.social-links {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
	.social-links li {
		margin: 0 0 0 7px;
		padding: 0;
		width: 24px;
		height: 24px;
		display: inline-block;
		overflow: hidden;
		font-size: 14px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}
	.social-links li:first-child {
		margin-left: 0;
	}
		.social-links li a {
			text-decoration: none;
			color: #fff;
			width: 24px;
			height: 24px;
			line-height: 24px;
			text-align: center;
			display: inline-block;
			-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;
		}
		.link-twitter a {
			background: #33ccff;
		}
		.link-facebook a {
			background: #3b5998;
		}
		.link-google a {
			background: #bd3518;
		}	
		.link-pinterest a {
			background: #cb2027;
		}	
		.link-rss a {
			background: #f88f16;
		}
		.social-links li a:hover {
			background: #f0f7fa;
			color: #7dbad4;
		}
/*/ Social Links */

/* Info Box */
.info-box {
	position: relative;
	overflow: hidden;
	padding: 34px 25px 38px 16px;
	-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);
	color: #fff;
}
.info-box__primary {
	background: #fc8a58;
}
.info-box__secondary {
	background: #7fdbfd;
}
.info-box__tertiary {
	background: #c4d208;
}
	.info-box-num {
		float: left;
		margin-right: 23px;
		width: 54px;
		height: 54px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		color: #fff;
		text-align: center;
		background: rgba(0, 0, 0, .15);
	}
		.info-box-num-inner {
			display: block;
			margin-top: -5px;
			font-size: 48px;
			font-family: 'Kavoon', cursive;
			line-height: 54px;
		}
	.info-box-title {
		color: #fff;
		font-size: 24px;
		line-height: 28px;
		text-shadow: 0 1px 0 rgba(0, 0, 0, .12);
		margin-bottom: .5em;
	}
.info-box__nobg {
	padding: 0;
	background: none;
	color: #919090;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
	.info-box__nobg .info-box-title {
		font-size: 18px;
		text-shadow: none;
		color: #fc8a58;
		padding-top: 14px;
	}
	.info-box__nobg .info-box-num {
		background: #fc8a58;
	}
.info-box__nobg.info-box__secondary .info-box-title {
	color: #7fdbfd;
}
.info-box__nobg.info-box__secondary .info-box-num {
	background: #7fdbfd;
}
.info-box__nobg.info-box__tertiary .info-box-title {
	color: #c4d208;
}
.info-box__nobg.info-box__tertiary .info-box-num {
	background: #c4d208;
}
.info-box__arrow {/* Arrow for Info Box */
	position: relative;
	padding-right: 35px;
}
	.info-box__arrow:before {
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		color: #999;
		content: "\f0da";
		text-decoration: inherit;
		font-weight: normal;
		font-style: normal;
		font-size: 56px;
		line-height: 1em;
		font-family: FontAwesome;
		-webkit-font-smoothing: antialiased;
	}
/*/ Info Box */


/* Hero Unit */
.hero-unit {

}
	.hero-unit h1 {
		margin-bottom: .5em;
	}
	.hero-unit-desc {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 40px;
	}
/*/ Hero Unit */


/* Thumb List */
.thumbs-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
	.thumbs-list .list-item {
		margin: 0 0 18px 0;
	}
	.thumbs-list .item-heading {
		font-size: 12px;
		line-height: 18px;
		margin-bottom: .5em;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		margin-top: -0.2em;
	}
		.thumbs-list .item-heading a {
			color: #fc8a58;
			padding-top: .3em;
			-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;
		}
		.thumbs-list .item-heading a:hover {
			color: #7fdbfd;
			text-decoration: none;
		}
	.thumbs-list .date {
		display: block;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 11px;
		color: #b8b8b8;
		font-style: italic;
		margin-bottom: 8px;
	}
/* Thumb List / End */


/* 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;
		}
	.list-elements .item-info {
		margin-bottom: 12px;
	}
		.list-elements .item-info i,
		.list-elements .item-info .symbol {
			font-size: 14px;
			color: #70b3d0;
			margin-right: 5px;
		}
		.list-elements .item-info .name {
			font-size: 12px;
			line-height: 18px;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			color: #3f3f3f;
			margin-bottom: 6px;
		}
		.list-elements .item-info .place,
		.list-elements .item-info .rate {
			margin-bottom: 6px;
			font-size: 11px;
		}
	.list-elements .excerpt {
		margin-bottom: 1.5em;
	}

/* Small Elements */
.list-elements__small {

}
	.list-elements__small .item {
		width: 140px;
		float: left;
		padding: 0;
		margin: 0 0 20px 18px;
		border: none;
	}
	.list-elements__small .item:first-child,
	.list-elements__small .item:nth-child(7n) {
		padding-left: 0;
		border-left: none;
	}
	.list-elements__small .item:nth-child(5n) {
		margin-left: 20px;
		padding: 0;
	}
	.list-elements__small .item.fifth {
		margin-left: 20px;
		padding: 0;
	}
	.list-elements__small .thumb {
		float: none;
		margin: 0 0 16px 0;
		padding: 4px;
		border: 1px solid #f2f2f2;
	}
	.list-elements__small .thumb:hover {
		border-color: #70b3d0;
	}
/*/ List Elements */


/* 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 */


/* Pagination */
.pagination {
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: center;
}
	.pagination li {
		display: inline;
		margin: 0;
		padding: 0;
	}
	.pagination li a,
	.pagination li span {
		display: inline-block;
		width: 28px;
		height: 28px;
		margin: 0 2px;
		text-align: center;
		font-size: 18px;
		font-family: 'Kavoon', cursive;
		line-height: 28px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		-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;
	}
		.pagination li:first-child a,
		.pagination li:first-child span {
			margin-left: 0;
		}
		.pagination li:last-child a,
		.pagination li:last-child span {
			margin-right: 0;
		}
	.pagination li a {
		color: #70b3d0;
		text-decoration: none;
	}
	.pagination li a:hover,
	.pagination li.current span {
		background: #7fdbfd;
		color: #fff;
	}
	.pagination li span {
		color: #919090;
	}

	/* Prev and First */
	.pagination li.first,
	.pagination li.prev {
		float: left;
	}
	.pagination li.first a,
	.pagination li.prev a {
		background: #f0f7fa;
		color: #70b3d0;
	}
	.pagination li.first a:hover,
	.pagination li.prev a:hover {
		background: #7fdbfd;
		color: #fff;
	}

	/* Next and Last */
	.pagination li.next,
	.pagination li.last {
		float: right;
	}
	.pagination li.next a,
	.pagination li.last a {
		background: #f0f7fa;
		color: #70b3d0;
	}
	.pagination li.next a:hover,
	.pagination li.last a:hover {
		background: #7fdbfd;
		color: #fff;
	}
/* Pagination / 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-weight: bold;
			color: #444;
			float: left;
			min-width: 85px;
		}
.info-list__checked {

}
	.info-list__checked .icon-ok {
		color: #c4d208;
		margin-right: 6px;
	}
	.info-list__checked .icon-remove {
		color: #e2e2e2;
		margin-right: 8px;
	}
/* Info List / End */


/*/ Elements */


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

/*/#Misc */

#overlay {
  display: block;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
}

#pop {
  display: block;
  position: fixed;
  z-index: 9999;
  width: 50%;
  min-width: 300px;
  height: auto;
  border: .5em solid rgba(0, 0, 0, .6);
  border-radius: .5em;
  background: #fff;
  font-family:Helvetica,Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
  font-size: 1em;
  text-align: left;
}

#pop .title {
  margin: 0;
  padding: 10px;
  font-weight: normal;
  font-size: 1.2em;
  color: #333;
}

#pop .mid {
  background: #e8f2fc;
  border-top: .1em solid;
  border-bottom: .1em solid;
  border-color: #c7ddf8;
  padding: .8em;
  margin-bottom: .8em
}

#pop .bot {
  padding: 0 .8em .8em .8em;
  text-align: right;
  font-size: .8em;
  color: #666;
}

#pop .close {
  display: block;
  float: right;
  width: 1.6em;
  height: 1.6em;
  padding: .2em .1em 0 .1em;
  line-height: 1.6em;
  border-radius: 1.6em;
  text-align: center;
  text-shadow: .1em .1em .1em #fff;
  font-family: 'Courier New',Courier,'Nimbus Mono L',monospace;
  font-size: .6em;
  color: #666;
  text-decoration: none;
  background: #e5e5e5;
  border: .1em solid #ccc;
  box-shadow: inset .1em .1em .5em #fff;
}

#pop .close:hover {
  box-shadow: inset -.1em -.1em .5em #fff;
}