/*
Theme Name: Monolith-Design-Cards
Description: Card-Based Theme for Monolith Design Site
Author: Dennis Freeze
Author URI: http://www.monolithdesign.com
Version: 2.0
*/

/* Apply natural box layout model to all elements. */
* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }

.chromeframe { position:absolute; top:0; }

/* Linux- and Windows-friendly sans-serif font stack */
body {font:18px "Palatino Linotype", "Book Antiqua", Palatino, serif; 
  background-color:#fafcff; }

/* We like off-black for text. */
body, select, input, textarea { color:#333; }

a 	      { color:#03f; text-decoration:none; padding:1px 2px; }
a:link 		{ color:#324193; /*border-bottom:1px dotted #093fab;*/ }
a:visited { color:#324193; }
a:hover 	{ background-color:#FCC; color:#943236; border-bottom:1px dotted #0099cc;}
a:active 	{  }
a:focus   { outline:none; }

a.nounder:link { border:none !important; background-color:transparent !important; 
  margin:0 !important; padding:0 !important; }
a.nounder:hover { background-color:transparent !important; }

.responsive-tabs-wrapper a.highslide { display:inline-block;  }
.responsive-wrapper-box { text-align:center; }

/* Custom text-selection colors (remove any text shadows) */
::-moz-selection{ background:#fcd700; color:#fff; text-shadow:none; }
::selection { background:#fcd700; color:#fff; text-shadow:none; }

/*	j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color:#fcd700; }

ins { background-color:#fcd700; color:#000; text-decoration:none; }
mark { background-color:#fcd700; color:#000; font-style:italic; font-weight:bold; }

/* Mozilla doesn't style placeholders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

/* DFF : General CSS */
h1 { position:absolute; top:0; left:0; right:0; margin:8px auto; width:90%;
	font-weight:bold; font-size:400%; line-height:1.0; text-align:center; 
  font-family:'Source Sans Pro', 'Century Gothic', 'Arial Black', Arial, san-serif;  
	text-align:center; text-shadow:1px 1px 3px rgba(0,0,0,0.2); 
  text-shadow:1px 1px 1px #000; letter-spacing:4px; word-spacing:8px; }
#header h1 a, #header h1 a:link, #header h1 a:visited { color:rgba(255,255,255,0.94); 
	color:#fff !important; }
h2 { color:#0029a3; font-weight:bold; font-size:130%; text-align:center; 
  margin:.5em auto; width:90%; text-shadow:1px 1px 3px rgba(0,0,0,0.2); }
h3 { font-weight:bold; font-size:110%; text-align:center; margin:1em auto .5em; color:#000080; }
h3:before, h3:after { content:"\2014"; }
h4 { width:50%; font-weight:bold; font-size:110%; text-align:center; background:none;
	border-top:1px solid #696; border-bottom:1px solid #696; margin:.25em auto 1em auto; }

p { margin-top:.3em; margin-bottom:.75em; }

ul { margin:6px 0; }
ul li { list-style-type:square; margin-bottom:8px; }
ol { margin:6px 4px; line-height:1.6em; }
ol li { list-style-type:decimal; margin-bottom:8px; list-style-position:inside; }
ul ul { margin-left:12px; }

dt { background-color:#8ce; font-weight: bold; padding-left: 12px; }
dd { margin-bottom: 8px; }

hr { width:90%; margin-left:auto; margin-right:auto; border-width:8px; clear:both; }

.alignleft { display:inline; float:left; }
.alignright { display:inline; float:right; }
.aligncenter { display:block; margin-right:auto; margin-left:auto; }

/* ------------------------------------------------------------------------------- */
#outerbox { width:100%; max-width:960px; min-width:320px; margin:48px auto 16px auto; 
	background-color:#fefdff; overflow:hidden; border-radius:0 0 8px 8px; }

#navbar { width:100%; position:fixed; top:0; left:0; line-height:32px; background:rgba(255,255,255,0.54); padding:0; z-index:100; }
#searchform input { background-color:#edd; color:#0099cc; width:5em; }
#navbar-holder { /*background:#fff;*/ max-width:960px; min-width:320px; 
  margin:2px auto; display:table; }
.navrow { display:table-row; margin:0; padding:0; text-align:center; }
.navcell { display:table-cell; font:bold 18px 'Acme', Verdana, Arial; }
.navcell a {	display:block; background:rgba(255,255,255,0.54) !important; 
  padding:8px 12px; text-decoration:none; text-align:center; color:#093f6b; 
  border-bottom:none; border-radius:8px; }
.navcell a:hover { background:#c14d48; color:#820280;
  text-shadow: 0 0 6px rgba(255, 77, 77, 0.3) !important; }

#nav-first {  }
#nav-first-drop {  }
#nav-second { display:none; }

.breadcrumb { font-size:75%; font-weight:bold; color:#36c; margin:0 0 8px 0 !important;
  background-color:#eec; padding:2px 4px; display:inline-block; border-radius:8px; border:1px solid #ccc; }
.breadcrumb a { border-bottom:none; padding:2px 4px !important; border-radius:8px; background-color:#ddb; }
.breadcrumb a:hover { background-color:#fc9; }

.home #nav-home { color:#933; }
.page-id-7301 #nav-articles, .parent-pageid-7301 #nav-articles { color:#933; }
.page-id-2 #nav-about, .archive #nav-about { color:#933; }
.page-id-2 #nav-about2, .archive #nav-about2 { color:#933; }
.page-id-7100 #nav-links, .page-id-7100 #nav-links2 { color:#933; }
.page-id-7158 #nav-projects, .parent-pageid-7158 #nav-projects { color:#933; }
.page-id-7175 #nav-projects, .parent-pageid-7175 #nav-projects { color:#933; }
.page-id-7557 #nav-projects, .parent-pageid-7557 #nav-projects { color:#933; }
.page-id-8 #nav-projects, .parent-pageid-8 #nav-projects { color:#933; }
.page-id-10 #nav-projects, .parent-pageid-10 #nav-projects { color:#933; }
.page-id-32 #nav-projects, .parent-pageid-32 #nav-projects { color:#933; }
.page-id-26 #nav-projects, .parent-pageid-26 #nav-projects { color:#933; }
.page-id-16 #nav-projects, .parent-pageid-16 #nav-projects { color:#933; }
.page-id-16 #nav-projects, .parent-pageid-16 #nav-projects { color:#933; }
.page-id-7083 #nav-projects, .page-id-7070 #nav-projects { color:#933; }


/*  HEADER  */
#header { position:relative; text-align:center; margin:0; padding:0;
 	overflow:hidden; border:2px solid #0099cc; border-radius:4px; }
#header a { text-decoration:none; border-bottom:none; }
#header a:hover { background-color:transparent !important; }
#header img { padding:0 !important; margin:0 !important; }
#header-image { margin:12px 0; padding:0; border:none; }
.home-link { display:block; font-size:0 !important; padding:0; }

/*  CONTENTS  */
#content-wrapper { position:relative; overflow:hidden; line-height:1.5em; }
#content-wrapper img { max-width:90% !important; height:auto; border:1px solid #ccc; }
#content { padding:0 0 12px 0; margin:auto; width:100%; max-width:960px; min-width:320px; }
#content p { width:90%; margin-left:auto; margin-right:auto; }
#content ul, #content ol { width:80%; margin-left:auto; margin-right:auto; 
  list-style-position:inside; }

.entry h3 { clear:both; }

/*  FOOTER  */
#footer { text-align:center; margin:0; padding:8px; border-top:2px solid #cef; }
#footer h3, #footer li { display:inline-block; margin-right:8px; }
#footer h4 { width:100% !important; border-top:none; border-bottom:none; 
  background:none; }
.copytext { font-weight:bold; color:#0029a3; font-size:80%; }

a.link-button, a.link-button:visited { display:inline-block; margin:8px 12px; 
  padding:2px 4px; color:#fff; background-color:#ccc; 
  font:bold 1.20em Verdana, Geneva, sans-serif; 
	border-radius:6px; border:2px solid #b0b0b0 !important; }
a.link-button:hover { color:#c84; background-color:#fdd; 
  border:2px solid #c66 !important; }
.home a.link-button, .home a.link-button:visited, .highslide-gallery a.link-button, 
.highslide-gallery a.link-button:visited { font-size:125%;
	background-color:#acf !important; border:2px solid #69c !important; }

/*  HOME PAGE  */
.home #content { width:100%; }
#home-container { padding-top:16px; }
#home-container h3 { font-size:130%; }
#home-container .mov5-image { float:right; margin-left:8px !important; margin-bottom:12px; }

.book-creator-ad { padding:6px; margin-left:8px; background-color:#f0f8ff; 
	border:1px solid #e8f0f8; border-radius:8px; font-size:116%; color:#036; }

#twitter-wrapper h2 { display:none; }
.twitter-follow-button { padding:6px; font-weight:bold; background-color:#636; color:#0FF !important; 
	border:2px solid #33F; border-radius:6px; }
.responsive-wrapper-box ul { margin-bottom:12px; }
.responsive-wrapper-box li { text-align:left; }
.twitter-follow-button:hover { color:#f33 !important; }
.follow-button { display:inline-block; margin-left:auto !important; 
	margin-right:auto !important; margin-bottom: 12px; }

/*  DESIGN BOXES  */
/*.design-box { display:inline-block; width:290px; background-color:#FFC; overflow:hidden;
	border:2px solid #0029a3; border-radius:8px; margin:auto 6px 12px 6px; vertical-align:text-top; }*/
.design-box { display:inline-block; min-width:290px; max-width:400px; background-color:#fafafa; 
	overflow:hidden; vertical-align:text-top; margin:auto 6px 12px 6px;
	border:2px solid #ddd; box-shadow:1px 1px 4px #999; }
.design-box h3 { width:100%; margin:0 0 6px 0 !important; background-color:#e8e8e8; 
	border-radius:0; padding:2px; }

.design-box h3:before, .design-box h3:after { content:""; }

.design-box p { margin:6px auto; width:96% !important; text-align:left; }

/*  BUTTONS  */
.button { border:2px solid #fdc303; background-color:#fed; margin-top:8px; margin-bottom:8px;
	border-radius:8px; border:2px solid #999 !important; }
a.button, a:link.button, a:visited.button, a:hover.button { color:#09F; text-decoration:none; 
	font-weight:bold; }
a.button { margin:0 6px; }
a:hover.button { color:#f00; border:2px solid #f33 !important; }


/*  styling things  */
/* make embedded videos scale  */
.video-wrapper { position:relative; padding-bottom:67.5% !important; padding-top:25px; 
	height:0 !important; overflow:hidden; }
.video-wrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

#blink-iframe { height:900px !important; }

.search-wrapper input { vertical-align:baseline; border-radius:8px; width:5.5em; }

/*  Post Navigation Elements  */
.div-posted-on { width:50%; margin:8px auto; padding:4px; text-align:center; font-style:italic; 
	border-top:1px solid #6cc; border-bottom:1px solid #6cc;  }
.navigation { width:90%; margin:12px auto; border-radius:8px; font-weight:bold;
	border:2px solid #6ca; background-color:rgba(247,247,247,0.5); }
.next-posts { float:left; width:49%; text-align:left; }
.prev-posts { float:left; width:49%; text-align:right;  }

.hero-image { width:100%; text-align:center; }
.hero-image > img { max-width:100%; margin:0 !important; border: 2px black solid !important;  }

/*  Sitemap Page  */
.page-id-56 li li { margin-left:8px !important; }

.contact-form-wrapper { width:30%; margin-left:auto; margin-right:auto; }
.contact-form-wrapper input, .contact-form-wrapper textarea { width:300px; }

/* Page Features */
li.BestLink {	list-style-image: url(/images/design/Star.gif); }
li.BestSite {	list-style-image: url(/images/design/Star.gif); padding-left:20px; }
.emdashed:before { content:"\2014"; }
.emdashed:after { content:"\2014"; }
.glowing { text-shadow: 0 0 6px rgba(255, 77, 77, 0.7) !important; }


/*  Fortune Cookies  */
.cookie-box { max-width:800px; min-width:240px; margin:12px auto; font-size:110%; 
	padding:0; border-radius:8px; background-color:#fafcff; color:#036;
  box-shadow:1px 1px 2px #999, -1px -1px 2px #bbb; }
.cookie-box h2 { background-color:#bfdfff; padding:2px 0; border-bottom:2px solid #93c9ff;
	margin:0 !important; width:100%; border-top-left-radius:8px; border-top-right-radius:8px; }
.cookie-box hr { margin:0; }
.cookie-box a {  }
/*.cookiep { text-align:center; font-weight:bold; width:33% !important; margin:4px 0; }*/
.cookiep { font-weight:bold; width:5em !important; float:right; margin:8px 0 8px 8px; }
#home-cookie { border-radius:8px; background-color:#fff9ee; border:2px solid #FC6;
	box-shadow:2px 2px 3px rgba(0,0,32,0.5); }
#home-cookie:hover { background-color:#f99; }
#home-cookietext { text-decoration:none; border-bottom:none; padding:4px; }
#home-cookietext br+strong:before { content:"  ["; }
#home-cookietext br+strong:after { content:"]"; }


/* PHOTO GALLERIES */
.gallery-box {  display:inline-block; vertical-align:text-top; width:260px; 
  border:1px solid #aaf; margin:auto auto 4px auto; padding:4px; border-radius:8px; }
.gallery-box h2 { background-color:#09c; color:#fff; border-radius:4px; width:100%; 
	font-size:90%; margin:0 0 4px 0; }
.gallery-box img {  max-width:100%; padding:2px; }
.gallery-box p { text-align:left; margin:4px; padding:4px; }
.grow { width:100%; display:table; table-layout:fixed; }
.gcol { display:table-cell; vertical-align:top; font-size:75%; text-align:left; }

/* Links Page */
.links-table { display:table; background-color:#f4f8fc; min-width:320px; max-width:800px; margin:auto; }
.linkrow { width:100%; display:table; table-layout:fixed; border-bottom:1px solid #999; }
.linkcol { display:table-cell; vertical-align:top; font-size:90%; text-align:left; padding:4px; }
.linkdesc { font-weight:bold; }
.linktitle { display:table-cell; vertical-align:top; font-size:110%; font-weight:bold; text-align:center; 
  background-color:#e8f0ff; }
.nobreakout {
  overflow-wrap: break-word; word-wrap: break-word;  /* Technically the same, but use both */
  -ms-word-break: break-all;
  word-break: break-all;  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-word;  /* Instead use this non-standard one: */
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;
}

/*  JUMPBAR that appears at bottom of long pages  */
.back-to-top { }
.fixed-jumpbar { display:none; position:fixed; z-index:999; bottom:0; left:0; width:100%; text-align:center; }
.center-jumpbar { text-align:center; font-size:14px; font-weight:bold; padding:4px; display:inline-block;
	color:#931; background-color:rgba(255,255,221,0.5);  
	-webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;
	border-top-left-radius:10px; border-top-right-radius:10px;
	border:3px solid #a85 !important; border-bottom:none !important; }

a.meta-button, a.meta-button:visited { display:inline-block; margin:6px 10px; 
	color:#fff; background-color:#c96; font:bold 12px Verdana, Geneva, sans-serif; 
	border-radius:6px; border:2px solid #642 !important; }
a.meta-button:hover { color:#F30; background-color:#fcc; border:2px solid #f30 !important; }

a.up-link, a.down-link, a.back-to-top { display:inline-block; padding:2px; 
	-webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out;
  -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; }

/* PAGER BUTTONS */
.gallery-page { position:relative; }
.pager-button { display:none; margin:0; color:#122; background-color:#9cc;
	text-align:center; font-weight:bold; margin-top:8px; margin-bottom:16px;
	font:bold 32px Verdana, Geneva, sans-serif; border:2px solid #0099cc !important; opacity:0.9;
  -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out;
  -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; }
a.pager-button:hover { opacity:1; border:2px solid #933 !important; color:#0d5184 !important;
	background-color:#c66 !important; text-shadow: 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de; }
.previous-button { position:absolute; top:1%; left:6px; border-radius:36px; }
.next-button { position:absolute; top:1%; right:6px; border-radius:36px; }
.previous-bottom-button { position:absolute; bottom:1%; left:6px; border-radius:36px; display:none; }
.next-bottom-button { position:absolute; bottom:1%; right:6px; border-radius:36px; display:none; }

/*   Settings for PaletteTweaker-Help.html   */
#settings-help-panel, #import-export-box, #main-help-box {  margin-top:12px; border-radius:8px; 
  border:1px solid #ccc; }
#main-help-box { background-color:#f0f4f8; padding:8px; text-align:left; font-weight:normal; }
#main-help-box .command-button { font-weight:bold; box-shadow:0 1px 2px #333; border-radius:8px;
  background-color:#FFC; padding:4px; }
#main-help-box h3 { text-align:center; margin-top:16px; margin-bottom:4px; }
#main-help-box p, #main-help-box ul{ width:80%; margin:4px auto 8px; }
#help-buttons-box { text-align:center; line-height:2.5em; }
#help-buttons-box a { margin-right:4px; }

.bias-settings  { width:66%; min-width:320px; margin:8px auto; }
.bias-settings thead { background-color:#9dd; font-weight:bold; text-align:center; }
.bias-settings tbody tr:nth-child(odd) { background: #eee; } 
.bias-settings tbody td { text-align:center; } 
.bias-settings tbody td:nth-child(1) { background: #9ff; text-align:left; }
.bias-settings td { padding:4px; font-weight:bold; }

.helping-header { margin-top:2px; margin-bottom:0; }
.help-image { float:right; margin-left:8px; }
.help-big-image { display:block; margin:auto; max-width:100%; }
.symbol-emphasis { color:#cc3333; }
.namestring { font-weight:bold; }
.term-highlight { color:#36F; font-weight:bold; font-family:"Lucida Console", Monaco, monospace; }
.emdashed:before { content:"\2014"; }
.emdashed:after { content:"\2014"; }

.projects-container { width:100%; display:table; table-layout:fixed; }
.project-banner { display:table-cell; vertical-align:top; min-width:320px; text-align:center; }
.project-box { display:table-cell; vertical-align:top; min-width:320px; text-align:center; }
.project-p { text-align:left; font-size:90%; padding-left:5%; padding-right:5%; }

.link-box { padding:4px; font-weight:bold; font-size:110%; }

/* Photo Galleries pages */
.parent-pageid-16 .previous-button, .parent-pageid-16 .next-button 	{ display:block; }
.page-id-16 #content, .parent-pageid-16 #content { padding:0 0 16px 0; 
  margin:auto; width:96%; max-width:900px; min-width:300px; }

/* Web Sites Portfolio  */
.sample-container a { display:inline-block; }
.sample-sites-list li { clear:both; }
.sample-icon { clear:right; float:right; margin-left:8px; margin-bottom:16px; }
.parent-pageid-8 .previous-button, .parent-pageid-8 .next-button 	{ display:block; }

/* CSS block for Articles */
.image-block { text-align:center; }
.image-block img { border:1px solid #767676 !important; }
.fright { float:right; margin-top:8px; margin-left:4px; margin-bottom:4px; border:1px solid #333; }
.fleft { display:inline-block; margin-right:4px; margin-bottom:4px; border:1px solid #333; }
.tipbox { clear:both; width:90%; margin:4px auto 12px auto; padding:4px; border:1px solid #369; border-radius:4px; 
	background-color:#e0faff; }
.tipbox h3 { font-size:120%; color:#273; margin:2px; padding:0; text-align:center; }
.tipbox ul { margin:2px 8px; padding:4px; list-style-position:outside; }
.tipbox li { margin:0 0 8px 0; padding:2px; font-size:90%; list-style-type:none; }
.tipbox hr { margin:0; padding:0; }
.tipbox blockquote { width:75% !important; margin-left:auto !important; margin-right:auto !important; }
a[href^="tel:"] { font-weight:bold; color:#393; }
a[href^="tel:"]:before { content: "\260e"; margin-right: 0.5em; }
.address-block { min-width:320px; max-width:480px; margin-left:auto; margin-right:auto; }

.highslide-caption { font-weight:bold; color:#039; }
.high-question { font-weight:bold; color:#039; background-color:#eee; }

.titledate { color:#363; font-style:italic; }
.titleoomph { color:#900; font-style:italic; }

.article-box { width:98%; margin:0 auto 8px; padding:4px; border:1px solid #ccc;
  border-radius:8px; }
.article-imgL { float:left; margin-right:6px; margin-bottom:6px; }
.article-imgR { float:right; margin-left:6px; margin-bottom:6px; }
.article-title { text-align:center; border-bottom:1px solid #ccc !important; 
  margin-bottom:6px; background-color:#f0f8fa; }
.article-text {  }
a.artlink { font-weight:bold; color:#03C; }
a.artlink:hover { background-color:#fdd !important; }

/* Projects / Works / Portfolio */
.projects-portfolio { text-align:center; }
.project-card { display:inline-block; width:300px; vertical-align:text-top;
	margin:0 4px 8px 4px; padding:0 !important; font-size:96%;
	border:1px solid #714acf; border-top:6px solid #512DA8;  }
.project-card h2 { width:100% !important; border-bottom:1px solid #714acf; margin:0 0 4px 0 !important; 
	background-color:#efebfa; line-height:1.1em; }
.project-text  { text-align:left; width:100% !important; padding:4px !important; }
.project-button { text-align:center !important; }
/*a.project-link:link { text-decoration:none !important; border-bottom:none !important;}*/
a.project-link { margin:8px auto 16px auto; padding:4px; border-radius:4px; 
	text-align:center; font-weight:bold; font:bold 18px Verdana, Geneva, sans-serif; opacity:0.9;
  -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; 
  -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; }
a.project-link:hover { opacity:1; border:2px solid #c33 !important; color:#933 !important;
	background-color:#f1c40f !important; text-shadow: 0 0 20px #fcc, 0 0 30px #fee, 0 0 40px #ff6699; }
.pc-01 { color:#12f !important; background-color:#e5def6; border:2px solid #512DA8; }
.pc-02 { color:#12f !important; background-color:#eafcf8; border:2px solid #1abc9c; }
.pc-03 { color:#12f !important; background-color:#cef8f0; border:2px solid #16a085; }
.pc-04 { color:#12f !important; background-color:#bdf6eb; border:2px solid #1abc9c; }
.pc-05 { color:#12f !important; background-color:#dff8ea; border:2px solid #2ecc71; }
.pc-06 { color:#12f !important; background-color:#d3e9f7; border:2px solid #3498db; }
.pc-07 { color:#12f !important; background-color:#f7d7bb; border:2px solid #e67e22; }
.pc-08 { color:#12f !important; background-color:#fbefc0; border:2px solid #f1c40f; }
.pc-09 { color:#12f !important; background-color:#fdedd4; border:2px solid #f39c12; }
.pc-10 { color:#12f !important; background-color:#f5d6d3; border:2px solid #c0392b; }
.pc-11 { color:#12f !important; background-color:#e1e8ef; border:2px solid #2c3e50; }
.pc-12 { color:#12f !important; background-color:#e9dbef; border:2px solid #9b59b6; }
.pc-13 { color:#12f !important; background-color:#f5d9e3; border:2px solid #d2527f; }


.attractable {  }
.attractable thead { background-color:#CFF; font-size:110%; }
.attract-title { width:30%; }
.attract-desc { width:70%; }
.attractable tr:nth-child(even) { background: #eef; }

/*  30th Anniversary Pages */
#events-schedule { font-weight:bold !important; }
#tickets-table thead  td { background-color:#dee; }
#tickets-table tbody  td { border-bottom:1px solid #abb; }
#events-schedule thead  td { background-color:#dee; }
#events-schedule tbody  td { border-bottom:1px solid #abb; }
.daterow td { background-color:#eff; }
.datecol { font-weight:bold; color:#244; width:12%; text-align:center; }
#events-schedule .datecol { width:20%; }
tbody .datecol { background-color:#FE9 !important; vertical-align:middle; }
.activitycol { padding-left:6px; padding-right:6px; width:30%; }
.costcol { }
.attendcol { width:16%; }
.deadline-box { border:2px solid #411; border-radius:6px; background-color:#FCD; padding:6px;
	font-weight:bold; color:#900; }

.restaurant-table {  }
.restaurant-table td { border-bottom:1px solid #47a; }

.notable-text { font-size:115%; font-weight:bold; padding:6px; border-radius:8px; 
  background-color:#AFDFD2; border:2px solid #A0D0C0; }
.cf7-poll { border-collapse:separate; border-spacing:6px 6px; }
.labcol { text-align:right; padding-right:6px; width:40%; }
.fldcol {}

#modal-container { background-color:#dcf8ff; 
  height:100vh; width:100%; display:flex; align-items:center; justify-content:center; }

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}


/* Media queries!
-------------------------------------------------------------------------------*/

@media screen and (max-width:870px) {
#content { padding:8px; margin:auto; width:98%; max-width:660px; min-width:320px; }
#content p { width:100%; margin-left:auto; margin-right:auto; }
#content ul { width:100%; margin-left:auto; margin-right:auto; list-style-position:inside; }
h4 { width:80%; }
.contact-form-wrapper { width:90%; float:none;  }
}

@media screen and (max-width:680px) {
#content { padding:8px; margin:auto; width:100%; max-width:660px; min-width:320px; }
#main-help-box p, #main-help-box ul{ width:94%; }
.help-image { float:none; display:block; margin:auto; max-width:100%; }
}

@media screen and (max-width:660px) {
#header h1 { font-size:250%; }
#nav-first-drop { display:none; }
#nav-second { display:table-row; }
#outerbox { margin-top:86px; }
#searchform input { background-color:#edd; color:#0099cc; width:4.4em; font-size:80%; }
}

@media screen and (max-width:540px) {
.contact-form-wrapper input, .contact-form-wrapper textarea { width:280px; }
}

@media screen and (max-width:480px) {
#header h1 { font-size:150%; }
h3 { font-size:90%; }
h3:before, h3:after { content:"\00b7"; }
.navcell { font:bold 16px 'Acme', Verdana, Arial; }
}

@media screen and (max-width:360px) {
#content { padding:6px; margin:0; width:100%; min-width:320px; }
#content p { width:92%; margin-left:auto; margin-right:auto; }
#content ul { width:92%; margin-left:auto; margin-right:auto; list-style-position:inside; }
#content { padding:8px; margin:auto; width:96%; min-width:320px; }
.up-link, .down-link { font-size:48px; }
}