/*
Theme Name: Home Life by Rose Ann Humphrey v2
Theme URI: http://www.google.com
Description: wp theme for Home Life by Rose Ann Humphrey
Author: lester somosa
Author URI: http://www.google.com
Version: 1.0
*/

/*****************************
    Global Declarations
*****************************/
body{

}

body, p, div, table, tbody, tr, td, span, ul, ol, li, h1, h2, h3, h4, h5{
    font-family: arial, helvetica, times;
}

h1, h2, h3, h4, h5{
    color: #74953a;
    margin: 0;
    padding: 0 0 15px;
    font-weight: normal;
}

h1{
    font-size: 28px;
    line-height: 28px;
}

h2{
    font-size: 24px;
    line-height: 26px;
}

h3{
    font-size: 18px;
    line-height: 22px;
}

p, div, table, tbody, tr, td, span, ul, ol, li{
    font-size: 12px;
    line-height: 20px;
}

p{
    margin: 0;
    padding: 0 0 15px;
}

hr {border-top: 1px #df8723 solid;}

a {
    color: #DD8724;
}

/*****************************
    Top Section
*****************************/

.TopWrp{
    display: block;
}

.TopSec{
    margin: 0 auto;
    width: 960px;
}

.TopPane{
    padding: 20px 0;
}

.TopInfoThmb{
    float: left;
    width: 135px;
    margin: 0 20px 0 0;
}

.TopNfotxt{
    float: left;
    width: 805px;
    font-size: 12px;
    line-height: 20px;
}

.TopNfotxt img{
    border:none;
}

.TopNfotxt p{
    padding: 0;
    margin: 0;
}

.NavWrp{
    display: block;
}

.NavCell{
    margin: 0 auto;
    width: 960px;
}



.NavPane{
    float: left;
    width: 655px;
    padding: 10px 0 0;
}

.NavPane ul{
    font-size: 0;
}

.NavPane ul li{
    font-size: 18px;
    display: inline;
}

.NavPane ul > li {
    border-right: 1px #bdcfa9 solid;
    padding: 0 10px;
    position: relative;
    top: 0;
    left: 0;
}

.NavPane ul > li:last-child{
    border:none;
}

.NavPane ul > li > a {
    color: #bdcfa9;
    text-decoration: none;
    padding: 0 0 20px;
}

.NavPane ul > li > a:hover, .NavPane ul > li.current_page_item > a{
    color: #eb6800;   
}

/*-- sub nav --*/
.NavPane ul > li > ul{
    display: none;
    position: absolute;
    top: 20px;
    left: 0;
    padding: 10px;
    z-index: 1;
    background: #75953B;
    width: 180px;
}

.NavPane ul > li > ul > li {
    font-size: 12px;
    display: block;
    border-bottom: 1px #bdcfa9 solid;
    border-right:none;
    padding: 10px 0;
}

.NavPane ul > li > ul > li > a{
}

.NavPane ul > li > ul > li > a:hover, .NavPane ul > li > ul > li.current_page_item > a{
    color: #fff;
}

.NavPane ul > li:hover ul{
    display: block;
}

.TopRightPane{
    background: url(images/phone_icon.jpg) no-repeat 0 10px transparent;
    color: #acbebe;
    float: left;
    width: 285px;
    padding: 0 0 0 20px;
}
.TopRightPane p{
    font-size: 18px;
}

.TopRightPane img{
    position: relative;
    top: 6px;
    padding: 0 0 0 3px;
}

.TopRightPane a:first-child{
    padding: 0 0 0 8px;
}

.BnrWrp{
    display: block;
    padding: 10px 0 0px;
}

.BannerPane{
    margin: 0 auto 20px;
    width: 960px;
    padding: 0 0 20px 0;
    border-bottom: 1px #514a3a solid;
}

/*****************************
    Middle Section
*****************************/

.MdWrp{
    display: block;
}

.MidleCell{
    margin: 0 auto;
    width: 960px;
    padding: 20px 0;
}

/*-- Inner Layout --*/

.ContentPane{
    background: #fff;
    border-right: 5px #DF8723 solid;
    float: left;
    margin: 0 5px 0 0;
    padding: 0 20px 10px 0;
    width: 680px;
    min-height: 790px;
}

.RightPane{
    background: #fff;
    float: left;
    padding: 0 0 10px 20px;
    width: 230px;
    min-height: 685px;
}

.RghtWrp{
    border-bottom: 1px #df8723 solid;
    padding: 0 0 10px;
    margin: 0 0 10px;
}

.RghtWrp:last-child{
    border:none;
}

.RghtWrp ul{
    list-style: square;
    margin: 0 0 10px 20px;
    color: #df8723;
}

.RghtWrp ul li a{
    color: #444444;
    text-decoration: none;
}

/*-- Quick Contact --*/
.gform_wrapper{
    margin: 0;
    padding: 0;
}

#gform_fields_1 label{
    display: none;
}

#input_1_1, #input_1_2, #input_1_3, #input_1_4, #input_1_5{
    border: 1px #536A2C solid;
    padding: 5px;
    width: 217px;
    margin: 0 0 10px;
}

#gform_submit_button_1{
    background: #df8723;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    padding: 10px 15px;
    border: none;
}



/*****************************
    Bottom Section
*****************************/

.BtmWtp{
    display: block;
}

.BottomPane{
    margin: 0 auto;
    width: 960px;
    padding: 30px 0 0;
}

.BottomPane p{
    color: #5c5f64;
    font-size: 20px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: bold;
}

.BottomCred{
    color: #acacac;
    font-size: 12px;
    text-align: center;
    margin: 0 auto;
    padding: 0 0 20px;
    width: 960px;
}

/*****************************
    Pages CSS
*****************************/

/*-- home page --*/
.hmeWrp{
    margin: 0 auto;
    width: 920px;
}

.HmeCll{
    float: left;
    width: 440px;
    margin: 0 40px 0 0;
}

.HmeCll:last-child{
    margin: 0;
}

.BtmtxtWrp{

}

.BtmtxtWrpYllow{
    background: #f9f5ea;
    width: 418px;
}

.BtmtxtWrpCllOne{
    float: left;
    width: 40px;
}

.BtmtxtWrpCllTwo{
    color: #514a3a;
    float: left;
    font-size: 30px;
    line-height: 36px;
}

.BtmtxtWrpCllTwo a{
    color: #514a3a;
    text-decoration: none;
}

.BtmtxtWrpCllTwo a:hover{
    color: #DD8724;
    text-decoration: underline;
}




/*-- press --*/

.PrssWrap{
    margin: 0 0 20px;
}

.PrssCellOne{
    float: left;
    width: 480px;
}

.PrssCellTwo{
    float: left;
    width: 180px;
}

/*-- Contact  --*/

.CntcWrap{
    padding: 10px 0 30px;
}

.CntctBtmWrap{
    padding: 0 0 30px;
}

.CntctCell{
    float: left;
    width: 200px;
}

.ContctTextCell{

}

.CntactTextOne{
    color: #EC8B4B;
}

.CntactTextTwo{
    color: #B09481;
}

.CntactTextThree{
    
}

.CntactTextThree a{
    color: #5CA0A1;
    text-decoration: none;
}

.CntactNumbr{
    font-size: 16px;
    padding: 20px 0;
}

.cntctFrmWrp{
    font-size: 12px;
    margin: 0 0 20px;
}

.cntcFrmCellOne{
    float: left;
    width: 250px;
    padding: 0 0 3px;
}
.cntcFrmCellTwo{
    float: left;
    width: 250px;
    padding: 0 0 3px;
}

.cntctBtnCell{

}

.CntctBtmCellOne {
    float: left;
    width: 260px;
}

.CntctBtmCellTwo{
    float: left;
}


#field_2_1, #field_2_2, #field_2_3, #field_2_4, #field_2_5, #field_2_6, #field_2_7{
}

.gform_wrapper ul li.gfield{
}

#gform_submit_button_2{
    background: #df8723;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    padding: 10px 15px;
    border: none;
}

/*-- blog Layout --*/
.XertWrap{

}

.FthumbCell{
    float: left;
    width: 170px;
}

.XertCell{
    float: left;
    width: 505px;
}

.XertFll{
    display: block;
}

.XertLink{
    text-align: right;
}

.XertLink a{
    color: #73943d;
    text-decoration: none;
}

.PostWrap{
    padding: 10px 0;
}

.prev{float: left; width: 50%}

.next{float: right; width: 50%; text-align: right;}

.commentlist{
    padding: 20px;
    border:1px #5c5f64 solid;
}

#author, #email, #url{
    border:1px #536A2C solid;
    padding: 5px;
    margin: 0 10px 0 0;
}

#comment{
    border:1px #536A2C solid;
    padding: 5px;
}

#submit{
background: none repeat scroll 0 0 #df8723;
    border: medium none;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 15px;
}

#respond{
    margin: 50px 0 0;
    padding: 20px 0 0;
    border-top: 1px #999 solid;
    clear: both;
}

/*****************************
    Banner Rotator CSS
*****************************/

.bannerRotator ul li h1{
    position: relative;
    top: 10px;
    left: 10px;
}


#bannerRotator { width:417px; height:188px; padding: 0 0 0px; margin:0; background::#EEE; border: none; }
#bannerRotator ul li img{ max-width:940px; max-height:362px; }


/*---------- YOU MIGHT BREAK IT IF YOU CHANGE THIS STUFF -----------*/
#bannerRotator { display:block; height:188px; width:417px; }
#bannerRotator ul { list-style:none; padding:0; position:relative; margin:0; }
#bannerRotator ul li { display:none; position:absolute; margin:0; padding:0; }
#bannerRotator ul li a { text-decoration:none; }

#bannerNav { position:absolute; right:15px; bottom:15px; background:url(img/transblack75.png) repeat 0 0; padding:5px 5px 5px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; display:none; }
#bannerNav a { margin:3px 10px 0 0; height:10px; width:10px; display:block; background:url(img/dotdark.png) no-repeat 0 0; float:left; }
#bannerNav a.active { background-image:url(img/dotlight.png); }
#bannerNav span.pause, #bannerNav span.play { cursor:pointer; height:15px; width:15px; display:block; background:url(img/pause.png) no-repeat 0 0; float:left; }
#bannerNav span.play { background-image:url(img/play.png)}

/*****************************
    Wordpress Core CSS
*****************************/

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

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

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}