/* Theme Name: Coffey Graham by Expedite
 * Description: WordPress theme for Coffey Graham LLP.
 * Version: 1.0
 * Author: Rob Barrett
 * Author URI: http://www.expediteitltd.com */
/* =====
 * Structure Elements */
html, body {
  min-height: 100%; }

body {
  background: #FFF url(images/footer-swirl.jpg) no-repeat bottom center;
  font: 62.5% Arial, sans-serif;
  line-height: 20px;
  color: #333333; }

#page {
  width: 960px;
  margin-right: auto;
  margin-left: auto; }

#container {
  background-repeat: no-repeat;
  background-position: top right; }
  #container:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0; }
  * html #container {
    zoom: 1 /* IE6 */; }
  *:first-child+html #container {
    zoom: 1 /* IE7 */; }

#header {
  padding: 20px;
  border-bottom: solid 20px #540e5b; }
  #header a {
    background-image: url(images/coffey-graham-logo.gif);
    background-repeat: no-repeat;
    display: block;
    width: 150px;
    height: 81px;
    text-indent: -999em;
    position: relative;
    left: 770px; }

#nav {
  width: 200px;
  min-height: 180px;
  float: left; }
  #nav li {
    background: #FFF url(images/bg-nav.gif) repeat-x top;
    border-bottom: solid 1px #6a747b;
    position: relative; }
    #nav li a {
      font-family: Times New Roman, serif;
      font-size: 1.5em;
      background: url(images/bullet-nav.png) no-repeat right center;
      color: #333333;
      text-decoration: none;
      display: block;
      width: 150px;
      padding: 5px 40px 5px 10px; }
      #nav li a:hover {
        color: #540e5b; }
    #nav li ul {
      display: none;
      top: 0;
      z-index: 100; }
      #nav li ul li {
        background: #d8c9d9;
        border-top: solid 1px #6a747b;
        border-bottom: none;
        z-index: 200; }
    #nav li.current_page_item ul,
    #nav li.current_page_ancestor ul,
    body.suia #nav li.page-item-59 ul {
      display: block; }
  #nav #nav li {
    height: 1%;
    float: left; }
    #nav #nav li a {
      height: 1%; }

#main {
  width: 720px;
  float: right;
  margin-top: 210px;
  margin-right: 20px; }

#sidebar {
  width: 200px;
  float: left;
  clear: left; }

#footer {
  clear: both;
  padding-top: 6em;
  padding-bottom: 120px; }
  #footer p {
    width: 700px;
    margin-right: auto;
    margin-left: auto; }

/* =====
 * Content Elements */
h1, h2, h3, h4, h5, h6 {
  font-family: Times New Roman, serif;
  font-weight: normal;
  color: #540e5b;
  clear: both; }

.content h1, .content h2, .content h3 {
  line-height: 30px; }
.content h1 {
  font-size: 2.8em;
  margin-top: 0.714em; }
  .content h1:first-child {
    margin-top: 0; }
  li .content h1 {
    font-size: 2.154em; }
.content h2 {
  font-size: 2.2em;
  margin-top: 0.909em; }
  li .content h2 {
    font-size: 1.692em; }
.content h3 {
  font-size: 1.8em;
  font-weight: bold;
  margin-top: 1.111em; }
  li .content h3 {
    font-size: 1.385em; }
.content h4 {
  font-size: 1.6em;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 1.25em; }
  li .content h4 {
    font-size: 1.231em; }
.content h5, .content h6 {
  font-size: 1.4em;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 1.25em; }
  li .content h5, li .content h6 {
    font-size: 1.231em; }
.content h5 {
  color: #000; }
.content h6 {
  color: #333333; }
.content p,
.content li,
.content th,
.content td {
  font-size: 1.3em; }
.content p {
  margin-top: 1.538em; }
  #footer .content p {
    font-family: Times New Roman, serif;
    font-size: 1em;
    color: #6a747b; }
.content ul, .content ol {
  margin-top: 2em; }
  .content ul ul, .content ul ol, .content ol ul, .content ol ol {
    margin-top: 0.385em; }
.content ul {
  list-style: disc;
  margin-left: 15px; }
  .content ul li {
    margin-left: 4px; }
.content ol {
  text-indent: -19px;
  margin-left: 19px;
  list-style-position: inside; }
.content li {
  margin-top: 0.385em; }
  .content li:first-child {
    margin-top: 0; }
  .content li li, .content li p {
    font-size: 1em; }
.content fieldset {
  width: 498px;
  padding: 10px;
  margin-top: 2em;
  border: solid 1px #CCC; }
.content legend {
  font-family: Times New Roman, serif;
  font-size: 1.2em;
  color: #333;
  padding: 0 10px; }
  .content legend + * {
    margin-top: 0; }
.content form {
  background-color: #cfd8de;
  width: 460px;
  padding: 20px;
  margin-top: 2em; }
  .content form *:first-child {
    margin-top: 0; }
  .content form fieldset {
    border-color: #999;
    width: auto; }
    .content form fieldset * {
      max-width: 426px; }
  .content form h1, .content form h2, .content form h3, .content form h4, .content form h5, .content form h6 {
    color: #000; }
  .content form label { display: block; }
    .content form label.required {
      font-weight: bold; }
  .content form input {
    font-size: 1em;
    color: #333;
    margin-top: 1.538em; }
    .content form input[type=text],
    .content form input[type=password] {
      background-color: #FFF;
      border: solid 1px #6a747b; }
    .content form input[type=text],
    .content form input[type=password] {
      background-image: url(images/bg-input.gif);
      background-repeat: repeat-x;
      background-position: top left;
      width: 298px;
      padding: 5px; }
    .content form input[type=submit] {
      font-size: 1.154em;
      font-weight: bold;
      letter-spacing: 0.067em;
      color: #FFF;
      background-color: #6a747b;
      padding: 10px;
      border: none;
      cursor: pointer; }
      .content form input[type=submit]:hover {
        background-color: #485259; }
    .content form input[type=reset] {
      font-weight: bold;
      color: #FFF;
      background: #333;
      padding: 5px;
      border: none;
      cursor: pointer; }
    .content form input[type=radio],
    .content form input[type=checkbox] {
      margin-top: 1.538em; }
  .content form select {
    color: #333;
    background-color: #FFF;
    background-image: url(images/bg-input.gif);
    background-repeat: repeat-x;
    background-position: top left;
    width: 298px;
    padding: 5px;
    margin-top: 1.538em;
    border: solid 1px #6a747b; }
  .content form textarea {
    font-family: Arial, sans-serif;
    font-size: 1em;
    color: #333;
    background-color: #FFF;
    background-image: url(images/bg-input.gif);
    background-repeat: repeat-x;
    background-position: top left;
    width: 448px;
    min-height: 10.769em;
    padding: 5px;
    margin-top: 1.538em;
    border: solid 1px #6a747b; }
  .content form br {
    display: none; }
.content table {
  margin-top: 2em;
  border-style: solid;
  border-color: #CCC;
  border-width: 1px 0 0 1px; }
  .content table th,
  .content table td {
    padding: 5px;
    border-style: solid;
    border-color: #CCC;
    border-width: 0 1px 1px 0; }
    .content table th > ul,
    .content table td > ul {
      font-size: 0.769em; }
    .content table th > p,
    .content table td > p {
      font-size: 1em; }
    .content table th *:first-child,
    .content table td *:first-child {
      margin-top: 0; }
  .content table th,
  .content table thead td {
    font-size: 1.4em;
    font-weight: bold;
    border-bottom-width: 2px; }
.content blockquote {
  width: 480px;
  padding-left: 20px;
  border-left: solid 5px #540e5b;
  margin-top: 2em; }
  .content blockquote *:first-child {
    margin-top: 0; }
  .content blockquote blockquote {
    width: 460px;
    padding-left: 20px;
    border-left: solid 5px #6a747b; }

#sidebar .box {
  background-color: #FFF;
  width: 178px;
  padding: 0 10px 2em;
  margin-top: 2em;
  border: solid 1px #CCC;
  position: relative;
  overflow: hidden; }
  #sidebar .box h3 {
    font-size: 1.6em;
    font-weight: bold;
    color: #FFF;
    background-color: #540e5b;
    line-height: 1.25em;
    width: 178px;
    padding: 5px 10px;
    margin-top: 0;
    margin-bottom: 1.25em;
    position: relative;
    top: 0;
    left: -10px; }

/* =====
 * Generic Styles */
a {
  color: #003366; }
  a:hover {
    text-decoration: none; }
  a:hover img {
    border-color: #AAA; }

sup {
  font-size: 0.833em;
  vertical-align: super; }

sub {
  font-size: 0.833em;
  vertical-align: sub; }

cite {
  font-size: 1.3em;
  font-style: italic;
  font-variant: small-caps;
  display: block;
  margin-top: 0.769em; }
  p cite {
    font-size: 1em;
    display: inline; }

acronym, abbr {
  border-bottom: dotted 1px #999999;
  cursor: help; }

pre {
  white-space: pre-wrap /* css-3 */;
  white-space: -moz-pre-wrap !important /* Mozilla, since 1999 */;
  white-space: -pre-wrap /* Opera 4-6 */;
  white-space: -o-pre-wrap /* Opera 7 */;
  word-wrap: break-word /* Internet Explorer 5.5+ */; }

small {
  font-size: 1em;
  display: block;
  margin-top: 2em; }

img {
  border: solid 1px #CCC; }
  img.noborder {
    border: none; }

hr {
  color: transparent;
  background-color: #CCC;
  height: 1px;
  margin-top: 2em;
  border: 0px none #CCC; }

.normal {
  font-weight: normal; }

.hidden {
  display: none; }

.clear {
  clear: both; }
  div.clear {
    height: 0px; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0; }
* html .clearfix {
  zoom: 1 /* IE6 */; }
*:first-child+html .clearfix {
  zoom: 1 /* IE7 */; }

.float-right, .alignright {
  float: right;
  margin: 0 0 10px 20px; }

div.float-right, div.alignright {
  margin-right: 20px; }

.float-left, .alignleft {
  float: left;
  margin: 0 15px 10px 0; }

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

.larger {
  font-size: 1.143em /* 14px x 1.149 = 16px */; }
  #main p.larger {
    font-size: 1.6em; }

.smaller {
  font-size: 0.857em /* 14px x 0.857 = 12px */; }
  #main p.smaller {
    font-size: 1.2em; }

.subtle, .disclaimer {
  color: #666; }
  .subtle a, .disclaimer a {
    color: #666; }
  #sidebar p.subtle, #sidebar p.disclaimer {
    font-size: 1.1em;
    margin-top: 1.818em; }

.nowrap {
  white-space: nowrap; }

input[type=hidden] {
  display: none; }
