/* 
Last Updated: 
Author: 
	Reset Styles: Richard Clark - http://richclarkdesign.com modified by Glenn Pittman
	The Rest: Glenn Pittman
*/

/* ==========================================================================
   Reset Styles
   ========================================================================== */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:	#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */
   
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

/* For IE 6/7 only; triggers hasLayout and contain floats. */
.clearfix {
    *zoom: 1;
}


/* ==========================================================================
   @font-face
   ========================================================================== */

@font-face {
    font-family: 'KingthingsExeterRegular';
    src: url('../fonts/Kingthings_Exeter-webfont.eot');
    src: url('../fonts/Kingthings_Exeter-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Kingthings_Exeter-webfont.woff') format('woff'),
         url('../fonts/Kingthings_Exeter-webfont.ttf') format('truetype'),
         url('../fonts/Kingthings_Exeter-webfont.svg#KingthingsExeterRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ==========================================================================
   Global styles
   ========================================================================== */

html, body {
	height: 100%;
	position: relative;
}

body {
	background-color: #f2ebd3;
	color: #252525;
	font: normal 100% "livory", serif;
	line-height: 1.5em;
	-webkit-text-size-adjust: 100%;
}

a:link {
	color: #6d3a65;
	text-decoration: none;
} 

a:visited {
	color: #3a3f6d;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #cf4f9c;
	text-decoration: none;
}

img {
	max-width: 100%;
}

i {
	font-style: italic;
}

b {
	font-style: bold;
}

.related_galleries_horizontal {
	display: block;
	width: 60em; /* 960px / 16px*/
	margin: 0 0 1.875em; /* 30px / 16px */
	padding: 0 1.0625em; /* 17px / 16px */
}
/* JDC: Fix styling for 404 image table */
.related_galleries_horizontal td {
	width: 60em; /* 960px / 16px*/
	margin: 0 0 1.875em; /* 30px / 16px */
	padding: 0 1.0625em; /* 17px / 16px */
}

.related_galleries_horizontal img {
	margin: 0 1.0625em; /* 17px / 16px */
}

.small_print {
	font-size: 0.8rem;
	line-height: 1.5;
}

.sub-heading {
	display: block;
	font-size: 0.75em;
	line-height: 1.3;
}


/* ==========================================================================
   Header styles
   ========================================================================== */

/* ========== Top Bar styles ========== */
#top_bar {
	background: #cf4e9b;
}

#community_links {
	font: 1em 'trajan-pro-3', serif; /* 16px / 16px */
	height: 2.5em; /* 40px / 16px */
	line-height: 2.5em; /* set the same as the height to vertically center the links */
	margin: 0 auto;
	width: 61.250em; /* 980px / 16px */
	/* JDC: Set color of Community Link separators to white */
	color: #ffffff;
}

#community_links > ul {
	float: right;
	padding-right: 4.7625em;
	position: relative;
}

li#fb,
li#twitter {
	background-image: url('images/header/social_sprite.png');
	height: 1.5625em;
	width: 1.5625em;
	position: absolute;
	top: .46875em;
}

li#fb {
	right: 2.3em;
}

li#fb:hover,
li#fb:active,
li#fb:focus {
	background-position: 0 -1.5625em;
}

li#twitter {
	background-position: -1.5625em 0;
	right: 0;
}

li#twitter:hover,
li#twitter:active,
li#twitter:focus {
	background-position: -1.5625em -1.5625em;
}

li#fb a,
li#twitter a {
	display: block;
	height: 100%;
}

#community_links a:link,
#community_links a:visited {
	color: #000;
	/* JDC: Add padding between Community links */
	padding: 0.5em;
}

#community_links a:hover,
#community_links a:active {
	color: #fff;
}

/* ===== end Top Bar styles ===== */


/* ===== Header Bar styles ===== */

#header_bar {
	background: #6d3a65;
	height: 8.750em; /* 140px / 16px */
	margin: 0 0 3.5em; /* 56px / 16px */
}

#header_bar_bottom {
	background: transparent url('images/header/raggededge1.jpg') repeat-x;
	background-color: #f2ebd3;
	margin: -1px 0 0;
	padding: 0.313em 0; /* 5px / 16px */
}

header {
	background: url('images/header/navigation_background.jpg') right center no-repeat;
	height: inherit;
	width: 61.250em; /* 980px / 16px */
	margin: 0 auto;
}

#main_logo {
	float: left;
}
.main_logo {
	float: left;
	width: 180px;
}

#main_nav,
.main_nav_class {
	color: #000;
	/*float: right;*/ /* JDC: Removed for responsive layout */
	font: 1em 'trajan-pro-3', serif; /* 16px / 16px */
	padding: 1.25em 0 0; /* 20px / 16px */
	/* JDC: Set color of Main Nav separators to pink */
	color: #f374c0;
}

#main_nav a:link, 
#main_nav a:visited,
.main_nav_class a:link,
.main_nav_class a:visited {
	color: #fff;
	/* JDC: Add padding between Main Nav links */
	padding: 0.5em;
}

#main_nav a:hover,
#main_nav a:active,
.main_nav_class a:hover,
.main_nav_class a:active {
	color: #f374c0;
}

nav ul li {
	display: inline;
}

.nav_sep { /* dot that separates nav items */
	padding: 0 0.5em; /* 8px / 16px */
}

#community_links .nav_sep {
	color: #fff;
}

#main_nav .nav_sep,
.main_nav_class .nav_sep {
	color: #f374c0;
}

#breadcrumb_bar {
	background: #cbab7d;
	height: .625em; /* 10px / 16px */
	margin: 0 0 1.875em; /* 30px / 16px */
	position: relative;
}

#breadcrumb_nav {
	bottom: .5em;
	color: #6d325a;
	font: 1em 'trajan-pro-3', serif; /* 16px / 16px */
	margin: 0 auto;
	position: relative;
	width: 61.250em; /* 980px / 16px */
	max-width: 100%; /* JDC: Added for responsive layout */
}

#breadcrumb_nav ul {
	background: #f2ebd3;
	float: left;
	padding: 0 1em;
}

#breadcrumb_nav a:link,
#breadcrumb_nav a:visited {
	color: #996818;
	text-decoration: none;
}

#breadcrumb_nav a:hover,
#breadcrumb_nav a:focus {
	color: #41693d;
	text-decoration: none;
}

.breadcrumb_sep { /* pipe that separates breadcrumb items */
	color: #996818;
	padding: 0 0.5em;
}

/* ===== end Header Bar styles ===== */


/* ==========================================================================
   "Content_wrapper" styles
   ========================================================================== */

#content_wrapper {
    background-image: url(images/gallery/gal_circlesbottom.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
	margin: 0 auto;
	min-height: 100%;
	position: relative;
	width: 61.250em; /* 980px / 16px */
	padding-bottom: 335px;
	/* JDC: Responsive layout */
	max-width: 100%;
}

#makingof_body_bg > #content_wrapper,
#content_wrapper.encyclopedia {
	background: transparent;
	padding-bottom: 0;
}

#mythology_body_bg > #content_wrapper {
	padding-bottom: 0;
} 

.entry-content .title_banner {
	font-size: 0.5em;
}

.home,
.gallery {
	padding-bottom: 258px;
}


/* ==========================================================================
   Footer styles
   ========================================================================== */

footer,
.footer-menu {
	background: #252525;
	padding: 1.875em 0; /* 30px / 16px */
	position: relative;
	width: 100%;
	z-index: 2;
}

footer div,
.footer-menu div {
	background: transparent;
	margin: 0 auto;
	width: 61.250em; /* 980px / 16px */
}

footer img,
.footer-menu img {
	display: block;
	margin: 0 auto 1.875em; /* 30px / 16px */
}

footer p,
.footer-menu p {
	font-size: 0.7em;
	margin: 0 auto;
	text-align: center;
	text-transform: uppercase;
	/* JDC: Add padding between footer rows, and change color of pipe separators */
	color: #996818;
	padding: 0.3em;
}

footer p#legal_line,
.footer-menu p#legal_line {
	color: #959595;
	font-size: 0.625em; /* 10px / 16px */
	margin-top: 1.3em; /* 13px / 10px */
}

footer a:link,
footer a:visited,
.footer-menu a:link,
.footer-menu a:visited {
	color: #f2ebd3;
	/* JDC: Add padding between footer links */
	padding: 0.5em;
}

footer a:hover,
.footer-menu a:hover {
	color: #cf4e9b;
}

/* ==========================================================================
   Homepage styles
   ========================================================================== */
   
img#hom_raggededge {
	margin: 3.5625rem auto;
	display: block;
}

.announcement.announcement-text {
    background-image: url(images/contests/contests_raggededge.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    margin-bottom: 3.75em;
	padding: 0 1.875em 38px;
}

.home .contests_announcement {
	line-height: 2;
	margin-bottom: 0;
}

.announcement .sub-heading {
	color: #3a3f6d;
}

.announcement-video {
	margin-bottom: 3.5625rem; /* 57px / 16px */
}

.welcomebox {
	background: transparent url('images/home/hom_knotFrame.png') no-repeat;
    margin: 0 auto;
	display: block;
	width: 46.875em;  /* 750px / 16px */
	height: 9.687em; /* 155px / 16px */
	text-align: center;

}

.welcomebox p {
	color: #9c6520;
	font: 1em "trajan-pro-3", serif; 
	margin: 0em 9em 0; 
}

.announcement-header h2 {
	color: #6d3a65;
	font: 1.75em/9.687rem "trajan-pro-3", serif; 
	/* padding-top: 1.25em; */
	/* margin: 0em 3em 0; */ /* 36px / 36px */
}

.announcement-text {
	margin: 0.75rem auto;
	padding: 1.875em; /* 30px / 16px */
	width: 57.313em; /* 917px / 16px */
}

.announcement-text p,
.directors-message p {
	margin: 0 0 1rem;
}

.announcement-text .press-release-link {
	background: transparent url(images/home/hom_paperFrame.jpg) no-repeat;
}

.directors-message {
	margin-bottom: 3.5625rem; /* 57px / 16px */
	padding: 1.875em; /* 30px / 16px */
}

.directors-message h2,
.merch-slider-heading {
	color: #6d3a65;
	font-size: 1.5rem;
	margin-bottom: 1.6rem;
}

.directors-bio-picture {
	float: left;
	margin: 0 1.25em 1.875em 0;
}

.directors-message hr {
	background-color: #6d3a65;
	margin-bottom: 1.875em;
}

.aofr-social-links {
	margin-bottom: 3.5625rem; /* 57px / 16px */
}

.aofr-social-links .announcement-link {
	font-size: 1.25rem;
}

.aofr-social-icons {
	margin: 1rem auto 0;
	width: 190px;
}

.aofr-social-icons a:first-child {
	margin-right: 20px;
}

.newsletter-signup {
	margin: 0 auto 3.5625rem; /* 57px / 16px */
	width: 46.0625rem;
}

#mc_embed_signup h2 {
	font-size: 1.6rem;
	line-height: 1.6;
	text-align: center;
}

.newsletter-signup .call-out {
	/* color: #cf4e9b; */
}

.press-release-link p {
	padding-top: 4.5em;
}

.link-hr {
	display: block;
    margin: 0 auto;

}

.announcement-link {
	display: block;
	font: bold 1rem 'trajan-pro-3', serif;
	text-align: center;
}

.announcement-extra-videos {
	margin-bottom: 3.5625rem; /* 57px / 16px */
}

.home_carousel {
	margin-bottom: 3.5625rem; /* 57px / 16px */
}

#cheryl {
	background: transparent url('images/home/hom_paperFrame.jpg') no-repeat;	
}  

#cheryl p {
	padding-top: 4.5em;
}
   
   
/* ==========================================================================
   Cheryl styles
   ========================================================================== */   
   
   
.letter {
	margin: 0 auto 6em;
	display: block;
	/* JDC: Width is messed up */
	/*width: 54em;*/
	/* JDC: Font too large */
	font-size:0.5em;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

/* JDC: Add padding to lists */
.letter ul, .letter ol {
	padding-bottom: 1.5em;
	padding-left: 1em;
}
.letter li {
	padding-bottom: 0.5em;
}

/* JDC: Fix headings */
.letter h1, .letter h3 {
	color: #252525;
	font-size: 0.6em;
}

/* JDC: Fix headings */
.letter h3 {
	margin-left: 26px !important;
}

.letter h2 {
	font: 1.5em "trajan-pro-3", serif;
	padding-bottom: 1em;
	/* JDC: Fix headings */
	color: #252525;
	font-size: 0.8em;
}
   
.letter p {
	padding-bottom: 2em;
}   

.cheryl_inset_img {
	float: left;
    padding-right: 2em !important;
    padding-top: 0px;
    padding-bottom: 10px;
    width: 300px !important;
    margin-left: 30px !important;
}

.cheryl_inset_img img {
	display: block;
    box-shadow: 1px 1px 4px 1px rgba(37,37,37,0.45);
    -webkit-box-shadow: 1px 1px 4px 1px rgba(37,37,37,0.45);
    -moz-box-shadow: 1px 1px 4px 1px rgba(37,37,37,0.45);
}

.cheryl_img_bg {
	background: #d9c49d;
	padding: 0.5em; /* 8px / 16px */
}

.cheryl_signature {
	padding_top: 1em;
}
   
/* ==========================================================================
   Encyclopedia Landing Page styles
   ========================================================================== */

img.toggle_button, img.toggle_button_makingof {
	cursor: pointer;
}



/* ==========================================================================
   Encyclopedia "Main" column styles
   ========================================================================== */

div#main {
	float: left;
	width: 37.5em; /* 600px / 16px */
	max-width: 100%;
	margin-top: 10px;
}

div#main h1 {
	color: #9c6520;
	font: 2.25em "KingthingsExeterRegular", serif; /* 36px / 16px */
	margin: 1em 0; /* 36px / 36px */
	margin-left: 10px;
}

div#main h1:first-child {
	margin-top: -0.25em; /* -9px / 36px */
}

div#main h2 {
	color: #1a5583;
	font: bold 1.1875em "trajan-pro-3", serif; /* 19px / 16px */
	margin-bottom: 1.5789473684em; /* 30px / 19px */
	margin-left: 10px;
}

div#main h3 {
	color: #78490f;
	font: italic bold 1em "livory", serif;
	margin: 0 0 0.75em 1em; /* 30px / 16px */
	margin-left: 10px;
}

.img_bg {
	background: #d9c49d;
	padding: 0.5em; /* 8px / 16px */
}

.inset_img img {
	display: block;
	
	/* syntax: h-shadow v-shadow blur(optional) spread(optional) color inset(optional); */
	box-shadow: 1px 1px 4px 1px rgba(37,37,37,0.45);
	-webkit-box-shadow: 1px 1px 4px 1px rgba(37,37,37,0.45);
	-moz-box-shadow: 1px 1px 4px 1px rgba(37,37,37,0.45);
}

div#main div.small_img {
	float: right;
	margin: 0 0 1em 1em;
	width: 14.125em; /* 226px / 16px */
}

div#main .full_width_img {
	margin: 0 auto 1.875em; /* 30px / 16px */
	margin-left: 10px;
	margin-right: 10px;
}

div.inset_img span.caption, div.inset_img div.caption {
	background: white;
	color: #696159;
	display: block;
	margin: 0.75em 0 0; /* 12px / 16px */
	padding: 0.75em 1.5em; /* 12px / 16px and 24px / 16px */
	text-align: center;
}

div#main p {
	margin: 0 0 1.875em; /* 30px / 16px */
	/* JDC: Made font bigger for Encyclopedia entries */
	font-size: 1em;
	line-height: 1.5em;
	margin-left: 10px;
	margin-right: 10px;
}

div#main blockquote {
	background: transparent url('images/encyclopedia/enc_quote_image.jpg') no-repeat left top;
	color: #5a622b;
	font-style: italic;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0 0 1.875em 1em; /* 30px / 16px */
	min-height: 5em; /* 80px / 16px */
	padding: 0 0 0 6.25em; /* 92px / 16px */
}

div#main hr {
	height: 1.125em; /* 18px / 16px */
	background: url('images/encyclopedia/enc_horizontalrule1.jpg') no-repeat;
	border: 0;
}

div#main ul {
	line-height: 2em; /* 32px / 16px */
	list-style: none inside ;
	margin: 0 0 1.875em 4em; /* 30px / 16px and 64px / 16px */
}

div#main ul > li {
	background: transparent url('images/encyclopedia/enc_bullet1.png') no-repeat left center;
	padding: 0 0 0 1.5em; /* 24px / 16px */
}

div#main div.audiojs {
	margin: 0 auto 2.5em; /* 30px / 12px */
}

div#main table {
	border: 2px solid #cbab7d;
	margin: 0 auto 1.875em; /* 30px / 16px */
	width: 32.813em; /* 525px / 16px */
}

div#main td {
	border-bottom: 1px solid #c4c1b5;
	border-right: 2px solid #cbab7d;
	border-top: 1px solid #c4c1b5;
	padding: 0.375em; /* 6px / 16px */
}

div#main col.column1 {
	width: 35%;
}


/* ==========================================================================
   Encyclopedia Sidebar styles
   ========================================================================== */

div#sidebar {
	background: transparent url('images/encyclopedia/enc_verticalruleMid.jpg') repeat-y left top;
	float: right;
	position: relative;
	width: 23.75em; /* 380px / 16px */
	margin-top: 10px;
}

div#sidebar img#vertical_rule_top {
	position: relative;
	/* JDC: Removed to add spacing above encyclopedia sidebar vertical rule */
	/*top: -1em;*/
}

div#sidebar img#vertical_rule_bottom {
	bottom: 0;
	clear: both;
	left: 0;
	position: absolute;
}

div#sidebar_content {
	margin: 0 0 0 6.25em; /* 90px / 16px and 100px / 16px */
	position: relative;
	top: -5.625em;
	width: 17.5em; /* 280px / 16px */
}

div#sidebar_content > div {
	margin: 0 0 2.1875em; /* 35px / 16px */
	padding: 3.125em 0 1em; /* 50px / 16px */
}

div#sidebar_content h1 {
	color: #6e3b66;
	font: bold 1.5625em 'trajan-pro-3', serif; /* 25px / 16px */
	margin: 0 0 0.5em; /* 12.5px / 25px */
}

div#sidebar_content hr {
	height: 1.25em; /* 20px / 16px */
	background: url('images/encyclopedia/enc_horizontalrule2.png') no-repeat;
	border: 0;
	margin: 3.75em 0; /* 60px / 16px */
}

img.encyclopedia_rightcolumn_photo {
	margin-bottom: 1.5em;
}

/* ========== "Overview" box ========== */

div#overview {
	background: #d9c49d url('images/encyclopedia/enc_overview_top.jpg') no-repeat;
}

div#overview ul {
	list-style-type: none;
}

div#overview > ul { /* top-level list */
	font-weight: bold;
	list-style-type: none;
	margin: 0 0 0 1.5em;
}

div#overview > ul > li { /* top-level list items */
	margin-bottom: 1em;
}

div#overview ul ul { /* any nested lists */
	font-weight: normal;
	margin-left: 1em;
}

div#overview > ul > li > ul > li:before { /* second-level list items */
	content: '\00b7'; /* sets the "bullet" type */
	font-size: 1.25em; /* "bullet" size */
	margin-right: 0.25em; /* the space between the "bullet" and the text */
}

div#overview > ul > li > ul > li > ul > li:before { /* third-level and lower lists */
	content: '-'; /* sets the "bullet" type */
	margin-right: 0.25em; /* the space between the "bullet" and the text */
}

div#overview a:visited {
	color: #6d3a65;
}

div#overview a:hover,
div#overview a:focus,
div#overview a:active {
	color: #cf4f9c;
	text-decoration: none;
}

/* ========== end "Overview" box ========== */


/* ========== "Details" box ========== */
div#sidebar_content div#details {
	background: white url('images/encyclopedia/enc_DetailsTop.jpg') no-repeat;
	color: #6e3b66;
	padding-bottom: 1.5625em; /* 25px / 16px */
	padding-left: 0.75em; /* 12px / 16px */
}

div#details h2 {
	color: #252525;
}

div#details > div {
	background: #ebe7e7;
	padding: 0.75em 3em 0.75em 0.75em; /* 12px / 16px and 48px / 16px */
}

div#details ul {
	list-style-type: none;
	margin: 0 0 0 1em; /* 16px */
}

div#details > div > ul > li:before { /* top-level list items */ 
	content: '\00b7'; /* sets the "bullet" type */
	font-size: 1.25em; /* "bullet" size */
	margin-right: 0.25em; /* the space between the "bullet" and the text */
}

div#details li {
	margin: 0 0 0.75em 0; /* 12px / 16px */
	padding: 0 0 0 1.5em; /* 24px / 16px */
	text-indent: -1.5em;
}

/* ========== end "Details" box ========== */


/* ========== "Source Key" box ========== */
div#sidebar_content div#source_key {
	background: #d9c49d url('images/encyclopedia/enc_SourceKeyTopEdge.jpg') no-repeat;
	color: #6e3b66;
	padding-right: 1em; /* 16px */
	padding-bottom: 1em;
	padding-left: 1em;
	position: relative;
}

div#source_key ul {
	list-style-type: none;
}

div#source_key li {
	margin: 1em 0 0; /* 16px / 16px */
}

div#source_key li img {
	float: left;
	margin: 0 0.5em 0 0; /* 8px / 16px */
}

div#source_key li div {
	padding: 0 0 0 3em; /* 48px / 16px */
	text-indent: -1em;
}

img#source_key_bottom {
	bottom: 0;
	left: 0;
	position: absolute;
}

/* ========== end "Source Key" box ========== */


/* ========== "Galleries" **specific to Encyclopedia pages, not Gallery pages**========== */
div#sidebar_content div.enc_gallery_links {
	padding: 0;
}

div.enc_gallery_link {
	margin: 0 0 1.25em; /* 20px / 16px */
	
	/* syntax: h-shadow v-shadow blur(optional) spread(optional) color inset(optional); */
	-moz-box-shadow: 3px 3px 3px rgba(37,37,37,0.6);
	-webkit-box-shadow: 3px 3px 3px rgba(37,37,37,0.6);
	box-shadow: 3px 3px 3px rgba(37,37,37,0.6);
}

div.enc_gallery_link img {
	display: block;
}

div.enc_gallery_link span.caption, div.enc_gallery_link div.caption {
	background-color: #683761;
	color: #f2ebd3;
	display: block;
	font: 1em 'trajan-pro-3', serif; /* 16px */
	height: 1.875em; /* 30px / 16px */
	line-height: 1.875em; /* matches the height in order to vertically center the text */
	padding: 0 0 0 0.75em;
}

/* ========== end "Galleries" ========== */


/* ========== Encyclopedia Circles ========== */

div#circles {
	float: right;
	margin: 2em 0 0; /* 32px / 16px */
	position: relative;
	width: 20.75em; /* 332px / 16px */
	z-index: -10;
	/* JDC: Temporary hack to make the repeating circles tall enough for all pages */
	height: 100em;
}

div#circles img {
	display: block;
}

div#repeating_circles {
	background: transparent url('images/encyclopedia/enc_circlesRepeatingMid.jpg') repeat-y;
	width: 100%;
	height: 100%;
}

/* ========== end "Encyclopedia Circles" ========== */


/* ==========================================================================
   PDF VIEWER styles
   ========================================================================== */

#PDFviewerfullpage {
	margin: 0 5.625em;
}

/* ========== end "PDF VIEWER styles" ========== */


/* ==========================================================================
   GALLERY PAGES styles **specific to Gallery pages, not Encyclopedia pages**
   ========================================================================== */
   
   
img#gal_raggededge {
	margin: 0 auto;
	display: block;
}

div#gal_relatedgalleries h1 {
	color: #9c6520;
	font: 2.25em "KingthingsExeterRegular", serif; /* 36px / 16px */
	margin: 0.5em 0 0.75em 0; /* 36px / 36px */
	text-align: center;
}

div.gal_relatedgallery_link {
	width: 280px;
	max-width: 75%;
	padding: 0;
	display: block;
	-moz-box-shadow: 3px 3px 3px rgba(37,37,37,0.6);
	-webkit-box-shadow: 3px 3px 3px rgba(37,37,37,0.6);
	box-shadow: 3px 3px 3px rgba(37,37,37,0.6);
}

div.gal_relatedgallery_link img {
	display: block;
}

div.gal_relatedgallery_link span.caption, div.gal_relatedgallery_link div.caption {
	background-color: #683761;
	color: #f2ebd3;
	display: block;
	font: 1em 'trajan-pro-3', serif; /* 16px */
	height: 1.875em; /* 30px / 16px */
	line-height: 1.875em; /* matches the height in order to vertically center the text */
	padding: 0 0 0 0.75em;
}

.gallerytype h2 {
	display: block;
	text-align: center;
	color: #6d3a65;
	font: 1.5em "trajan-pro-3", serif; 
	padding-bottom: 0.5em;
	margin: 0em 3em 0; /* 36px / 36px */
}

/* ==========================================================================
   Contests styles
   ========================================================================== */   

.contests_main {
	padding: 0 1.875em; /* 30px / 16px */
}

.contests_main img {
	display: block;
	margin: 0 auto;
}

.contests_main .inset_img {
	margin-bottom: 1.875em;
}

.contests_main h2 {
	color: #9c6520;
	font: bold 1.5em 'trajan-pro-3', serif; 
	text-align: center;
	margin: 0 auto;
}

.contests_main h1 .sub-heading {
	color: #3a3f6d;
}

.contests_message {
	margin-bottom: 1.875em;
}

.contests_open {
	padding-bottom: 60px;
    background-image: url(images/contests/contests_raggededge.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
}

.contests_open img {
	display: block;
	margin: 0 auto;
}

.contests_open h2,
.contests_closed h2 {
	color: #9c6520;
	font: bold 1.5625em 'trajan-pro-3', serif; /* 25px / 16px */
	line-height: 1.5625em;
	margin: 1.25em 0; /* 20px / 16px */
}

.single_contest_container {
	border-style: solid;
	border-width: 0.313em; 5px / 16px
	border-color: #252525;
	margin-bottom: 4em;
    width: auto;
}

.single_contest_container:last-child {
	margin-bottom: 0;
}

.contests_closed {
    margin-top: 2em;  /* 50px / 25px */
    width: auto;
    /* background-color: #252525; */
}

.contests_closed img {
	display: block;
	margin: 0 auto;
}

.single_contest_status {
	position: relative;
	top: 0;
}

.single_contest_status img {
	position: absolute;
	bottom: 13.750em; /* 220px / 16px */
	left: 0em;
}

.single_contest_footer {
	position: relative;
	top: 0;
	background-color: green;
}

.single_contest_footer h1 {
	color: #fff;
	position: absolute;
	bottom: .7em; /* 11px / 16px */
	left: 1.875em;
}

.single_contest_footer a:link {
	color: #f2ebd3;
	text-decoration: none;
} 

.single_contest_footer a:visited {
	color: #f2ebd3;
	text-decoration: none;
}

.single_contest_footer a:hover,
.single_contest_footer a:focus,
.single_contest_footer a:active {
	color: #ffffff;
	text-decoration: none;
}

#contests_triangle img {
	display: block;
	margin: 0 auto;
	padding-top: 3em;
	padding-bottom: 3em;
}

img#contest_main_triangle {
	display: block;
	margin: 3em auto;
}

.contests_main p {
	margin: 0 0 1em; /* 16px / 16px */
}

.contests_main .section_hr {
	margin: 1.875rem auto;
}

.contests_main .supporting_links {
	list-style-type: none;
	margin: 0 auto 1.875rem;
	width: 737px;
}

.contests_main .supporting_links li {
	border-image:url('images/authorquest/authorquest_hr@2x.jpg') 40 0 repeat;
	border-style: solid;
	border-width: 40px 0;
}

.contests_announcement,
.contests_details h1 {
	color: #9c6520;
	font-size: 1.875em; /* 30px / 16px */
	line-height: 1.5;
	margin-bottom: 1em;
	text-align: center;
}

.contests_details {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin: 3.75em auto; /* 60px / 16px */
	width: 54em;
}

.contests_details h1 {
	margin-bottom: 0;
}

.contests_details img#triangle2-2 {
	position: relative;
	float: right
	margin: 0 0 0 2em;
}

#contests_fanfilm_upload {
	background: transparent url('images/home/hom_knotFrame.png') no-repeat;
} 

.contests_upload {
	background: transparent url('images/home/hom_knotFrame.png') no-repeat;
	display: block;
	height: 9.687rem; /* 155px / 16px */
    margin: 0 auto 1.875rem;
	text-align: center;
	width: 46.875rem;  /*750px / 16px */
}

.contests_upload h2 {
	color: #6d3a65;
	font: 1.5em/9.687rem "trajan-pro-3", serif;
}

.contests_upload h3 {
	color: #6d3a65;
	font: 2em "trajan-pro-3", serif;
	display: inline-block;
	margin: 0.6em 1.4em 0 0;
}

#contests_regulations {
	margin: 0 auto;
}

#contests_regulations img {
	margin: 0 auto;
}

#contests_regulations h1 {
	color: #6d3a65;
	font: 1em "trajan-pro-3", serif;
	padding-top: 1em; 
	margin: 0 auto;
}


 

/* ==========================================================================
   Author Quest **TEMPORARY** styles
   ========================================================================== */
   

#authorquesttemp_logo {
	display: block;
	margin: 0 auto;
}   
	
header#authorquesttemp_header {
	background-image: none;
}	

   
   
/* ==========================================================================
   Author Quest & Creature Contest styles
   ========================================================================== */

#authorquest_main img {
	display: block;
	margin: 0 auto;
}

div#announcement {
	margin-top: -1.875em; /* 30px / 16px */
	padding-top: 0;
	padding-bottom: 0;
}

div#announcement h1,
p.five_finalists {
	color: #9c6520;
	font-size: 2.25em; /* 36px / 16px */
	line-height: 1.5em;
	text-align: center;
}

div#authorquest_main p {
	margin: 0 0 1.875em; /* 30px / 16px */
}

/*div#authorquest_main h2 {
	display: inline;
}*/

div#cherylmessage,
.boxed_text {
	background-color: #d9c49d;
	margin-top: 1.25em;
}

.boxed_text_yellow {
	background-color: #f2d796;
	margin-top: 1.25em;
}

.boxed_text_green {
	background-color: #d2d485;
	margin-top: 1.25em;
}

.boxed_text_blue {
	background-color: #b6ced0;
	margin:1em;
	margin-top: 1.25em;
}

div#robmessage2 {
	background: url('images/authorquest/authorquest_background.jpg') right no-repeat;
	height: inherit;
	width: 57.313em; /* 917px / 16px */
	margin: 0 auto;
}

#authorquest_main a {
	display: block;
	font: bold 1.2em 'trajan-pro-3', serif;
	text-align: center;
}

div#submissionform,
div#closedsubmissionform  {
	background: transparent url('images/home/hom_knotFrame.png') no-repeat;
	padding: 0;
} 

div#submissionguidelines,
div#finalistpageannouncement  {
	background: transparent url('images/home/hom_knotFrame.png') no-repeat;
	padding: 9px 0;
}

.submissionform {
    margin: 0 auto;
	display: block;
	width: 46.875em;  /*750px / 16px */
	height: 9.687em; /* 155px / 16px */
	text-align: center;
}

.submissionform h2 {
	color: #6d3a65;
	font: 1.5em "trajan-pro-3", serif; 
	padding-top: 1.25em;
	margin: 0em 3em 0; /* 36px / 36px */
}

.submissionform p {
	color: #cf4e9b;
	font: 1em "trajan-pro-3", serif; 
	margin: 0em 9em 0; 
}

#closedsubmissionform a,
#submissionguidelines a,
.finalists a {
	display: inline;
	font: normal 100% "livory", serif;
	line-height: 1.5em;
	-webkit-text-size-adjust: 100%;
	color: #6d3a65;
	text-decoration: none;
}

#finalists_announcement {
	text-align: center;
	background: url('images/authorquest/authorquest_background.jpg') right no-repeat;
	height: inherit;
	width: 57.313em; /* 917px / 16px */
	margin: 0 auto;
}

#finalistpageannouncement a {
	display: inline;
	font: normal 100% "trajan-pro-3", serif;
	line-height: 1.5em;
	-webkit-text-size-adjust: 100%;
	color: #6d3a65;
	text-decoration: none;
}

#editorsnote1 a,
#editorsnote2 a,
#finalists_bios a {
	display: inline;
	font: bold 100% "livory", serif;
	line-height: 1.5em;
	-webkit-text-size-adjust: 100%;
	color: #6d3a65;
	text-decoration: none;
}

div#finalists_bios h2 {
	color: #1a5583;
	font: bold 1.1875em "trajan-pro-3", serif; /* 19px / 16px */
	margin-bottom: 1.5789473684em; /* 30px / 19px */
}

div#finalists_bios h3 {
	color: #1a5583;
	font: bold 1.1875em "trajan-pro-3", serif; /* 19px / 16px */
}

.closedsubmissionform {
    margin: 0 auto;
	display: block;
	/* JDC: Fix width */
	width: 46.875em;  /*750px / 16px */
	height: 9.687em; /* 155px / 16px */
	text-align: center;
	background: transparent url(http://www.darkcrystal.com/images/home/hom_knotFrame.png) no-repeat;
	font-size: 0.5em;
	max-width: 100%;
    background-size: contain;
}

.closedsubmissionform p {
	font-size:1.0em !important;
}

.closedsubmissionform h2 {
	color: #6d3a65;
	font: 1.5em "trajan-pro-3", serif; 
	padding-top: 1vw;
	margin: 0em 3em 0; /* 36px / 36px */
}

.closedsubmissionform h3 {
	color: #cf4e9b;
	font: 1em "trajan-pro-3", serif; 
	margin: 0em 9em 0; 
	/* JDC: Make bigger */
	font-size:1.0em !important;
}


.editorschoicetable table,
.creature_contest_table table {
	border: 2px solid #cbab7d;
	margin: 0 auto 1.875em; /* 30px / 16px */
}

.editorschoicetable td,
.creature_contest_table td {
	border-bottom: 2px solid #cbab7d;
	border-right: 1px solid #c4c1b5;
	border-top: 1px solid #c4c1b5;
	padding: 0.375em; /* 6px / 16px */
	/* JDC: Shrink table, as text is too big */
	font-size:0.5em;
}
/* JDC: Style first row on Contest page table */
.editorschoicetable tr:first-child td {
	color: #1a5583;
	font: bold 1.1875em "trajan-pro-3", serif;
	font-size:0.6em;
}
/* JDC: Style first column on Contest page table */
.editorschoicetable td:first-child {
	width: 43%;
}
.creature_contest_table td:first-child {
    width: 30%;
}
/* JDC: Contest Template */
.contest p {
    margin: 0 0 1.875em;
	font-size:0.5em;
}
.contest blockquote p {
	font-size:1.0em !important;
}
.contest h3 {
	font-size: 0.7em;
}
.contest figure:not(.title_banner) {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

.editorschoicetable .column1 {
	width: 43%;
}

.creature_contest_table .column1 {
	width: 30%;
}

.creature_contest_table td {
	vertical-align: middle;
	padding: 1em;
}

.creature_contest_wrapup {
	color: #6d3a65;
	font: bold 1.1875em "trajan-pro-3", serif;
}

.contestant_info {
	color: #6d3a65;
	font-size: 1.95em;
	line-height: 1.5;
	text-align: center;
}

.judging_highlight {
	/*
font-size: 1.6em;
	font-style: italic;
	line-height: 1.5;
*/
	margin: 0 auto 1.875em;
	/* JDC: Smaller */
	font-size: 0.5em;
}

div.entrant_pages {
	padding: 0;
}

.entrant_pages h2 {
	margin: 1em 0;
	text-align: left;
}

img.creature_contest_winners_img {
	margin: 1.875em auto;
}

.creature_contest_quote {
	color: #6d3a65;
	/* font-size: 1.3em; */
	font-style: italic;
	font-weight: bold;
	/* line-height: 1.5; */
	margin: 0 auto 1.875em;
	width: 85%;
}

a.creature_contest_winners:link {
	color: #973D8A;
}

a.creature_contest_winners:visited {
	color: #9c6520;
}

a.creature_contest_winners:hover,
a.creature_contest_winners:focus,
a.creature_contest_winners:active {
	color: #C930B2;
}


/* ==========================================================================
   Legal styles (TOS and Privacy)
   ========================================================================== */
   
div#legal h1 {
	color: #9c6520;
	font-size: 2.25em; /* 36px / 16px */
	line-height: 1.5em;
	text-align: center;
}

div#legal h3 {
	display: inline;
	font-weight: normal;
	text-decoration: underline;
}

div#legal p {
	margin: 0 0 1.875em; /* 30px / 16px */
}

div#legal ol,
div#legal ul{
	margin-left: 1.3em;
}

div#legal li {
	margin-bottom: 0.667em;
}

#legal img {
	display: block;
	margin: 0 auto;
}


/* ==========================================================================
   custom flowplayer styles
   ========================================================================== */
   
.flowplayer { 
	margin: 0 0 3.75em; /* 60px / 16px */
}

/* ========== Black control-bar background with purple buffer ========== */

.flowplayer .fp-controls { background-color: rgba(17, 17, 17, 1)}
.flowplayer .fp-timeline { background-color: rgba(204, 204, 204, 1)}
.flowplayer .fp-progress { background-color: rgba(242, 235, 211, 1)}
.flowplayer .fp-buffer { background-color: rgba(109, 58, 101, 1)}

/* ========== end Black control-bar background with purple buffer ========== */


/* ==========================================================================
   slider styles
   ========================================================================== */
div#main div.slider ul {
	line-height: 1.5em; /* 24px / 16px */
	list-style: none;
	margin: 0 0 1.875em; /* 30px / 16px */
}

div#main div.slider ul > li {
	background: none;
	padding: 0;
}

/* JDC: Change HR to show image instead */
hr {
	clear: both;
	background:url('images/home/hom_raggededge@2x.jpg') no-repeat top center;
	background-size: contain;
    display: block;
    height: 29.5px;
    border: 0;
	border:none !important;
    margin:1em 0 !important;
}

/* JDC: Added for Share Your Creations form */
.gallery_submission_form_container {
    font-family: trajan-pro-3, serif;
    background-color: #ddd;
    padding: 50px;
    border-radius: 20px;
    margin-bottom: 270px;
    width: 50%;
    margin-left: 20%;
    margin-right: 25%;
}
.gallery_submission_form_container label {
    font-family: trajan-pro-3, serif;
	font-size: 0.5em;
}
/* JDC: Fix caption underneath Gallery videos */
p.caption {
    background: white;
    color: #696159;
    display: block;
    padding: 1em;
    font-size: 0.5em;
}

/* JDC: Added custom colors from editor color palette */
.has-black-color { color: #000000; }
.has-black-background-color { background-color: #000000; }
.has-white-color { color: #ffffff; }
.has-white-background-color { background-color: #ffffff; }
.has-gelfling-color { color: #8ba456; }
.has-gelfling-background-color { background-color: #8ba456; }
.has-thra-color { color: #a68f68; }
.has-thra-background-color { background-color: #a68f68; }
.has-urskek-color { color: #56b8b4; }
.has-urskek-background-color { background-color: #56b8b4; }
.has-skeksis-color { color: #ad4245; }
.has-skeksis-background-color { background-color: #ad4245; }
.has-urru-color { color: #d8bc56; }
.has-urru-background-color { background-color: #d8bc56; }
.has-fireling-color { color: #e25b28; }
.has-fireling-background-color { background-color: #e25b28; }
.has-cream-color { color: #f2ebd3; }
.has-cream-background-color { background-color: #f2ebd3; }
.has-brown-color { color: #95732f; }
.has-brown-background-color { background-color: #95732f; }
.has-purple-color { color: #6d3a65; }
.has-purple-background-color { background-color: #6d3a65; }

/* JDC: Styling for Play page */
div.play-div {
    margin-top: 0 !important;
    margin-bottom: 1em !important;
}
.play-div p {
	font-size: 0.5em;
}

/* JDC: Glossary page */
.glossary h3 { margin: 20px 0 0 10px !important; width: 90% !important; }
.glossary p { font-size: 0.5em; margin-left: 20px !important; width: 90% !important; }
.glossary-left {
	float:left;
	background-image: url(http://www.darkcrystal.com/images/gallery/gal_larrow@2x.jpg);
    background-size: 38px 45px;
    background-repeat: no-repeat;
    background-position: left;
    height: 45px;
    width: 194px !important;
}
.glossary-right {
	float:right;
    background-image: url(http://www.darkcrystal.com/images/gallery/gal_rarrow@2x.jpg);
    background-size: 38px 45px;
    background-repeat: no-repeat;
    background-position: right;
    height: 45px;
    width: 194px !important;
    text-align: right;
}
.glossary-left a {
	display: inline-block;
    position: relative;
    z-index: 1;
    padding: 2em 2em 2em 3.5em;
    margin: -2em;
}
.glossary-right a {
	display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0em 1.5em 2em 2em;
    /*padding: 2em 3.5em 2em 2em;
    margin: -2em;*/
}
.pagination {
	text-align:center;
}
.pagination ul {
	display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination li {
	line-height: 0;
	list-style-type: none;
}
.pagination li a, .pagination li span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
	font-size:0.43em;
}
.pagination li:first-child a {margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination li:last-child a {border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination li a:focus, .pagination li a:hover {z-index:3;color:#23527c;background-color:#eee;border-color:#ddd}
.pagination .disabled a, .pagination .disabled a:focus, .pagination .disabled a:hover, .pagination .disabled span, .pagination .disabled span:focus, .pagination .disabled span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination .active a, .pagination .active a:focus, .pagination .active a:hover, .pagination .active span, .pagination .active span:focus, .pagination .active span:hover {
    background: #52005c;
}

.pagination .active a, .pagination .active a:focus, .pagination .active a:hover, .pagination .active span, .pagination .active span:focus, .pagination .active span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.pagination a,
.pagination a:link,
.pagination a:visited,
.pagination a:hover,
.pagination a:active { text-decoration: none; }
.making-of-letter {
	text-align: center;
	margin-bottom: 0.5em;
}
.making-of-letter a,
.making-of-letter a:link,
.making-of-letter a:visited {
	color: #6d325a;
    font: 1.2em 'trajan-pro-3', serif;
}

/* JDC: Remove social buttons from Fan Art - Fan Fiction gallery */
.bwg_blog_style_share_buttons_0 {
	display: none !important;
}

/* JDC: Change styling for home page image gallery */
.home-page-gallery #bwg_container1_0 #bwg_container2_0 .bwg_slideshow_image_wrap_0 {background-color:transparent;}
.home-page-gallery #bwg_container1_0 #bwg_container2_0 .bwg_slideshow_filmstrip_left_0 {background-color:transparent;display:none !important;}
.home-page-gallery #bwg_container1_0 #bwg_container2_0 .bwg_slideshow_filmstrip_right_0 {background-color:transparent;display:none !important;}
.home-page-gallery #bwg_container1_0 #bwg_container2_0 .bwg_slideshow_filmstrip_0 {
	padding-top:40px;
	/*max-width: 70%;*/ /* JDC: Added for responsive layout */
}

#bwg_container1_0 #bwg_container2_0 .bwg_slideshow_filmstrip_0 {
	/*left: 44px !important;*/
	/*width: 890px !important;*/
	bottom: 10px;
}
#bwg_container1_0 #bwg_container2_0 .bwg_slideshow_filmstrip_left_0 {
	background-image: url(http://www.darkcrystal.com/images/gallery/gal_larrow@2x.jpg);
    background-size: 38px 45px;
    background-repeat: no-repeat;
	background-position: left;
    height: 45px;
    width: 44px !important;
	background-color: #f2ebd3 !important;
}
#bwg_container1_0 #bwg_container2_0 .bwg_slideshow_filmstrip_right_0 {
	background-image: url(http://www.darkcrystal.com/images/gallery/gal_rarrow@2x.jpg);
    background-size: 38px 45px;
    background-repeat: no-repeat;
	background-position: right;
    height: 45px;
    width: 44px !important;
	background-color: #f2ebd3 !important;
}
#bwg_container1_0 #bwg_container2_0 .bwg_slideshow_filmstrip_left_0 i {
	display: none;
}
#bwg_container1_0 #bwg_container2_0 .bwg_slideshow_filmstrip_right_0 i {
	display: none;
}
#bwg_container1_0 #bwg_container2_0 .bwg_slideshow_filmstrip_container_0 {
	background-color: #f2ebd3;
	height: 82px !important;
	bottom: -20px !important;
}
#bwg_container1_0 #bwg_container2_0 .bwg_slideshow_filmstrip_0 {
	bottom: 10px;
}

/* JDC: Styling for Mail Chimp form (specifically, Newsletter Signup Form on home page) */
.boxed_text_blue div {margin:2em;}
.newsletter-signup {font-size:0.5em;}
.newsletter-signup form {display:block;position:relative;text-align:left;padding:10px 0 10px 3%;}
.newsletter-signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em; color:#000000; padding-top:1em;}
.newsletter-signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:0.8em; padding:1.0em; margin-bottom:1.0em;}
.newsletter-signup input[type=checkbox]{-webkit-appearance:checkbox;}
.newsletter-signup input[type=radio]{-webkit-appearance:radio;}
.newsletter-signup input:focus {border-color:#333;}
.newsletter-signup {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
#mc_embed_signup form {display:block;position:relative;text-align:left;padding:10px 0 10px 3%;}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}     
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:5px 10px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}

/* JDC: Penguin Buy Now widget */
div#penguinwidget-right {
	padding-top: 10px !important; /* JDC: Added 10 px padding */
}
div.pgWidgetsAffiliateSA {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
div.pgWidgetsAffiliateSA a{
	display:block;
	width:105px !important; /* JDC: Widened by 20 px */
	padding:5px 10px;
	margin:1em 0;
    font-size: 11px;
	font-weight: bold; 
    font-family: Arial;
	text-transform:uppercase;
	text-decoration:none;
	color:#FFF;
	background-color:#FF6600;
}
div.pgWidgetsAffiliateSA a:hover {
	box-shadow: 0 0 0.2em #666;
	-moz-box-shadow: 0 0 0.2em #666;
	-webkit-box-shadow: 0 0 0.2em #666;
}
.pgWidgetsAffiliateSA li.buy-button {
	display:block;
	width:100%;
	max-width:105px;
	padding:5px 10px;
	margin:1em 0;
	background-color:#FF6600;
}
ul.pgWidgetsAffiliateSA {
    z-index:1000;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    list-style: none outside none;
	border:1px solid #CCC;
	-moz-box-shadow: 0 6px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 6px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0 6px 4px rgba(0, 0, 0, 0.3);
   	margin: -30px 0 0 0 !important; /* JDC: Shifted up by 30 px */
    padding: 0px;
}
ul.pgWidgetsAffiliateSA li {
	display:block;
	color:#fff;
    background-color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
    font-family:Arial,​Sans-Serif;
    font-size: 11px;
    cursor:pointer;
}
ul.pgWidgetsAffiliateSA li:hover{
    background:#FF6600;
	color:#FFFFFF;
	text-decoration:none;
}
ul.pgWidgetsAffiliateSA li a {
    color:#000000;
    text-decoration:none;
    padding:4px 15px 6px 5px;
    display:block;
}
ul.pgWidgetsAffiliateSA li:hover a{
	color:#FFFFFF;
	text-decoration:none;
}

h2.cheryl-letter {
	font: 0.75em "trajan-pro-3", serif;
    padding-bottom: 1em;
    color: #000000;
    padding: 1em 0em 0em 1em;
}
/* JDC: No vertical margin */
.no-vertical-margin {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.no-vertical-margin figure {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	line-height: 1;
}
/* JDC: Fix default page image shadows */
#site-content {
    overflow: inherit;
}

/* JDC: Move first element of timeline up to cover gap between ages */
.first-timeline-element {
	margin-top: -3.4em !important;
}

/* JDC: Mythology list sub-item styling */
.enc_top_level_nav {
	/*margin: 0 auto 3.125em;*/ /* 50px / 16px */
	margin-bottom: 3vw !important;
}
ul.sub-menu {
	margin-left: -2em;
	margin-top: 0.3em;
}
.sub-menu li {
	margin-bottom: 0.3em;
}

.logo_tagline {
    /*float: right;*/ /* JDC: Removed for responsive layout */
	text-align: right; /* JDC: Added for responsive layout */
    /*color: #f1a1b6;
    font-style: italic;
    font-size: 1.2em;*/
	color: #ffffff;
	text-shadow: 1px 1px 2px #3c1b37;
	margin-right: 10px;
}

.mhm-menu-image { padding: 0em 0em 0em 0.2em !important; vertical-align: middle;}
.mhm-menu-image img { padding-top: 5px; width: 30px; }

.wp-block-search {
    margin-top: 40px;
}
.wp-block-search .wp-block-search__input, .search-form .search-field {
    height: 24px;
}
.wp-block-search__button, .search-form .search-submit {
	box-shadow: 0px 1px 0px 0px #1c1b18;
	background:linear-gradient(to bottom, #eae0c2 5%, #ccc2a6 100%);
	background-color:#eae0c2;
	border-radius:15px;
	border:2px solid #333029;
	display:inline-block;
	cursor:pointer;
	color:#505739;
	/*font-family:Arial;
	font-size:14px;
	font-weight:bold;*/
	padding:2px 6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
    width: 10em;
}
.wp-block-search__button {
    font: bold 0.5em 'trajan-pro-3', serif;
}
.search-form .search-submit {
    font: bold 1em 'trajan-pro-3', serif;
}

.wp-block-search .wp-block-search__button, .search-form .search-submit {
    margin-left: 10px;
    height: 50px;
}
.wp-block-search__button:hover, .search-form .search-submit:hover {
	background:linear-gradient(to bottom, #ccc2a6 5%, #eae0c2 100%);
	background-color:#ccc2a6;
	text-decoration: none;
}
.wp-block-search__button:active, .search-form .search-submit:active {
	position:relative;
	top:1px;
	text-decoration: none;
}
.search_opening_quote {
	float: left;
}
.search_closing_quote {
	float: right;
	margin-right: 4.2em;
}
.search_excerpt {
	/*background: #d9c49d;
    color: #6e3b66;
    padding-bottom: 1em;*/
	padding-right: 5em;
    padding-left: 1em;
    padding-top: 0.5em;
    margin-bottom: -0.8em;
    position: relative;
}
.search_excerpt p {
	font-style: italic;
}
.search_result_link {
	font-weight: bold;
}

#game_wrapper {
	/*margin: 0 auto; margin-bottom: 280px; width:960px; height:545px; text-align:center;*/
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
    min-width: 480px;
    min-height: 272px;
}
#game {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    min-width: 480px;
    min-height: 272px;
}
@media (max-width: 319px) {
	#game_wrapper {
		-ms-zoom: 0.5;
	    -moz-transform: scale(0.5);
	    -moz-transform-origin: 0 0;
	    -o-transform: scale(0.5);
	    -o-transform-origin: 0 0;
	    -webkit-transform: scale(0.5);
	    -webkit-transform-origin: 0 0;
	}
}
@media (min-width: 320px) and (max-width: 375px) {
	#game_wrapper {
		-ms-zoom: 0.65;
	    -moz-transform: scale(0.65);
	    -moz-transform-origin: 0 0;
	    -o-transform: scale(0.65);
	    -o-transform-origin: 0 0;
	    -webkit-transform: scale(0.65);
	    -webkit-transform-origin: 0 0;
	}
}
@media (min-width: 376px) and (max-width: 410px) {
	#game_wrapper {
		-ms-zoom: 0.75;
	    -moz-transform: scale(0.75);
	    -moz-transform-origin: 0 0;
	    -o-transform: scale(0.75);
	    -o-transform-origin: 0 0;
	    -webkit-transform: scale(0.75);
	    -webkit-transform-origin: 0 0;
	}
}
@media (min-width: 411px) and (max-width: 480px) {
	#game_wrapper {
		-ms-zoom: 0.85;
	    -moz-transform: scale(0.85);
	    -moz-transform-origin: 0 0;
	    -o-transform: scale(0.85);
	    -o-transform-origin: 0 0;
	    -webkit-transform: scale(0.85);
	    -webkit-transform-origin: 0 0;
	}
}

div.toggle_div, div.toggle_div > * { 
	margin-bottom: 0 !important;
} 


/* ==========================================================================
   Retina backgrounds
   ========================================================================== */
   
@media all and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5) {
	li#fb,
	li#twitter {
    	background-image: url('images/header/social_sprite@2x.png');
		background-size: 50px 50px;
	}
	
	header {
		background: url('images/header/navigation_background@2x.jpg') right center no-repeat;
		background-size: 980px 140px;
		max-width: 100%; /* JDC: Added for responsive layout */
	}
  
	#header_bar_bottom {
		background: transparent url('images/header/raggededge1@2x.jpg') repeat-x;
		background-size: 331px 10px;
	}
	
	div#main hr {
		background-image: url('images/encyclopedia/enc_horizontalrule1@2x.jpg');
		background-size: 600px auto;
	}
	
	div#main ul > li {
		background-image: url('images/encyclopedia/enc_bullet1@2x.png');
		background-size: 16px 16px;
	}
	
	div#main blockquote {
		background-image: url('images/encyclopedia/enc_quote_image@2x.jpg');
		background-size: 92px 80px;
	}
	
	div#sidebar {
		background-image: url('images/encyclopedia/enc_verticalruleMid@2x.jpg');
		background-size: 380px 5px;
	}
	
	div#sidebar_content hr {
		background-image: url('images/encyclopedia/enc_horizontalrule2@2x.png');
		background-size: 280px 20px;
	}
	
	div#overview {
		background-image: url('images/encyclopedia/enc_overview_top@2x.jpg');
		background-size: 280px 49px;
	}
	
	div#sidebar_content div#details {
		background-image: url('images/encyclopedia/enc_DetailsTop@2x.jpg');
		background-size: 280px 49px;
	}
	
	div#sidebar_content div#source_key {
		background-image: url('images/encyclopedia/enc_SourceKeyTopEdge@2x.jpg');
		background-size: 280px 47px;
	}
	
	div#robmessage2 {
		background-image: url('images/authorquest/authorquest_background@2x.jpg');
		background-size: 917px 828px;
	}
	
	div#repeating_circles {
		background-image: url('images/encyclopedia/enc_circlesRepeatingMid@2x.jpg');
		background-size: 332px 587px;
	}
}

/* JDC: Responsive layout */
@media (max-width: 782px) {
	.entry-content {
		font-size: 1.1rem;
	}
}
@media screen and (max-width: 600px) 
	#wpadminbar {
	    position: fixed !important;
	}

/* Banner to full width when screen shrinks */
@media (min-width: 996px) {
	#title_banner, .title_banner { 
		-moz-box-shadow: 0.188em 0.188em 0.375em rgba(37,37,37,0.6);
		-webkit-box-shadow: 0.188em 0.188em 0.375em rgba(37,37,37,0.6);
		box-shadow: 0.188em 0.188em 0.375em rgba(37,37,37,0.6);
		margin: 0 0 1.875em;
		margin-right: 20px !important;
	    margin-bottom: 20px !important;
		line-height: 0;
	}
}
@media (max-width: 996px) {
	#title_banner, .title_banner { margin-right: 0px !important; line-height: 0; }
}
/* Glossary search */
@media (min-width: 745px) {
	.wp-block-search .wp-block-search__input, .search-form .search-field {
		margin-left: 100px;
	}
	.wp-block-search .wp-block-search__button, .search-form .search-submit {
		margin-right: 100px;
	}
}
@media (max-width: 745px) {
	.wp-block-search .wp-block-search__input, .search-form .search-field {
		margin-left: 30px;
		max-width: 50%;
	}
	.wp-block-search .wp-block-search__button, .search-form .search-submit {
		max-width: 30%;
	}
}

/* Only add tagline padding for large screens */
@media (min-width: 983px) {
	.logo_tagline {
	    margin-top: 0.8em;
	}
}

/* Monitor */
@media (min-width: 783px) {
	#mobile_nav_button {
		display: none;
	}
	#mobile_nav {
		display: none;
	}
	#mobile_nav_button_open {
		display: none;
	}
}
/* Mobile */
@media (max-width: 782px) {
	#main_nav {
		display: none;
	}
	#mobile_nav ul li {
		color: white;
	    padding: 14px 16px;
	    text-decoration: none;
	    font-size: 17px;
	    display: block;
	    background: #23282d;
	    text-align: right;
	}
	#mobile_nav ul li:first-child {
		color: #23282d;
	}
	#mobile_nav ul li a {
		color: white;
		font: 1em 'trajan-pro-3', serif;
	}
	/* JDC: Normal mobile nav button START */
	/*
	#mobile_nav ul {
		margin-top: -60px;
	}
	#mobile_nav_button {
		text-align: right;
		padding-top: 10px;
		margin-right: 20px;
	}
	#mobile_nav_button_open {
		text-align: right;
		padding-top: 10px;
		margin-right: 20px;
	}
	#mobile_nav {
		display: none;
		z-index: 1000;
	    position: absolute;
	    right: 0;
	    top: 0;
	}*/
	/* JDC: Normal mobile nav button END */
	/* JDC: Fixed mobile nav button START */
	#mobile_nav ul {
		margin-top: -50px;
	}
	#mobile_nav_button {
	    text-align: right;
	    padding-top: 10px;
	    margin-right: 12px;
	    position: fixed;
	    top: 40px;
	    right: 0;
	    z-index: 1000;
	}
	#mobile_nav_button_open {
	    text-align: right;
	    margin-right: 12px;
	    position: fixed;
	    top: 50px;
	    right: 0;
	    z-index: 1002;
	}
	#mobile_nav {
	    display: none;
	    z-index: 1000;
	    position: fixed;
	    top: 90px;
	    right: 0;
	    z-index: 1001;
	}
	.logo_tagline {
		margin-top: 0;
    	padding-top: 60px;
	}
	/* JDC: Fixed mobile nav button END */
	#mobile_nav_button img {
	    padding-top: 5px;
	    width: 50px;
	}
	#mobile_nav_button_open img {
	    padding-top: 5px;
	    width: 50px;
	}
	h1, h2, h3, h4, h5, h6 {
		font-size: 0.8em;
	}
}
/* Small-screen mobile */
@media (max-width: 500px) {
	/* Hide tagline */
	.logo_tagline {
		display: none;
	}
}
/* Medium to small mobile */
@media (max-width: 996px) {
	/* Mythology menu */
	.bellows {
	    margin: 0px 0px 0px 0px !important;
	}
	.bellows .bellows-nav .bellows-target>.bellows-target-text {
	    font-size: 3vw !important;
	}
	.bellows.bellows-skin-darkcrystal-material .bellows-nav .bellows-item-level-0.bellows-active > .bellows-target {
	    margin-left: 8% !important;
	}
	.bellows.bellows-skin-darkcrystal-material .bellows-nav .bellows-submenu .bellows-target, .bellows.bellows-skin-darkcrystal-material .bellows-nav .bellows-submenu .bellows-custom-content, .bellows.bellows-skin-darkcrystal-material .bellows-nav .bellows-submenu .bellows-widget .textwidget {
		margin-left: 8% !important;
	}
	.bellows.bellows-skin-darkcrystal-material .bellows-nav .bellows-item-level-0 > .bellows-target, .bellows.bellows-skin-darkcrystal-material .bellows-nav .bellows-item-level-0 > .bellows-custom-content {
	    margin-left: 8% !important;
	}
	.bellows .bellows-nav .bellows-custom-content.bellows-custom-content-padded, .bellows .bellows-nav .bellows-target, .bellows .bellows-nav .bellows-target.bellows-target-w-image>.bellows-image.bellows-image-padded, .bellows .bellows-nav .bellows-target.bellows-target-w-image>.bellows-target-text {
	    padding: 1.2% !important;
	}
	.bellows, .bellows .bellows-nav, .bellows .bellows-nav * {
    	line-height: 5vw !important;
	}
	.bellows .bellows-nav .bellows-subtoggle {
	    right: 0px !important;
		top: -2vw !important;
		width: 10vw !important;
	}
	.fa { font-size: 4vw !important; }
}


@media (max-width: 860px) {
	.closedsubmissionform {
		padding-top: 2vw;
		font-size: 2vw;
	}
}
@media (min-width: 861px) {
	.closedsubmissionform {
		padding-top: 1.2em;
		font-size: 0.5em;
	}
}

@media (max-width: 655px) {
	div.gal_relatedgallery_link {
		margin: 0 0 20px 40px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (min-width: 656px) {
	div.gal_relatedgallery_link {
		margin: 0 0 20px 40px;
		float: left;
	}
}
@media only screen and (max-width: 320px) {
	#bwg_container1_0 #bwg_container2_0 .bwg_image_alt_0 {
    	display: inline !important;
	}
}
.bellows .bellows-nav .bellows-submenu {
    margin-left: 30px !important;
    font-size: 0.9em !important;
}

/* JDC: Added 2020-05-16, primarily to add ability to color caption links white so they're more legible */
.white a {
    color: white !important;
}