/*
Theme Name: Rachel Bridge
Theme URI: http://www.fabriqate.com/
Description:This theme was designed and built by FabriQate Ltd. ( http://www.fabriqate.com/ )
Version: 1.0
Author: FabriQate Ltd.
Author URI: http://www.fabriqate.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Rachel Bridge v1.0
	http://www.rachelbridge.com

        All right reserved.
        Written by Vingel <http://www.vingel.com>

*/

@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
html，textarea{
    overflow: auto;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
:focus {
    outline: 0;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
img,input,button { vertical-align: middle;}

body {
    font: 12px/1 "HelveticaNeue","Helvetica Neue",Helvetica, Tahoma, Arial, \5b8b\4f53, sans-serif;
    line-height: 1;
    color: #333;
    background: #e6ebd4 url('static/images/home/header.jpg') repeat-x;
}
p { line-height: 1.5; }

a { color: #333;}
a:link,a:visited { text-decoration: none;}
a:hover,a:active { text-decoration: underline;}

a.blue, .blue, .blue a { color: #3E81D0!important; } 
a.orange, .orange, .orange a { color: #F60!important;}
a.grey, .grey, .grey a { color: #999!important;}
a.green, .green, .green a { color: #4C981A!important;}
a.deepblue, .deepblue, .deepblue a { color: #041A8A!important; }
a.red, .red, .red a  { color: #F00!important; }

.clr   { overflow:hidden; zoom: 1;}
.clear { height: 1px; overflow: hidden; clear:both;}

.hide { display:none;}
.show { display:block;}
.line {text-decoration: underline!important;}
.center { text-align: center;}
.click { cursor:pointer;}
.left  { float: left;}
.right { float: right;}

.f12  { font-size: 12px; }
.f14  { font-size: 14px; }
.f16  { font-size: 16px; }
.bold { font-weight: bold;}

.m10  { margin: 10px;}
.mt10 { margin-top: 10px;}
.mr10 { margin-right: 10px;}
.mb5  { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.ml10 { margin-left: 10px;}
.p10  { padding: 10px;}
.pt10 { padding-top: 10px;}
.pr10 { padding-right: 10px;}
.pb10 { padding-bottom: 10px;}
.pl10 { padding-left: 10px;}

.w50  { width: 50px; margin: 0 10px 0 0; background: #FFF;}
.w90  { width:90px!important; width: 82px; background: #FFF;}
.w125 { width: 125px;background: #FFF; }
.w222 { width: 222px; background: #FFF;}

.textleft { text-align: left;}
.textright { text-align: right;}

.radius {
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
}

#wrap {
    width: 775px;
    margin: 0 auto;
}

#header {
    width: 775px;
    height: 183px;
    position: relative;
}
    #logo {
        position: absolute;
        top: 9px;
        left: 20px;
        width: 712px;
        height: 106px;
        background: url('static/images/home/rachelbridge.jpg') no-repeat;
        text-indent: -10000em;
    }

#nav {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 775px;
    height: 59px;
}
    #nav ul {
        height: 59px;
    }
    #nav li {
        float: left;
        margin: 0 2px;
    }
    #nav li a {
        display: block;
        float: left;
        height: 59px;
        padding: 0 0 0 20px;
        font-size: 16px;
        line-height: 50px;
        color: #5e6f77;
        cursor: pointer;
    }
        #nav li a:hover, #nav li a.nav_on, #nav li.current_page_item a {
            color: #344c2f;
            text-decoration: none;
            background: url('static/images/home/menu.jpg') no-repeat left top;
        }
    #nav li a span {
        display: block;
        float: left;
        height: 59px;
        padding: 0 20px 0 0;
    }
        #nav li a:hover span, #nav li a.nav_on span,  #nav li.current_page_item a span {
            background: url('static/images/home/menu.jpg') no-repeat right top;
        }

#content {
}

#footer {
    position:absolute;
    margin-top:15px;
    bottom:-30px;
    left:2px;
    width:100%;
    height: 57px;
    text-align: right;
    color: #66787c;
    background: url('static/images/home/footer.jpg') repeat-x;
    font-size: 11px;    
    padding: 15px 20px 0 20px;
}
    #footer a {
        color: #66787c;
        padding: 25px 2px 0 0; 
    }
    #footer a:hover, #footer a.footer_on {
        color: #EEE;
        text-decoration: none;
    }
    #footer p {
        float: left;
    }
    #footer div {
      margin-right: 50px;
    }

 @media screen{
  body>div#footer{
   position: fixed;
  }
 }

.context {
    padding: 40px 20px;
    overflow:hidden;
    zoom: 1;
}
    .context_right {
        float: right;
        width: 420px;
        font-size: 14px;
        overflow: hidden;
    }
    .context_right p {
        padding: 16px 0;
        font-size: 16px;
    }
    .home_book {
        width: 410px;
    }

.photo_left {
    float: left;
    padding: 0 20px 20px 0;
    width: 270px;
    overflow: hidden;
}
.photo_right {
    float: right;
    padding: 0 0 20px 20px;
}

.title1 {
    font-size: 16px;
    color: #193315;
    padding: 0 0 15px 0;
}

#contact {
    padding: 40px 0 0 50px;
}

.forms {
}
    .forms_table {
    }
        .forms_table h4 {
            padding: 0 0 10px 0;
            color: #193315;
            font-size: 16px;
        }
        .forms_table td {
            padding: 5px 5px;
        }
        .forms_table td.vtop {
            vertical-align: top;
            padding-top: 10px;
        }
        .forms_table strong {
            color: #193315;
        }
    .forms_input, .forms_area, .forms_inputs input, .forms_areas textarea {
        width: 368px;
        height: 18px;
        border: 0;
        background: #FFF url('static/images/home/input.gif') no-repeat;
        padding: 3px;
    }
    .forms_area, .forms_areas textarea {
        height: 182px;
        overflow: auto;
    }
    .forms_submit {
        width: 115px;
        height: 32px;
        background: transparent url('static/images/home/btn1.jpg') no-repeat;
        border: 0;
        cursor: pointer;
        margin: 0 0 5px 0;
        display:block;
        font-size:0;
        line-height:0;
        text-indent:-9999px; 
    }

.events {
    padding: 20px 0;
}
    .events ul {
    }
    .events li {
        border-top: 1px solid #999;
        padding: 20px 10px;
        overflow: hidden;
        zoom: 1;
    }
    .event_left {
        float: left;
        width: 225px;
    }
    .event_right {
        float: right;
        width: 470px;
    }
        .event_right h4 {
            font-size: 16px;
        }
            .event_right h4 span {
                float: right;
            }
        .event_right h5 {
            color: #9db3a0;
            padding: 10px 0;
            font-size: 16px;
        }
            .event_right h5 a {
                color: #9db3a0;
            }


.pager {
    float: right;
    padding: 10px 60px 0 0;
    margin: 0 auto;
    height: 40px;
    clear: both;
}
    .pager a {
        display: block;
        float: left;
        background: url('static/images/home/pager.png') no-repeat;
        padding: 10px 5px;
        color: #193315;
        font-size: 14px;
        text-decoration: none;
    }
    .pager a.pager_prev {
        padding-left: 30px;
        background-position: 0 4px;
    }
    .pager a.pager_next {
        padding-right: 30px;
        background-position: right -25px;
    }
    .pager a.pager_in {
        padding: 10px 15px;
        text-indent: -1000em;
        background-position: center -100px;
    }
    .pager a.pager_on {
        background-position: center -61px;
    }

.post {
    padding: 10px;
}
    .post h2 {
        font-size: 16px;
        color: #193315;
        padding: 0 0 5px 0;
    }
        .post h2 a {
            color: #193315;
        }
.entry {
    padding: 10px;
}

.loading {
    width: 500px;
    height: 100px;
    margin: 0 auto;
    background: url('static/images/home/loading.gif') no-repeat center;
}