@charset "UTF-8";
/* CSS Document */

/* ~~ Palette ~~ 
aqua: #226c61 (34, 108, 97)
light aqua: #2b8779
pink: #f1838b (241, 131, 139)
light pink: #fce6e7
silver: #b3b3b3
*/

/* ~~ GLOBAL STYLES ~~ */

/*limited reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font: inherit;
}
/*html5 display rule*/
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display: block;
}
body {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	background-color: rgba(241, 131, 139, 0.2);
	margin: 0;
	padding: 0;
	color: #333;
}
/* ~~ LAYOUT STYLES ~~ */
header {
	background-color: rgba(241, 131, 139, 0.7);
	background-image: url(../_images/Bodoni-Ornament-Tile-Small.png);
}
header #contact {
	background-color: rgba(241, 131, 139, 0.5);
	padding-right: 15px;
}
header #contact p {
	font-size: .9em;
	padding: 3px;
	text-align: right;
	color: #fce6e7;
}
header h1 {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-size: 3em;
	padding: 15px;
	text-align: right;
	color: #b3b3b3;
	text-shadow: 2px 2px 4px #000000;
}
#pagecontent {
	background-color: white;
	padding: 15px;
	max-width: 100%;
}
.container #carousel {
	padding: 0;
	margin: 0;
}
.carousel-control {
	opacity: .1;
}
a.left.carousel-control {
	color: #fff;
}
a.right.carousel-control {
	color: #fff;
}
aside {
	width: 355px;
	float: right;
	margin: 5px 0 10px 15px;
	padding: 15px;
	background-color: rgba(241, 131, 139, 0.1);
	border: #f1838b thin solid;
	border-radius: 8px;
	box-shadow: 8px 8px 5px #888888;
}
aside h1 {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-style: italic;
	color: #f1838b;
	font-size: 1.35em;
	text-align: center;
}
aside.about {
	width: 98%;
}
aside p {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-style: italic;
	font-size: 1.2em;
}
aside .testimonial p {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-style: italic;
	font-size: .9em;
}
aside p.attribution {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-style: italic;
	font-size: 1em;
	text-align: right;
}
article {
	padding: 6px 0 2px;
	margin-top: 5px;
	border-top: 2px dotted #2b8779;
}
article.thinLine {
	padding: 2px 0;
	margin-top: 5px;
	border-top: 1px dotted #f1838b;
}
#topBox {
	width: 98%;
	margin: 5px 0 10px 0;
	padding: 15px;
	background-color: rgba(241, 131, 139, 0.1);
	border: #f1838b thin solid;
	border-radius: 8px;
	box-shadow: 8px 8px 5px #888888;
}
#topBox h1 {
	font-family: "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-style: italic;
	font-size: 1.4em;
	color: #2b8779;
	padding: 0;
}
#topBox h2 {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-style: italic;
	font-weight: bold;
	font-size: 1.25em;
	color: #333;
}
p {
	line-height: 1.4em;
	padding-top: .4em;
}
#pagecontent li {
	margin-left: 25px;
	line-height: 1.4em;
}
h1 {
	font-family: "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-style: italic;
	font-size: 2em;
	color: #2b8779;
}
#homeCopy h1 {
	font-family: "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-style: italic;
	font-size: 1.7em;
	color: #2b8779;
}
h2 {
	font-family: "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-size: 1.8em;
	color: #f1838b;
	padding: .5em 0 0 0;
}
#homeCopy h2 {
	font-family: "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-style: italic;
	font-size: 1.2em;
	color: #f1838b;
	padding: 0;
}
h3 {
	font-family: "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-size: 1.4em;
	color: #f1838b;
	padding: .1em 0 0 0;
}
h4 {
	font-family: "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-style: italic;
	font-size: 1.3em;
	color: #2b8779;
	padding: .5em 0 0 0;
}
h5 {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #f1838b;
	padding: .3em 0 0 0;
}
h6 {
	font-family: "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-style: italic;
	font-size: 1em;
	color: #2b8779;
	padding: .3em 0 0 0;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
.bottomBorder {
	border-bottom: 2px dotted #d4b513;
	padding-bottom: .5em;
	margin-bottom: .5em;
}

/* ~~ photo gallery ~~ */
.first { /* class name assigned by gallery script */
	list-style-type: none;
}
.first img {
	padding-bottom: 20px;
}
#gallery li {
    margin: 0;
}
.morePhotos {
	margin-left: 15px;
}
/* ~~ modal styles ~~ */
.modal-body .form-horizontal .col-sm-2, .modal-body .form-horizontal .col-sm-10 {
    width: 100%
}
.modal-body .form-horizontal .control-label {
    text-align: left;
}
.modal-body .form-horizontal .col-sm-offset-2 {
    margin-left: 15px;
}
#memoryMenu {
    padding-top: 20px;
}

/* ~~ inline navigation ~~ */
a:link {
	color: #226c61;
	text-decoration: none;
}
a:visited {
	color: #226c61;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color: #f1838b;
	text-decoration: underline;
}
/* ~~ footer styles ~~ */
footer {
	border-top: 2px dotted #2b8779;
	margin-top: 10px;
	padding-top: 5px;
	text-align: center;
	font-size: .8em;
}
/* ~~ MISC CLASSES ~~ */
.fltrt {
	float: right;
	margin-left: .5em;
	margin-bottom: .25em;
}
.fltlft {
	float: left;
	margin-right: .5em;
	margin-bottom: .25em;
}
.classTime {
	font-weight: bold;
}
.memoryRow {
    padding-bottom: 1em;
    margin-bottom: 2em;
    border-bottom: thin dotted #3b3b3b; 
}
.memoryCaption {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-size: 1em;
    font-style: italic;
	text-align: center;
}
/* ~~ STYLE OVERRIDES - NAVBAR ~~ */
.navbar {
	margin-bottom: 0;
	min-height: 30px;
}
.navbar-default {
	background-color: #226c61;
	border: none;
}
.navbar-default div.container-fluid {
	padding-left: 0;
	margin-left: 0;
}
.navbar-default .navbar-nav li a:last-child { /* shift menu to right */
	margin: 0;
	padding: 5px 0 0 80px;
	color: #fce6e7;
}
.navbar-default .navbar-nav li a {
	padding: 5px 5px 0 5px;
	color: #fce6e7;
}
.navbar-default .navbar-nav li a:hover {
	color: #fff;
}
/* ~~ STYLE OVERRIDES - MENU BUTTON ~~ */
.navbar-default .navbar-toggle {
	border: 2px solid #2b8779;
	color: #f1838b;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #f1838b;
	color: #fff;
}
/* ~~ STYLE OVERRIDES - OPEN MENU SMALL SCREENS ~~ */
.navbar-default .navbar-collapse, .navbar-default .navbar-form { /* change color of rule above open menu */
	border: none;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #2b8779;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #fff;
	background-color: transparent;
}
ul.navbar-nav li {
	padding: 5px 0;
}
#collapsemenu .navbar-nav li a { /* shift menu to left */
	margin-left: 30px;
	padding-left: 0;
}
/* ~~ STYLE OVERRIDES - MISC ~~ */

/* ------------------------------------- */
/* MEDIA QUERIES */
@media only screen and (max-width:769px) {
header a.phonelink {
	color: #fce6e7;
}
aside {
	float: none;
	width: 99%;
	margin: 5px 0 10px 0;
	box-shadow: none;
	margin-top: 10px;
}
#thumb {
	max-width: 35%;
}
/*#carousel {
	display: none;
}*/
.mobileimgscale {
	width: 50%;
}
}

@media only screen and (min-width: 770px) {
.container #carousel {
	width: 720px;
}
}

@media only screen and (min-width: 992px) {
.container #carousel {
	width: 940px;
}
}

/* ~~ large screen styles ~~ */
@media only screen and (min-width: 1200px) {
.container #carousel {
	width: 1140px;
}
}

@media only screen and (min-width:768px) {
.navbar-nav {
	float: right;
}
header a.phonelink {
	text-decoration: none;
	cursor: default;
	color: #fce6e7;
}
header a:hover.phonelink, a:active.photolink, a:focus.photolink {
	color: #333;
}
a.phonelink {
	text-decoration: none;
	cursor: default;
	color: #333;
}
a:hover.phonelink, a:active.photolink, a:focus.photolink {
	color: #333;
}
}