/* === START GENERIC STYLES === */

/* Restricted declaration reset */

* { margin:0; padding:0; }
html, body { margin:0 !important; padding:0 !important; border:0 !important; outline:0 !important; }
sup { vertical-align: text-top; }
.text_navigationname_home { visibility: hidden; }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}


/* === END GENERIC STYLES === */


*{ border: 0px; margin: 0px; padding: 0px; }
body{ font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #363636; font-size: 62.5%; background: #EEEEEE; }
#container{ width: 938px; margin: 0px auto; padding: 20px 0px; }
.xx-respond #container { width: auto; max-width: 938px; min-width: 320px; }
.shadow { padding: 0; margin: 20px; border-radius: 12px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.6); }
#masthead{ position: relative; background-color: #1E90FF; border-radius: 12px 12px 0 0; box-shadow: inset 0px -12px 12px 0px rgba(0, 0, 0, 0.1); }
#masthead-text{ padding: 36px 25px 32px 25px; color: white; font-size: 4.2em; line-height: 1; text-decoration: none; font-style: italic; }
#masthead-text a{ text-decoration: none; display: block; color: white; }
#masthead-text a:hover { text-decoration: underline; }
#masthead-text span{ position: absolute; left: -99999px; }
#burger-middle{ background: #fff; }
#burger-middle .inner{ padding: 35px 40px; }
#middle{ overflow: hidden; width: 100%; }
#navCol{ width: 210px; float: left; }
#navCol .logo{ margin-bottom: 10px; }
#area_nav{ font-size: 1.6em; font-style: italic; font-weight: bold; text-align: right; list-style-type: none; margin-bottom: 20px; }
.item_navitem{ padding: 7px 0px; }
.item_navitem a{ padding: 3px 6px; text-decoration: none; color: #1E90FF; }
.item_navitem a:hover, .item_navitem a.current{ background-color: #1E90FF; color: #FFFFFF; }
#area_content_outer{ float: right; width: 560px; font-size: 1.5em; line-height: 1.5; }
.text_navigationname{ margin-bottom: 15px; }
.text_navigationname, .item_heading h2{ font-size: 28px; font-weight: normal; }
.item_subheading h3{ background-color: #1E90FF; color: #FFFFFF; font-size: 16px; display: inline; padding: 3px 6px; font-style: italic; line-height: 1.5; }
.text_navigationname, .item_heading h2{ line-height: 1; }
.item_paragraph a, .item_list a{ color: #363636; }
.item_paragraph a:hover, .item_list a:hover{ text-decoration: none; }
.item_file, .item_contentlink{ overflow: hidden; width: 100%; }
.item_file a, .item_contentlink a{ display: block; padding: 10px 13px 10px 40px; background: url(/_css/image/file.png) #F1F1F1 no-repeat; color: #1E90FF; border: 1px solid #CCCCCC; font-style: italic; font-weight: bold; text-decoration: none; letter-spacing: -0.5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; float: left; }
.item_contentlink a{ background-image: url(/_css/image/link.png); }
.item_file a:hover, .item_contentlink a:hover{ background-color: #E9E9E9; border-color: #BFBFBF; }
.item_gallery{ margin: 0px 25px; }
.item_gallery .item_photo{ margin: 10px; }
.item_gallery .item_photo a:hover .title p, .item_gallery .item_photo a:hover .title span{ color: #1E90FF; font-style: italic; font-weight: bold; letter-spacing: -0.5px; font-size: 1.1em; }
.item_page a{ color: #363636; }
.item_page a:hover{ text-decoration: none; }
#footer{ overflow: hidden; width: 100%; box-shadow: inset 0px 4px 4px 0px rgba(0, 0, 0, 0.2) }
#pageplay_footer{ line-height: 1.5; font-size: 1.2em; color: #666666; padding: 0px 20px; float: left; }
#footer cite{ font-style: normal; }
#footer a{ color: #666666; }
#footer a:hover{ text-decoration: none; }
.feeda-lite .date{ background-color: #1E90FF; color: #FFFFFF; font-size: 16px; display: inline; padding: 3px 6px; font-style: italic; line-height: 1.5; }
.feeda-lite .body{ margin: 10px 0px 20px; }
#latest-tweets{ margin-bottom: 20px; }
#latest-tweets h2{ font-size: 24px; }
#latest-tweets h2 a{ color: #363636; display: block; padding: 15px 0px; text-decoration: none; }
#latest-tweets p a{ color: #363636; }
#latest-tweets a:hover{ text-decoration: none; }
.feeda-lite a{ color: #363636; }
.feeda-lite a:hover{ text-decoration: none; }
#contact_form table{ width: 100%; }
#contact_form .title{ width: 120px; text-align: right; vertical-align: middle; }
#contact_form .detail{ padding-left: 10px; padding-bottom: 5px; }
#contact_form input, #contact_form textarea{ border: 1px solid #CCCCCC; padding: 4px; font-size: 14px; line-height: 1.4; color: #363636; font-family: Arial, sans-serif; width: 200px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px 2px 2px 2px; }
#contact_form textarea{ width: 410px; height: 180px; }
#contact_form .button{ width: auto; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px 5px 5px 5px; padding: 4px; font-size: 15px; background: #EEEEEE; }
#contact_form .button:hover{ background: #E2E2E2; }
.xx-respond #navCol { width: auto; max-width: 210px; min-width: 150px; }
.xx-respond #area_content_outer{ max-width: 560px; width: auto; width: calc(100% - 210px); }
@media screen and (max-width: 650px) { .xx-respond #area_nav { text-align: left; }
.xx-respond #area_content_outer{ width: 100%; } }