/*
Theme Name: Blank Slate
Theme URI: http://wwwgetupstream.com
Description: HTML5 Master Reset theme, based on http://html5reset.org.
Author: Upstream Communications (Nicholas Tilley & Lee Billington)
Author URI: http://www.getupstream.com
Version: 1.0
*/

@import url('_/css/grid.css');
@import url('_/css/reset.css');


/* Defaults
-------------------------------------------------------------------------------*/
body, select, input, textarea {color: #333;}
body {
    font-family: "Helvetica Neue, Helvetica, FreeSans, sans-serif";
    margin: 0;
    padding: 0;
    color: #402312;
    background-color: #e8e6df;
    background-image: url('_/img/background.gif');
    background-repeat: repeat-x;
    line-height: 1.5em;
    position: relative;
    font-size: 16px;
}

#wrapper {
  z-index: 1;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }
  #wrapper #header_wrapper {
    z-index: 2;
    background: url('_/img/treeheader.jpg') no-repeat center;
    height: 254px; }
    #wrapper #header_wrapper.sub {
      background: url('_/img/treeheader_sub.jpg') no-repeat center;
      height: 200px; }
    #wrapper #header_wrapper #header {
      z-index: 5;
      width: 1200px;
      margin: 0 auto;
      position: relative; }
      #wrapper #header_wrapper #header h1 {
        margin: 0;
        padding: 0;
        width: 0;
        height: 0; }
        #wrapper #header_wrapper #header h1 a#logo {
          overflow: hidden;
          text-indent: -9999px;
          display: block;
          z-index: 10;
          padding-top: 16px;
          height: 231px;
          width: 286px;
          background: url('_/img/logo.png') no-repeat center; }
          #wrapper #header_wrapper #header h1 a#logo.sub {
            z-index: 10;
            height: 180px;
            width: 223px;
            background: url('_/img/logo_sub2.png') no-repeat center; }

    #wrapper #navigation_wrap {
        background: transparent url('_/img/menuback.png') repeat-x;
        height: 37px; }
        #wrapper #navigation_wrap #navigation {
          margin: 0 auto;
          width: 100%;
          height: 37px;
	  z-index:1000;
          position:relative;
        }
        #wrapper #navigation_wrap #navigation .menu-mainmenu-container > ul > li{
                position: relative;
                display:inline-block;
                letter-spacing:1px;
                text-align: center;
                line-height: 34px;
            }
            #wrapper #navigation_wrap #navigation .menu-mainmenu-container > ul{
                width: 100%;
                text-align:center;
            }
            #wrapper #navigation_wrap #navigation .menu-mainmenu-container > ul > li.menu-item-has-children > a:after{
                content:" ▾";
            }
            #wrapper #navigation_wrap #navigation .menu-mainmenu-container > ul > li > a{
                border-left:#b8b0a5 1px solid;
                padding:0 8px;
                font-size: 0.9em;
                line-height: 34px;
                text-shadow: 0px 0px 2px #402312;
                text-transform: uppercase;
            }
            #wrapper #navigation_wrap #navigation .menu-mainmenu-container > ul > li a{
                text-decoration:none;
                color: #402312;
            }
        #wrapper #navigation_wrap #navigation .menu-mainmenu-container > ul > li:last-child > a{
                border-right:#b8b0a5 1px solid;
            }
            #wrapper #navigation_wrap #navigation .menu-mainmenu-container > ul > li:last-child > a{

            }
    #wrapper #content {
        padding: 20px;
        margin: 0 auto;
        width: 1200px;
        background-color: #f0efeb;
        min-height: 570px;
    }
    #wrapper #content #features {
      min-height: 220px;
      margin-bottom: 6px; }
      #wrapper #content #features .feature {
        float: left;
        width: 294px;
        padding: 0 6px;
        font-size: .8em;
        }
        #wrapper #content #features .feature br{
            display: none;}
        #wrapper #content #features .feature a.image {
          overflow: hidden;
          text-indent: -9999px;
          display: block;
          display: block;
          height: 156px; }
        #wrapper #content #features .feature a.caption {
          margin: 0 15px;
          display: block;
          width: 264px;
          text-align: justify;
          line-height: 1.25em; }
        #wrapper #content #features .feature .whatsgoingon {
          background: url("_/img/whatsgoingon.jpg") no-repeat; }
        #wrapper #content #features .feature .membership {
          background: url("_/img/membership.jpg") no-repeat; }
        #wrapper #content #features .feature .benefits {
          background: url("_/img//benefits.jpg") no-repeat; }
        #wrapper #content .sub {
        width: 500px; }
        #wrapper #content .feature_box {
        margin-left: 20px;
        float: right;
        width: 380px; }
    #wrapper #footer_wrap {
    clear: both;
    background: #d0cabe url('_/img/fwrap.gif') repeat-x; }
    #wrapper #footer_wrap #footer {
        margin: 0 auto;
        padding: 10px;
        background: #d0cabd url('_/img/fcontent.gif') repeat-x;
        width:1200px; }
        #wrapper #footer_wrap #footer #footer_bottom{
            margin-top: 20px;
            padding-top:20px;
            border-top: 1px solid #f0efeb;
        }
        #wrapper #footer_wrap #footer #footer_left{
        float:left;
        }
            #wrapper #footer_wrap #footer #footer_left #footer_navigation {
                margin-bottom:20px;
            }
              #wrapper #footer_wrap #footer #footer_left #footer_navigation .menu-mainmenu-container > ul > li{
                    float:left;
                }
                #wrapper #footer_wrap #footer #footer_left #footer_navigation .menu-mainmenu-container > ul > li a{
                    text-decoration:none;
                    color: #402312;
                    margin:0 5px;
                }
                #wrapper #footer_wrap #footer #footer_left #footer_navigation .menu-mainmenu-container > ul > li:first-child a{
                    margin-left:0px;
                }
    #wrapper #footer_wrap #footer #footer_right{
        float:right;
        text-align: right;
      }
        #wrapper #footer_wrap #footer #footer_right .address{
            margin-top:10px;
        }
.email_signup{

}
    .email_signup input{
        border: 1px solid #633d26;
        font-size: 1em;
        padding: 5px;
    }
    .email_signup input[name="email"]{
        width:175px;
    }
    .email_signup input[type="submit"]{
        text-transform: uppercase;
        background: #633d26;
        color: white;
    }

a {
	color: #660000;
	text-decoration: none;
    font-weight: 500;
}

.sub-menu{
    display: none;
    position: absolute;
    top:33px;
    border:#b8b0a5 1px solid;
    padding:5px;
    background: #f0efeb;
    overflow: visible;
    width:100%;
}

.menu-item:hover .sub-menu{
    display: block;
}

.sub-menu li{
    overflow: visible;
}

.sub-menu li:first-child a{
    border-top:none;
}

.sub-menu li a{
    overflow: visible;
    display: block;
    border-top:#b8b0a5 1px solid;
    font-size: .9em;
    text-shadow:none;
    text-align: left;
}

#sidebar{
    float:right;
    width: 290px;
    padding-left: 10px;
    border-left:#b8b0a5 1px solid;
}
    #sidebar > div{
        margin-bottom: 10px;
    }
    #sidebar h2{
        font-size: 2em;
    }

body.archive .post, .half_page{
    float:left;
    margin-bottom: 10px;
    width: 610px;
}

#content > h2:first-child, #content .page > h3:first-child{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom:#b8b0a5 1px solid;
}

a:hover {
	color: #005580;
	text-decoration: underline;
}

.partners{
    margin-left:10px;
}

.navigation{
    width:610px;
    float:left;
}

.left_section{
    float:left;
    width:400px;
}

.right_section{
    float:right;
    width:400px;
}

#thanks{
    text-align: center;
    font-style:italic;
    font-size: 1.25em;
    margin-bottom: .5em;
}

p, ul{
    margin-bottom: 1.5em;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5em;
}

ul.star{

}

ul.star li{
    margin-bottom: .25em;
}

ul.star li:before{
    content: "★ ";
    padding-right: 10px;
    float:left;
    display: block;
    line-height: 3em;

}

.none{
    display: none;
}

.menu-mainmenu-container ul{
    margin-bottom: 0px;
}

table.mailing th{
    vertical-align: top;
    text-align: left;
    padding-right:15px;
}

table.mailing th, table.mailing td{
    padding-top:10px;
}

.aligncenter{
    text-align: center;
}

body.page-id-61 #wrapper #content{
    background: #e8e6df;
    padding-top: 0px;
}

body.page-id-61 #wrapper #content #page-61 > h3:first-child{
    text-indent: -9999px;
    background: url('_/img/welcome.jpg') no-repeat;
    display: block;
    width: 655px;
    margin: 0 auto;
    height: 105px;
    padding: 0px;
    border-bottom: none;
}

.ajax-loader{
    display: none;
}

.caption{
    font-style: italic;
}

#homepage_litebox{
    background: url('_/img/popup.jpg') no-repeat;
    width: 547px;
    height: 370px;
}

#homepage_litebox .email_signup{
    position: relative;
    top: 300px;
    left: 140px;
}

#homepage_litebox .wpcf7-response-output{
    position: relative;
    top: 236px;
    background: white;
    text-align: center;
}

#homepage_litebox .wpcf7-not-valid-tip{
    display: none;
}

#homepage_litebox .wpcf7-response-output.wpcf7-validation-errors{
    top: 270px;
}


/* Headings & Quotes
-------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-family: georgia, serif;
	line-height: 1em;
	color: inherit;
	text-rendering: optimizelegibility;
    margin-bottom:.5em;
}
h1 {
    font-size: 4em;
    font-weight: 100;
}
h2 {
    font-size: 3em;
    font-weight: 200;
    letter-spacing: 2px;
}
h3 {
    font-size: 2em;
    font-weight: 400;
    letter-spacing: 1px;
}
h4 {
    font-size: 1.75em;
    font-weight: 400;
}
h5 {
    font-size: 1.5em;
    font-weight: 500;
    letter-spacing: 1px;
}
h6 {
    font-size: 1.25em;
    font-weight: 500;
    letter-spacing: 1px;
}

blockquote {
    font-style: italic;
    font-weight: 100;
    font-family: jubilat;
    font-size: 1.5em;
    line-height: 1em;
    letter-spacing: 1px;
    margin: 0 1.5em 1em 1.5em;
    text-indent: 0px;
}
blockquote:after, blockquote:before  {
	color: #999999;
	font-family: 'times new roman', georgia; /* Intentionally different font, better marks */
	font-size: 1.5em;
    font-style: normal;
    font-weight: bold;
}
blockquote:after {;
    content: "\201d";
    line-height: 20px;
    padding-top: 5px;
    vertical-align: text-bottom;
    margin: 0 0 0 6px;
}
blockquote:before {
    content: "\201c";
    margin: 0 6px 0 -26px;
}

/* Navigation
-------------------------------------------------------------------------------*/
#header nav ul li {
    display: inline;
    list-style-type: none;
}

/* Header
-------------------------------------------------------------------------------*/


/* Page
-------------------------------------------------------------------------------*/


/* Sidebar
-------------------------------------------------------------------------------*/


/* Footer
-------------------------------------------------------------------------------*/


/* Media Queries
-------------------------------------------------------------------------------*/
/* Mobile, iPhone 5 */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {

#logo{
    text-align:center;
}

#header nav ul {
    text-align:center !important;
}

#header nav ul li {
    padding:0 1em !important;
}


}

 /*Mobile, iPad */
@media screen and (max-width: 780px), only screen and (min-device-width: 640px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2)  {


#logo{
    text-align:center;
}

#header nav ul {
    text-align:center !important;
}

#header nav ul li {
    padding:0 1em !important;
}


/* Everything Else
-------------------------------------------------------------------------------

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}
/*  j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;}
ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}



