/*
Theme Name: Internet Lawyer Los Angeles
Author:SEOServicesLosAngeles.com
Author URI:http://www.seoserviceslosangeles.com
*/

@import 'css/reset.css';

body { min-width:1041px; margin:0; padding:0; }
#top-wrap{ background:#526692 url(images/top-wrap-bg.png) repeat-x; }
  #container{ background:#526692; }
    #header { min-width:1032px; background:transparent url(images/header-bg.png) repeat-x; }
    #header .content { width:1032px; margin:0 auto; padding:26px 0 0; }
      #header .left { float:left; width:417px; height:74px; margin:6px 0 0 11px; }
        #header h1 { display:block; margin:0; }
        #header .logo { display:block; width:399px; height:58px; background:url(images/logo.png) no-repeat; text-indent:-9999px; }

      #header .right { float:right; width:276px; margin:0 71px 0 0; }
        #header .slogan { display:block; float:right; width:276px; height:36px; background:url(images/slogan.png) no-repeat; text-indent:-9999px; }
        #header .callnow { display:block; float:right; width:276px; height:19px; margin-top:8px; text-align:center; color:#fff; font:bold 20px/20px Arial; }

    #intro{ width:1026px; margin:0 auto; height:435px; }
      #promo-box{ width:682px; height:351px; margin:45px 0 0; padding-bottom:26px; float:left; background:transparent url(images/shadow.png) no-repeat bottom; }
        #promo-box .content{ width:624px; height:351px; margin:0 28px; background:#fff; }
        #promo-box h1, #promo-box h2{ text-indent:-9999px; display:block; width:504px; height:73px; background:transparent url(images/promo-h1.png) no-repeat; margin:30px 0 0 45px; }
        #promo-box p{ font:16px/22px Arial; color:#000; margin:25px 0 0 45px; }
        #promo-box .phone{ text-indent:-9999px; display:block; width:452px; height:37px; background:transparent url(images/promo-phone.png) no-repeat; }
        #promo-box .playbutton{ margin:80px auto 0; width:117px; height:117px; background:transparent url(images/play-button.png) no-repeat; }

      #free-estimate{ width:329px; float:right; margin:14px 0 0 10px; padding:0; }
      #free-estimate h3{ background:transparent url(images/free-phone-consult-title.png) no-repeat; width:329px; height:65px; text-indent:-9999px; margin:0; }
      #free-estimate .textwidget{ background:transparent url(images/free-estimate-content.png) repeat-y; min-height:100px; padding:0 29px 7px; }
      #free-estimate form{ padding:12px 0 0 0; }
      #free-estimate form p{ font-size:12px; margin:0 0 15px; }
      #free-estimate form .last{ position:relative; }
      #free-estimate form .ajax-loader{ position:absolute; right:-18px; top:8px; margin:0; }
      #free-estimate textarea{ width:257px; height:90px; }
      #free-estimate input, #free-estimate textarea{ font:bold 13px Arial; color:#4c4c4c; padding:6px 18px; width:228px; }
      #free-estimate .button{ background:transparent url(images/free-estimate-button.png) no-repeat; width:268px; height:32px; border:0; margin:0; }
      #free-estimate .wpcf7-response-output{ margin:0; width:240px; position:absolute; background:#fff; }
      #free-estimate .bottom{ background:transparent url(images/free-estimate-bottom.png) no-repeat; width:329px; height:30px; font-size:0; }

      .wpcf7-form-control-wrap { display: block; }
      span.wpcf7-not-valid-tip { position: absolute; bottom: -15px; left: 10px; }
      
    #content-top { width:1040px; height:9px; margin:0 auto; background:url(images/content-top-bg.png) no-repeat top; font-size:0;  }

    #content { width:1024px; padding:10px 8px 0; margin:0 auto; background:url(images/content-bg.png) repeat-y; }

      #sidebar { float:right; width:312px; min-height:500px; margin:18px 14px 20px 0; }
        #sidebar .widget { clear:both; background:none repeat scroll 0 0 #e3e3e3; }
          #sidebar .widget .title { width:264px; height:33px; margin:0; padding:3px 23px 5px; background:#282828 url(images/widget-title-bg.png) repeat-x; font:20px/35px "HelveticaLTRoman", Helvetica; color:#fff;  border-left:1px solid #282828; border-right:1px solid #282828; }
          #sidebar .widget .title-first { display:block; width:266px; height:36px; margin:0; padding:4px 23px 5px; background:transparent url(images/first-widget-title-bg.png) no-repeat; font:20px/35px "HelveticaLTRoman", Helvetica; color:#fff; }
          #sidebar .widget .textwidget { width:284px; padding:23px 13px 16px; border-left:1px solid #282828; border-right:1px solid #282828; }
          /* last widget - custom bottom bg */
          #sidebar .last-widget-bottom { width:312px; height:5px; background:transparent url(images/last-widget-bottom-bg.png) no-repeat; }

          /* Contact Form Plugin */
          #sidebar .wpcf7-form { width:260px; margin:0 auto; }
          #sidebar .wpcf7-submit { float:right; }
          #sidebar .wpcf7-form textarea { width:250px; height:80px; }
          .wpcf7-form p { margin:0 0 5px; font-size:15px; }
          .wpcf7-form textarea { resize:none; }
          .wpcf7-form .wpcf7-submit { display:block; width:130px; height:37px; background:url(images/contact-me.jpg) no-repeat; cursor:pointer; text-indent:-9999px; }
          .wpcf7-response-output { clear:both; }

          /* Affiliates Widget */
          .affiliates div { margin:0 auto; text-indent:-9999px; }
            .affiliates .sample-img { width:265px; height:337px; background:url(images/sidebar-image-sample.png) no-repeat; }

          /* Office Locations Widget */
          .office-locations{ }
          .office-locations img{ margin-bottom:10px; }
          .office-locations ul{ list-style-type:none; margin:0 11px; }
          .office-locations li h3{ font:bold 15px Arial; color:#004072; margin:0 0 5px 0; }
          .office-locations li p{ margin:0; font-size:14px; }
          .office-locations li p span{ margin:0; font-size:12px; }
          .office-locations li iframe{ border:3px #555555 solid; }
          .office-locations hr{ background:transparent url(images/office-locations-hr.png) repeat-x; height:2px; }

          /* Testimonials Widget */
          .testimonials { width:258px; margin:0 auto; }
          .testimonials p { font-style:italic; text-align:justify; text-shadow:#fff 1px 1px 1px; }
          .testimonials .author { text-align:right; }
          .see-more { width:119px; height:38px; display:block; float:right; background:url(images/see-more.jpg) no-repeat; text-indent:-9999px; }

      #maincontent{ float:left; width:639px; margin:0 0 0 28px; min-height:500px; }
        #maincontent .banner { display:block; width:666px; height:305px; margin-bottom:20px; background:url(images/banner.jpg); text-indent:-9999px; }
        #maincontent .maintitle { margin:20px 0 32px -12px; }
        #maincontent .maintitle, #maincontent .maintitle a { font:normal 35px "HelveticaLTBold", Helvetica; color:#000; }

        #maincontent .post { margin-bottom:20px; padding-bottom:20px; }
        .page #maincontent .post, .single #maincontent .post { border-bottom:none; }
          #maincontent .post .title { margin:0 0 23px; }
          #maincontent .post .title, #maincontent .post .title a { font:20px "HelveticaLTBold", Helvetica; color:#000; }
          #maincontent .post .oversized-title, #maincontent .post .oversized-title a{ margin:18px 0 25px; text-indent:-9999px; width:566px; height:54px; background:transparent url(images/oversized-title.png) no-repeat; }
          #maincontent .post .subtitle { margin:25px 0 0; }
          #maincontent .post .subtitle, #maincontent .post .subtitle a { font:normal 20px Arial; color:#878787; }
          #maincontent .post p{ font-size:12px; margin:0 0 15px; }
          #maincontent .post p.large{ font-size:14px; margin:0 0 15px; }
          #maincontent .post p a{ font-size:12px; text-decoration:underline; }

          #maincontent .post .post-thumb { float:left; margin:15px 16px 0 0; border:3px solid #989898; }
          #maincontent .post .excerpt { min-height:70px; }
          #maincontent .post .readmore  { font-weight:bold; }
          #maincontent hr { width:459px; }

          #maincontent .post .nobullet { margin-bottom:35px; }
          #maincontent .post .nobullet a { color:#000; font:bold 13px/20px Arial; }
          
          #maincontent .post .intro{ margin:0 0 20px 0; }
          #maincontent .post .intro p{ font:14px/18px Arial; color:#000; margin:0 0 10px; }
          #maincontent .post .intro p img{ border:4px solid #7d7d7d; }

        #crumbs a, #crumbs span { color:#505050; font-size:12px;  }
        #crumbs span { font-weight:bold; }

        .pagination { margin:20px 0; text-align:center; }
        .pagination a, .pagination span { color:#555; font-weight:bold; display:inline-block; padding:5px; margin:2px 10px; }
        .pagination a:hover, .pagination span { color:#000; }

        /* Homepage Styles */
        /* Testimonials section in Homepage */
        #intro-testi { padding:0; margin:10px 0 30px; }
        #intro-testi .top{ width:637px; height:12px; font-size:0; background:transparent url(images/intro-testi-top.png) no-repeat; }
        #intro-testi .content{ width:580px; background:transparent url(images/intro-testi-content.png) repeat-y; padding:11px 39px 7px 21px;}
          #intro-testi .content img.alignleft{ float:left; margin:0 10px 10px 0; border:2px #d7d7d7 solid; }
          #intro-testi .content blockquote{ float:right; width:400px; background:url(images/open-quote-intro.png) no-repeat top left; }
          #intro-testi .content blockquote p{ margin:10px 0; padding:0 20px 0 0; font:italic 15px Arial; }
        #intro-testi .bottom{ width:637px; height:12px; font-size:0; background:transparent url(images/intro-testi-bottom.png) no-repeat; }
        
        #intro-testi .author { text-align:right; font:15px "HelveticaLTBold", Helvetica; background:url(images/close-quote-intro.png) no-repeat bottom right; padding:0 20px 25px 0; }
        #intro-testi .see-all { width:116px; height:37px; display:block; float:right; background:url(images/see-all.jpg) no-repeat; text-indent:-9999px; }
        
        .testimonial { padding:16px 15px 20px 18px; margin:0 0 10px 0; background:#e3e3e3; }
        .testimonial blockquote p { margin:10px 0 0!important; }
        .testimonial .author { text-align:right; font-size:15px; font-style:italic; font-weight:bold; background:url(images/close-quote.png) no-repeat bottom right; padding:10px 31px 25px 0; }
        .see-all { width:116px; height:37px; display:block; float:right; background:url(images/see-all.jpg) no-repeat; text-indent:-9999px; }
        
        .testimonial-img { margin:0 0 10px 0; }
        
        /* About section in Homepage */
        #about-homepage{  }
          #about-homepage .left{ float:left; width:106px; margin:3px 26px 0 0; text-align:center; }
            #about-homepage .left img.avatar{ margin:0 0 21px; }
            #about-homepage .left img.avatar{ width:100px; height:100px; }
          #about-homepage .right{ float:right; width:500px; }
            #about-homepage .right h3{ font:20px "HelveticaLTBold", Helvetica; color:#000; text-transform:uppercase!important; margin:0 0 15px; }
            #about-homepage .right p{ text-align:justify; font:12px/18px Arial; color:#000; }

        /* Articles and Posts section in Homepage */
        .posttitle { margin-top:25px; }
        .posttitle a { font:bold 18px Arial; color:#1d1d1d; }

    #footer { min-width:1041px; background:#001b55 url(images/footer-bg.png) repeat-x; }
      #footer .content{ width:1024px; margin:0 auto; padding:8px 0 0; }
      #footer-details{ float:left; margin:14px 0 0; padding:0 0 0 5px; }
        #footer .address{ font:20px/24px "HelveticaLTBold", Helvetica; color:#fff; margin:0; padding:0; text-shadow:1px 1px #060e20; }
        #footer .phone{ font:30px/30px "HelveticaLTBold", Helvetica; color:#fff; margin:0; padding:0; text-shadow:1px 1px #060e20; }
      #footer .right{ width:501px; float:right; margin:0; }
      #footer p { margin:0; padding:5px 0; color:#fff; font:12px Arial; }
      #footer .disclaimer { padding:20px 0 10px; text-align:center; }
      #footer .seola, #footer .seola a { padding:10px 0; margin:0; font:11px Arial; color:#fff; }

/* ---------
	Clear Fix
	---------- */
.cleared_div:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.cleared_div{ display:inline-block; }
/* Hides from IE-mac */
* html .cleared_div{ height:1%; }
.cleared_div{ display:block; }
/* End hide from IE-mac */

/* ---------
	Clear Fix
	---------- */
iframe.grelated-iframe{ display:none; }
.snote { font-style: normal; text-align:center; padding: 0pt 11px; font-size: 11px; margin: 5px 0pt 0pt; }