/*
Theme Name: cvifs-products
Author: Flint Hills Design
Author URI: http://flinthillsdesign.com/
Description: A custom theme for Piper Funeral Home. 
Version: 1.1
License: GNU General Public License
License URI: license.txt
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

body { background: none;}
.container { padding:15px; background-image: url('images/rose-bg-beige-light.jpg'); background-repeat: repeat; margin: 15px auto; box-shadow: 0 0 12px #333; }

header { text-align: center;  }

.site-title { text-shadow: 1px 1px 0px white, 2px 2px 0px #707070; font-size: 56px; line-height: 46px; text-align: center; }
.site-title a { color: #405c6d; }
.site-description { font-size: 18px; line-height: 18px; color: #989783; text-align: center; margin-bottom: 10px;}

.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: #405c6d; }
.nav > li.current-menu-item a { color: white; text-shadow: 0 1px 0 #333; }

.widget { background: #B6B3AA; background: #D5D2C7; background: white; padding:10px 10px 15px; }
.widget-title { text-align: center; }
.widget_planning, .widget_resources, .widget_obituaries { border-top:4px #999; }
.widget .widget-title { background: #524F48; background: #405c6d; background: #2a5b3e; background: #405c6d; padding: 10px; margin: -10px -10px 10px -10px; color: white; text-align: center; font-size: 18px; line-height: 20px; font-family: "Times New Roman", serif; }


.entry-title { margin-top: 0; }

.single-obituaries .wp-post-image { float: right; margin:0 0 20px 20px; max-width: 40%; }

.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;}

.page #content { background: white; padding: 25px; }

h1 { color: #405c6d }
a { color: #405c6d; }

.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: #ffffff; }

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; margin-top:10px; margin-bottom: 10px; }

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


.alignright { float: right; margin:15px 0 15px 15px; }
.alignleft { float: left; margin:15px 15px 15px 0; }


@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; } }