/*
Light Grey: f0f0f0
Med Grey: b9b9b9
Dark Brown: 2b1c13
Med Brown: 392112
Light Brown: 654e2d 
Dark Green: 655615
Medium Green: 897b31
Link Green: 907e27
Light Yellow: d7cc99
*/

body, html {
  color: #2b1c13;
  font-family: Georgia, Times, serif;
  font-size: 14px;
  margin: 0 auto;
  padding: 0;
}

html {
  background: #f0f0f0 url(/img/header-bg.gif) repeat-x top center;
}

p, h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

p {
  line-height: 150%;
  margin: 15px 0;
}

h1 {
  color: #655615;
  font-size: 225%;
  font-weight: normal;
  margin-bottom: 15px;
}

h2 {
  color: #897b31;
  font-size: 150%;
  font-weight: normal;
  margin: 5px 0;
}

h3 {
  
}

a {
  color: #907e27;
  outline: none;
}

a:hover {
  color: #655615;
  outline: none;
}

img {
  border: none !important;
}


hr {
  border: none;
  background-color: #000;
  color: #000;
  height: 1px;
  margin: 15px 0;
}

div#main-content ul {
  list-style-position: inside;
}

/* ========== */
/* = Header = */
/* ========== */

div#header {
  height: 268px;
  margin: 57px auto 0 auto;
  width: 960px;
}

div#header p#logo {
  margin: 0;
}

div#header p#logo a {
  background: url(/img/logo-bg.gif) no-repeat top left;
  display: block;
  height: 48px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  width: 319px;
}

div#header p#tagline {
  background: url(/img/tagline-bg.gif) no-repeat top left;
  display: block;
  float: left;
  height: 19px;
  margin: 17px 0 37px 0;
  text-indent: -9999px;
  width: 371px;
}

div#search {
  float: left;
  text-align: right;
  width: 580px;
}

div#search p {
  margin: 0;
  padding: 0;
}

div#search input {
  margin: 0px !important;
  padding: 5px;
  vertical-align: middle;
}

div#search input.search-field {
  background-color: #654e2d;
  border: none;
  color: #d7cc99;
  font-size: 110%;
  height: 21px;
  width: 218px;
}

div#search input.search-button {
  background: url(img/search-button-bg.gif) no-repeat right top;
  border: none;
  color: transparent;
  display: block;
  float: right;
  height: 31px;
  text-indent: -9999px;
  text-transform: capitalize;
  width: 87px;
}

ul#nav-menu {
  clear: both;
  height: 130px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul#nav-menu li {
  display: inline;
  margin: 0;
  padding: 0;
}

ul#nav-menu li a {
  background-image: url(/img/nav_main.gif);
  background-repeat: no-repeat;
  float: left;
  display: block;
  height: 130px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  width: 132px;
}

ul#nav-menu li#nav-homepage a:link, ul#nav-menu li#nav-homepage a:visited {
  background-position: left top;
}

ul#nav-menu li#nav-homepage a:hover, ul#hav-menu li#hav-homepage a:focus {
  background-position: left -130px;
}

ul#nav-menu li#nav-homepage a#current-homepage {
  background-position: left -260px;
}

ul#nav-menu li#nav-articles a:link, ul#nav-menu li#nav-articles a:visited {
  background-position: -132px top;
}

ul#nav-menu li#nav-articles a:hover, ul#hav-menu li#hav-articles a:focus {
  background-position: -132px -130px;
}

ul#nav-menu li#nav-articles a#current-articles {
  background-position: -132px -260px;
}

ul#nav-menu li#nav-profiles a:link, ul#nav-menu li#nav-profiles a:visited {
  background-position: -264px top;
}

ul#nav-menu li#nav-profiles a:hover, ul#hav-menu li#hav-profiles a:focus {
  background-position: -264px -130px;
}

ul#nav-menu li#nav-profiles a#current-profiles {
  background-position: -264px -260px;
}

ul#nav-menu li#nav-learn a:link, ul#nav-menu li#nav-learn a:visited {
  background-position: -396px top;
}

ul#nav-menu li#nav-learn a:hover, ul#hav-menu li#hav-learn a:focus {
  background-position: -396px -130px;
}

ul#nav-menu li#nav-learn a#current-learn {
  background-position: -396px -260px;
}

ul#nav-menu li#nav-write a:link, ul#nav-menu li#nav-write a:visited {
  background-position: -528px top;
}

ul#nav-menu li#nav-write a:hover, ul#hav-menu li#hav-write a:focus {
  background-position: -528px -130px;
}

ul#nav-menu li#nav-write a#current-write {
  background-position: -528px -260px;
}

ul#nav-menu li#nav-contact a:link, ul#nav-menu li#nav-contact a:visited {
  background-position: -660px top;
}

ul#nav-menu li#nav-contact a:hover, ul#hav-menu li#hav-contact a:focus {
  background-position: -660px -130px;
}

ul#nav-menu li#nav-contact a#current-contact {
  background-position: -660px -260px;
}


/* ================ */
/* = Main Content = */
/* ================ */
div#content {
  background: url(/img/content-bg.gif) repeat-y center top;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 70px 70px 70px;
  width: 820px;
}

div#main-content {
  float: left;
  margin-right: 50px;
  width: 500px;
}

div#content p#breadcrumbs {
  font-size: 85%;
  letter-spacing: 2px;
  margin: 0 0 38px 0;
  padding: 0;
  text-transform: uppercase;
}

div#content h2 {
  margin: 25px 0 15px;
}

div#content p.author {
  color: #897b31;
  margin: 0;
  text-indent: 0;
}

div#content h2.area-of-practice a {
  color: #000;
  font-size: 65%;
  letter-spacing: 2px;
  margin: 20px 0 5px 0;
  text-decoration: none;
  text-transform: uppercase;
}

/* ============ */
/* = Articles = */
/* ============ */

div#content div#main-content img.profile {
  float: left;
  margin: 0 15px 15px 0;
}

div#content div#main-content div#ask-question {
  float: left;
  margin: 25px 0;
  width: 500px;
}

div#content div#main-content div#ask-question h3 {
  background: url(/img/submit-h-bg.gif) no-repeat center bottom;
  display: block;
  height: 16px;
  margin: 0 !important;
  padding: 0;
  text-indent: -9999px;
  width: 500px;
}

div#content div#main-content div#ask-question p {
  border-left: 1px solid #b9b9b9;
  border-right: 1px solid #b9b9b9;
  margin: 0;
  padding: 18px 18px 0 18px;
}

div#content div#main-content div#ask-question form {
  background: url(/img/suggest-bg.gif) repeat-x center bottom;
  border-bottom: 1px solid #b9b9b9;
  margin: 0;
  padding: 0;
}

div#content div#main-content div#ask-question form fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

div#content div#main-content div#ask-question form fieldset p.submit-button {
  padding-bottom: 18px;
}

div#content div#main-content div#ask-question form fieldset p input.search-button {
  background: url(img/submit-button-bg.gif) no-repeat center top;
  border: none;
  color: transparent;
  display: block;
  height: 31px;
  text-indent: -9999px;
  text-transform: capitalize;
  width: 87px;
}

div#content div#main-content div#related {
  background-color: #d7cc99;
  float: left;
  margin: 25px 0;
  padding: 20px;
  text-align: center;
  width: 460px;
}

div#content div#main-content div#related h3 {
  background: url(/img/related-articles-h-bg.gif) no-repeat center top;
  display: block;
  height: 39px;
  text-indent: -9999px;
  width: 459px;  
}

div#content div#main-content div#related ul {
  background: url(/img/related-bg.gif) repeat-y center 39px;
  list-style-type: none;
  margin: 20px 0 0 0;
  overflow: hidden;
  padding: 0;
}

div#content div#main-content div#related ul li {
  float: left;
  margin: 0 10px;
  width: 132px;
}

div#content div#main-content div#related ul li a:link,
div#content div#main-content div#related ul li a:visited {
  color: #392112;
  font-family: Verdana, Arial, sans-serif;
  text-decoration: none;
}

div#content div#main-content div#related ul li a:hover, 
div#content div#main-content div#related ul li a:focus {
  color: #654e2d;
}

div#content div#main-content ul#contributing-lawyers {
  list-style-type: none;
  margin: 10px 0;
  padding: 0;
}

div#content div#main-content ul#contributing-lawyers li {
  margin: 0;
  padding: 10px 0;
}


/* =========== */
/* = Sidebar = */
/* =========== */

div#sidebar {
  float: left;
  width: 260px;
}

div#sidebar div#summary,
div.page-sidebar {
  background: url(/img/summary-bg.gif) repeat-x center top;
  padding: 20px;
  text-align: center;
  width: 220px;
}

div#sidebar h3 {
  display: block;
  margin: 0 0 15px 0;
  text-indent: -9999px;
  width: 220px;
}

div#sidebar h3.page {
  text-indent: 0 !important;
}

div#sidebar div#summary h3 {
  background: url(/img/summary-h-bg.gif) no-repeat center top;
  height: 53px;

}

div#sidebar div#summary p.summary {
  color: #654e2d;
  font-family: Verdana, Arial, sans-serif;
  font-size: 85%;
}

div#sidebar div#summary h4#keywords {
  background: url(/img/keywords-h-bg.gif) no-repeat center top;
  display: block;
  height: 20px;
  text-indent: -9999px;
  width: 220px;
}

div#sidebar div#author,
div#sidebar div#about {
  background: url(/img/author-sidebar-bg.gif) repeat-x center bottom;
  border-bottom: 1px solid #b9b9b9;
  width: 260px;
}

div#sidebar div#author h4 {
  background: url(/img/by-h-bg.gif) no-repeat center top;
  border: none;
  color: #897b31;
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
  text-indent: -9999px;
  width: 260px;
}

div#sidebar div#author h4 span,
div#sidebar div#about h4 span {
  border-left: 1px solid #b9b9b9;
  border-right: 1px solid #b9b9b9;
  display: block;
  font-weight: bold;
  letter-spacing: 2px;
  margin: 0;
  padding: 10px 20px 0 20px;  
  text-indent: 0;
  text-transform: uppercase;
  width: 218px;
}

div#sidebar div#about h4 {
  background: url(/img/about-h-bg.gif) no-repeat center top;
  border: none;
  color: #897b31;
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
  text-indent: -9999px;
  width: 260px;
}

div#sidebar div#author p,
div#sidebar div#about p {
  border-left: 1px solid #b9b9b9;
  border-right: 1px solid #b9b9b9;
  margin: 0;
  overflow: hidden;
  padding: 20px 20px 0 20px;
}

div#sidebar div#author p span.author-location {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  float: left;
  font-size: 90%;
  font-style: italic;
  line-height: 110%;
  margin-left: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100px;
}

div#sidebar div#author p img.sidebar-headshot {
  float: left;
}

div#sidebar div#author p.author-bio {
  clear: both;
}

div#sidebar div#author p.author-link,
div#sidebar div#about p.specialties {
  padding-bottom: 20px;
}

div#sidebar div#areas-of-law,
div#sidebar div#author-list,
div#sidebar div#choose-city,
div#sidebar div#contact,
div#sidebar div#recent-articles {
  background: url(/img/summary-bg.gif) repeat-x center top;
  margin: 0 0 15px 0;
  padding: 20px;
  text-align: center;
  width: 220px;
}

div#sidebar div#areas-of-law h3 {
  background: url(/img/areas-of-law-h-bg.gif) no-repeat center top;
  height: 38px;
}

div#sidebar div#areas-of-law ul,
div#sidebar div#author-list ul,
div#sidebar div#choose-city ul,
div#sidebar div#recent-articles ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px !important;

}

div#sidebar div#areas-of-law ul li,
div#sidebar div#author-list ul li,
div#sidebar div#recent-articles ul li {
  padding: 5px 0;
}

div#sidebar div#author-list h3 {
  background: url(/img/author-h-bg.gif) no-repeat center top;
  height: 38px;
}

div#sidebar div#choose-city h3 {
  background: url(/img/choose-city-h-bg.gif) no-repeat center top;
  height: 38px;
}

div#sidebar div#choose-city ul li a {
  display: block;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  margin: 5px 0;
  padding: 10px 0;
  text-decoration: none;
  text-transform: uppercase;
  width: 220px;
}

div#sidebar div#choose-city ul li a:link,
div#sidebar div#choose-city ul li a:visited {
  background: #907e27;
  color: #FFF;
}
 
div#sidebar div#choose-city ul li a:hover,
div#sidebar div#choose-city ul li a:focus {
  background: #655615;
  color: #FFF;
}

div#sidebar div#contact h3 {
  background: url(/img/contact-h-bg.gif) no-repeat center top;
  height: 53px;
}

div#sidebar div#recent-articles h3 {
  background: url(/img/recent-articles-h-bg.gif) no-repeat center top;
  height: 38px;
}
/* ========== */
/* = Footer = */
/* ========== */

div#footer {
  background: #2b1c13 url(/img/footer-bottom-bg.gif) no-repeat center bottom;
  border-top: 4px solid #654e2d;
  clear: both;
  overflow: hidden;
  padding: 20px 0 9px 0;
  text-align: center;
}

div#footer div#frames {
  background: url(/img/footer-box-bg.gif) repeat-y center top;
  margin: 0 auto;
  overflow: hidden;
  width: 960px;
}

div#footer div#frames div.footer-box {
  float: left;
  margin: 0;
  padding: 0 10px 0 9px;
  width: 301px;
}

div#footer div#frames div.footer-box h4 {
  background-position: center top;
  background-repeat: no-repeat;
  display: block;
  height: 64px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  width: 301px;
}

div#footer div#frames div.footer-box h4#contact-lawyers {
  background-image: url(/img/contact-lawyers-h-bg.gif);
  background-position: 1px top;
}

div#footer div#frames div.footer-box h4#submit-articles {
  background-image: url(/img/submit-articles-h-bg.gif);
}

div#footer div#frames div.footer-box h4#about-lawtopix {
  background-image: url(/img/about-lt-h-bg.gif);
}

div#footer div#frames div.footer-box p {
  color: #fff;
  font-family: Verdana, Arial, sans-serif;
  padding: 0 20px;
}


div#footer div#frames div.footer-box a:link,
div#footer div#frames div.footer-box a:visited {
  color: #d7cc99;
}

div#footer div#frames div.footer-box a:hover, 
div#footer div#frames div.footer-box a:focus {
  color: #FFF;
}

p.copyright {
  background-color: #2b1c13;
  clear: both;
  color: #f0f0f0;
  margin: 0;
  padding: 40px 0 100px;
  text-align: center;
}

p.copyright a:link,
p.copyright a:visited {
  color: #d7cc99;
}

p.copyright a:hover, 
p.copyright a:focus {
  color: #FFF;
}

/* ================ */
/* = Contact Form = */
/* ================ */

div#main-content form#contact-form fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

div#main-content form#contact-form fieldset input.form-submit-button {
  background: url(img/submit-button-bg.gif) no-repeat center top;
  border: none;
  color: transparent;
  display: block;
  float: left;
  height: 31px;
  margin: 0 auto;
  text-indent: -9999px;
  text-transform: capitalize;
  width: 87px;
}
  
  
/* ==================== */
/* = Home Page Search = */
/* ==================== */

h2.home-h2 {
  margin-bottom: 65px !important;
}

div#home-search form fieldset {
  background: url(img/author-sidebar-bg.gif) repeat-x bottom left;
  border: 1px solid #b9b9b9;
  padding: 30px 20px 40px;
  text-align: center;
}

div#home-search form fieldset legend {
  color: #392112;
  font-size: 150%;
  text-transform: capitalize !important;
}

div#home-search form fieldset input.search-field {
  border: 1px solid #b9b9b9;
  font-size: 150%;
  height: 35px;
  margin-bottom: 15px;
  width: 100%;
}

div#home-search form input.search-articles-button {
  background: url(img/search-articles-button-bg.gif) no-repeat center top;
  border: none;
  color: transparent;
  display: block;
  height: 31px;
  margin: 0 auto;
  text-indent: -9999px;
  text-transform: capitalize;
  width: 157px;  
}