/*
Theme Name: Flippinlaw
Theme URI: http://westcoastdepot.com/
Author: West Coast Depot Creative
Author URI: http://westcoastdepot.com
Description: Theme responsive for Flippinlaw with Twitter Bootstrap
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Twitter Bootstrap
Text Domain: flippinlaw
*/
@charset "utf-8";
/* CSS Document */

/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
strong {font-weight:bold;}
em {font-style:italic;}
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
/**************************************************************************************/
a						{color:#fff; text-decoration:none; outline:0 none;}
h1						{font-size:30px; padding-bottom: 10px;}
h2						{font-size:20px; padding-top: 15px;}
body h3						{font-size:16px;line-height: 140%;}
h4						{font-size:16px; font-weight:normal; padding:0 0 10px 0; margin-top:-8px;}
h5						{font-size:13px;}
h6						{font-size:12px;}

/*----------------------------------------------------------------------------------*/
html 					{}
.flt_Lt					{float:left;}
.flt_Rt					{float:right;}
.clear					{clear:both; font-size:1px; line-height:1px; display:block;}
.last					{margin:0 !important;}
.bold					{font-weight:bold;}

/* ----------------------- layout ----------------------------------------------------------*/
body {
    color:#3f3727;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height: 175%;
    background: #2d4b71 url(images/wrapper.jpg) repeat-x;
    padding-top: 40px;
}

#wrapper {
    margin:0 auto;
}

.container {
    margin:0 auto;
    background: #dbdcdb;
    /*width:1001px;*/
}

.main_content {
    border-top:0;
    padding:15px 10px 15px 0;
    z-index:9999;
}

#header {
    width: 100%;
    height: 190px;
    z-index:99999;
    margin: 49px 0 0 0;
    margin: 0 auto;
    background-color: #DBDCDB;
}
#headertext {
    float: left;
    /*height: 190px;*/
    text-align: center;

}
#headertext #social {
    margin-top: 5px;
    color: #766d5b;
}
#headertext #social img {
    margin-bottom: -10px;
}
#headertext span {
    line-height: 160%;
    font-size: 15px;
}

#sidebar {
    /*    width: 344px;
        float: left;*/
}
#colRt {
    float: right;
    width: 600px;
    padding-left: 15px;
    margin: 10px 25px 0 0;
}
#main-content p {
    padding: 0 20px 10px 0;
}
#main-content a, #main-content #faq a {
    color:#3f3727;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height: 150%;
    text-decoration: underline;
}
#main-content a:hover, #main-content #faq a:hover {
    color:#000000;
}

#main-content #faq { padding: 0;}
#main-content #faq p {
    padding-bottom: 20px;
}


#box1 {
    margin-left: 8px;
    /*width: 335px;*/
    background: url(images/shadeback.gif) repeat-y top right;
}
#box2 {
    background: url(images/shadebottom.gif) no-repeat 0 100%;
}
#box3 {
    background: url(images/shadetop.gif) no-repeat top right;
    padding: 10px 1px;
}

body #box_txt {
    color: #2f4d72;
    /*width: 290px;*/
    margin: 0px 8px 10px 12px;
    line-height: 140%;
}
body #box_txt  p {
    padding-top: 12px;
}

/* ----------------------- NAV ----------------------------------------------------------*/
#nav {
    background: #6f694c;
    /*height: 41px;*/
    width: 100%;
    overflow: hidden;
    margin-bottom: 0;
    margin-bottom: 20px;
}
#nav .menu {
    margin: 12px 0 0 20px;
    padding-bottom: 12px;
}
#nav .menu li {
    color: #dbdcdc;
    list-style-type: none;
}
#nav .menu a {
    color: #dbdcdc;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0;
    padding: 0 13px 0 13px;
    border-right: 1px solid #dbdcdc ;
}
#nav .menu li:last-child a{
    border-right: none ;
}
#nav .menu a:hover, #nav .menu a.active, #nav .menu li.current-menu-item  a, #nav .menu li.current-post-parent  a{
    color: #7bc3dd;
}



/* ----------------------- main content ----------------------------------------------------------*/
.disclaimer {
    font-size: 11px;
    line-height: normal;
    font-weight:bold;
    color: #979798;
    margin: 50px 10px 10px;
}
ol {
    list-style:decimal;
    padding: 0 0 20px 45px;
}
ol li {
    padding: 10px 0 0 5px;
}
#faqlist {
    list-style:none;
    padding: 0 0 20px 25px;
}
#faqlist li {
    padding: 0 0 7px 5px;
}
.button-consult {
    background: #2d4b71 !important;
    background: none repeat scroll 0 0 #2D4B71 !important;
    margin-left: 10% !important;
    margin-top: 5% !important;

    height: 32px !important;
    border: 0 none;
    border-radius: 4px;
    font-size: 15px;
    font-weight: bold;
    height: 32px;
    padding: 0 22px;
    color: white;
    }



/* ------------------ MAIL CHIMP --------------------------*/

div#mc_embed_signup {
    background:#c9e3e9;
}
div#mc_embed_signup h2 {
    margin-top:-10px;
}
div#mc_embed_signup p {
    margin-top:-10px;
    font-size:14px;
    line-height: 175%;
}
div#mc_embed_signup label {
    font-weight:bold;
}
div#mc_embed_signup #mce-EMAIL, div#mc_embed_signup #mce-MMERGE3, div#mc_embed_signup #mce-MMERGE2,div#mc_embed_signup #mce-PHONE {
    width:85%;
}
div#mc_embed_signup #mce-COMMENTS{
    width: 100%;
    padding-left: 2%;
}

#mc_embed_signup .button {
    background:#2d4b71 !important;
    width: 163px !important;
    margin-left: 18% !important;
    margin-top: 5% !important;
}


/* ------------------ FOOTER HERE --------------------------*/
#footer {
    font:11px Verdana, Geneva, sans-serif;
    color:#dbdcdb;
    text-align:center;
    padding:15px 0
}

#footer a {
    color:#dbdcdb;
    display:inline-block;
    margin:4px;
    background:url(images/foorternavBar.jpg) no-repeat right;
    padding:0;
}
#footer a:hover {text-decoration:underline;}
.copy {
    width:300px;
    font-size:9px;
    margin:0 auto;
    margin-top:20px;
}

#header  .span6{
    /*margin-left: 0;*/
}
.box-content{

    padding: 0px 5px;
}
.box-content p{
    text-align: justify;
    padding-left: 10px;
    padding-right: 10px;

}
.footer-menu ul{
    margin: 0 auto;
    text-transform: uppercase;
    display: table;
}

#footer .footer-menu ul li a {border-right: 1px solid #fff;padding: 0px 10px;}
#footer .footer-menu ul li:last-child a {border:none;}
.footer-menu ul li {float: left;}
#footer .container{background:  none;}
@media (min-width: 1200px) {
    .row-fluid [class*="span"] {
        margin-left: 2.1%;
    }
    .row-fluid .span6:last-child{
        margin-left: 0px;
        width: 50.717948717948715%;
        *width: 50.664757228587014%;
        float: right;
    }
    span.wpcf7 textarea {
        width:90%;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    .row-fluid [class*="span"] {
        margin-left: 2.1624309392265194%;
        *margin-left: 2.109239449864817%;
    }
    .row-fluid .span6:last-child{
        margin-left: 0px;
        width: 50.717948717948715%;
        *width: 50.664757228587014%;
        float: right;

    }
    span.wpcf7-form-control-wrap input {
        width:70%;
    }
    span.wpcf7-form-control-wrap textarea {
        width:80%;
    }
    .side-left{
        background: url('images/sidebar768.png') bottom right no-repeat;
        padding: 12px 14px 12px 10px;
        background-size: 100%;
    }

}

span.wpcf7-form-control-wrap textarea {
    width:269px;
    height:100px;
}

.side-left{
    background: url('images/sidebar.png') bottom right no-repeat;
    padding: 12px 14px 12px 10px;
    background-size: 100%;
}
.side-left2{
    background: url('images/sidebar.png') bottom right no-repeat;
    padding: 12px 14px 12px 10px;
    }
.main-content {
    padding: 0 10px 0px;
}
.main-content p{text-align: justify;}
.footer-menu {
    width: 100%;
    display: table;
}

.span8 .row-fluid{
    margin-bottom: 15px;
}
.footer{
    background: #c1c0b9;
    padding: 20px 20px 20px 40px;;
}
.footer .row-fluid{background: none;}
.footer .row-fluid .span4{
    border-right: 1px solid #6f694d;
    padding-right: 4%;
    padding-left: 0%;
    min-height: 350px;
}
.footer .row-fluid .span4:last-child{
    border: none;
    padding-left: 2%;
    padding-right: 1%;
}
.footer .row-fluid .span3{
    margin-left: 7%;
}
.footer .row-fluid .span4:first-child{
    /*margin-right: 3.5%;*/
}







/* Comment */
#comment{

    height:100%;
    padding:0px 7px;
    margin:0px 0px;
}

h3#comments {
    padding:5px 10px;
    margin:10px 0px;
    border:1px solid #DEDCDD;
    font-size:20px;
    font-weight:normal;
    color:#444;
    background:#fff;
    font-family:Georgia,Century gothic,Arial, Helvetica, sans-serif;

}

#respond{

    height:100%;
    padding:0px 5px;
    margin:5px 0px;
    background:#d2d3d2;
    border:1px solid #DEDCDD;

}
#respond h3{
    padding:5px 10px 5px 10px;
    margin:5px 0px;
    font-size:22px;
    font-weight:normal;
    color:#444;
    font-family:Georgia,Century gothic,Arial, Helvetica, sans-serif;
}
#commentform {
    padding:0px 10px 10px 10px;
    margin:0px 0px 0px 0px;
    color:#BFAFA7;
    font-family:tahoma,Century gothic,Arial, Helvetica, sans-serif;
}
.cancel-comment-reply{

    font-family:tahoma,Century gothic,Arial, Helvetica, sans-serif;
    margin-left:10px;
    padding:0px 0px;

}
#commentform p {
    color:#3f79c4;
    text-align: left;

}
#commentform input {
    background:#F4F4F4;
    border:1px solid #DEDCDD;
    color:#444;
    padding-left:10px;
    height: 20px;

}
#commentform textarea {
    background:#F4F4F4;
    border:1px solid #DEDCDD;
    color:#444;
    width:95%;
    padding:5px 5px;

}
#comments input#submit {
    background: none repeat scroll 0 0 #2D4B71;
    border: 0 none;
    border-radius: 4px 4px 4px 4px;
    color: white;
    margin-top: -2%;
    padding: 1% 3% !important;
    width: auto;
    height: auto;
    /*width:auto;
    line-height:25px;
    padding:3px 5px;
    background:#0083DB;
    border:2px solid #005F9F;
    color:#fff;
    font-family:tahoma,Century gothic,Arial, Helvetica, sans-serif;
    height: 30px;
    cursor: pointer;*/
}

ol.commentlist {
    list-style:none;
    margin:0;
    padding:0;
    text-indent:0;

}

ol.commentlist li {

    border:1px solid #DEDCDD;
    margin:0 0 10px;
    padding:5px 7px 5px 57px;
    position:relative;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

ol.commentlist li div.comment-author {
    padding:0 170px 0 0;
}
ol.commentlist li div.vcard {
    font:20px Georgia, helvetica,arial,sans-serif;
    padding:5px 0px;
}

ol.commentlist li div.vcard cite.fn {
    font-style:normal;
}
ol.commentlist li div.vcard cite.fn a.url {
    color:#c00;
    text-decoration:none;
}
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000;
}

ol.commentlist li div.vcard img.avatar {
    border:5px solid #ddd;
    left:7px;
    position:absolute;
    top:7px;
}

ol.commentlist li div.comment-meta {
    font:12px Tahoma, helvetica,arial,sans-serif;
    position:absolute;
    right:10px;
    text-align:right;
    top:5px;
}

ol.commentlist li div.comment-meta a {
    color:#0083DB;
    text-decoration:none;
}

ol.commentlist li div.comment-meta a:hover {
    color:#000;
}
ol.commentlist li p {
    font:normal 12px Tahoma, helvetica,arial,sans-serif;
    margin:0 0 1em;
    line-height:18px;
}

ol.commentlist li ul {
    font:normal 12px/1.4 helvetica,arial,sans-serif;
    list-style:square;
    margin:0 0 1em;
    padding:0;
    text-indent:0;

}

ol.commentlist li div.reply {
    background:#777;
    border:2px solid #555;
    color:#fff;
    font:bold 9px/1 Tahoma, Georgia,arial,sans-serif;
    padding:5px 10px;
    text-align:center;
    width:36px;
}

ol.commentlist li div.reply a {
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
}

ol.commentlist li ul.children {
    list-style:none;
    margin:1em 0 0;
    text-indent:0;
}

ol.commentlist li ul.children li.depth-2 {
    margin:0 0 .25em;
}

ol.commentlist li ul.children li.depth-3 {
    margin:0 0 .25em;
}

ol.commentlist li ul.children li.depth-4 {
    margin:0 0 .25em;
}

ol.commentlist li.even {
    background:#d4e4e8;
    border:1px solid #a6c2cc;
}

ol.commentlist li.odd {
    background:#fff;
}

ol.commentlist li.pingback div.vcard {
    padding:0 170px 0 0;
}

/**#comments label{width: 80px; float:  left;}
#comments label{width: 80px; float:  left;}**/
.blog h2{padding-top: 0;line-height: 25px;}
.error {color: red;}


#main-content h3.widget-title {
    padding:7px 0px;
    color:#6f694d;
    text-align:  left;
    text-transform: uppercase;
    font-size: 14px;

}

#main-content .textwidget h3 {
    color:#6f694c;
    text-align: left;
    text-transform: uppercase;
}

#main-content .textwidget a.link, #main-content ul li a {
    text-align: left;
    font-size:95%;
    line-height:110%;
    margin:10px 0px 10px;
    color: #6f694c;
    text-decoration: none;
    display: inline-block;
    line-height: 22px;
}
#main-content ul li a{margin: 5px 0px 0px;}
#main-content ul{padding: 0;}
#main-content .textwidget a:hover,#main-content ul li a:hover {
    text-decoration: underline;
    color: #6f694c;
}
#main-content ul li{text-align: left;}
#main-content .textwidget h3 {
    font-size:95%;
    line-height:110%;
    margin:10px 15px 0;
}

.homeform {
    line-height: 160%;
}





.really_simple_twitter_widget li {
    margin-top: 20px !important;
}
.really_simple_twitter_widget li:first-child {
    margin-top: 0 !important;
}
.really_simple_twitter_widget a {
    text-decoration: underline !important;
    margin: 0 !important;
    font-weight:bold;
}
.twitter-timestamp {
    color:#f5fdff;
    font-size:80%;
}




/* End of 'Flippin-CSS' */
.wide input{width: 100% !important}

@media (max-width: 979px){
    .button-consult{
        font-size: 11px;
        max-width: 150px;
        padding: 5px;
        }
        #s{width: 161px}

}
#searchsubmit{
    background: none repeat scroll 0 0 #2D4B71;
    border: 0 none;
    border-radius: 4px 4px 4px 4px;
    color: white;
    margin-top: -2%;
    padding: 1% 3%;
    width: auto;
}
#commentform label {
    color: #2F4D72 !important;
    font-size: 13px !important;
    font-weight: bold !important;
}
.logged-in-as{
    color: #2F4D72 !important;
    font-size: 12px !important;
    font-weight: bold !important;

}
#commentform p {
    color: #2F4D72 !important;
    
}