/*
Theme Name: Worship Institute Beta
Theme URI: http://www.nathanbweb.com
Description: two-column theme for event archive; adapted from Wires by Nathan Bierma
Version: 2.8
Author: Nathan Bierma
Author URI: http://www.nathanbweb.com
Tags: two-column, event archive
*/

/* --- RESET --- */
* {margin:0; padding:0}

/* --- BODY --- */
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
    line-height:150%;
    background-color: #D5A25C;
    background-image: url(images/bg.gif);
    background-repeat: repeat-y; background-position: 0 0;
    margin: 0;
    padding: 0;
}

/* --- LINKS --- */
a { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; background-color: transparent; outline: none;}
a:link { color: #8C124A; }
a:visited { color: #8C124A;}
a:hover { color: #D5A25C;}
a:active, a:focus { color: #333; text-decoration: none;}

/* --- LAYOUTS --*/
#pagewrap {margin:0; padding:0}    /* was margin:5px; padding:5px; width:940px; */
#headwrap {background:#8c124a url(images/bg-header.gif) repeat-x; margin: 0; padding:0; height:169px; width:100%}
#mainwrap { display:block; height:100%; margin:0; padding:0; width:960px;}
#main { margin: 0; padding:0; width:960px; }
#postwrap {background:#fff; display:inline; float:right; margin:0 0px 0 0; padding:0; width:750px;}
#postwrap ul {list-style:none}
.post {margin: 0; padding:0;}
#side {background:#E2BE87; display:inline; float:left; margin: 0 0 0 20px; padding:0 0 0 0px; width:180px;}
#side ul {list-style:none;}
#footerwrap {background:#fff; margin-left: 240px; padding:5px; text-align:center; width:700px;
                border-top:1px solid #f0ebcc}

/* --- HEADINGS --- */
h1 {font-size: 200%; margin: 0 0 0 5px; text-indent:-9999px; float:right}
h2 {font-size: 140%; margin:5px 0;}
h3 {font-size: 120%; margin:10px 0;}
h4 {font-size: 110%; margin:10px 0;}
h5, h6 {margin:10px 0;}

.post h2 {margin-left:5px;}
h2.results, h2#searchresults {margin-bottom:25px;}
h3.titlelist {margin-left:5px;}
h4.hedlisten {margin:10px 0 0 5px; font-weight:bold;}
h4.hedpresentations {margin:25px 0 15px 5px; font-weight:bold;}
h5.handout {margin:20px 0 0 5px; font-size:1em; font-weight:bold;}
h6.presenterline {font-size:1em; font-weight:normal; margin:5px 0 0 5px;}
h3.titlelisting a {text-decoration:none}
h3.titlelisting a {text-decoration:none}
.taglisting {background: #f0ebcc; font-size:x-small; margin:5px 25px 25px 10px; padding:5px;
        border-radius:5px; -moz-border-radius:5px; -webkit-border-radius: 5px;}
#tagline {background: #f0ebcc; font-size:small; margin:10px 25px 15px 5px; padding:5px;
        border-radius:5px; -moz-border-radius:5px; -webkit-border-radius: 5px;}

h6.disclaimer {font-size:0.75em; font-style:italic; font-weight:normal; line-height:1.25em; margin:15px 0 10px 5px; }

/* HEADER */
#headwrap img {border:0}
#subtitle {font-size:small; margin: 10px 0 5px 5px}

#headerwrap      {margin: 0; padding: 0; height: 170px; width: 960px; }
#headerin        {margin: 0; padding: 0; height: 170px; width: 960px; }
#headerone       {float: left; margin: 0; padding: 0; height: 170px; width: 200px;}
    #headerone img {height:170px; width:200px;}

#headertwo       {display: inline; float: left; margin: 35px 0 0 15px; padding: 0; height: 100px; width: 480px; }
#headerthree     {display: inline; float: right; margin: 0; padding: 0; height: 150px; width: 210px; }

#search-box {margin:50px 0 0 0;}
#search-box form button {float:right; margin-right:50px;}

/* SIDEBAR */
/* orig sidebar css */
#side ul li ul li {border-bottom:1px dotted #fff;}
#side ul li a {display:block; padding: 5px; text-decoration:none}
#side ul li a:link, a:visited {color:#8c124a;}
#side ul li a:hover {background: #D5A25C; color:#fff;}
#side ul li a:active, a:focus {color:#333;}

/* from cicw css */
#navbar ul { margin: 0; padding: 0; list-style-type: none; line-height: normal;}
#navbar ul li { margin: 0; padding: 10px 0 10px 40px; background: url(/worship/images/bg-border-navbar.gif) left bottom repeat-x; line-height: normal;}
#navbar ul li:hover  { background: url(/worship/images/bg-border-navbar.gif) left bottom repeat-x; background-color: #D5A25C;}

#navbar ul li ul { margin: 0; padding: 0; list-style-type: none; line-height: normal;}
#navbar ul li ul li { margin: 0; padding: 5px 5px 0 20px; font-weight: normal; background: none; line-height: normal;}
#navbar ul li ul li:hover  { background: none; background-color: #D5A25C; /* Dark Harvest Gold */}
#navbar-tail { margin: 0; padding: 10px 0 10px 40px; line-height: normal;}

ul#sideicons li {border:0 !important}
ul#sideicons a {display:inline !important; padding:0 3px !important}

/* Begin widgets */
.widgettitle {margin-top:0px;} /* tried 20px; messed with top */
.widget_search {margin-top:5px;}
.widget_categories {margin-top:20px;}
.widget_tag_cloud {margin-top:20px;}
#searchform {margin-bottom:20px}

/* FOOTER */
#footerline {font-size:small;}
#poweredby  {font-size:x-small;}

/* --- PARAGRAPHS --- */
p {margin:25px auto auto 0px;}
.indent {margin-left:5px;}
.indent-more {margin-left:10px;}

#pagwrap {font-size:1.2em; letter-spacing:1px;}
#pagwrap a {margin-left:5px; margin-right:5px;}

/* POST LAYOUT */
#postwrap {padding-top:15px}
#postwrap ul {list-style: disc inside; margin: 25px 0 0 25px;}
.page ul li {list-style:none}

#storyinfowrap {font-size:small; font-style:italic; margin:5px 0 15px 0; padding:10px; text-align:left; width:700px;}
#storyinfowrap p {margin:10px 0}
#story-creativecommons {border:1px solid #333; background:#eee; font-size:small; font-style:normal; margin:25px 0; padding:10px; text-align:center; width:700px;}
#cclicenseline {margin: 5px 0;}
#cclogo {margin:10px 0; text-align:center;}

#shortlinkline {font-size:x-small; margin: 10px auto 0 5px; }
#shortlinkline a {color:blue; text-decoration:none} /* .shortlink is the link class */
#addthiswrap {margin-top:0}

#yarppwrap {background:#fff; margin:10px 0 10px 5px; padding:5px;}

.tagwrap {font-size:x-small;}

/* Special Link Styles */
.readmorep {font-size:0.9em; margin-top:10px;}

.readmorelink:link {background:#8c124a; color:#fff; margin:5px 0 0 5px; padding: 2px 4px; text-decoration:none;
                border-bottom:0;
                border-radius:3px; -moz-border-radius:3px; -webkit-border-radius: 3px;}
.readmorelink:visited {background:#ccc; color:#fff; margin:5px 0 0 5px; padding: 2px 4px; text-decoration:none;
                border-bottom:0;
                border-radius:3px; -moz-border-radius:3px; -webkit-border-radius: 3px;} /* was #EEE0E5 */
.readmorelink:hover {background:#D5A25C; color:#000; margin:5px 0 0 5px; padding: 2px 4px; text-decoration:none;
                border-bottom:0;
                border-radius:3px; -moz-border-radius:3px; -webkit-border-radius: 3px;}
.readmorelink:active, .readmorelink:focus {background:#999; color:#fff; margin:5px 0 0 5px; padding: 2px 4px; text-decoration:none;
                border-bottom:0;
                position: relative; top: 3px;
                border-radius:3px; -moz-border-radius:3px; -webkit-border-radius: 3px;}

/* special story links */
.togglink:visited, .box-close:visited, #archivelink:visited
{background:#8c124a; color:#fff;}
.togglink, .box-close {margin:5px 0; }
.togglink {display:inline;}
.box-close {display:block; width:10%; font-size:x-small; }

.toggle-content h4, h4.toggle {display:inline}
h3.story-parttwo-title  {display:inline}

#archivelink {display:inline; float:right; margin:2px 15px 2px 5px; text-align:center; width:100px;}
#addthis {display:inline; float:left; margin:2px 0 2px 0; }

#viewmorephotos {display:block; font-size:small; width:55%; margin:10px 0}
#viewmorephotos:link, #viewmorephotos:visited {background:#D5A25C; margin-left:auto; margin-right:auto; }

#toggle-link5 {display:block; margin:10px 0; width:35%} /* for sidebar story */
#toggle-close5 {display:block; margin:10px 0; width:20%} /* for sidebar story */
#toggle-close5 {display:block; margin:10px 0; width:20%} /* for sidebar story */
#toggle-link5:link, #toggle-link5:visited, #toggle-close5:link, #toggle-close5:visited {background:#333;}

/* --- COMMENTS --- */
textarea#comment {width:400px;}
#comments label {display:block; margin:5px 0}
#comments input {display:block; margin:5px 0}
#comments textarea {display:block; margin:5px 0}

/* book info */
.book {background:#f0ebcc; width:300px; margin:25px 0 10px 35px; padding:10px;
        border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
h4.hedbook {margin:10px 0 0 5px; font-size:1em; font-weight:bold;}
.bookcover {border: 0; float:right; margin: 5px; max-height:160px;}
h4.booktitle  {margin:20px 0 0 5px; font-size:1em; font-weight:bold;}
cite.bookauthor {display:block; font-size:1em; font-style:normal; font-weight:normal; margin:5px 0 0 5px;}
cite.pubinfo {display:block; font-size:0.75em; font-style:normal; font-weight:normal; margin:5px 0 0 5px;}

/* UTILITY STYLES */
.clear, .endgroup {clear:both;}
.center {text-align:center;}
.em {font-style:italic;}
.strong {font-weight:strong;}
.off, .hide {display:none;}
.onehundred, full {width:100%;}
.alignoff, .alignbye {text-align:-9999px;}

/* --- STORY STYLES --- */
#story-wrap {width:750px; height:5px; border:0px dotted #333; height:10%;} /* check height; try min-height */
#story-main-wrap {width:450px; border:0px dotted #333; background:#fff; float:left; padding:5px; }

h2#story-title {display:block; font-size:1.25em; margin:15px 0 0 0;}
h4#story-deck {display:block; font-size:0.9em; font-style:italic; font-weight:normal; letter-spacing:0.5px; line-height:1.4em; margin:10px 0 5px 0; }
h3#story-sidestory-title {display:block; font-size:1.1em; margin:2px 0;}

#story-main {padding:0 5px 5px 5px;}
#story-parttwo {border-bottom:1px dotted #999; margin:10px 0}
#story-learn, #story-start, #story-respond {border-bottom:1px dotted #999 }

#story-side-wrap {border:0px dotted #333; background:#fff; display:inline; float:right; margin: 0 5px; padding:0px; width:260px; }
#archivewrap {padding-top:10px; text-align:left}
#story-shareit {border:0 }
#sidephotowrap {background:#f0ebcc; margin: 10px 0; padding:8px; text-align:center;}
#storyimage {border:1px solid black; max-width:244px;} /* or try style="height:183px; width:244px;" */
#story-photos {border:0 }
#story-photos img {border:0}
#story-sidestory {border:0; background:#eee; padding:8px;}

#learnboxwrap {margin:20px 0 0 0;}
.learnbox, #story-parttwo {background:#f0ebcc; padding:15px 5px}
h4.sidebarhed {font-size:0.7em; font-weight:normal; letter-spacing:2px; margin:2px 0; text-transform:uppercase}
h3#story-parttwo-title {margin-top:0}

.show-all {min-width:440px;}
#story-sidestory .show-all {min-width: 250px;}

cite#photo-caption {display:block; font-size:0.75em; font-style:normal; margin:2px 0;}

.learnbox p, #story-start p, #story-respond p, #story-learn p {margin:10px 0;}
.learnbox ul, #story-start ul, #story-respond ul, #story-learn ul {list-style:disc inside}
.learnbox ul li, #story-start ul li, #story-respond ul li, #story-learn ul li {margin:10px 0 0 10px;}

/* --- SYMPOS NAVBAR --- */
#sympos-nav-wrap {margin-top:15px;}
#sympos-nav-bar {display: inline; float: left; margin: 10px 10px 5px 2px;}
#sympos-nav-items-wrap {display:inline; float: left; height:20px; margin: 2px 0pt 0pt 0pt;}    /* was margin: 24px 0 0 0; */
#sympos-nav-items {display:inline; float:left; margin: 2px 0 0 0;}

.parent-pageid-65 .post h2 {display:none} /* hide post title so it doesn't go above navbar - fxn wanted */
.page-id-65 .post h2 {display:none} /* hide post title so it doesn't go above navbar - fxn wanted */
.parent-pageid-65 .post h3#post-title-redux {margin-top:20px;}  /* spacing fix */
.page-id-65 .post {padding-right:20px;} /* spacing fix */

/* via http://www.cssnewbie.com/example/horizontal-menu/  */

   #sympos-nav-items {
      width: 100%;
      float: left;
      margin: 0 0 3em 0;
      padding: 0;
      list-style: none;
      background-color: #f2f2f2;
      border-bottom: 1px solid #ccc;
      border-top: 1px solid #ccc;
      border-left:1px solid #ccc}

   #sympos-nav-items li {
      float: left; }

   #sympos-nav-items li a {
      display: block;
      padding: 8px 15px;
      text-decoration: none;
      font-weight: bold;
      color: #8c124a;
      border-right: 1px solid #ccc; }

   #sympos-nav-items li a:hover {
      color: #000;
      background-color: #d5a25c; }

#sympos-nav-items li.last a {border:0} /* no border on last item */
#sympos-nav-items-wrap {max-width:525px;} /* fixing stretch */
#sympos-nav-items-wrap ul {border-right:1px solid #ccc} /* put border back on */

/* Sympos schedule table */
#sympos-sched {border:0; margin-top:15px; text-align:center; width:700px;}
#sympos-sched th {background: #d5a25c; font-size:1.2em; padding:10px;}
#sympos-sched td {padding:0px;} /* was 10px */

#sympos-sched #one {width:50px}
#sympos-sched #two {width:200px}
#sympos-sched #three {width:200px}
#sympos-sched #four {width:200px}

.half {width:100px;}
.time {background:#ccc}
.worship {background:#8B6E9B}
.plenary  {background:#72A596}
.seminar {background:#72A596}
.session {background:#f0ebcc}
.lunch {background:#AA6464}
.vespers {background:#965A00}
.empty {background:#ccc}

#sympos-sched a {display:block; padding:15px; text-decoration:none}
#sympos-sched a:link, #sympos-sched a:visited {color:#000;}
#sympos-sched a:hover {background:#fff; color:#d5a25c; text-decoration:underline}
#sympos-sched a:active, #sympos-sched a:focus {background:#ccc; color:#8c124a; text-decoration:underline }

#sympos-sched ul li {list-style-type:disc; list-style-position:inside; text-align:left}

#post-85 p {font-size:small;} /* paragraph over sympos-sched table */

/* pure css tooltips - from http://bit.ly/css-tooltips-psacake */
a.sched-info{
    position:relative; /* keeps from blocking the div */
    z-index:24;
    text-decoration:none; }

a.sched-info:hover {z-index:25;
            background-color:#fff;
            color:#d5a25c;
            text-decoration:none !important; }

a.sched-info span{display: none}

a.sched-info:hover span{
    display:block;
    position:absolute;
    top:2em; left:10em; width:15em;
    border:1px solid #000;
    background-color:#ffcc00;
    color:#000;
    text-align: center;
    text-decoration:none;
            border-radius:3px; -moz-border-radius:3px; -webkit-border-radius: 3px;
            box-shadow: 5px 5px 5px #333; -moz-box-shadow: 5px 5px 5px #333; -webkit-box-shadow: 5px 5px 5px #333;
}

/* Sympos costs table */
#cost, #cost th, #cost tr, #cost td,
#cost-options, #cost-options th, #cost-options tr, #cost-options td
    {border:0;}
#cost {margin-top:20px;}
#cost th {background:#D5A25C}
#cost-options {border:0; margin-top:25px;}
#cost-options th {background:#D5A25C}
.even {background:#f0ebcc}
.cost-options-info {padding-left:10px;}

/* temp beta home page */
.boxwrap {margin:10px;}
.boxlink {display:block; font-size:1.4em; margin:40px 0; padding:50px; width:525px; text-decoration:none;
            border-radius:10px; -moz-border-radius:10px; }
.boxlink:link, .boxlink:visited     {background:#f0ebcc; }
.boxlink:hover                      {background:#D5A25C; color:#000;}
.boxlink:active, .boxlink:active    {background:#eee; color:#333;
                                        position: relative; top: 5px;}

/* Category styles */
.excerpt-archive {margin-left:5px}
.category-whatsnew .taglisting {display:none}
.category-whatsnew .post {margin-top:25px !important}
.category-whatsnew .excerpt-archive p {margin:15px 0}

/* --- CUT --- */

/* Tracker styles */
.tracker {background:#eee; }
.tracker h3 {margin:10px 0 0 0 }
.tracker p {margin:2px 0}
.tracker #postwrap {background:#fff; min-height:350px; width:500px; padding: 5px 10px}
.tracker #archivelink {display:none}

/* from wsympos them */
.titlelist a {text-decoration:none;}
.titlelist a:hover {color:#8c124a; border-bottom: 1px dotted #8c124a; text-decoration:none;}
.titlelist a:active, a:focus {color:#9999cc; border-bottom: 1px solid #9999cc; }

.yearlink {margin:5px 0 0 5px;}
.dload {margin:5px 0 0 5px; font-size:small;}
.audioplayer_container {margin:15px 0 10px 5px;}

.handoutline {margin:5px 0 0 5px; font-size:normal;}

.photo {border:0; display:block; margin:5px; max-width:225px;}
* html .photo {width: 225px; border: 3px solid #ffcc00;} /* IE hack */

#bookbox {background:#f0ebcc; width:350px; margin:15px 0 10px 0; padding:10px;}

/* temp wires
#story-side-wrap, #archivewrap, #sidephotowrap, #story-sidestory
{border:1px dotted red !important}


*/

/* end*/