/* 
Theme Name: WS Bankruptcy Attorneys
Description: Theme for WSBankruptcyAttorneys.com
Version:1.0
Author: SEO Services Los Angeles
Author URI: http://www.seoserviceslosangeles.com
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
@charset "UTF-8";

body { background:#fff; }
img { max-width:100%; }
 
#header { padding-top:35px; margin-bottom:25px; border-bottom:1px solid #d9d9d9; }
  #logo { margin-left:0; margin-bottom:24px; }
    #logo img { float:left; }
  #header .phone { margin-bottom:5px; margin-top:11px; text-align:right; font:28px "Gotham Medium"; color:#00457c; }
  #nav { float:right; margin-right:0; margin-top:0; margin-bottom:15px; }
    #nav ul, #nav ul li { list-style:none; margin:0; padding:0; }
    #nav ul { position:relative; text-align:right; margin-bottom:15px; }
    #nav ul li { display:inline; background:url(images/layout/header/nav-li-divider.png) no-repeat left center; }
    #nav ul a { padding:5px 0; margin:0 12px 0 14px; font:14px "Gotham Medium", Arial; text-transform:uppercase; color:#555658; }
    #nav ul li.first { background:none; }
    #nav ul li.last a { margin-right:0; }
    #nav ul li a:hover { text-decoration:none; }
    #nav ul .current_page_item a { text-decoration:none; color:#00457c; }

  #header .social-share .fb-like-container, #header .social-share .g-plusone-container { display:block; float:right; width:80px; text-align:right; }
  #header .social-share .fb-like-container span { vertical-align:top!important; }
    
#maincontent { margin:0; }
  
  #maincontent .breadcrumbs { margin-bottom:27px; font:14px "Gotham Book"; color:#6d6d6d; }
  #maincontent .breadcrumbs, #maincontent .breadcrumbs a { color:#6d6d6d; }
  #maincontent .breadcrumbs a, #maincontent .breadcrumbs strong { padding:0 5px; }
  #maincontent .breadcrumbs .first { padding-left:0; }
  
  #maincontent .heading, #maincontent .title, #maincontent .title2 { margin-bottom:15px; color: #00457c; }
  #maincontent .heading { font:44px "Gotham Medium", Arial; }
  #maincontent .title { font:32px "Gotham Medium", Arial; }
  #maincontent .title2 { font:normal 24px "Gotham Medium", Arial; margin-bottom:0; }

  #maincontent ul, #maincontent ol { margin-left:22px; }
  #maincontent li { margin-bottom:3px; line-height:24px; }
  #maincontent .more { font:12px "Gotham Bold", Arial; text-transform:uppercase; font-weight:bold; color:#00457c; }
  

#sidebar { float:right; margin:0; height:auto; }
  #sidebar .widget { margin:0 0 28px; }
  #sidebar .widget.noborder { border:none; }
  #sidebar .widget * { font-size:14px; color:#010101 }
  #sidebar .widget sup { font-size:13px; line-height:0; }
  #sidebar .widget .title { display:block; margin:0; padding:8px 22px 6px; background:#00457c url("images/layout/sidebar/widget-title-bg.png") top repeat-x; font:bold 20px Arial; color:#fff;  -webkit-border-bottom-right-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -moz-border-radius-topleft:5px; border-top-right-radius:5px; border-top-left-radius:5px; }
  #sidebar .widget .title img { display:block; }
  #sidebar .widget .content { padding:13px; background:#f5f5f5; border:1px solid #d9d9d9; border-top:0; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; }
  #sidebar .widget li { margin-bottom:6px; }

  /* PHP Site Contact Form */
  #sidebar .widget #contact-us-form { padding:7px 11px; margin:0; }
  #sidebar .widget #contact-us-form .text, #sidebar .widget #contact-us-form .textarea { padding:2px 10px 3px; margin:0 0 12px; width:92%; color:#736f66; }
  #sidebar .widget #contact-us-form .textarea { height:50px; resize:none; }
  #sidebar .widget #contact-us-form .submit { display:block; float:right; width:145px; height:32px; margin:0; background:url("images/layout/buttons/contact-me.png") no-repeat; border:none; cursor:pointer; display:block; text-indent:-9999px; }

#footer { clear:both; text-align:center; margin-bottom:40px; padding:30px 0; font:14px "Gotham Book", Arial; color:#555658; border-top:1px solid #d9d9d9; }
#footer .disclaimer { display:block; text-align:center; }
  #footer .disclaimer p { font-size:12px; color:#555658; }

/* #Page Styles
================================================== */
  /* Home Page */
  #maincontent .banner { margin-bottom:20px; border:1px solid #d9d9d9; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
  #maincontent .affiliates { padding-top:10px; margin-bottom:40px; display:table-cell; }
  #maincontent .affiliates img { margin-right:20px; margin-left:19px; margin-bottom:19px; text-align:center; vertical-align:middle; }

  /* About Page */
  #maincontent .staff-photo { float:left; margin-right:25px; margin-bottom:21px; }
  #maincontent .staff-details { margin-left:100px; }
  #maincontent .staff-details  ul { margin-left:34px; }

  /* Contact Page */
  #maincontent .contact-section { margin-left:0; }
  #maincontent .contact-section strong { font-family:"Gotham Bold"; }
  #maincontent .contact-map { width:100%; height:350px; }
  #maincontent .contact-form-section { margin-bottom:30px; clear:both; background:#f4f4f4; border:1px solid #d9d9d9; -webkit-border-radius:4x; -moz-border-radius:4px; border-radius:4px; }
  #contact-page-form { padding: 22px 21px 32px; margin-bottom:0; }
  #contact-page-form .text, #contact-page-form .textarea, #contact-page-form .submit { display:block; float:left; padding:3px 10px; font:14px "Gotham Book"; color:#6d6e71; }
   #contact-page-form .textarea { height:80px; }
  #contact-page-form .text.field-3 { margin-right:0; }
  #contact-page-form .submit { display:block; float:left; width:145px; height:32px; margin:0; background:url("images/layout/buttons/submit.png") no-repeat; border:none; cursor:pointer; display:block; text-indent:-9999px; }
  
/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (min-width: 1020px) {
    .container { width:1020px; }
    #maincontent.eleven.columns { width:678px; }
    #sidebar.five.columns { width:310px; }
    #maincontent.ten.columns { width:615px; }
    #sidebar.six.columns { width:380px; margin-top:110px; }

    #maincontent .banner { width:676px; }
    
    #maincontent .affiliates img.first { margin-left:0; }
    #maincontent .affiliates img.last { margin-right:0; }
    
    #maincontent .contact-section { width:330px; }
    #maincontent .contact-form-section { width:877px; }
    #contact-page-form .text { width:240px; margin-right:24px; }
    #contact-page-form .textarea { width:810px; }
    
    #sidebar .video { width:380px; height:248px;  }
    
  }
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (min-width: 960px) and (max-width: 1019px) {
    #maincontent.eleven.columns { width:680px; }
    #sidebar.five.columns { width:255px; }
    #sidebar.six.columns { margin-top:110px; }

    #maincontent .contact-form-section { width:877px; }
    #contact-page-form .text { width:240px; margin-right:24px; }
    #contact-page-form .textarea { width:810px; }
    
    #sidebar .video { width:340px; height:248px; }
    
  }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
    #sidebar.five.columns { width:230px; }
    #sidebar.six.columns { margin-top:90px; }
    
    #maincontent .banner { padding-top:50px; padding-bottom:20px; }
    #maincontent .affiliates img { margin-right:13px; margin-left:13px; }
    #maincontent .heading { font-size:28px; line-height:38px; }
    #maincontent .title, #maincontent .title2 { font-size:23px; line-height:28px; }

    #contact-page-form .text { width:200px; margin-right:24px; }
    #contact-page-form .textarea { width:690px; }
    
    #sidebar .video { width:268px; height:221px;  }
    
  }

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
    #contact-page-form .text, #contact-page-form .textarea { width:90%; }
    #sidebar .video { width:100%; height:300px;  }
    
  }

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
    #logo { margin-bottom:0; }
    #header .phone { font-size:25px; }
    #nav { margin-top:10px; }
    #maincontent .heading { font-size:20px; line-height:25px; }
    #maincontent .title, #maincontent .title2 { font-size:18px; line-height:23px; }

  }

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
    #logo { margin-bottom:10px; }
    #header .phone { font-size:20px; }
    #nav { margin-top:0; }
    #nav ul a { margin:0 6px 0 8px; }
    #maincontent .heading { font-size:18px; line-height:20px; }
    #maincontent .title, #maincontent .title2 { font-size:14px; line-height:18px; }
    
    #sidebar .video { height:200px;  }
  }
  

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

@font-face {
    font-family: 'Gotham Bold';
    src: url('fonts/Gotham/gotham-bold-webfont.eot');
    src: url('fonts/Gotham/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Gotham/gotham-bold-webfont.woff') format('woff'),
         url('fonts/Gotham/gotham-bold-webfont.ttf') format('truetype'),
         url('fonts/Gotham/gotham-bold-webfont.svg#gothambold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Gotham Book';
    src: url('fonts/Gotham/gotham-book-webfont.eot');
    src: url('fonts/Gotham/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Gotham/gotham-book-webfont.woff') format('woff'),
         url('fonts/Gotham/gotham-book-webfont.ttf') format('truetype'),
         url('fonts/Gotham/gotham-book-webfont.svg#gothambook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Gotham Medium';
    src: url('fonts/Gotham/gotham-medium-webfont.eot');
    src: url('fonts/Gotham/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Gotham/gotham-medium-webfont.woff') format('woff'),
         url('fonts/Gotham/gotham-medium-webfont.ttf') format('truetype'),
         url('fonts/Gotham/gotham-medium-webfont.svg#gothammedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*
Theme Creator:Larrie Bernd C. Rocha
Theme Creator URI:http://www.larrieberndrocha.info
*/