/*
Theme Name: Ocean Mist
Theme URI: http://www.edmerritt.com/
Description: A blueish two-column theme with a large customizable header, visible post author, and category navigation at the bottom.
Version: 1.2-wpcom
Author: Ed Merritt
Author URI: http://www.edmerritt.com/
Tags: custom-header, two-columns, blue, custom-menu, fixed-width, rtl-language-support, sticky-post, translation-ready, blog, nature, artistic, dreamy, faded, light
*/

/* margin: top, right, bottom, left */

/* layout */
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.4em;}
body {position: relative; background: url(../../../../bb-content/images/bg_body_white_grey.gif) top left repeat-x #ebebff; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #4B5D67; text-align: center;}
#page {display: block; width: 1000px; background: url(../../../../bb-content/images/bg_main_white_blue.gif) top repeat-y; text-align: left; margin: 0 auto;}
#header {position: relative; float: left; display: block; width: 1000px; background: url(../../../../bb-content/images/logobluegrey.gif) top no-repeat; height: 150px; padding: 0;}
* html #header {height: 145px;}

/* page tabs (margin: top, bottom, right, left) */
/* Position of set of tabs in page header; blue grey #4bafff */
.pagetabs {position: absolute; bottom: 3px; left: 1px; display: block; float: left; padding: 0; margin: 0 0 0 25px; list-style: none;}
/* Border below the tabs; hover is when mouse moves over a tab; active when a tab clicked*/
.pagetabs li {float: left; border-bottom: 1px solid #ebebff; margin: 0 5px 0 0; padding: 0;}
.pagetabs li:hover {border-bottom: 1px solid #ebebff;}
.pagetabs li:active {border-bottom: 1px solid #ebebff;}
/* Tabs colour */
.pagetabs a {float: left; display: block; padding: 5px 5px 3px 5px; background: #ebebff; color: #000; font-size:1.4em; font-weight: normal; border-bottom: 0px solid #ebebff;}
.pagetabs a:hover {border-bottom: 0px solid #ebebff; color: #ebebff;}
.pagetabs a:down {border-bottom: 0px solid #ebebff; color: #ebebff;}
.pagetabs a:active {border-bottom: 0px solid #ebebff; color: #ebebff;}
.pagetabstitle {border-bottom: none !important; color: #4bafff; font-weight: normal; position: relative; top: 4px;}

* html #content, * html
.post {float: left; display: block; width: 923px; padding: 3px 0 0 3px;}
.page {float: left; display: block; width: 923px; padding: 3px 0 0 3px;}

#subnav  { display:block; width: 187px; height:194px; background: url(../../../../bb-content/images/nav.gif) no-repeat; }
.naventry {float: left; display: block; width: 160px; padding: 10px 5px 5px 10px; }

#linknav1 { display:block; width:180px; height:40px; background: url(../../../../bb-content/images/link_nav_1.png) no-repeat; }
#linknav2 { display:block; width:180px; height:40px; background: url(../../../../bb-content/images/link_nav_2.png) no-repeat; }
#linknav4 { display:block; width:180px; height:40px; background: url(../../../../bb-content/images/link_nav_4.png) no-repeat; }
.linktxt  { display:block; width:160px; padding:6px 0px 0px 0px; font-size:18px; text-align:center; }

#addrbox {display:block; width: 420px; height:190px; background: url(../../../../bb-content/images/bg_address_blue.jpg) no-repeat; }
.addrtxt {display:block; padding: 15px 0px 0px 15px; font-size:15px; color:#000; text-align:left; }
#aboutbox {display:block; width: 920px; height:400px; background: url(../../../../bb-content/images/bg_about_blue.jpg) no-repeat; }
.abouttxt {display:block; padding: 15px 15px 15px 15px; word-wrap:break-word; font-size:15px; color:#000; text-align:left; }

#servicebox {display:block; width:340px; background:url(../../../../bb-content/images/bg_services.png) no-repeat; }
.servicetxt {display:block; width:100px; height:195px; padding-top:10px; padding-left:30px; font-size:1.2em; font-color:black; }

#seriesbox {display:block; width:370px; background:url(../../../../bb-content/images/bg_series.png) no-repeat; }
.seriestxt {display:block; width:100px; height:195px; padding-top:8px; padding-left:0px; font:Helvetica, sans-serif; font-size:1.8em; text-align:center; color:black; }

#eventsbox {display:block; width:365px; background:url(../../../../bb-content/images/bg_events.jpg) no-repeat; }
.eventstxt {display:block; width:100px; height:195px; padding-top:8px; padding-left:0px; font:Helvetica, sans-serif; font-size:1.7em; text-align:center; color:black; }

/* #txh1 {font-size:2.0em; font-weight: bold; background:#efefff; color:#000; padding-left:25px; margin-left:-25px; width:965px; height:1.8em;} */
#txh1 {font-size:2.0em; font-weight: bold; background:#fff; color:#000; padding-left:25px; margin-left:-25px; width:965px; height:2.0em;}
#txh2 {font-size:1.4em; font-weight: bold; background:#fff; color:#000; height:1.8em;}
#txh3 {display:block; font-size:1.3em; font-weight:bold; padding:5px 0px 5px 0px; background:#0dd; color:#000; align:center;}
#txh4 {font-size:1.8em; background:#fff; color:#00f; font-weight:bold; height:2.0em; }
#txp1 {font-size:1.2em; background:#fff; color:#000;}
#txp2 {font-size:1.2em; background:#fff; color:#000; height:1.4em;}

#ecbox900 {display:block; position:relative; width:917px; height:25px; font-size:1.4em; padding-top:4px; padding-left:20px; background:#ebebff; color:#000; border-style:solid;}
#ecbox340 {display:block; position:relative; width:342px; height:25px; font-size:1.4em; padding-top:4px; padding-left:20px; background:#ebebff; color:#000; border-style:solid;}
#ecbox310 {display:block; position:relative; width:310px; height:25px; font-size:1.4em; padding-top:4px; padding-left:20px; background:#ebebff; color:#000; border-style:solid;}
#ecbox500 {display:block; position:relative; width:480px; height:25px; font-size:1.4em; padding-top:4px; padding-left:20px; background:#ebebff; color:#000; border-style:solid;}
#ecbox2 {display:block; position:relative; width:450px; height:200px; font-size:1.2em; padding-top:4px; padding-left:20px; background:#4896E1; color:#000; border-style:solid;}

#hc-tbl table {}
.hc-acrd { border-style:none }

#hc-trig {}
.trbg1 { display:block; font-size:1.3em; font-weight:bold; background:#0dd; color:#000; align:center; }

#hc-date {}
.day   {background:transparent; border:solid; font-size:1.2em; height:21px; padding:1px; width:77px; margin:0px; }
.month {background:transparent; border:solid; font-size:1.2em; height:21px; padding:1px; width:94px; margin:0px; }
.year  {background:transparent; border:solid; font-size:1.2em; height:21px; padding:1px; width:81px; margin:0px; }
.input-register input {type:text; background:transparent; border:solid; font-size:1.2em; padding:1px 0px 0px 4px; maxlength:50px; height:17px; width:162px; }
.input-health   textarea   {background:transparent; border:solid; font-size:1.2em; padding:1px 0px 0px 4px; height:38px; width:auto%; margin:0px 0px 0px 0px; }
.select-schoolyear  select {background:transparent; border:solid; font-size:1.2em; padding:1px; height:22px; width:168px; }
.select-audyear     select {background:transparent; border:solid; font-size:1.2em; padding:2px; height:22px; width: 150px; }
.select-audpreacher select {background:transparent; border:solid; font-size:1.2em; padding:2px; height:22px; width: 170px; }
.beige  { background-color: #eeece6; }
.slate  { background-color: #ddd; }
.green  { background-color: #779126; }
.blue   { background-color: #3b8ec2; }
.yellow { background-color: #eec111; }
.black  { background-color: #000; }
.beige select  { color: #000; }
.slate select  { color: #000; }
.green select  { color: #fff; }
.blue select   { color: #fff; }
.yellow select { color: #000; }
.black select  { color: #fff; }

#bob a:hover {background-color: #E2EBF8;}

#content {float: right; position: relative; left: -23px; display: block; width: 950px; margin: 0 0 0 7px; }

#nospace {float: left;}
#nospace a:hover {background-color: #E2EBF8;}

#comingupbox { float: left; width: 300px; }
#comingupbox p a:hover, #comingupbox ul a:hover { text-decoration: none;}

#who { float: left; width: 220px; height: 160px; text-align:center }
#newline { float: left; width: 500px;}

#contactbox { clear: left; float: left; width: 420px; height:380px; background: url(../../../../bb-content/images/contact_bg_grey_blue.jpg) no-repeat; }
.contactentry {float: left; display: block; width: 400px; height:380px; padding: 20px 0px 0px 20px; }
.submitbox {float: left; display: block; width: 125px; height:20px; padding: 0 20px 0 0px; }
.reply     {float: left; display: block; width: 125px;  }
.mapentry  {float: left; display: block; width: 400px; height:380px; padding: 10px 0px 0px 10px; }

#audiobox {
  background: url("images/bg_audio.jpg");
  color: #ffffff;
  float: center;
  height: 100px;
  width: 100px;
  font-family: Gabriola;
  font-size: 30px;
  font-weight: 900;
  line-height: 100px;
  text-align: center;
}

#pdcstbox {
  background: url("images/bg_pdcst.png");
  color: #ffffff;
  float: center;
  height: 120px;
  width: 180px;
  font-family: Gabriola;
  font-size: 30px;
  font-weight: 900;
  line-height: 100px;
  text-align: center;
  vertical-align: bottom;
  margin-left: auto;
  margin-right: auto;
}

#songbox {
  background: url("images/bg_song.png");
  color: #ffffff;
  float: center;
  height: 70px;
  width: 180px;
  font-family: Gabriola;
  font-size: 30px;
  font-weight: 900;
  line-height: 100px;
  text-align: center;
  vertical-align: bottom;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: auto:
}

#textright { float: right; display: block; width: 700px; }
#textright2 { clear:top; float: right; display: block; width: 600px; }

#frontbox2 { float: left; display:block; width: 620px; }
#frontbox2 p a:hover, #frontbox2 ul a:hover { text-decoration: none;}
#frontbox3 { float: left; display:block; width: 290px;}
#frontbox3 p a:hover, #frontbox3 ul a:hover { text-decoration: none;}

#eventbox { display: block; width: 300px;}

.formpadz {
    float:right;
    padding-right: 365px;
}

#date {
    background: url("images/img_diary_bg.jpg") no-repeat scroll left top transparent;
    float: left;
    height: 85px;
    width: 111px;
}
#dateday {
    font-size: 85%;
    padding: 24px 0 0 20px;
    text-align: center;
}
#datedate {
    color: #C3361C;
    font-size: 160%;
    padding: 6px 0 0 20px;
    text-align: center;
}
#datemonth {
    font-size: 85%;
    line-height: 7px;
    padding: 1px 0 0 20px;
    text-align: center;
}
#eventtitle {
    background: url("images/img_eventtitle_bg.jpg") no-repeat scroll left top transparent;
    color: #444444;
    float: left;
    font-size: 170%;
    height: 58px;
    padding: 32px 0 0 27px;
    width: 366px;
    }
#eventimage {
    float: left;
    height: 62px;
    padding: 21px 0;
    width: 103px;
}
#eventinfowrap {
    float: left;
    width: 575px;
    padding: 0 28px 0 24px;
}
#eventinfo {
    border-bottom: 1px solid #CED1D4;
    float: left;
    width: 560px;
    font-size: 90%;
    padding: 0 0 15px;
}
#eventinfo a:link, #eventinfo a:visited {
    color: #4D99CA;
    font-weight: normal;
    text-decoration: none;
}
#eventinfo a:hover, #eventinfo a:active {
    color: #4D99CA;
    text-decoration: underline;
}

#page .entry { float: none; width: auto; }

.postinfo {float: left; display: block; width: 157px; margin: 0 0 18px 0;}
.wideposts .entry {float: left; display: block; width: 900px; margin: 0 23px 18px 5px;}
.wideposts .postinfo {float: left; display: block; width: 900px; margin: 0 0 18px 0;}
.archive .postinfo {margin-left: 0;}
.archive .entry {margin-right: -24px;}
* html .post, * html
.widget { padding-bottom:9px; word-wrap: break-word; }
.widget p, .widget div { padding:9px 9px 0; }
.widget table { margin-left: 9px; }
.widget_recent_comments table {
  table-layout: fixed;
  width: 177px;
}
.widget p img { padding: 2px 8px; }
.widget.widget_flickr table { margin: 0; border: 0 !important; background-color: transparent !important; }

/* typography */
h1 {font: 2.2em Tahoma, Verdana, Arial, sans-serif; color: #fff; letter-spacing: -1px; padding: 45px 37px 0 37px; margin: 0 0 -5px 0;}
h1 a, h1 a:visited {color: #fff; text-decoration: none;}
.description {color: #CADFED; margin: 0 37px 25px 37px;}
.title h2, #respond h3 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 24px 12px 12px;}

/* padding: top right bottom left */
#content .postwrapper .title h2 {font: 2.0em Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color:#000; text-transform: none; padding: 9px 0px 0px 5px; }

.textwidget p {padding: 0 9px;}
.title small {float: right; padding: 14px 24px 0 0; color: #67939B;}
h2 a, h2 a:visited {}
.entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0 0 0.5em 0;}
.entry h2 {font-size: 1.6em; }
.entry h3 {font-size: 1.4em; }
.entry h4 {font-size: 1.2em; }
.entry h5 {font-size: 1.1em; }
.entry h6 {font-size: 1.0em; }
p {margin: 0 0 18px 0; padding: 0;}
.postinfo p {padding: 0 6px;}
.req {padding-left: 3px; color: #CC0000;}
.small {line-height: 0.7;}
.large {line-height: 1.8;}
</style>

blockquote {padding: 0 0 0 12px; border-left: 3px solid #ccc;}

/* lists */
ul {margin: 0 0 24px 9px;}
ul ul {margin: 0 0 0 9px;}
ol {margin: 0 0 24px 9px;}
ol ol {margin: 0 0 0 9px;}
ul li {margin: 0 24px 0 14px;}
ol li {margin: 0 24px 0 24px;}
.buttons {float: left; display: block; width: 100%; list-style: none; margin-left: 0; margin-bottom: 21px;}
*:first-child+html .buttons {float: none;}
.buttons li {float: left; margin: 0 18px 3px 0; padding: 0;}
.buttons ul {margin: 3px 0 0 0; list-style: none; padding-bottom: -5px;}
.buttons ul a, .buttons ul a:visited {padding: 3px 6px 4px 6px; font-weight: normal;}
* html .buttons li {margin: 0;}
.buttons a, .buttons a:visited {display: block; width: 145px; padding: 6px; text-align: center; background: url(../../../../bb-content/images/menu.gif) bottom left no-repeat; border-top: 1px solid #D1E0F0; font-weight: bold;}

p.pages {flont-weight: bold;}
p.pages a {display: block; padding: 3px; width: auto; background: url(../../../../bb-content/images/menu.gif) bottom left no-repeat; border-top: 1px solid #D1E0F0; border-right: 1px solid #D1E0F0;}
.catlist {float: left; list-style: none; margin: 0 0 18px 0;}
*:first-child+html .catlist {border-bottom: 18px solid #fff;}
.catlist li {float: left; margin: 0 18px 0 0; border-bottom: 1px solid #CAD6E1;}
* html .onecol li {margin: 0;}
.catlist ul {display: none;}
/* .catlist li:first-child, .catlist li:first-child+li, .catlist li:first-child+li+li {border-top: 1px solid #CAD6E1;}
.onecol li:first-child+li, .onecol li:first-child+li+li {border-top: none;} */
*:first-child+html .onecol {border-bottom: 0;}
.catlist a, .catlist a:visited {display: block; width: 145px; padding: 1px 6px 2px 6px; margin: 1px 0;}
.catlist a:hover {background: #F2F2F2;}
#themeswitcher {list-style: none; margin: 0 0 18px 0;}
#themeswitcher li {margin: 0;}

/* links */
a, a:visited {color: #7f1d1d; text-decoration: none;}
#page p a:hover, #page ul a:hover {background-color: #4bafff;}
#content p a:hover, #content ul a:hover {background-color: #E2EBF8;}

/* main image */
#mainpic {position: absolute; bottom: 0; float: left; width: 1000px; margin: 0 1px; border-bottom: 3px solid #4bafff;}

/* forms */
form {margin: 0 0 18px 0;}
#searchsubmit {position: absolute;}
#s {width: 130px; padding: 2px; border: 1px solid #b7aa7d; background: #fff1b3; color: #32474B; margin-right: 2px;}
select, .field {width: 157px; margin: 0 0 4px 0; color: #32474B;}
.field, #respond input[type="text"] {padding: 2px; width: 153px;}
textarea {padding: 2px; width: auto%; font: 1em Verdana, Arial, Helvetica, sans-serif; margin-top: 10px; }
select option {padding: 1px;}
#submit {padding: 3px;}

/* calendar */
#wp-calendar caption {width: 157px; text-align: center; background: #4b5d67; color: #fff; border-bottom: 2px solid #e6eef7;}
#wp-calendar { border-collapse:collapse; width: 156px; text-align: center;}
#wp-calendar thead tr {background: url(../../../../bb-content/images/cal_bkg.gif) bottom right no-repeat;}
#wp-calendar thead th {background: url(../../../../bb-content/images/cal_single.gif) top left no-repeat;}
#wp-calendar tbody td {background: url(../../../../bb-content/images/cal_single2.gif) top left no-repeat; padding: 2px 0;}
#wp-calendar #today {background: url(../../../../bb-content/images/cal_single_today.gif) top left no-repeat; color: #000;}
#wp-calendar tbody .pad { background: url(../../../../bb-content/images/cal_pad.gif) top left no-repeat;}
#wp-calendar a {padding: 2px 0; font-weight: bold;}
#wp-calendar tfoot td {padding: 3px 0; background: url(../../../../bb-content/images/cal_pad.gif) top left no-repeat;}
#wp-calendar #next {text-align: right; padding-right: 10px;}
#calendar_wrap {display: block; width: 157px; background: url(../../../../bb-content/images/cal_bkg.gif) bottom right no-repeat; padding: 0 1px 1px 0; margin: 0 0 18px 18px;}

#header li {
  position: relative;
}
#header ul ul {
  display: none;
  position: absolute;
  top: 400px;
  left: 0;
  float: left;
  margin: 0;
  z-index: 99999;
  list-style-type: none;
  -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
  box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}
#header ul ul li {
  min-width: 85px;
  margin: 0;
}
#header ul ul a {
  width: 140px;
}
#header ul li:hover > ul {
  display: block;
}
#header ul ul ul {
  left: 100%;
  top: 0;
}

/* footer */
#footer {clear: both; display: block; width: 1000px; background: url(../../../../bb-content/images/bg_footer_grey_blue.gif) bottom no-repeat; border-bottom: 8px solid #4b96ff; text-align: center;}
* html #footer {margin-top: 18px;}
#footer-top {display: block; width: 1000px; height: 15px; background: url(../../../../bb-content/images/bg_footer-top_grey_blue.gif) top no-repeat;}
#footer p {color: #798892; padding: 0 37px 7px 37px;}
#footer a, #footer a:visited {color: #B05255;}

.comment .avatar {
  border: 1px dotted #ccc;
  float: right;
  margin-right: 25px;
  padding: 2px;
}

.com { text-align: right; margin-right: 1em; }

.navigation {
  display: block;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 60px;
  margin: 5px 24px;
}

#akismetstats,

a img {border-color: #7f1D1d;} /* make border-color explicit for lte IE7 */
img.centered, img.aligncenter { display: block;  margin-left: auto;  margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}
.widget .wp-caption {
  padding: 4px 0 0 0;
}
.commentlist {
width: 500px;
}
.commentlist li {
padding: 0;
margin: 0;
list-style: none;
}
.commentlist .children {
margin-left: 30px;
width: auto;
}
.commentlist .children li {
list-style: none;
}
.commentlist li.archive {
width: 100%;
border-bottom: 0;
}
.commentlist li.archive {
border-bottom: 1px solid #CCCCCC;
}
.commentlist .children .archive {
border-left: 1px solid #CCCCCC;
}
#page .commentlist .entry,
.commentlist .entry {
width: 70%;
float: left;
}
.commentlist .entry p {
  margin-right: 25px;
}
.commentlist .postinfo {
width: 30%;
}
.commentlist #respond .post {
padding: 0;
}
.commentlist #respond .post, .commentlist #respond .title {
width: auto;
}
.commentlist #respond .title {
display: block;
clear: both;
float: none;
}
.commentlist #respond .entry {
width: 100%;
}
.commentlist #respond textarea{
width: 100%;
}
#respond form {
  clear: both;s
  padding: 18px 0 0 18px;
}
#respond label {
  clear: right;
  font-size: 10px;
}
#respond input[type="text"] {
  float: left;
  margin-right: 6px;
}
#respond p {
  line-height: 24px;
}
#respond .comment-form-comment label,
#respond .form-allowed-tags {
  display: none;
}
#respond .required {
  font-size: 10px;
  margin-left: 5px;
  color: #ff4b33;
  font-weight: bold;
}
#respond .subscribe-label {
  font-size: 12px;
}
#respond .comment-notes {
  font-size: 11px;
}
#respond #cancel-comment-reply-link {
  margin-left: 10px;
}