/*
    file:    ccbtc.info/style.css
    version: 2.1
*/
/*
    Colors:
        #0b0733 for all text
        #073310 for site-title
        #330907 for page-title and text-title 
*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  height: 100%;
  overflow-y: scroll;
}

body {
  height: 100%;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 100%;
  color: #000064;
  background-color: #FFFFFF;
}

#banner {
  position: relative;
  width: 100%;
}

#header {
  margin-bottom: 10px;
  border-bottom: solid 1px #AAAAAA;
}

#logo-container {
  margin: 0 auto;
  text-align: center;
}

#logo-graphic {
  margin: 0 auto;
  width: 100%;
  height: auto;
}

#frame {
  height: 100%;
  margin: 0 auto;
}

.msg {
  width: 75%;
  margin: 0 auto;
  text-align: center;
  font-size: 1.2em;
  line-height: 1.4em;
}

.backlink {
  margin: 5px auto;
  font-family: Verdana, "sans serif";
  font-size: 0.8em;
  text-align: center;
}

.site-title {
  text-align: center;
  font-weight: bold;
  font-size: 2em;
  color: #073310;
}

ul.menu {
  list-style-type: none;
  margin: 0;
  padding: 3px 0;
  text-align: center;
}

li.menu {
  font-family: Verdana, "sans serif";
  font-size: 0.9em;
  margin: 0 20px;
  display: inline;
}

li.menu:first-child {
  margin: 0 20px 0 0;
}

li.menu:last-child {
  margin: 0 0 0 20px;
}

.page-title {
  margin: 10px 0;
  font-weight: bold;
  font-size: 1.1em;
  text-align: center;
  color: #330907;
}

.text-title {
  margin: 12px 0 0 0;
  font-weight: bold;
  color: #330907;
}

.section-head {
  margin: 12px 0 0 0;
  font-weight: bold;
  color: #000064;
}

#text {
  font-size: 1.4em;
  line-height: 1.5em;
  color: #000064;
}

#babel-img
{
    float:  right;
    width:  280px;
    height: 349px;
    margin: 12px 0 10px 10px;
    src:    url( 'current/unitarianbabel_280x349.jpg' );
}

.typewriterline {
    font-family: "Courier New", monospace;
    font-size:   14px;
    font-weight: 500;
    color:       black;
}

.typewriterpara {
    font-family: "Courier New", monospace;
    font-size:   14px;
    font-weight: 500;
    color:       black;
    text-indent: 50px
}

a { text-decoration: none; }
a:link { color: blue; }
a:active { color: blue; }
a:visited { color: blue; }
a:hover { color: red; }

a.menu:link { color: white; }
a.menu:active { color: black; }
a.menu:visited { color: white; }
a.menu:hover { color: red; }

hr.w50 {
    width: 50%;
}

@media (min-width: 1500px) {
  #frame {
    width: 35%; }

  .page_title {
    width: 100%; }

  #text {
    height: auto;
    min-height: 100%;
    border: none;
    overflow-y: visible; }

  .text_title {
    width: 100%;
    height: auto; }
}

@media (max-width: 1499px) {
  #frame {
    width: 45%; }
}

@media (max-width: 1199px) {
  #frame {
    width: 55%; }
}

@media (max-width: 1024px) {
  #frame {
    width: 75%; }
}

@media (max-width: 800px) {
  #frame {
    width: 85%; }
}

@media (max-width: 500px) {
  #frame {
    width: 100%; }
 
  #text {
    padding: 0 7px; }
}
/*============== Paragraph styles =================*/
p { margin: 12px 0px 12px 0px; }

p.centered { text-align: center; }

p.footnote {
    text-indent: -1em;
    margin-left:  1em;
    font-size:    0.9em;
    line-height:  1.1em;
}

.indent-line1 { text-indent: 20px; }
.no-top-margin { margin-top: 0; }
.no-bottom-margin { margin-bottom: 0; }
.no-vert-margins { margin-top: 0; margin-bottom: 0; }

.in1 { margin-left: 20px; }
.in2 { margin-left: 40px; }
.in3 { margin-left: 60px; }
.in4 { margin-left: 80px; }
/*===========================================================*/