@font-face {
font-family: 'village';
src:url('fonts/village.ttf');
}

body {
background: rgb(255,255,255);
font-family: 'Palatino Linotype', 'Book Antiqua', Verdana, serif;
font-size: 100%;
margin: 0;
position: relative;
height: 100%;
color: rgb(0,45,95);
}

a {
color: rgb(0,45,95);
}

.quotediv {
color: rgb(0,90,215);
}

* {
box-sizing: border-box
}

.pagewrapper {
max-width: 970px;
margin: auto;
}

.responsive {
border-top:  1px solid rgb(255,255,255);
border-left: 1px solid rgb(255,255,255);
border-right: 1px solid rgb(255,255,255);
border-bottom: 1px solid rgb(0,45,95);
float: left;
width: 49.99999%;
padding: 15px 15px 0 15px;
margin-top: 10px;
}

.responsive a {
text-decoration: none;
}

.responsive:hover {
background-color: rgb(0,45,95);
color: rgb(255,255,255);
}

.responsive:hover a {
color: rgb(255,255,255);
}

@media only screen and (max-width: 600px){
.responsive {
width: 100%;
border-left: 0;
border-right: 0;
padding: 5px 5px 0 5px;
}
}



.responsive-2 {
border-top:  1px solid rgb(255,255,255);
border-left: 1px solid rgb(255,255,255);
border-right: 1px solid rgb(255,255,255);
border-bottom: 1px solid rgb(0,45,95);
float: left;
width: 24.99999%;
padding: 10px 10px 0 10px;
margin-top: 10px;
}

.responsive-2 a {
text-decoration: none;
}

.responsive-2:hover {
background-color: rgb(0,45,95);
border: 1px solid rgb(0,45,95);
}

.responsive-2:hover a {
color: rgb(255,255,255);
}

@media only screen and (max-width: 600px){
.responsive-2 {
width: 49.9999%;
border-left: 0;
border-right: 0;
padding: 5px 5px 0 5px;
}
.responsive-2:hover {
border-left: 0;
border-right: 0;
}
}

.responsive-list {
max-width: 970px;
width:100%;
display:table;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
padding-top: 5px;
margin: 5px 0 0 1%;
font-size:1.25em;
}

.responsive-list img {
padding: 15px 0 0 0;
}

.responsive-list-text {
display:table-cell;
height:100%;
vertical-align:middle;
padding:0px 10px 0px 10px;
background-color: rgb(255,255,255);
border-spacing: 0px 10px;
}

.responsive-list-text p {
display:table-row;
}

.responsive-list img {
display:table-cell;
width:250px;
height:auto;
}

@media only screen and (max-width: 800px) {
.responsive-list img {
width:200px;
}
}

@media only screen and (max-width: 600px) {
.responsive-list img {
width:150px;
}
}

@media only screen and (max-width: 400px) {
.responsive-list {
max-width: 970px;
width:100%;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
margin: 5px 0 0 0;
}
.responsive-list-text {
display: block;
padding: 10px;
text-align: left;
}
.responsive-list-text p {
display: block;
}
.responsive-list img {
width:100%;
height:auto;
display:block;
margin:0px auto;
}
}

.clearfix:after {
content: "";
display: table;
clear: both;
}

.header-wrap {
max-width: 970px;
margin: auto;
}

.header-wrap a {
text-decoration: none;
}

.header-img {
text-align: center;
padding: 0px 0;
color: rgb(255,255,255);
background-image: url(header-img.jpg);
background-repeat: no-repeat;
background-position: center left;
max-width: 970px;
margin: auto;
min-height: 220px;
}

.header-title {
text-align: center;
background-color: rgb(255,255,255);
color: rgb(0,45,95);
border-width:1px 0;
max-width: 970px;
margin: auto;
font-size: 1em;
padding: 4px 0 2px 0;
}

.header-title h1 {
margin: 0px;
font-family: 'village';
}

.post-container-words a:hover {
color: rgb(0,90,215);
}

/* Navigation menu */

ul.nav{
border:solid rgb(0,45,95);
border-width:1px 0px;
list-style:none;
background-color: rgb(255,255,255);
max-width: 970px;
margin: 0px auto 5px auto;
padding: 0;
text-align: center;
}

ul.nav li:hover {
background-color: rgb(0,45,95);
}

ul.nav li:hover a {
color: rgb(255,255,255);
}


.nav li {
border-right:1px solid rgb(0,45,95);
display:inline-block;
width: 19.999%;
margin: 0;
padding: 2px 0 2px 0;
font-size: 1.25em;
overflow: hidden;
}

.nav li:last-child{
border-right: none;
}

@media only screen and (max-width: 600px){
.nav li.nav1 {
width: 33.3%;
border-bottom: 1px solid rgb(0,45,95);
}
.nav li.nav2 {
width: 33.3%;
border-bottom: 1px solid rgb(0,45,95);
}
.nav li.nav3 {
width: 33.3%;
border-bottom: 1px solid rgb(0,45,95);
border-right: none;
}
.nav li.nav4 {
width: 49.99%;
}
.nav li.nav5 {
width: 49.99%;
}
}

@media only screen and (max-width: 400px){
.nav li.nav1 {
width: 49.99%;
border-bottom: 1px solid rgb(0,45,95);
}
.nav li.nav2 {
width: 49.99%;
border-bottom: 1px solid rgb(0,45,95);
border-right: none;
}
.nav li.nav3 {
width: 33.33%;
border-bottom: none;
border-right:1px solid rgb(0,45,95);
}
.nav li.nav4 {
width: 33.33%;
}
.nav li.nav5 {
width: 33.33%;
}
}

.nav a {
text-align: center;
margin: 0;
display: block;
text-decoration: none;
color: rgb(0,45,95);
word-spacing: normal;
}

/* Navigation menu 2 */

ul.nav2{
border:solid rgb(0,45,95);
border-width:1px 0px;
list-style:none;
background-color: rgb(255,255,255);
max-width: 970px;
margin: 0px auto 5px auto;
padding: 0;
text-align: center;
}

ul.nav2 li:hover {
background-color: rgb(0,45,95);
}

ul.nav2 li:hover a {
color: rgb(255,255,255);
}

.nav2 li {
border-right:1px solid rgb(0,45,95);
display:inline-block;
width: 16.666%;
margin: 0;
padding: 2px 0 2px 0;
font-size: 1.25em;
overflow: hidden;
}

.nav2 li:last-child{
border-right: none;
}

@media only screen and (max-width: 600px){
.nav2 li.nav21 {
width: 33.33%;
border-bottom: 1px solid rgb(0,45,95);
}
.nav2 li.nav22 {
width: 33.33%;
border-bottom: 1px solid rgb(0,45,95);
}
.nav2 li.nav23 {
width: 33.33%;
border-bottom: 1px solid rgb(0,45,95);
border-right: none;
}
.nav2 li.nav24 {
width: 33.33%;
}
.nav2 li.nav25 {
width: 33.33%;
}
.nav2 li.nav26 {
width: 33.33%;
}
}

.nav2 a {
text-align: center;
margin: 0;
display: block;
text-decoration: none;
color: rgb(0,45,95);
word-spacing: normal;
}

/* End of nav2 */

.abstract  {
text-align: left;
position: center;
width: 100%;
margin: auto;
padding: 5px;
max-width: 970px;
font-size: 1.25em;
}

.shortabstract {
text-align: center;
position: center;
width: 75%;
margin: auto;
max-width: 970px;
font-size: 1.25em;
padding: 5px;
}

@media only screen and (max-width: 600px){
.shortabstract {
width: 100%;
}
}

.blue-box {
text-align: left;
text-overflow: ellipsis;
padding: 2px 0 2px 0;
}

.blue-box:hover a {
color: rgb(255,255,255);
}

@media only screen and (max-width: 600px){
.blue-box {
white-space: normal;
overflow: normal;
text-overflow: normal;
}
}

.blue-box-title {
font-size: 1.35em;
font-family: 'village';
padding: 5px 0 5px 0;
height: 65px;
overflow: hidden;
text-overflow: ellipsis;
}

@media only screen and (max-width: 600px){
.blue-box-title {
height: auto;
}
}

.blue-box-details {
font-size: 1em;
padding: 5px 0 5px 0;
}

.nav-box {
text-align: right;
padding: 2px 0 2px 0;
}

.nav-box-title {
font-size: 1.35em;
font-family: 'village';
padding: 5px 0 5px 0;
height: 65px;
vertical-align: center;
text-align: center;
}

@media only screen and (max-width: 600px){
.nav-box-title {
height: auto;
}
}

.nav-box-details {
font-size: 1em;
padding: 5px 0 5px 0;
}

.post-container-words .post-container-img {
width: 70%;
}

@media only screen and (max-width: 600px){
.post-container-words .post-container-img {
width: 100%;
}
}

.post-container-img {
max-width: 970px;
margin: auto;
}

.post-container-img img {
display: block;
width: 100%;
}

.post-container-small-img img {
width: 33%;
display: block;
margin: auto;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}

@media only screen and (max-width: 800px){
.post-container-small-img img {
width: 50%;
}
}

@media only screen and (max-width: 600px){
.post-container-small-img img {
width: 66%;
}
}

@media only screen and (max-width: 400px){
.post-container-small-img img {
width: 100%;
}
}

.transcript-button img {
width: 33%;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
}

@media only screen and (max-width: 800px){
.transcript-button img {
width: 50%;
}
}

@media only screen and (max-width: 600px){
.transcript-button img {
width: 90%;
margin: auto;
}
}

.post-container-title {
max-width: 970px;
margin: auto;
padding: 5px 0;
text-align: center;
background-color: rgb(0,45,95);
color: rgb(255,255,255);
border-width:1px 0px;
font-size: 1.5em;
font-family: 'village';
}

.post-container-caption {
max-width: 970px;
margin: auto;
padding: 0;
text-align: center;
background-color: rgb(0,45,95);
color: rgb(255,255,255);
border-width:1px 0px;
font-size: 1.25em;
width: 70%;
}

@media only screen and (max-width: 600px){
.post-container-caption {
width: 100%;
}
}

.post-container-words {
max-width: 970px;
margin: auto;
text-align: left;
}

.post-container-words p {
padding: 5px 10px 5px 10px;
font-size: 1.25em;
}

.post-container-words p:first-child {
margin-top: 0;
}

.container-results {
max-width: 970px;
margin: auto;
text-align: center;
border: 3px solid rgb(0,90,215);
border-width: 0px 0px;
}

.post-container-words a {
text-decoration: none;
}

.container-results a {
text-decoration: none;
}

.container-results a:hover {
color: rgb(0,90,215);
}

.container-results p {
font-size: 1.25em;
text-align: center;
}

.container-results img {
display: block;
width: 70%;
height: auto;
margin-left: auto;
margin-right: auto;
}

@media only screen and (max-width: 600px) {
.container-results img {
width: 100%;
}
}

.nav-link {
max-width: 970px;
width: 98%;
margin: 2px 1% 2px 1%;
text-align: center;
background-color: rgb(255,255,255);
border: solid rgb(0,45,95);
border-width: 1px;
display: inline-block;
padding: 5px 0 5px 0;
font-size:1.25em;
}


.nav-link:hover {
background-color: rgb(0,45,95);
border: solid rgb(0,45,95);
border-width: 1px;
}

.nav-link:hover {
color: rgb(255,255,255);
}

.nav-link-2 {
max-width: 485px;
width: 48%;
margin: 2px 1% 2px 1%;
text-align: center;
background-color: rgb(255,255,255);
border: solid rgb(0,45,95);
border-width: 1px;
display: inline-block;
padding: 5px 0 5px 0;
font-size:1.25em;
}

.nav-link-2:hover {
background-color: rgb(0,45,95);
border: solid rgb(0,45,95);
border-width: 1px;
}

.nav-link-2:hover {
color: rgb(255,255,255);
}

.nav-link-3 {
max-width: 323px;
width: 31.33%;
margin: 2px 1% 2px 1%;
text-align: center;
background-color: rgb(255,255,255);
border: solid rgb(0,45,95);
border-width: 1px;
display: inline-block;
padding: 5px 0 5px 0;
font-size:1.25em;
}

.nav-link-3:hover {
background-color: rgb(0,45,95);
border: solid rgb(0,45,95);
border-width: 1px;
}

.nav-link-3:hover {
color: rgb(255,255,255);
}

.nav-link-4 {
max-width: 242.5px;
width: 22.99%;
margin: 2px 1% 2px 1%;
text-align: center;
background-color: rgb(255,255,255);
border: solid rgb(0,45,95);
border-width: 1px;
display: inline-block;
padding: 5px 0 5px 0;
font-size:1.25em;
}

.nav-link-4:hover {
background-color: rgb(0,45,95);
border: solid rgb(0,45,95);
border-width: 1px;
}

.nav-link-4:hover {
color: rgb(255,255,255);
}

.out-link {
max-width: 970px;
width: 98%;
margin: 2px 1% 2px 1%;
text-align: center;
background-color: rgb(255,255,255);
border: solid rgb(0,90,215);
border-width: 1px;
display: inline-block;
font-size:1.25em;
padding: 5px 0 5px 0;
color: rgb(0,90,215);
}


.out-link:hover {
background-color: rgb(0,90,215);
border: solid rgb(0,90,215);
border-width: 1px;
color: rgb(255,255,255);
}

.out-link-2 {
max-width: 485px;
width: 48%;
margin: 2px 1% 2px 1%;
text-align: center;
background-color: rgb(255,255,255);
border: solid rgb(0,90,215);
border-width: 1px;
display: inline-block;
font-size:1.25em;
padding: 5px 0 5px 0;
color: rgb(0,90,215);
}

.responsive-list-text .out-link-2 {
font-size:1em;
}

.out-link-2:hover {
background-color: rgb(0,90,215);
border: solid rgb(0,90,215);
border-width: 1px;
color: rgb(255,255,255);
}

.out-link-3 {
max-width: 323px;
width: 31.333%;
margin: 2px 1% 2px 1%;
text-align: center;
background-color: rgb(255,255,255);
border: solid rgb(0,90,215);
border-width: 1px;
display: inline-block;
font-size:1.25em;
padding: 5px 0 5px 0;
color: rgb(0,90,215);
}

.out-link-3:hover {
color: rgb(255,255,255);
background-color: rgb(0,90,215);
border: solid rgb(0,90,215);
border-width: 1px;
}

.youtube-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.youtube-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#disqus_thread {
max-width: 970px;
margin: auto;
padding: 10px;
}

.contact-area {
	font-size: 1.25em;
	padding: 5px;
}

.contact-area input {
	width: 100%;
	margin: 0px 0px 10px 0px;
	border: 1px solid rgb(0,45,95);
	font-size: 1em;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}


.contact-area textarea {
	width: 100%;
	margin: 0px 0px 10px 0px;
	border: 1px solid rgb(0,45,95);
	font-size: 1em;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}

.contact-area textarea:focus, .contact-area input:focus {
	border: 1px solid rgb(0,90,215);
	
}

.contact-area input.submit-button {
	width: 100px;
	float: left;
	font-size: 1em;
	font-family: 'village';
	color: rgb(255,255,255);
	background-color: rgb(0,45,95);
}

.contact-area label {
	float: left;


}

.database-contact-area {
	font-size: 1.25em;
	padding: 5px;
}

.database-contact-area input {
    float: left;
	margin: 0px 0px 10px 0px;
	border: 1px solid rgb(0,45,95);
	font-size: 1em;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}

.database-contact-area textarea {
	width: 100%;
	margin: 0px 0px 10px 0px;
	border: 1px solid rgb(0,45,95);
	font-size: 1em;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}

.database-contact-area textarea:focus, .contact-area input:focus {
	border: 1px solid rgb(0,90,215);
	
}

.database-contact-area input.submit-button {
	width: 100px;
	float: left;
	font-size: 1em;
	font-family: 'village';
	color: rgb(255,255,255);
	background-color: rgb(0,45,95);
}

.database-contact-area label {
	


}

.icon-image  {
position: relative;
width: auto;
padding-bottom: 56.25%;
}

.icon-image img{
width: 100%;
height: auto;
vertical-align: bottom;
position: absolute;
bottom: 0;
}

.post-container-score {
padding-left: 10px;
font-size: 1.25em;
font-family: 'village';
}

.post-container-score-text {
padding: 0;
}

.share {
margin: 0 0 0 1%;
}

.collection {
margin: 10px;
background-color: rgb(255,255,255);
}

.failure-text {
width: 100%;
vertical-align: bottom;
position: absolute;
bottom: 0;
background-color: rgb(255,255,255);
font-size: 1.25em;
text-align: center;
}