/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear{
	clear:both;
}

.col2, .col2last{
	width:49%;
	margin-right:2%;
	float:left;	
	
}

.col2last{
	margin-right:0;
}


h1, h2, h3, h4, h5, h6{	
	font-family:'Kaushan Script', cursive;
	margin-bottom:20px;
}

h1{
	font-size:250%;
	text-align:center;
	margin-bottom:30px;
	font-weight:bold;
	padding-bottom:40px;
	color:#fefefe;

}
h2{
	font-size:200%;	
	margin-bottom:25px;
	text-transform:uppercase;
	
}
h3{
	font-size:175%;
	text-transform:uppercase;
	margin-bottom:20px;	
	text-align:center;
}
h4{
	font-size:150%;
}
h5{
	font-size:125%;
}
h6{
	font-size:100%;
}
header, footer{
	width:100%;
	
	
}	
body a {
	text-decoration:none;
	
}
main a, footer a {
	color:#FCA73A
}
main a:visited{
	color: #c18e8a;
	border-bottom: 2px dotted #000;
	text-decoration:none;
}
footer a:visited{
	color:#B27556;
}
main a:active, footer a:active{
	color: #FF5642;	
}

p{
	text-indent:20px;
}
footer{
	width:100%;
	background:#4E474F;
	color:#fff;
}

footer .container{
	padding: 20px 10px;
}

footer ol li, footer ul li{
	margin-left:20px;
}
footer ol{
	list-style-type:lower-roman;
	margin-bottom:20px;	
	
}
footer ul{
	list-style-type:disc;
	margin-bottom:20px;
}

main p .m, main p .c1, main p .c2, main p .c3, #yomiterms dt span, #yomiterms dd span{
	width:50px;
	padding-right:20px;
	display:inline-block;
	text-align:center !important;
}	
#yomiterms dt span, #yomiterms dd span{
	padding-right:0;
}
main, .container{
	max-width:700px;
	margin:0 auto;
}

main section{
	margin-bottom:20px;
}

body{
	font-family: 'Catamaran', sans-serif;	
	font-size:20px;
	
	line-height:24px;
}
body p{
	line-height:28px;	
	margin-bottom:20px;	
}

blockquote .quotation{
	font-size:40px;
	line-height:28px;	
	
}
blockquote{
	font-family: 'Catamaran', sans-serif;	
	font-size:24px;
	width:75%;
	margin:0 auto;
	
	line-height:28px;
	margin-bottom:20px;
	
}
blockquote .author, blockquote .twoline{
	font-size:18px;
	margin:20px;
	padding-top:20px;
	min-height:70px;
	max-width:500px;
	color:#fff;
	
	margin:0 auto;
	font-style:italic;
	text-align:center;	
	
	background-image:url(../images/stroke.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:contain;
}

blockquote .twoline{
	padding-top:3px;
}

blockquote{
	padding:20px;
	margin-bottom:0;
}

.m, .c1, .c2, .c3{
	font-weight:bold;
	color:#000;
}
.m{
	background:#FD573F;	
}
.c1{
	background:#FE7C3E;	
}
.c2{
	background:#4DA1B3;	
}
.c3{
	background:#B78481;
}
.definitioncontainer{
	padding-top:30px;
	margin-bottom:30px;	
}
#yomiterms{
	display:block;
}
#yomiterms label{
	display:block;
}
dt, dd{
	padding: 5px 10px 5px 10px;
}	
dd{
	margin-bottom:10px;	
	font-style:italic;
	padding-left:30px;
}
dt{
	padding-top:15px;
	font-weight:bold;
}
#yomitable{
	display:block;
	
}
#yomitable table{
	border-spacing:5px;
	border-collapse: separate;
}
#yomitable table th{
	font-size:25px;
	font-weight:bold;
	text-align:center;
}
#yomitable h2{
	margin-bottom:65px;	
}

#yomitable .term_index{

}
#yomitable tbody, #yomitable tr{
	width:400px !important;
}
#yomitable tr td{
	width:200px;
	padding: 15px 10px 15px 10px;
	text-align:center;
	
}

main aside{
	margin-bottom:20px;
}

main aside ul{
	list-style-image:url(../images/icon2.jpg);	
	margin-left:30px;
}


#featurebanner{

	background-image:url(../images/cristina-gottardi-189948.jpg);
	width:100%;
	background-position:center center;
	
}
	
#featuredimage{
	margin:0 auto;
	max-width:350px;
}

#featuredimage img{
	width:100%;
}

@media screen and (max-width:500px){
	.col2, .col2last{
		width:100%;
		margin-right:0;
		float:none;
		margin-bottom:20px;
	}	
	body{
		padding:0 10px;
	}
}
@media screen and (max-width:400px){
	blockquote .author, blockquote .twoline{
		background:none;
		color:#000;	
		
	}
	blockquote p{
		font-size:18px;	
	}
	
}


#featurebanner{
	animation-name: bgright;
	animation-duration: 50s; /* or: Xms */
	animation-iteration-count: infinite;
	animation-direction: normal; /* or: normal */
	animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
	animation-fill-mode: forwards; /* or: backwards, both, none */
	animation-delay: 0; /* or: Xms */
}

@keyframes bgright{
	0%{
		background-position:50% center;
		
	}
	50%{
		background-position:70% 65%;
	}
	
	100%{
		background-position:50% center;
	}
}