/*  
Theme Name: Ambassador Bible Church Blue
Theme URI: http://www.ambassadorbiblechurch.org
Description: November 2007 Blue Site Design
Version: 1.0
Author: Natasha Holt
Author URI: http://www.xanga.com/aus_chick
*/

/* ~~~~~~~~~ Colors used in this site ~~~~~~~~~~~~~~~~~~~ 
Dark Navy Blue - eg, navigation background and main font: #0d1a39
White - eg, calendar highlight: #fff
Light Blue - eg, background of lower half: #70a4c9
White - eg, header, some links: #fff
Light Grey - eg, calendar background: #e4e4e4
Yellow - eg, links, nav: #ffb400;


*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}

/* Removes list-style from lists */
ol, ul {
  list-style: none;
}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal; font-weight: normal;
}

/* Removes table border from tables */
table {
  border-collapse: collapse; border-spacing: 0;
}

/* Removes border from fieldset and image */
  fieldset, img {
    border: 0;
}

/* Left-aligns text in caption and	 th */
caption, th {
  text-align: left;
}

/* ~~~~~~~~~~~~~~~~~~ Background Colors ~~~~~~~~~~~~~~~~~~~~ */
html {
  background-color: #0d1a39;
}
body {
 background-color: #fff;
 }
#header {
  background-color: #fff;
  height: 110px;
}

#topnavdiv, #footer {
  background-color: #0d1a39;
}
/* #footer {
  background: url(images/arrow3.jpg) repeat-x top left #0d1a39;
} */

#body-top {
  background: url(images/bgdiag.png) repeat-x #3b6b8a;
  min-height: 251px;

}

#body-bottom {
  background: url(images/arrow2.jpg) top left repeat-x #70a4c9;
}

/* ~~~~~~~~~~~~~~~~~~~ Structure ~~~~~~~~~~~~~~~~~~~~~~~ */
#home-announcements {
  width: 253px;
  float: left;
  padding-right: 6px;
}
#sermonteaser {
  background: url(images/paperclip.png) no-repeat top left transparent;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 45px;
  width: 310px;
  }

#home-sermon {
  width: 253px;
float: left;
padding-right: 4px;
}

#home-calendar {
  width: 254px;
  float: right;

}
div.clear {
  height: 1%;
  clear: both;
  }
#footer {
  clear: both;
  padding-top: 1em;
}

#body-top-inner, #body-bottom-inner, #footer-inner, #topnav, #header {
  width: 770px;
  margin: auto;
  }

#topnav {
  position: relative;
  text-align: center;
  }
#topnav li {
  display: block;
  float: left;
  text-transform: lowercase;
  margin: 0;
  padding-right: 15px;
  width: 100px;
  font-size: 1.3em;
  }
#topnav ul {
  display: none;
}
#topnav li a {
  color: #ffb400;
  display: block;
  height: 14px;
  width: 100px;
  padding: 5px;
  text-decoration: none;
}

#topnav ul {
  display: none;
  position: absolute;
  left: 0;
  height: 2em;
  width: 770px;
  font-size: .8em;
}

#topnav ul li {
  width: auto;
  padding-right: 2px;
  text-transform: none;
  font-size: 90%;
}
#topnav ul li a {
  float: left;
  width: auto;
  margin-right: 5px;
}
#topnav li:hover ul {
  display: block;
  z-index: 6000;
  background-color: #143363;
}

#topnav li a:hover {
  background: #143363;
  color: white;
}

#topnav ul a:hover {
  border-bottom: 1px solid white;
}

#topnav .current_page_item {
  color: #70a4c9;
}

#topnav li.current_page_item a:hover {
  background: #14264b;
}

#topnav li.current_page_item ul a:hover {
  background-color: #143363;
}

#topnav li.current_page_item ul, 
#topnav li.current_page_parent ul {
  display: block;
  background-color: #14264b;
}

#topnav li.current_page_item:hover ul, #topnav li.current_page_item {
 background-color: #14264b;
}

#topnav ul li.current_page_item a {
  border-bottom: 1px solid white;
  color: white;
}

#topnav .navsearch {
  width: 160px !important;
  }

img.sermon {
  display: block;
  margin: auto;
  border: 3px solid #0d1a39;
  margin-bottom: 10px;
  }
#fpss-container  {
  float: right;
  margin-top: 2.5em !important;
  border: 2px solid white !important;
  padding: 0 !important;
  margin-left: 10px !important;
  }


/* ~~~~~~~~~~~~~~~~~~~~ Fonts ~~~~~~~~~~~~~~~~~~~~~~ */
body {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #0d1a39;
  }


h1 {
  font-size: 160%;
  padding-top: 1.5em;
  padding-bottom: .3em;
  font-weight: normal;
  }
p {
  font-size: 1.2em;
  padding-bottom: 1em;
  }
#body-top a:link, #body-top a:visited, #body-bottom a:link, #body-bottom a:visited {
  text-decoration: underline;
  }
#footer a:link, #footer a:visited {
  color: #fff;
  }
#body-top a:link, #body-top a:visited {
  color: #ffb400;
}
#body-bottom a:link, #body-bottom a:visited {
  color: #0d1a39;
  }
#body-bottom a:hover {
  color: #fff
}
#body-top a:hover, #body-bottom a:hover {
  text-decoration: none;
  background-color: #0d1a39;
  }
#footer p {
  color: #fff;
  text-align: center;
  font-size: 1em;
  padding-bottom: 0;
  }
#footer {
  padding-bottom: 1em;
  }
#h1 a:link, h1 a:hover, h1 a:visited {
  text-decoration: none !important;
  }
h2{
  font-size: 1.2em;
  font-weight: 600;
  padding-top: .3em;
  padding-bottom: 1em;
}

#body-bottom h2 {
  padding-bottom: 0;
}

#body-bottom p {
  font-size: 1em;
  }
#home-sermon li {
  padding-bottom: .5em;
  }
 #body-bottom .announce {
  font-size: .9em;
  }  
#body-top {
  color: #fff;
}

blockquote {
  background: url(images/blockquote.png) top left no-repeat;
  padding: .6em 2em 1em;
  font-size: 1.5em;
  font-style: italic;
  margin-left: 1em;
  font-family: Georgia;
}

div.post ul {
  margin-bottom: 1em;
  list-style-image: url(images/marker.png);
  margin-left: 4em;

  }
div.post li {
  padding-bottom: .3em;
  font-size: 1.2em;
}

div.post ul ul li {
  font-size: 100%;
}

div.post li p, div.post ul ul {
  font-size: 100%;
}

div.post ol {
  margin-bottom: 1em;
  list-style-type: decimal;
  margin-left: 4em;
}

#staff-leadership li, #elders li, #missionaries li {
  list-style-image: none;
  padding-bottom: 2em;
}

#staff-leadership, #elders, #missionaries {
  margin-left: 0;
}

.jobtitle, .location, 
#post-61 h1 span, #post-75 h2 span {
  font-size: 90%;
  font-weight: normal;
}

strong {
  font-weight: 600;
}

/* ~~~~~~~~ calendar ~~~~~~~~~~ */
.date-box {
  display: block;
  border: 2px solid #0d1a39;
  width: 2.5em;
  background: url(images/cal-bg.jpg) top right no-repeat #e4e4e4;
  float: left;
  margin: 5px 8px 5px 8px;
  text-align: center;
  }
.date-box:first-line {
  color: #e4e4e4;
  font-size: .9em;
  display: block;
}
.day { 
  display: block;
  font-size: .9em;
  margin: 0;
  padding: 0;
  color: #e4e4e4;
  background-color: #0d1a39;
  }
.date {
  display: block;
  font-size: 1em;
  margin: 0;
  padding: 0;
  padding-top: .1em;
  line-height: .9;
  }
.month {
  display: block;
  font-size: 1em;
  margin: 0;
  padding: 0;
  }
  
#home-calendar .odd {
  background-color:  #fff;
  }
#home-calendar .google-cal {
  text-align: right;
  font-size: .9em;
  }

#sidebar-cal {  /* primetime cal */
  background-color:#0D1A39; 
  float:right;
  padding: 0 .5em .5em .5em;
  margin-left: .5em;
  width: 250px;
  border: 1px solid white;
}
  
#contact-information {
  background-color: #0D1A39;
  border: 1px solid white;
  padding: .5em;
  width: 30%;
  float: right;
}

/* ~~~~~~~~~~~~~ Sermon homepage ~~~~~~~~~~~~~~~ */

#sermonpage {
  padding-top: 25px;
  }
#home-sermon p > img:first-child  {
  border: 1px solid #0d1a39;
  margin: auto;
  display: block;
}

div.podPress_content img {
  border: 0 !important;
  margin: 0 !important;
  display: inline !important;
}



div.podPress_content embed {
  width: 240px !important;
  height: 200px !important;
  margin: auto;
  }

#sermonpage .post {
  background-color: #30528D;
  margin-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  position: relative;
}

#sermonpage object {
  float: left;
  margin-top: 3em;
  margin-right: 2em;
}

#sermonpage .entry {
  float: right;
  width: 310px;
}

#comment { /* text area */
  width: 770px;
  }
  
.submit {
  font-size: 1.1em;
  color: white;
  background-color: #0D1A39;
  border: 1px solid white;
  }

/* ~~~~~~~~ images ~~~~~~~~~~~~~ */
div.entry img {
  border: solid white 4px;
  float: right;
  margin: 1em 0 1em 1em;
}

img.alternating {
  float: left !important;
  margin: 1em 1em 1em 0 !important;
}

#post-61 div.entry img {
  border: 1px solid white;
  float: left;
  margin: 0;
  margin-right: 1em;
}
  
#staff-leadership .odd-list-image, #elders .odd-list-image, #missionaries .odd-list-image {
  float: left;
  margin-top: 0;
  border: solid white 2px;
  margin-right: .5em;
  margin-left: 0;
}

#staff-leadership .even-list-image, #elders .even-list-image, #missionaries .even-list-image {
  float: right;
  margin-top: 0;
  margin-left: .5em;
  border: solid white 2px;
}

iframe { /*google map */
  border: solid white 4px;
}

#searchsubmit {
  background: url(images/search.png) no-repeat;
  border: 0;
  padding-right: 17px;
  padding-bottom: 6px;
  margin-bottom: 2px;
  cursor: pointer;

}

#s {
  width: 125px;
  padding-bottom: 2px;
}

/* flickr */
.flickr_badge_image {
  float: left;
  background-color:white;
  border:1px solid black;
  float:left;
  margin-right:20px;
  padding:3px 3px 1px;
  text-align:center !important;
  
}
#flickr-row {
 margin-left: auto !important;
  margin-right: auto !important;
  }
.flickr_badge_image a:hover {
  border: none !important;
  text-decoration: none !important;
  background-color: transparent !important;
  }

#women-upcoming-events {
  list-style-image: none;
  margin-left: 0px;
}

#women-upcoming-events img {
  float: left;
  margin-left: 0;
  margin-right: 1em;
}

#women-upcoming-events li p{
  height: 130px;
}

#image-list {
  list-style-image: none;
}
#image-list li {
  padding-right: 0px;
  clear: left;
}

#image-list li img {
  float: left;
  margin-top: -5px;
  margin-right: 15px;
}

ul.thumbnail-list img /* used on missions page */ {
  float: left;  
  margin-right: 10px;
  margin-top: -5px;
}

ul.thumbnail-list li {
  clear: left;
}
/* ~~~~~~~~~~~~~ Tables ~~~~~~~~~~~~~ */
#post-14 tr {
  vertical-align: top;
}

#post-14 tr.sgheader {
  
  background-color: #14264B;
  height: 2em;
  font-weight: normal !important;
  vertical-align: bottom;
  color: lightgrey;
}

#post-14 tr.sgheader th {
  font-weight: normal;

}

#post-14 th { /*small groups page */
  font-weight: bold;
  width: 15%;
  height: 1.5em;
}

#post-14 table {
  width: 600px;
  font-size: 1.1em;
  margin: auto;
  margin-top: .5em;
}

#post-14 h2 {
  padding-bottom: 0;
  padding-top: 1em;
}

#post-74 table { /* Worship Team Schedule */
  margin: auto;
  width: 600px;
  font-size: 1.1em;
}

#post-74 tr.odd {
  background-color: #143363;
}

#post-74 th {
  font-weight: bold;
}

#post-74 tr {
  height: 2em;
}


/*~~~~~~~~~~~~~~ forms ~~~~~~~~~~~~~~~~~ */
#yahoopt .submit, #yahoo-women .submit {
  background-color: #3b6b8a;
  border: 1px solid white;
  color: white;
  font-size: 1.1em;
  margin-left: 1em;
  width: 30%;	
  }

#yahoopt .email, #yahoo-women .email {
  border: 1px solid #3b6b8a;
  color: #0d1a39;
  font-size: 1.2em;
  padding: 1px;
  width: 60%;

  }
/*
#yahoo-women .submit {
  width: 10em;
 }

#yahoo-women .email {
  width: 12em;
} */

.cform fieldset {
  border: 1px solid white;
}

ol .cf-ol {
  margin-left: 0px !important;
}

.cform label {
  color: white;
}

/*~~~~~~~~~~~~~ IGNITE ~~~~~~~~~~~~~~~~ */
#ignite-header {
  background: url(images/ignite.jpg) top left no-repeat;
  width: 770px;
  height: 220px;
  position: relative;
  top: 2em;
  padding-left: 10px;
  padding-bottom: 2em;
  padding-top: 10px;
  color: black;
}

#ignite-header blockquote {
  background: none;
  font-size: 1.9em;
  margin-left: 0px;
  padding: 0px;
}

#ignite-header h1 {
  font-size: 500%;
  padding: 0px;
  text-transform: none;
  padding-top: .5em;
  
}


/*~~~~~~~~~~~~~ Rooted ~~~~~~~~~~~~~~~~ */
#rooted-header {
  background: url(images/rooted.jpg) top left no-repeat;
  width: 770px;
  height: 220px;
  position: relative;
  top: 2em;
  padding-left: 10px;
  padding-bottom: 2em;
  padding-top: 10px;
}

#rooted-header blockquote {
  background: none;
  font-size: 1.9em;
  margin-left: 0px;
  padding: 0px;
}

#rooted-header h1 {
  font-size: 500%;
  padding: 0px;
  text-transform: lowercase;
  padding-top: .5em;
  
}


/* ~~~~~~~~~~~~~ temporary borders ~~~~~~~~~~~~~ 

#header, #topnavdiv, #body-top, #body-bottom, #footer, #home-sermon, #home-announcements, #home-calendar {
  border: 1px solid red;
  }*/
  
