@import 'css/reset-min.css';
@import 'css/fonts-min.css';

/*  
Theme Name: OC Divorce Lawyers
Theme URI: http://firm-media.com/
Description: Firm Media Template custom designed
Version: 1.0
Author: Thom Meredith
Author URI: http://firm-media.com/


*/


*
{
  outline: 0;
}

body {
  background: white url(images/common/bg.jpg) repeat-x;
  text-align: center;
  color: #4c4d4f;
  font-family: Times, "Times New Roman", serif;
}

a {
  color: #716038;
  outline: none;
}

a:hover, li a.selected {
  color: #491d1a;
}

.red {
color: #800000}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

img {
  border: none;
}

#wrap, #footer {
  background: white url('images/common/wrap_bg.jpg') no-repeat top ;
  width: 960px;
  margin: 0px auto;
  position: relative;
  text-align: left;
  padding: 0 17px;
}

#head {
  padding: 24px 0 0 17px;
  height: 360px;
}

#footerwrap {
	width: 100%;
  background: #e3e3e3 url('images/common/footer_bg.jpg') repeat-x top ;
  margin-top:60px;
}

#footer {
background: none;}

#logo {float: left;}

#headerimg {
background: url(images/header/clock.jpg) no-repeat;
width: 680px;
height: 300px;
position: absolute;
top: 0;
right: 17px;
text-align: right;
color: white;
font-size: 20px;
padding: 30px 30px 0 0 ;
}

#headerimg .phonenumber {
font-size: 27px;
}

.left {
  float: left !important;
  padding-left: 20px;
}

div.left {
  width: 220px;
}

.right {
  float: right !important;
  width: 710px;
}

.alignright {
float: right;
}

p {
  font-size: 110%;
  line-height: 20px;
  letter-spacing: .01em;
  padding-bottom: 10px;
}

hr {
margin: 16px 0}



#content {
}

#nav{
  list-style-type: none;
  height: 33px;
  position: absolute;
  top: 330px;
  line-height: 33px;
  left: 16px;
width: 970px;
}

#nav li {
  float: left;
  padding: 0;
  position: relative;
  white-space: nowrap;
}

#nav li a {
  display:block;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: 14px;
  color: white;
  padding: 0 16px;
}

#nav li a:hover, #nav li.current_page_item a, #nav li:hover a, #nav li.sfHover a, #nav li.current_page_parent a, #nav li.page-item-7.current_page_item a:hover {
background: #491d1a ;}

#nav li.page-item-7.current_page_item a {
background: none;
}

#nav li.right {
  margin-right: 0;
}

#nav ul {
position: absolute;
top: 33px;
left: -999em;
z-index: 1000;
width: 300px;
background: #491d1a;
padding-bottom:10px;}

#nav li:hover ul, #nav li.sfHover ul {
left: auto;}

#nav ul li {
clear:left;}

#nav ul li a:hover {
color: #A28D13;
}

#snav {
padding-bottom: 16px;
}

#snav li {
padding-bottom: 6px;
}

#snav li a {
  display:block;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: 110%;
  color: #a28d13;
}

#snav li a:hover, #snav li.current_page_item a {
  color: #80131c;

}

/*COMMON*/
.clear {
  clear: both;
}

h1, h2, h5 {
text-transform: uppercase;
letter-spacing: .15em;
color: #80131c;
}

h1 {
font-size: 125%;
padding-bottom: 16px;
}

h2 {
font-size: 108%;
}

h5 {
font-size: 125%;
}

.post {
width: 525px;
padding-left: 20px;}


/* HOME */

#homelinks {
margin-top: 8px;
}

.homelink {
	width: 200px;
	height: 200px;
	float: left;
	background: #e3e3e3;
	margin: 0 8px 8px 0;
	padding: 12px;
	
}

.homelink p {
font-size: 100%;
line-height: 16px;
font-style: italic;
padding-top: 16px;}

.homelink.selected {
background: #d5d5d5;
	
}

.homelink h2 {
color: #a28d13;}


/* Contact */

div.contact {
	width: 690px;
	background: #d5d4d5 url(images/common/contact_bg.jpg) repeat-x;
	padding: 20px 0 20px 20px;
}

.contact h5 {
	padding-bottom: 16px;
}

.contact .left {
width: 300px;
padding: 0;}

.contact .right {
width: 380px;
padding: 0}

.contact input, .contact textarea {
background: #efeeed;
border: 0;
padding: 4px;
width: 210px;
}

.contact .row {
padding: 0 0 5px 0;}

.contact textarea {
height: 78px;
}

.contact label {
display:block;
float:left;
font-style:italic;
padding-right:10px;
width:60px;}


/* footer */

#footer h5 {
color: #716038;}

#josephpdowns, #twentyplusyears {
padding-bottom: 15px;}

 #twentyplusyears {
 padding-top: 5px;}
 
#footer > .left {
margin-top: 20px;}

#footer .contact {
margin-bottom: 20px;
}

#footer .right .post {
padd
}

#videolink {
padding-bottom: 20px;}

#scriptures {
position: absolute;
top: 92px;
left: 35px;
font-style: italic;
color: white;
font-size: 17px;
width: 220px;

}

#scriptures p {
line-height: 24px;
background: #c1b07a;
}

blockquote {
background: #e3dfd7;
padding: 20px;
margin: 10px -20px 20px -20px;
color: #716038;
font-style: italic;
font-size: 18px;
line-height: 28px;
}

blockquote p {
line-height: 28px;
padding: 0;
}

h2 + h3 {
padding-bottom: 16px;}

.video {
width: 625px;
padding: 10px 0;
}

.video .left {
width: 365px;}

.video .right {
width: 230px;}

.contact-info p {
font-size: 12px;}

#fax {
display: none;}