/*
Theme Name: Perfect Bath
Theme URI: http://homefront.tv
Description: The custom theme developed for the Perfect Bath blog. 
Author: Home Front Communications
Version: 1.0
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 100%;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* Clearfix */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
body {
	background: #f1f1f1;
}
body,
input,
textarea {
	color: #666;
	font-size: 12px;
	line-height: 18px;
}
::-webkit-input-placeholder {
	color: #77add9;
	font-family: 'Crimson Text', Times, serif;
	font-size: 13px;
}
:-moz-placeholder {
	color: #77add9;
	font-family: 'Crimson Text', Times, serif;
	font-size: 13px;
}
hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}

/* Text elements */
h1 { font-size: 28px; text-align: center; margin: 0px 0px 20px; }
p {
	margin-bottom: 18px;
	line-height: 145%;
}
ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:active,
a:hover {
	text-decoration: underline;
}

/* Fonts */

.arial, body, #comments .comment-author a, #submit { font-family: Arial, Helvetica, sans-serif; }
.garamond, #site-title a { font-family: 'EB Garamond', Times, serif; }
.cantarell, #site-title span { font-family: 'Cantarell', Verdana, sans-serif; }
h1, .crimson, .post .entry-text:first-letter, .entry-title, .entry-meta, .read_more a, a.comments-link, .gallery-main p, #comments .comment-author, .featured-posts-list li a, .popular-tags-list, .barbaras-pick .hover-info, .related-post .hover-info, .pagination { font-family: 'Crimson Text', Times, serif; }

/* Light Grey */
.light-grey, body, .popular-tags-list a, .sep { color: #777; }
/* Almost Black */
.tag-links a, .almost-black, #site-title span, #nav li, #nav li a, .widget-title, .entry-utility a, #comments-title, #reply-title, #footer-nav-container, #footer-nav-container a, .pagination a { color: #444; }
/* Light Blue */
a, .light-blue, .post .entry-text:first-letter, .entry-title a, .read_more a, #comments .comment-author a, .featured-posts-list li a, .related-post .hover-info a { color: #000000; }

/* =Structure
-------------------------------------------------------------- */

#main, #wrapper { margin: 0 auto; width: 940px; }

#wrapper { background: #fff; margin-top: 20px; padding: 0 20px; }

	/* Header */
	#header { }
		#site-title { text-align: center; padding: 25px 0px 10px; }
			#site-title a { display: block; font-size: 40px; text-decoration: none; color: #444; text-transform: uppercase; letter-spacing: 4px; margin-bottom: 10px; }
			#site-title span { text-transform: uppercase; }
		#external-links { margin: 5px 0px; padding: 0px 0px 10px; border-bottom: 3px solid #1f2122; }
			#waterworks { float: left; }
			#share_icons { position: relative; height: 50px; float: right; width: 348px; }
				#searchform { float: left; position: relative; top: 30px; margin-right: 15px; }
					#searchform #s { width: 150px; }
				#share_icons a { position: relative; top: 35px; margin: 0px 2px; }
		#nav { margin-bottom: 20px; text-transform: uppercase; font-weight:bold; font-size: 10px; }
			#nav ul { list-style: none; border-bottom: 1px solid #ccc; margin: 0px; padding: 0px; width: 100%; }
				#nav > ul > li { float: left; width: 132px; height: 30px; position: relative; text-align: center; }
				#nav ul .dropdown { background: #fff url('/wp-content/themes/perfectbath/assets/images/arrow_down.png') no-repeat right center; }
					#nav ul .nav-topics > a:hover { background-color: transparent; }
					#nav ul li a { display: block; height: 100%; text-decoration: none; line-height: 30px; color:#000000; }
					#nav > ul > li > a:hover { border-bottom: 1px solid #000; }
					#nav li ul { position: absolute; top: 30px; left: 0px; display: none; z-index: 99999; background-color: #fff; border: 1px solid #ccc; border-top: none; }
					#nav li:hover ul { display: block; }
						#nav li ul li a { text-align: left; padding-left: 10px; }
						#nav li ul li a:hover { background-color: #ccc; }
	
	/* Loop and Sidebar */
	#main, div.post, div.page, #comments, #footer { margin-bottom: 25px; }
		.single #container { border-bottom: 2px solid #1f2122; }
		#container { width: 650px; float: left; }
			div.post, div.page { border-bottom: 2px solid #1f2122; }
			.single div.post { border-bottom: 1px solid #ccc; }
				.post-info { margin-bottom: 15px; }
					.entry-title { float: left; margin: 5px 0px; }
					.entry-title a { font-size: 26px; }
					.entry-meta { float: right; padding-top: 13px; font-style: italic; font-size: 14px; }
				.entry-content, .entry-summary { clear: both; margin-bottom: 20px; }
					.post .entry-text:first-letter { font-size: 40px; float: left; height: 20px; padding-right: 2px; margin-top: 8px; text-transform: uppercase; }
					.hide { display: none; }
					.single .hide { display: table-row; }					
					.hide-gallery-image-box { display: none;}
					.gallery-main { text-align: center; border-bottom: 1px solid #ccc; } /* 650 x 372 */
						/*.gallery-main a.gallery-img { display: block; background: url('/wp-content/themes/perfectbath/assets/images/watermark-bg.jpg') repeat 0 0; } */
						.gallery-main p { text-align: left; margin: 10px 0px; font-style: italic; }
						.gallery-main p a img { float: right; padding-right: 10px; padding-top: 5px; }
					.gallery-slides { margin: 10px 0px; }
						.gallery-slides td { width: 105px; text-align: center; padding: 2px 0px; } /* 100 x 58 */
						.gallery-slides .addthis_toolbox, #fancybox-content .addthis_toolbox { width: 110px; height: 27px; padding-top: 2px; z-index: 8000; display: block; overflow: hidden; position: relative; left: 43%; }
					.read_more a { font-style: italic; font-size: 12px; }
				.entry-utility { border-top: 1px solid #ccc; min-height: 40px; position: relative; }
					.entry-utility a { text-transform: uppercase; font-weight: bold; font-size: 9px; }
					.tag-links { float: left; width: 250px; line-height: 20px; padding: 10px 0px; }
					.post-sharing { float: right; position: absolute; right: 0px; top: 50%; margin-top: -10px; height: 40px; }
						.post-sharing > div { float: left; padding-right: 30px; }
							.post-sharing .share_by_email img { padding-top: 3px; }
						a.comments-link { float: left; position: relative; top: -5px; color:#fff; text-align: center; padding-top: 8px; display: inline-block; width: 25px; height: 25px; background: url('/wp-content/themes/perfectbath/assets/images/comment_bubble_bg.png') no-repeat center center; }
			#comments { }
				#comments .commentlist { list-style: none; margin: 10px 0px 25px; border-bottom: 1px solid #ccc; }
					#comments .commentlist li { padding: 15px 0px; }
					#comments .comment-author { font-style: italic; }
						#comments .comment-author a { font-style: normal; }
					#comments .comment-body p { padding: 5px 0px; margin: 0px; }
				#comments #comment-form { }
					#reply-title { margin-bottom: 10px; }
					#comments .form-submit #submit { background: url('/wp-content/themes/perfectbath/assets/images/comment_submit_bg.png') no-repeat center center; width: 82px; height: 24px; border: none; color: #fff; line-height: 20px; }
					#comments .form-submit #submit:hover { text-decoration: underline; cursor: pointer; }
			
			.related-posts { border-top: 1px solid #ccc; padding-top: 25px; margin-bottom: 25px; }
				.related-posts .related-posts-list { list-style: none; margin: 0px; padding: 0px; }
					.related-post { float: left; width: 180px; height: 180px; margin: 0px 15px; }
						.related-post a img { border: 1px solid #ccc; max-width: 180px; max-height: 180px; }
						.related-post .hover-info-container { position: relative; display: none; padding: 1px; }
							.related-post .hover-info-container .hover-info { position: absolute; top: -150px; background-color: #fff; opacity:0.95; filter:alpha(opacity=95); width: 100%; height: 50px; text-align: center; padding: 10px 0px; font-size: 16px; }
		.pagination { float: right; font-size: 16px; }
			.pagination a, .pagination span { margin: 0px 2px; padding: 5px; }
			.pagination a:hover { background-color: #77add9; color: #fff; text-decoration: none; }
		
		#primary { float: right; width: 275px; }
			#primary ul { list-style: none; margin: 0px; padding: 0px 5px; }
			.widget-container { text-align: center; }
				.widget-container p.submit { width:57px;float:left;margin-left:2px;}					
			.widget-title, .widget-title2, #comments-title, #reply-title { font-size: 14px; margin-bottom: 0px; text-transform: uppercase; text-align: center; line-height: 40px; font-weight: bold; width: 275px; height: 55px; }
				ul.sidebar > li { margin-bottom: 30px; }
			.featured-posts-list { text-align: left; }
				.featured-posts-list li h4 { padding-bottom: 5px; }
				.featured-posts-list li a { font-size: 20px; }
			.popular-tags-list {  }
				.popular-tags-list a { display: inline-block; width: 100%; height: 100%; padding: 5px; }
				.popular-tags-list a:hover { background-color: #77add9; text-decoration: none; color: #fff; }
				.popular-tags-list li { width: 43%; float: left; text-align: left; font-size: 16px; }
				.popular-tags-list li.odd { clear: both; margin-right: 15px; }
				.popular-tags-list li.even { margin-left: 15px; }
					.popular-tags-list li .tag-name { float: left; width: 100px; }
			.barbaras-picks-list { width: 280px; }
				.barbaras-pick { width: 84px; height: 129px; border: 1px solid #ccc; float: left; margin-right: 5px; margin-top: 10px; }
					#barbaras-picks .barbaras-picks-list .barbaras-pick img { height: 129px; width: 84px; }
					.barbaras-pick .hover-info-container { display: none; position: relative; top: -129px; height: 100%; width: 100%; }
					.barbaras-pick .hover-info { margin: 0px; width: 120px; height: 80px; background-color: #77add9; color: #fff; position: absolute; top: 20%; left: -16px; opacity:0.95; filter:alpha(opacity=95); text-align: left; }
						.barbaras-pick .hover-info a { color: #fff; }
						.barbaras-pick .hover-info span { display: block; padding: 5px 10px; }
							.barbaras-pick .hover-info .item-name { font-size: 16px; }
							.barbaras-pick .hover-info .item-description { font-style: italic; }
				.best-practices { text-align: left; font-size: 13px; }
					.best-practices li span { float: left; color: #ccc; }
					.best-practices li p { float: right; width: 235px; }
			
			.frm_form_fields {
				text-align: left;
				float:left;
			}
			label.hidden, span.hidden {
				position: absolute;
				top:0;
				left: -10000px;
			}

			span.email-update{
				background: #fff url('/wp-content/themes/perfectbath/assets/images/email-icon.png') no-repeat center right;
				padding:.4em 26px .4em 0;
				margin:0;
				display:inline;
				width: 20px;
				height:16px;
			}
			/*h3.widget-title span.email-update {
				 class="widget-title"
			}*/

			#frm_show_form-2 .widget-title {
				display: none;				
			}
			#frm_show_form-2 {
				text-align:left;
				color: #444444;
			}

					
	/* Footer */
	#footer { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0px; font-size: 11px; }
		#footer #footer-nav-container { margin: 0px auto; width: 600px; text-transform: uppercase; font-weight: bold; }
			#footer .footer-nav { margin: 0px; padding: 0px; list-style: none; display: inline-block; }
			#footer .footer-nav li { float: left; margin: 0px 10px; }
			#footer .copyright { float: left; }