/*
Theme Name: Lawrence Law Offices

*/

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */
body{ margin:0; padding:0px; background:#eaebed; color:#696969; font-family:Tahoma, Verdana, Arial, Helvetica sans-serif; font-size:0.76em; background:url(images/bg_page.jpg) left top repeat-x}
h1,h2,h3,h4,h5,h6 {font-weight:bold;  margin:0px; padding:0px; font-family:Georgia, helvetica, "Trebuchet MS"}
table {border-collapse:collapse;}
img{ border:none}
a{ text-decoration:none; color:#5b5d5b;}
a:hover{  color:#8fb541}
a:focus {outline: none;}
textarea{ font-family:Tahoma, Verdana, Arial, Helvetica sans-serif; font-size:0.76em}

/*USEFUL CLASSES*/
.clearfix:after {content: ".";display: block;height: 0;clear: both; visibility: hidden} /* Non IE clearfix */

#wrapper{ width:886px; margin:0 auto; background:url(images/w_bg.gif) center top repeat-y; height:auto!important;   }

/* -----------------------------------------------
2. HEADER
----------------------------------------------- */
#header{ background:url(images/header.jpg) center top no-repeat; width:886px; height:185px}
#logo{ width:213px; height:70px; padding:80px 0 0 30px; float:left}
#header_contact {padding:62px 0 0 680px; font-size:90%}
#header_contact form{ margin:0; padding:0}
#header_contact h2{ color:#000; font-family:Georgia, "Times New Roman", Times, serif; padding:0; margin:0; font-size:1em}
#header_contact label{ text-transform:uppercase; display:block; font-size:0.9em; color:#fff; font-weight:bold}
#header_contact input{ height:13px}
.btn{ height:18px!important; background:#5b5d5b; border:solid 1px #3A3A3A; text-transform:uppercase; color:#fff; font-size:80%; line-height:normal; font-weight:bold;}

div#top_nav { width:100%; float:left; clear:both; margin:0 0 5px 0}
#nav{ width:866px; clear:both; background:url(images/bg_nav.jpg) left top repeat-x; height:26px; border: solid 1px #443d37; margin:0 auto; color:#FFF}

#nav ul{ list-style-type:none; margin:0; padding:0}
#nav li { display:inline; margin:0; padding:0}
#nav a{color:#fff; padding:0px; }
#nav a span {background:transparent url(images/nav_btn.jpg) no-repeat scroll left top; height:20px;text-align:left; float:left; padding:5px 20px 0px 20px; display:block; cursor:pointer; border-right:solid 1px #645f57; text-transform:uppercase; font-family:Georgia,  "Trebuchet MS" }
#nav a:hover span{background-position:100% -26px; }
/* -----------------------------------------------
3. CONTENT
----------------------------------------------- */
#sub_header{ clear:both; width:866px; height:158px; margin:0px auto 10px auto;}
#sub_header_1{ clear:both; width:866px; height:27px; background:url(images/bg_sh.gif) left top no-repeat; margin:0px auto 10px auto;}
#sub_header_1 ul{ list-style-type:none; margin:0px 0 0 80px; padding:5px 0 0 0; background:url(images/bg_sh_over.gif) left top no-repeat; }
#sub_header_1 li{ display:inline; padding:0px 32px 0 12px;text-align:center }
#sub_header_1 li a{ color:#63594c!important; font-family:Georgia, "Times New Roman", Times, serif;  }
#current{ font-weight:bold}

.practice{margin:0px 0 0 180px; padding:5px 0 0 0; background:url(images/bg_sh_over.gif) left top repeat-x; width:148px; }
.contact_h{margin:0px 0 0 325px; padding:5px 0 0 0; background:url(images/bg_sh_over.gif) left top repeat-x; width:122px;}
.news_h{margin:0px 0 0 445px; padding:5px 0 0 0; background:url(images/bg_sh_over.gif) left top repeat-x; width:79px;}

#main_content{ clear:both; width:866px; min-height:450px;  margin:5px auto 0px auto; }

/*left side*/
#col_left{ width:200px; float:left; }
#top_round{ background:url(images/round_top.jpg) 10px top no-repeat; height:37px; width:183px}
#top_round h3{ color:#fff; padding:10px 0 0 0px; text-align:center; font-size:0.9em; }
#middle { background:url(images/left_bg.jpg) 10px top repeat-y;  min-height:410px}
#middle ul{ margin:0 0 0 40px; padding:0; list-style-type:none}
#middle li{ padding:10px 0}

/*main side*/
#col_main{ width:440px; float:left; padding:0 0 30px 0; min-height:440px; height:auto!important; height:440px }
#col_main h2{ color:#547d3d; font-family:Georgia, "Times New Roman", Times, serif; padding:0 0 10px 0; font-size:1.4em; text-transform:uppercase}
#col_main h3{color:#547d3d; font-size:1.0em}

/*right side*/
#col_right{ width:200px; float:left; padding:0 0 0 10px}
#frame_top{ background:url(images/frame_top_right.jpg) 16px bottom no-repeat; height:12px; width:190px}
#frame_mid{ background:url(images/frame_mid.jpg) 16px top repeat-y ; width:190px}
#frame_mid p{ padding: 20px 0 4px 45px; margin:0}
#frame_mid h3{ text-align:center; font-size:0.9em; padding: 0 0 0 18px}
#frame_bot{ background:url(images/frame_bot_right.jpg) 16px top no-repeat;  height:12px; width:190px;}

#news_top{ background:url(images/news_top.jpg) 16px top no-repeat; height:33px; width:190px; margin:30px 0 0 0; padding:0 0 0 10px}
#news_top h3{ color:#fff; padding:10px 0 0 0px; text-align:center; font-size:0.9em; text-transform:uppercase }
#news_mid { background:url(images/frame_mid.jpg) 16px top repeat-y; min-height:130px}
#news_mid ul{ margin:0 0 0 30px; padding:0; list-style-type:none}
#news_mid li{ padding:7px 0; }
#news_mid a{ background: url(images/arrow.jpg) 0px center no-repeat; padding:0 0 0 16px}
#news_mid a:hover{ background: url(images/arrow_green.jpg) 0px center no-repeat; padding:0 0 0 16px}
#news_bot{ background:url(images/frame_mid.jpg) 16px top repeat-y; height:auto!important;  height:5px;}

/*partners*/
.partners_row{ width:auto; padding:0 0 25px 0}
.partners_row img{ float:left; margin:0 20px 3px 0; padding:0; border: solid 1px #999 }
.partners_row p{ width:420px; *width:auto; margin:8px 0 8px 0; line-height:1.2em; display:block }
.partners_row h4{ font-weight:bold; font-size:90%; padding:11px 0 0 0; display:block}
.read_more{ color:#7f9e6e; width:95px!important; padding:3px 0 0 330px}
.read_more a{color:#7f9e6e}
.read_more a:hover{ color:#003300}

.current_p{ color:#76a41b}


/*contact page*/

#contact_form {padding:0px 0 0 0px; font-size:90%}
#contact_form form{ margin:0; padding:0}
#contact_form h2{ color:#000; font-family:Georgia, "Times New Roman", Times, serif; padding:0; margin:0; font-size:1em}
#contact_form label{ text-transform:uppercase; display:block; font-size:0.9em; color:#5b5d5b; font-weight:bold}
#contact_form input{ height:13px}
.btn{ height:18px!important; background:#5b5d5b; border:solid 1px #3A3A3A; text-transform:uppercase; color:#fff; font-size:80%; line-height:normal; font-weight:bold;}


/*news page*/
#col_1{ width:600px; float: left; height:auto!important; height:440px }

.news_row { width:auto; padding:0 0 0 20px}
.news_row h3{ color:#547D3D; border-bottom:dotted 1px #547D3D; text-transform:uppercase}
.news_row h4{ font-weight:normal; padding:5px; font-size:1em }
.news_row p { line-height:1.3em; margin:15px 0}
.continue{ width:auto; background:#ececec;}
.continue a{ display:block;  background:#c5da91; width:130px; margin: 0px 0 0px 430px; padding:3px 3px 3px 20px}

#col_2{ width:230px; float: left;  margin:0  0 0 20px; height:auto!important; height:440px }
.search{ width:215px; margin:0 0 30px 0; padding:0 0 0 20px}
.search input{ height:13px}

.categories h3{ font-size:1.1em!important; color:#547D3D!important; text-transform:uppercase}
.categories ul{ list-style-type:none; margin:12px 0 0 50px ; padding:0}
.categories li{ padding:5px 0}
.categories a{ background: url(images/arrow.jpg) 0px center no-repeat; padding:0 0 0 16px}
.categories a:hover{ background: url(images/arrow_green.jpg) 0px center no-repeat; padding:0 0 0 16px}
/* -----------------------------------------------
4. FOOTER
----------------------------------------------- */
#footer{ clear:both; width:886px; height:30px; background:#4d442b; text-align:center; font-size:0.8em; margin:0 auto}
#footer p{ width:400px ; float:left; padding:10px 0 0 30px; margin:0; color:#fff}
#nav_footer{ width:400px; float:left; text-align: center}
#nav_footer ul{ list-style-type:none; padding:10px 0 0 0; margin:0 }
#nav_footer li{ display:inline; padding:0 10px ; border-right:solid 1px #fff}
#nav_footer a{ color:#fff;}
#nav_footer a:hover{ color:#beb087} 

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */