@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700|Raleway:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Parisienne);

@font-face {
    font-family: "Genath-Regular";
    src: url("fonts/Genath-Regular.woff") format('woff');
}

@font-face {
    font-family: "Genath-Regular-Italic";
    src: url("fonts/GenathRegular-Italic.woff") format('woff');
}

@font-face {
    font-family: "Engravers";
    src: url("fonts/Engravers.woff") format('woff');
}


html {
scrollbar-face-color:#e1e7e8;
scrollbar-highlight-color:#f1f7f8;
scrollbar-shadow-color:#e9eff1;
scrollbar-arrow-color:#c6dde4;
scrollbar-track-color:#e7e7e7;
}

body { text-align: center; margin: 0px; 
font-family:'Genath-Regular','Raleway',sans-serif,arial; 
font-size:13px; 
color:#8B8B8B;
background: url(bg.png);
background-attachment:fixed;
background-color:#eff5f6;
margin-bottom:50px;
}

img { opacity:0.6; 
   transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;
}
img:hover { opacity:1.0; }

.headerimage { opacity:1.0; }

#container {
width: 750px;
}

#top {
margin-top:10px;
}

#content {
width:750px;
background-color:#f8fafa;
}

#footer {
width:750px;
background-color:#e0e5e6;
background: url(bg_dark.png);
text-align:center;
padding-top:15px;
}

#social {
background-color:#dde0e1;
background: url(bg_darker.png);
text-align:center;
font-family:'Raleway',sans-serif,arial;
font-size:10px;
padding-top:5px;
padding-bottom:5px;
}

#social a {color:#86adba; text-decoration: none; }
#social a:hover {color:#93becc; text-decoration:underline; }

.indextitle {
font-family:'Parisienne', cursive,garamond,book antiqua, Times New Roman; 
font-size: 20px; 
line-height:30px;
border-bottom: solid #e5e4e7 1px; 
color: #bfaab4;
}

.indexlist { 
font-family:'Genath-Regular','Raleway',sans-serif,arial; 
font-size:12px; 
line-height:20px;
color:#959595;
text-align:justify;
/* background: url(bar.gif) top left repeat-x; */
}

.icon { 
border: solid #f8fafa 5px; 
filter: alpha(opacity=75);
}

.iconborder { 
border: solid #deeaec 15px; 
}

a:link, a:visited {color:#cab4be; text-decoration: none; }
a:active, a:hover {color:#d9c1cc; text-decoration:underline; }


*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.indexlist a {
font-family:'Parisienne', cursive,garamond,book antiqua, Times New Roman; 
font-size: 20px; 
line-height:30px;
text-decoration:none;
	color: #cab4be;
	text-shadow: 0 0 1px rgba(111,134,134,0.3);
}

.indexlist a::before {
font-family:'Parisienne', cursive,garamond,book antiqua, Times New Roman; 
font-size: 20px; 
line-height:30px;
	color: #d9c1cc;
	content: attr(data-hover);
	position: absolute;
	opacity: 0;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	-webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.indexlist a:hover::before,
.indexlist a:focus::before {
font-family:'Parisienne', cursive,garamond,book antiqua, Times New Roman; 
font-size: 20px; 
line-height:30px;
	-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	-moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	opacity: 1;
}

.input, submit,select,input,textarea {
font-family:'Raleway',sans-serif,arial; 
font-size:10px; 
color:#ffffff; 
background-color:#e4e9eb; 
border: solid #e8ecec 1px;
}

.copy {
color:#c2c2c2; 
font-family:'Raleway',sans-serif,arial;
font-size:10px; 
text-decoration:none; }

h1 {
font-weight: normal;
color: #bfaab4; 
font-family:'Parisienne', cursive,garamond,book antiqua, Times New Roman; 
font-size: 25px; 
border-bottom: solid #e5e4e7 1px; 
margin:0px;
}



.articlecrumb {
color:#8fafbf;  
font-family:'Raleway',sans-serif,arial; 
font-size: 9px;
text-transform:uppercase;
text-align:right;
padding-top:2px;
}

.articletext { 
text-align: justify;
line-height:20px;

}

.quotes { padding-left: 50px; padding-right:50px; padding-top:5px; padding-bottom:5px;  }
.inner { font-size:10px; padding-top: 5px; padding-bottom: 5px; padding-left: 15px; padding-right: 15px; border-top: solid #e9efef 1px; border-right: solid #e9efef 1px;  border-bottom: solid #e9efef 1px; border-left: solid #deeaec 2px;  background:#ffffff;}
.quotesmore { padding-left: 55px; padding-right:55px; padding-top:5px; padding-bottom:5px;  }
.quotesmorevideo { padding-left: 55px; padding-right:55px; padding-top:5px; padding-bottom:5px; width:500px; }
.inner i { font-size:22px; font-family:'Parisienne',cursive,Times New Roman; line-height:30px; font-style:normal;}

.picborder { border:solid #deeaec 5px }

.intitle {font-family:Engravers; color: #d7abba; border-bottom: solid #e5e4e7 1px; letter-spacing:1px; font-size:14px;  text-transform: uppercase; margin-bottom:5px; }
.inhighlight { color: #7da4b3; text-transform:uppercase; }
.smaller { font-size:11px; line-height:15px; }

.mini {font-size:9px; }


h2 {color: #8698a3; 
font-family:'Parisienne', cursive,garamond,book antiqua, Times New Roman;
font-size: 22px; 
margin: 0px;
}

.fancyname {font-size:12pt; font-family:'Parisienne','edwardian script itc','book antiqua'; font-weight:normal; color:#d9bfd7; text-decoration:none;}
.labels {text-decoration:none; text-transform:uppercase; color:#bbc4ce;}

.profile { border-bottom: dotted #f7f2f7 1px; color:#929eab; font-family:'Raleway',sans-serif,arial; font-size:9px; text-align:left; padding-right:5px;}
.profile a:link, .profile a:visited {color:#C7BCD6; text-decoration: none; }
.profile a:active, .profile a:hover { color:#D1C8DE;  text-decoration: none;  }