/*  
Theme Name: UUChurch
Theme URI: http://www.uuchurch.net/
Description: Custom theme for Unitarian Universalist Church of Columbia.
Version: 1.0
Author: Larry Dorman
Author URI: http://www.uuchurch.net/
*/


body {
        font-family: sans-serif, verdana, arial, helvetica;
         background: url('http://uuchurch.net/_image/bgcolor.jpg');
              color: #000000;
}

a:link {
              color: #bf608a;
        font-weight: bold;
    text-decoration: none;
}

a:visited {
              color: #bf608a;
        font-weight: bold;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h2 {
         text-align: center;
          font-size: 1.5em;
        font-weight: bold;
              color: #6699cc;
}

h3 {
          font-size: 1.2em;
        font-weight: bold;
              color: #6699cc;
}


h4 {
          font-size: 1.0em;
        font-weight: bold;
              color: #6699cc;
}

hr {
             border: 0px;
             height: 2px;
             margin: 2px 10px 2px 10px;
}

dt {
          font-size: .9em;
              color: #6699cc;
             margin: 0px 0px 0px 20px;
}

dd {
          font-size: .8em;
              color: #6699cc;
}

#page {
   background-color: white;
             border: none;
         text-align: left;
         background: url('http://uuchurch.net/_image/bg.jpg') repeat-y top; border: none;
             margin: 5px auto;
            padding: 0px;
              width: 950px;
}

#content {
          font-size: 1.1em;
}

#header  {
         background: url('http://uuchurch.net/_image/uucc1.gif') no-repeat bottom center;
             height: 155px;
              width: 950px;
}

.mainbody {
              color: #000000;
              float: left;
            padding: 0px 0px 0px 0px;
             margin: 15px 10px 15px 30px;
              width: 700px;
        line-height: 1.4em;
         text-align: left;
}

img {
             border: 0px;
}

img.aligncenter {
            display: block;
        margin-left: auto;
       margin-right: auto;
}

img.alignright {
            padding: 4px;
            display: inline;
              float: right;
}

img.alignleft {
            padding: 4px;
            display: inline;
              float: left;
}

#sidebar {
         background: url('http://uuchurch.net/_image/sidebar_back.gif') repeat-y bottom;
             border: 0px;
   background-color: #d7ecec;
              width: 165px;
             margin: 15px 18px 15px auto;
}

#sidebar img.sidebar_top {
   vertical-align: top;
}

#sidebar img.sidebar_bot {
   vertical-align: bottom;
}   


#sidebar a {
        line-height: 1.5em;
}

#sidebar a.nav {
            padding: 0px 0px 0px 15px;
}

#sidebar a.navsub {
          font-size: .8em;
            padding: 0px 0px 0px 20px;
}

#sidebar a.navcur {
              color: #4169E1;
        font-weight: bold;
             margin: 0px 0px 0px 15px;
}

#sidebar a.navcursub {
          font-size: .8em;
        font-weight: bold;
             margin: 0px 0px 0px 20px;
}

#sidebar li{
          font-size: .8em;
            padding: 0px 0px 0px 20px;
    list-style-type: none;
}

#sidebar1 {
         background: url('http://uuchurch.net/_image/sidebar_back1.gif') repeat-y bottom;
              width: 165px;
}

#sidebar1 a.navcursub {
              color: #4169E1;
}

#sidebarx {
         background: url('http://uuchurch.net/_image/sidebar_back.gif') repeat-y bottom;
             border: 0px;
         text-align: center;
        line-height: 150%;
              width: 165px;
             margin: 20px 18px 15px auto;
}


/*
Shelda's comment:

Sidebarz is my attempt to get the bottom half of the side bar to align as the upper one does. I don't like it centered when the other bar is left aligned. It just looks sloppy to me. 

At this point I've been able to move the text over, and the image, but not the input text box and button.

I've used this only on contact.htm. Thought I'd play with it there first.

Another option would be to move "Directions" and "Contact Us" up with the other menu items, and leave the Google Search down there on its own.
*/

#sidebarz {
         background: url('http://uuchurch.net/_image/sidebar_back.gif') repeat-y bottom;
             border: 0px;
        line-height: 150%;
              width: 165px;
             margin: 20px 18px 15px auto;
}

#sidebarz a.nav {
            padding: 0px 0px 0px 15px;
}

#sidebarz a.navcursub {
         text-align: center;
}

.gallery{
         text-align: center;
              float: left;
              width: 325px;
             height: 275px;
}

.gallery_one {
         text-align: center;
             height: 300px;
              clear: both;
}

#footer {
             height: 50px;
              width: 950px;
         background: url('http://uuchurch.net/_image/footer.jpg') no-repeat top;
              clear: both;
             border: 0px; 
             margin: 0px 0px 0px 0px;
}  

#footer p {
          font-size: .7em;
         text-align: center; 
             margin: 5px auto 0px auto;
}

.footer_hr {
        line-height: 1px;
          font-size: 1px;
             height: 1px;
              width: 910px;
             margin: 0px auto 0px auto; 
   background-color: #6699cc;
              color: #6699cc;
}

.blue {
   background-color: #a2dfe6;
              color: #a2dfe6;
}

.gray {
   background-color: #808080;
              color: #808080;
}

small {
          font-size: .8em;
         font-style: italic;
}