html {
  scroll-behavior: smooth;
}
body {
    font-family: 'Quicksand', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #000;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Raleway', sans-serif;
}

/* body-id and active-tab-id */
#about #about-tab,
#events #events-tab,
#dojos #dojos-tab,
#donate #donate-tab,
#links #links-tab,
#contact #contact-tab,
#dojocho #dojocho-tab,
#dojocho-index #dojocho-index-tab,
#dojocho-files #dojocho-files-tab
{
    color: #c40000;
}
.container {
    width: 950px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
#header {
    padding: 30px;
    position: relative;
    text-align: center;
}
#logolink {
    margin-bottom: 30px;
}
#bd {
/*    font-size: .923em; /* 12px -- using em because of yui-font.  yui displays 13px */ */
    line-height: 1.25em; 
}
/* clearing for multi-column yui grid layout*/
#bd:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
#bd {zoom:1;}

/* nav menu */
#nav ul {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    justify-content: center;
}
#nav a {
    color: inherit;
    line-height: 30px;
    padding: 0 10px;
    text-decoration: none;
}
.nav {
    display: block;
}
#subnav {
    bottom: 5px;
}
#usernav {
    top: 5px;
    bottom: auto;
}


/* link style */
.accordian > h3,
.accordian > div {
    margin: 1em;
}
.accordian > h3,
a, a:link, a:visited {
    color: #c40000;
    text-decoration: underline;
}
a:hover {
    color: #333333;
    text-decoration: underline;
}
a, input { outline: 0; } /* get rid of red outlines on clicked images in FF */

/* home page */
#main {
    position: relative;
}
#submain {
    float: left;
    /* background: url(../images/home_symbol.png) no-repeat 103% 50% #fff; */
    background: url(../images/home_symbol_big.png) no-repeat 104% 80% #fff;
    width: 100%;
}
#submain div.blob {
    padding: 20px;
    padding-bottom: 25px;
    float: left;
    width: 275px;
}

/* interior pages */ 
#main_interior {
    padding: 20px 25px 15px 15px;
    float: right;
    width: 610px;
}
#edit_page {
	padding: 20px 20px 15px 20px;
}

/* text */
p { 
    margin-bottom: 1em; 
}

em {
    font-style: italic;
}

h1 {
    margin: .67em 0;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}
.blob h1.extra-head {
    padding-top: 15px;
}
h2 {
    margin: .8em 0;
    font-size: 18px;
    font-weight: bold;
}
h3 {
    font-size: 16px;
    font-weight: bold;
}
.accordian h3 {
	cursor:pointer;
	cursor:hand;
}
strong { font-weight: bold; }
.subtitle {
    font-weight: bold;
	padding-right: 25px;
}

/* links page */ 
#main_photoright {
    padding-left: 10px;
    float: right;
}
#main_textleft {
    padding: 0;
    float: left;
}
#main_textbottom {
    margin-top: -10px;
    padding: 0;
    float: left;
}
.li_bottom {
    padding-bottom: 20px;
}

/* photos */ 
.photoleft {
	float: left;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 20px;
}
.photoright {
	float: right;
	padding-top: 2px;
	padding-left: 25px;
    padding-bottom: 20px;
}
.photobio {
	float: left;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.bio {
    clear: left; /* because the contain .photobio elements */
    padding-bottom: 0.5em;
}

/* sidebar */
#sidebar_nolink {
    background: url(../images/big_symbol_8bit.png) no-repeat 265% 30px #fff;
    float: left;
    width: 285px;
    min-height: 400px;
    padding-top: 15px;
}
#sidebar {
    background: url(../images/big_symbol_8bit.png) no-repeat 265% 160px #fff;
    float: left;
    width: 285px;
    min-height: 500px;
    padding-top: 15px;
    padding-right: 15px;
}
#sidebar ul {
    margin-top: 15px;
	margin-left: 35px;
    margin-bottom: 1em;
    font-size: 13px;
}
#sidebar ul li {
  	background: url(../images/sidebar_nav_dot.png) no-repeat;
    background-position: left;
	padding-left: 15px;
	width: 245px;
    text-align: left;
    line-height: 20px;
}
#sidebar ul li a {
    color: #333333;
    text-decoration: none;
}
#sidebar ul li a:hover {
    color: #333333;
    text-decoration:underline;
}
#sidebar .usaf       .usaf a,
#sidebar .aikido     .aikido a,
#sidebar .history    .history a,
#sidebar .mission    .mission a,
#sidebar .membership .membership a,
#sidebar .join .join a {
    color: #c40000;
    font-weight: bold;
}

/* li style */
ul.reddot {
	margin-bottom: 1em;
} 
ul.reddot li {
   	background: url(../images/sidebar_nav_dot.png) no-repeat;
    background-position: 0 0.5em;
	padding-left: 15px;
}
ul.links {
	margin-bottom: 1em;
    list-style: none;
} 
ul.links li {
	padding-bottom: 10px;
}
ul.inline {
	float: left;
    width: 610px;
	margin-bottom: 1em;
	margin-left: 85px;
} 
ul.inline li {
   	background: url(../images/sidebar_nav_dot.png) no-repeat;
    background-position: left;
	padding-left: 15px;
	padding-right: 25px;
	font-weight: bold;
	display:inline;
}
ul.address {
	margin-left: 16px;
    margin-bottom: 1em;
}
ul.places {
    margin-bottom: 1em;
}
/* footer */ 
#footer {
  line-height: 1.875em;
}
#footer .container {
  display: grid;
  grid-gap: 1em;
  grid-template-columns: 42% 25% 1fr;
  padding-top: 30px;
  padding-bottom: 40px;
}
#footer-site {
  font-family: 'Raleway', sans-serif;
  font-size: 22px;
  font-weight: 400;
}
#footer a {
  color: inherit;
  text-decoration: none;
}
#footer svg {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}
#footer-social a {
  display: inline-block;
  margin-right: 10px;
}
#footer-contact a {
  line-height: 1.875em;
}

#copyright {
  background: #f1f1f1;
  font-size: 14px;
  line-height: 1.79em;
}
#copyright .container {
  display: grid;
  grid-gap: 1em;
  grid-template-columns: 42% 1fr;
  padding-top: 12px;
  padding-bottom: 12px;
}

/* dojo search */
body.gutter #bd { padding: 20px; }
body.dojos h1 { margin-top: 0; }
#searchsidebar .header { font-weight: bold; }
#detailsidebar h2 { margin: 0px }

/* talk bubble inside google map */
.bubble p { margin-top: 1em; margin-bottom: 0;}
.content_map { float: right; margin-top: .5em;}
#map { width: 500px; height: 400px; }

/* dojo edit page */
#dojo_edit_page #map { 
  width: 0px; 
}
#dojo_edit_page .content {
  float: left;
} 

/* dojo list */

.dojo-list-quicklinks {
  line-height: 1.5;
}
.dojo-list-items h2 {
  background: #f1f1f1;
  font-size: 24px;
  padding: .25em .5em;
}
.dojo-list-items h3 {
  font-size: 18px;
}
.dojo-list-items ul {
  display: grid;
  grid-gap: 1em;
  grid-template-columns: repeat(2, 1fr);
  margin: 0 .5em;
}
.dojo-list-items dt {
  padding: 10px 0 0;
}
.dojo-list-toplink {
  bottom: 4em;
  right: 2em;
  position: fixed;
}
.dojo-list-toplink strong {
  font-size: 1.5em;
}

/* dojo detail */
dl { margin-bottom: 10px; }
dt { font-weight: bold; padding: 10px 0; }
dd { margin-left: 0px; }

dl.links dt { padding-bottom: 0;}
dl.links dt.first_dt {padding-top: 0px;}
dl.links dd { margin-left: 10px; font-style:italic;}

dl.contact dt { padding-top: 0; padding-bottom: 0;}
dl.contact dd { margin-left: 0; padding-bottom: 15px; }

dl.files img { padding-right: 15px; margin-bottom: -2px;}
dl.files dt { padding-bottom: 10px;}
dl.files dd { padding-top: 0; padding-bottom: 10px;}

/* events page */
body.events #bd h1 { margin: 0; }
body.events div.content > div { padding-top: 10px; }
body.events .requestlink { float: right; }
ul.events li { margin-left: 100px; padding:3px; }
ul.events li.month { border-top: 2px solid grey; margin-top: 10px; }
ul.events li.year { border-top: 4px solid grey; margin-top: 42px; }
ul.events li { border-top: 1px solid #aaa; }
li div { text-align: left; }
div.month {
  border: 0;
  color: #c99700;
  float: left;
  font-size: 1.3em;
  margin-left: -100px;
  padding-right: 15px;
  text-align: right;
  width: 85px;
}
div.year {
  border: 0;
  border-bottom: 4px solid grey;
  color: #c99700;
  float: left;
  font-size: 1.6em;
  height: 30px;
  margin-left: -100px;
  margin-top: -41px;
  padding: 0 15px 4px 0;
  text-align: right;
  width: 85px;
}
div.dates { width: 60px; float: left; padding-left: 5px; }
div.desc  { margin-left: 65px; }
div.type  { font-style: oblique; }
ul.years > li { font-size: 1.3em; line-height: 1.3em; }
ul.years ul.months { display: inline; }
ul.months, ul.days { margin: 10px auto; }
ul.months li, ul.days li { display: inline; }
#feed-module { 
  background: #fafafa;
  border: 1px solid #ccc;
  margin: 12px 0 0;
  padding: 8px 12px;
  width: 360px;
}
#feed-module h3 { 
  margin-bottom: 4px; 
}
.pagination {margin-top: 10px;}

#event-sponsor {
    float: right;
    margin: 2em;
}

/* login page */
#login_form {
    line-height: 3em;
}

/* feedburner tweaks */
#creditfooter {
    display: none;
}
.sr-only {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px; width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}