/* --- Global --- */

/* Kill default padding & spacing */

* {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  margin: 0;
  padding: 0;
  background-color: #656565;
  font: normal 75% 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
}

div#wrap {
  width: 750px;
  margin: 0 auto;
  background-color: #CCCCCC;
  text-align: left;
}

div#ds {
  width: 800px;
  margin: 0 auto;
  background: url(../images/ds-r2.jpg);
}

p {
  line-height: 160%;
  margin: 1em 0;
}

dl {
  margin-bottom: 2em;
}

p.announce {
  padding: 1em; 
  padding-left: 62px; 
  border: 1px dashed #C2C2C2; 
  background: url(../images/exclam-32.gif) #FFFFDB no-repeat;
  background-position: 15px center;
}

span.sup {
  vertical-align: super;
  font-size: 80%;
}

div.inset {
  margin: 0 0 5px 5px;
  padding: 4px;
  border: 1px solid #EBEBEB;
  float: right;
}

div.inset-left {
  margin: 0 5px 5px 0;
  padding: 4px;
  border: 1px solid #EBEBEB;
  float: left;
}

p.copyright {
  border-top: 1px solid #DDD;
  padding-top: .5em;
  margin-top: 2em;
  margin-bottom: 0;
  font-size: 85%;
}

body.home blockquote,
body.news blockquote {
  margin-left: 2em;
}

/* --- Masthead --- */

div#mast {
  height: 120px;
  background: url(../images/header.jpg);
}

h1 {
  padding: 15px;
  width: 100%;
  height: 80px;
  position: relative;
  font-size: 1px;
}

/* Image replacement */
h1 span {
/*  background: url(../images/header.jpg) no-repeat; */
  position: absolute;
  width: 100%;
  height: 100%;
}

/* --- Nav --- */

div#calvary-menu ul {
  margin: 0;
  float: left;
  width: 100%;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  font-size: 100%;
  background: #CC0000;
  white-space: nowrap;
}

div#calvary-menu li {
  display: inline;
  list-style-type: none;
}

div#calvary-menu li a {
  border-right: 1px solid #D3D3D3;
  float: left;
  padding: 4px 1em;
  text-decoration: none;
  color: #fff;
  height: 19px;
}

div#calvary-menu li a:hover {
  background: #fff;
  color: #CC0000;
}

body.home a#nav-home,
body.about a#nav-about,
body.programs a#nav-programs,
body.calendar a#nav-calendar,
body.contact a#nav-contact {
  background: #fff;
  color: #B01A1A;
}

/* --- Subnav --- */

div#subnav {
}

div#subnav h2 {
  text-align: right;
  padding: 0 .5em;
}

div#subnav ul {
  border: 1px solid #CECECE;
  width: 100%;
  background: #FFF;
}

div#subnav li {
  width: 100%;
}

div#subnav li a {
  display: block;
  padding: .3em .5em;
  border: none;
}

div#subnav li a:visited {
  border: none;
  color: #B01A1A;
}

div#subnav li a:hover {
  color: #000;
  background: #EDEDED;
}

body.about div.aboutus a#subnav-aboutus,
body.about div.service a#subnav-service,
body.about div.mission a#subnav-mission,
body.about div.values a#subnav-values,
body.about div.leadership a#subnav-leadership,
body.about div.links a#subnav-links,
body.about div.colophon a#subnav-colophon,
body.about div.accessibility a#subnav-accessibility {
  background: #EDEDED;
  color: #000 !important;
}

body.worship div.ourworship a#subnav-ourworship,
body.worship div.sermons a#subnav-sermons,
body.worship div.offerings a#subnav-offerings,
body.worship div.service a#subnav-service {
  background: #EDEDED;
  color: #000 !important;
}

/* --- Container --- */

div#container {
  /* background: url(../images/sidebar.jpg) repeat-x; */
  float: left;
  width: 100%;
}

div#clear {
  clear: both;
  height: 0;
  margin: 0; padding: 0;
  line-height: 0%;
}

/* --- Content --- */

div#content {
  float: left;
  padding: 0 20px;
  margin-right: 14px;
  width: 510px;
  border-right: 1px solid #C2C2C2;
  background: #FFF;
}

div#content.wide {
  width: 710px;
}

div#leader {
  border-bottom: 1px solid #C2C2C2;
  padding-bottom: 15px;
}

div#content h2 {
  font: normal 200% 'Palatino Linotype', serif;
  margin: .5em 0;
  color: #B01A1A;
}

div#content h3 {
  font: normal 150% 'Palatino Linotype', serif;
  margin: .5em 0 0;
  color: #767676;
}

div#content h4 {
  font: normal 90% 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  text-transform: uppercase;
  letter-spacing: .25em;
  margin: 1.5em 0 0;
  padding-bottom: .4em;
  border-bottom: 1px solid #DDD;
  color: #888;
}

p.posted {
  line-height: 160%;
  margin: 1em 0 1.75em;
  color: #9C9C9C;
}

p.posted#subtitle {
  line-height: 160%;
  margin: 0 0 1.75em;
  color: #9C9C9C;
  font-size: 85%;
}

p.posted a {
  text-decoration: none;
  border: none !important;
  color: #9C9C9C;
}

p.posted span {
  margin: 0 .3em;
}

p.posted a.date {
  background: url(../images/pg-gr1.jpg) center left no-repeat;
  padding-left: 16px;
}

p.posted a.comments {
  background: url(../images/com-gr1.jpg) center left no-repeat;
  padding-left: 14px;
}

p.submenu {
  margin: 1.5em 0;
}

div#content a {
  text-decoration: none;
  border-bottom: 1px solid #B01A1A;
  color: #B01A1A;
}

div#content a:visited {
  text-decoration: none;
  color: #B01A1A;
  border-bottom: 1px solid #B01A1A;
}

div#content a:hover {
  text-decoration: none;
  border-bottom: none;
  color: #B01A1A;
}

div#content a.noline {
  border-bottom: none;
}

div#content dt {
  color: #767676;
  margin-top: 1em;
  margin-bottom: .2em;
  font-weight: bold;
}

div#content dd {
  margin-bottom: .2em;
  margin-left: .5em;
}

div#content ul,
div#content ol {
  line-height: 160%;
  margin: 1em;
  margin-left: 2.5em;
}

div#content ul {
  list-style-type: circle;
}

/* --- Sidebar --- */

div#sidebar {
  float: left;
  width: 170px;
  padding-top: 1px;
  padding-right: 14px;
}

div#sidebar.wide {
  width: 700px;
}

div#sidebar ul {
  list-style: none;
}

div#sidebar h2 {
  font: normal 130% 'Palatino Linotype', serif;
  margin: 1.5em 0 0;
}

div#sidebar h3 {

  font: normal 90% 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  text-transform: uppercase;
  margin: 1.5em 0 1em;
  letter-spacing: .2em;
} 

div#sidebar h4 {
}

div#sidebar p {
  margin: .5em 0 1em;
}

div#sidebar ol, 
div#sidebar ul {
  margin-top: 1em;
}

div#sidebar dt {
  margin-top: 1em;
}

div#sidebar dd {
  margin-top: .25em;
}

div#sidebar a {
  text-decoration: none;
  border-bottom: 1px solid #B01A1A;
  color: #B01A1A;
}

div#sidebar a:visited {
  text-decoration: none;
  color: #B01A1A;
  border-bottom: 1px solid #B01A1A;
}

div#sidebar a:hover {
  text-decoration: none;
  border-bottom: none;
  color: #B01A1A;
}

div#content a.subscribe-link,
div#sidebar a.subscribe-link {
  background: url(../images/feed-bw.png) center left no-repeat;
  padding: 4px 4px 4px 20px;
  border-bottom: none;
}

div#content a.subscribe-itunes,
div#sidebar a.subscribe-itunes {
  background: url(../images/podcast.png) center left no-repeat;
  padding: 4px 4px 4px 20px;
  border-bottom: none;
}

/* --- About --- */

p#map {
  text-align: center;
}

p#map img {
  border: 1px solid #C2C2C2;
}

/* --- Footer --- */

div#footer {
  clear: both;
  text-align: left;
  font-size: 90%;
  padding: 1.5em;
  background: #333;
  color: #fff;
}

div#footer p {
  margin: 0;
}

div#footer a {
  color: #FFF;
  text-decoration: none;
}

div#footer a:hover {
  border-bottom: 1px solid #FFF;
}

/* --- Contact Form --- */

input {
  float: left;
  padding: .1em;
  font: normal 110% 'Arial', sans-serif;
  border: 1px solid #909090;
  font-weight: bold;
}

input#wpcf_your_name, 
input#wpcf_email, 
input#wpcf_website {
  margin: 0;
  padding: .1em;
  display: block;
  border: 1px solid #C2C2C2;
  margin-bottom: .5em;
  margin-right: 1em;
  font: normal 110% 'Arial', sans-serif;
}

textarea#wpcf_msg {
  padding: .1em;
  display: block;
  border: 1px solid #C2C2C2;
  font: normal 110% 'Arial', sans-serif;
}

/* Hacky workaround for that hidden element */
input + input {
  border: none;
}

input.contacterror,
textarea.contacterror {
  border: 1px solid #C2C2C2;
  background: #FFFFDB;
}

/* --- Tables --- */

table {
  font-size: 100%;
  border-collapse: collapse;
}

table th {
  text-align: left;
  font-weight: bold;
  border: 1px solid #C2C2C2;
  background: #EDEDED;
  padding: 5px;
}

table td {
  border: 1px solid #C2C2C2;
  padding: 5px;
}