/*
Theme Name: Thatcher
Author: Flint Hills Design
Author URI: http://flinthillsdesign.com/
Description: A custom theme for Thatcher Funeral Home. 
Version: 1.1-wpcom
License: GNU General Public License
License URI: license.txt
*/

html {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


body { font-family: Helvetica, Arial, sans-serif; background-color: #f9f9d6; background-repeat: no-repeat; background-attachment: fixed;}

//.container { padding:15px; background-image: url('images/rose-bg-beige-light.jpg'); background-repeat: repeat; margin: 15px auto; box-shadow: 0 0 12px #333; }
.container { background-color: #f1b847; background-repeat: repeat; box-shadow: 1px 4px 46px #202020; }

#masthead { margin-bottom: 20px; }
header hgroup { /* background: #AEA994; */ text-align: center;  }

#top-left-corner-flourish { float: left; }
#top-right-corner-flourish { float: right; }

.site-title { text-shadow: 1px 1px 0px white, 2px 2px 0px #707070; font-size: 56px; line-height: 56px; }
.site-title a { color: #4D3217; }
.site-description { font-size: 22px; line-height: 26px; color: #989783; font-family: 'Arial'; font-weight: 100; }

.wraparound {
	position:relative;
	padding:6px 20px;
	margin:1px -30px 0 -30px;
	margin-right: -25px;
	background: #aea28b;
	background: #388f24;
	box-shadow: 1px 2px 5px rgba(0,0,0,.5);
	}
		
.wraparound:after {
	content:" ";
	border-top:10px solid #666;
	border-top:10px solid #2a6a1b;
	position:absolute;
	bottom:-10px;
	border-right:10px solid transparent;
	right:0;
	} 
	
.wraparound a { margin: 3px;  font-family: 'Arial Black'; font-weight: bold; color: white; font-size: 18px; text-shadow: 2px 2px 2px rgba(0,0,0,.5) }

.navbar { margin-bottom: 0; }
.navbar-inner { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: none; }
.nav > li > a:hover { text-shadow: none; }
.nav > li.current-menu-item { background: #4D3217; }
.nav > li.current-menu-item a { color: #fff; }

ul.nav li:hover li {
	float: none; display:block; clear: both;
}

.sub-menu li {
	display:none;
	background: #524f48;
	margin: 0 0 0 -25px;
	padding: 10px 15px 10px;
	position: absolute;
	z-index: 1000;
}

.sub-menu li.menu-item a {
	color: #fff;
	text-decoration: none;
}

.page #content { background: white; margin-right: 25px; margin-bottom: 50px; }

.widget { background: #B6B3AA; background: #D5D2C7; background: white; padding:10px 10px 15px; }
.widget_planning, .widget_resources { /* border-top:4px double #999; */ }
.widget-title { background: #524F48; background: #405c6d; background: #2a5b3e; background: #405c6d; padding: 10px; margin: -10px -10px 10px -10px; color: white; text-align: center; font-family: "Times New Roman", serif; font-size: 20px; line-height: 1.2em; }
.widget_calendar h5 { margin: 0; }
.widget_calendar p { text-indent: 1em; color: #666; margin-bottom: 0; }

.entry-title { margin-top: 0; }


.bio { overflow:auto; /*  margin-bottom: 1em; overflow: auto; padding:15px 0; background: white; box-shadow: 0 0 6px rgba(0, 0, 0, .4);  */}
.bio h3 { margin: 0; color: #405C6D; }
.bio h6 { margin-top: 0; color: #666; }
.bio img { border: 4px solid white; box-shadow: 0 0 6px rgba(0, 0, 0, .4); margin: 6px; float: left;}

h1, h2, h3 { font-family: 'Great Vibes', 'Zapfino',  cursive;  }

h1 { color: #4D3217; }
a { color: #4D3217; }

.comments-area { border-top: 1px dotted; margin-top: 40px;}
#respond { border-top: 1px dotted; }
.comment-form-url { display: none; }
.commentlist { list-style: none; margin: 0; }
.comment { padding: .5em; }
.comment.even { background: #efece5; }

hr { border: 0; height: 12px; background: url('images/horizontal.png'); background-repeat: no-repeat; background-position: center center; background-size: contain; }

#google-map { max-width: 100%; }

#colophon { margin: 15px 0 0; padding: 10px 0 0; /* border-top: 4px double #D5D2C7;  *//* color: #C2BC9B */; text-align: center; /* background: #AEA994; */ }
#colophon address { margin-bottom: 10px; }

.wp-caption { max-width: 100%; margin-bottom: 20px; }
.wp-caption-text { margin-top: 5px; text-align: center; }

address { margin-bottom: 5px; }

img.polaroid { padding:10px; background: #eee; border:1px solid #fff; -moz-box-shadow: 0px 2px 15px #666; box-shadow: 0px 2px 15px #666; position: relative; }

ul.polaroid-gallery { list-style-type: none; }
ul.polaroid-gallery li a { float: left; padding:10px; background: #eee; border:1px solid #fff; -moz-box-shadow: 0px 2px 15px #666; box-shadow: 0px 2px 15px #666; position: relative; }

.pic-1{ -moz-transform:rotate(-10deg); -ms-transform:rotate(-10deg); -webkit-transform:rotate(-10deg); transform:rotate(-10deg); z-index:1;}
.pic-2{ -moz-transform:rotate(-3deg); -ms-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);transform:rotate(-3deg);z-index:5;}
.pic-3{-moz-transform:rotate(4deg);-ms-transform:rotate(4deg);-webkit-transform:rotate(4deg);transform:rotate(4deg);z-index:3;}

ul.polaroid-gallery li a:hover{-moz-box-shadow:3px 5px 15px#333;z-index:10;}


#loginform { padding: 25px; }

.alignright { float: right; margin:15px 0 15px 15px; }
.alignleft { float: left; margin:15px 15px 15px 0; }

.img-responsive {
	margin: auto;
}

.full-width {
	width: 100%;
}

.rounded-corners { border-radius: 15px; };

@media (max-width: 979px) { .site-title { font-size: 44px; } }ght { float: right; margin:15px 0 15px 15px; }
.alignleft { float: left; margin:15px 15px 15px 0; }


@media (max-width: 979px) { .site-title { font-size: 44px; } }
