/*
Theme Name: Gravely & Pearson
Theme URI: http://www.gplawfirm.com/
Description: Custom Wordpress theme for Gravely & Pearson.
Version: 1
Author: Gravely & Pearson
Author URI: http://www.gplawfirm.com/
Tags:

	2009 Copyright Gravely & Pearson. All Rights Reserved.
	Images and content may not be reproduced or reused in any fashion.
	
	Feel free to use any of the styles below, however this unique combination and layout is copyright.

*/



/*
// Gravely & Pearson
*/

body 
{
	margin: 0;
	padding: 0;
	font-family: Georgia, Times, Sans-Serif; 
	font-size: 62.5%; 
	line-height: 1.5em;
	background: url('images/gp_background.jpg') repeat-x top #626262;
}

html, body {
   height: 100%;
}   

p {
	margin: 0; 
	padding: 0;
}

a img {
        border: 0;
	margin: 0;
	padding: 0;
}

a {
        outline: 0;
}

form {
	margin: 0;
	padding: 0;
}

ul {
        margin: 0;
        padding: 0;
}

div {
	text-align: left;
}

img.alignleft {float:left;margin:0 1em 1em 0;display:inline}
img.alignright {float:right;margin:0 0 1em .5em;display:inline}

/* ---------- Content Wrapper ---------- */


#sides {
        width: 975px;
        min-height: 100%;
        margin: 0 auto;
        padding: 0;
        background: url('images/gp_backgroundsides.png') repeat-y;
*       background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="images/gp_backgroundsides.png");
}

* html #sides {
height: 100%;
}

#wrapper {
        width: 881px;
        min-height: 100%;
        margin: 0 auto;
        padding: 0;
        background: #FFF;
}       

* html #wrapper {
height: 100%;
}   


/* ---------- Top Menu Container ---------- */


#menutop {
	width: 881px;
	height: 10px;
	margin: 0 auto;
	padding: 0;
	background: url('images/gravely-menu-top.jpg') repeat-x;
	overflow: hidden;
}

#menu {
	width: 881px;
	height: 43px;
	margin: 0 auto;
	padding: 0;
	background: url('images/gravely-menu-blank.jpg') repeat-x;
}

ul#menuoptions {
	width: 881px;
	height: 43px;
	padding: 0;
	margin: 0 auto;
	list-style-type: none;
}

ul#menuoptions li {
	display: block;
	float: left;
}

li#home a {
        display: block;
        position: relative;
	width: 130px;
	height: 43px;
	background: url('images/home.jpg');
	background-position: 0 -86px;
	background-repeat: no-repeat;
	overflow: hidden;
}

li#thefirm a {
        display: block;
        position: relative;
	width: 79px;
	height: 43px;
	background: url('images/thefirm.jpg');
	background-position: 0 -86px;
	background-repeat: no-repeat;
	overflow: hidden;
}

li#attorneys a {
        display: block;
        position: relative;
	width: 82px;
	height: 43px;
	background: url('images/attorneys.jpg');
	background-position: 0 -86px;
	background-repeat: no-repeat;
	overflow: hidden;
}

li#practiceareas a {
	display: block;
	position: relative;
	width: 105px;
	height: 43px;
	background: url('images/practiceareas.jpg');
	background-position: 0 -86px;
	background-repeat: no-repeat;
	overflow: hidden;
}

li#referrals a {
        display: block;
        position: relative;
        width: 173px;
        height: 43px;
        background: url('images/referrals.jpg');
        background-position: 0 -86px;
        background-repeat: no-repeat;
        overflow: hidden;
}

li#recent a {
        display: block;
        position: relative;
        width: 101px;
        height: 43px;
        background: url('images/recent.jpg');
        background-position: 0 -86px;
        background-repeat: no-repeat;
        overflow: hidden;
}

li#contactus a {
        display: block;
        position: relative;
        width: 97px;
        height: 43px;
        background: url('images/contactus.jpg');
        background-position: 0 -86px;
        background-repeat: no-repeat;
        overflow: hidden;
}

li#bloglink a {
        display: block;
        position: relative;
        width: 59px;
        height: 43px;
        background: url('images/blog.jpg');
        background-position: 0 -86px;
        background-repeat: no-repeat;
        overflow: hidden;
}

li#home a:hover, li#thefirm a:hover, li#attorneys a:hover, li#practiceareas a:hover, li#referrals a:hover, li#recent a:hover, li#contactus a:hover, li#bloglink a:hover
{
	background-position: 0px -43px;
}

li#home a span, li#thefirm a span, li#attorneys a span, li#practiceareas a span, li#referrals a span, li#recent a span, li#contactus a span, li#bloglink a span, li#contactusspacer span { 

        left: -10000px; 
        position: absolute;
}

li#thefirm a#there{
	background-position: 0px 0px;
	width: 79px;
	height: 43px;
}

li#attorneys a#there{
        background-position: 0px 0px;
        width: 82px;
        height: 43px;
}

li#practiceareas a#there{
        background-position: 0px 0px;
        width: 105px;
        height: 43px;
}

li#referrals a#there{             
        background-position: 0px 0px;
        width: 173px; 
        height: 43px;
}

li#recent a#there{  
        background-position: 0px 0px;
        width: 105px;
        height: 43px;
}
        
li#contactus a#there{  
        background-position: 0px 0px;
        width: 97px;
        height: 43px;
}

li#bloglink a#there{  
        background-position: 0px 0px;
        width: 59px;
        height: 43px;
}


/* ---------- Header Container ---------- */


#header {
	width: 881px;
	height: 116px;
	margin: 0 auto;
	padding: 0;
	background: url('images/gravely-header.jpg') no-repeat;
	position: relative;
	overflow: hidden;
}

#headerdivider {
	width: 881px;
	height: 22px;
	margin: 0 auto;
	padding: 0;
	background: url('images/gravely-headerdivider.jpg') no-repeat top;
}

#headerdividerinterior {
        width: 881px;
        height: 29px;
        margin: 0 auto;
        padding: 0;
        background: url('images/gravely-headerdivider.jpg') no-repeat top;
}


/* ---------- Main Sections ---------- */


#homemain {
	width: 881px;
	height: 217px;
	margin: 0 auto;
	padding: 0 0 5px 0;
	background: #FFF;
	position: relative;
}

#homemain .left {
        width: 513px;
        margin: 0;
	padding: 0;
	float: left;
}

#homemain .right {
        width: 308px;
        margin: 0;
        padding: 0 30px 0 30px;
	float: right;
}

#homemain .right p {
        margin: 0;   
        padding: 0;
        font-size: 1.2em;
        line-height: 2.2em;
        color: #676767;
        text-align: left;
}

#homemain .right h2 {
        margin: 0;
        padding: 3px 0 2px 0;
        font-size: 1.2em;
        font-weight: bold;
        line-height: 1.7em;
        color: #D37420;
        text-align: left;
}     

#homebottomtitle {
	width: 881px;
	height: 85px;
	margin: 0 auto;
	padding: 0;
	background: url('images/gp_bottom_title.jpg') no-repeat;
	clear: both;
}

#main {
	width: 881px;
	height: 90px;
	margin: 0 auto;
	padding: 0;
}
.practiceareas-section #main {background: url('images/gravely-practiceareas.jpg') no-repeat;}

.referrals-section #main {background: url('images/gravely-referrals.jpg') no-repeat;}

.thefirm-section #main {background: url('images/gravely-thefirm.jpg') no-repeat;}

.attorneys-section #main {background: url('images/gravely-attorneys.jpg') no-repeat;}

.recentnews-section #main {background: url('images/gravely-recentnews.jpg') no-repeat;}

.contact-section #main {background: url('images/gravely-contact.jpg') no-repeat;}

.blog-section #main {background: url('images/gravely-blog.jpg') no-repeat;}


/* ---------- Interior Content ---------- */


#hplowercontent {
	background: url('images/gp_main_back_lower.jpg') repeat-y;
	width: 881px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	overflow: hidden;
}

#hplowercontent a:active, #hplowercontent a:visited, #hplowercontent a:link {
        color: #D37420;
        text-decoration: none;
}

#hplowercontent a:hover {
        color: #D37420;
        text-decoration: underline;
}

#hplowercontent .left {
	width: 220px;
	margin: 0;
	padding: 0 0 0 80px;
	float: left;
}

#hplowercontent .left p {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 1.1em;
	line-height: 1.7em;
	color: #FFFFFF;
}

#hplowercontent .left h2 {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.7em;
	color: #FFF;
	text-align: left;
}

#hplowercontent .middle {
	width: 220px;
	margin: 0;
	padding: 0 0 0 30px;
	float: left;
}

#hplowercontent .middle p {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 1.1em;
	line-height: 1.7em;
	color: #FFFFFF;
}

#hplowercontent .middle h2 {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.7em;
	color: #FFFFFF;
	text-align: left;
}

#hplowercontent .right h2 {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.7em;
	color: #FFFFFF;
	text-align: left;
}

#hplowercontent .right p {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 1.1em;
	line-height: 1.7em;
	color: #FFFFFF;
}

#hplowercontent .right p.end {
	margin: 0;
	padding: 0 0 26px 0;
	font-size: 1.1em;
	line-height: 1.7em;
	color: #FFFFFF;
}

#hplowercontent .right {
	width: 220px;
	margin: 0;
	padding: 0 80px 0 30px;
	float: left;
}

#contentinterior {
	width: 881px;
	margin: 0 auto;
	padding: 26px 0 0 0;
}

#contentinterior .left {
	width: 221px;
	margin: 0;
	padding: 0 35px 0 0;
	float: left;
}

#contentinterior .left p {
	margin: 0;
	padding: 1px 0 10px 0;
	font-size: 1.1em;
	line-height: 1.7em;
	color: #676767;
	text-align: right;
}

#contentinterior .left .there, #contentinterior .left .current_page_item {
	margin: 5px 0 5px 0;
	padding: 5px;
	background: #E7E8E2;
}

#contentinterior .right h1 {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.7em;
	color: #D37420;
	text-align: left;
}

#contentinterior .right p {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 1.2em;
	line-height: 1.8em;
	color: #676767;
	text-align: left;
}

#contentinterior .right p.alt {
	margin: 0;
	padding: 0 0 0px 0;
	font-size: 1.2em;
	line-height: 1.8em;
	color: #676767;
	text-align: left;
}

#contentinterior .right {
	width: 585px;
	margin: 0;
	padding: 0 34px 0 0;
	float: left;
	position: relative;
}

#contentinterior  p {
	margin: 0;
	padding: 0 20px 5px 20px;
	font-size: 1.2em;
	line-height: 1.8em;
	color: #676767;
	text-align: left;
}

#contentinterior h1 {
	margin: 0;
	padding: 0 0 5px 20px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.7em;
	color: #D37420;
	text-align: left;
}

div.post {padding: 0 0 1.5em 20px;margin-bottom:2.5em;border-bottom:1px dotted #dddddd}
div.news-item {padding: 0 0 1.5em 0;margin-bottom:2.5em;border-bottom:1px dotted #dddddd}

div.post h2, div.news-item h2 {
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.7em;
	color: #D37420;
	text-align: left;
}
div.post h2 a, div.news-item h2 a {color:#D37420}
.pagetitle, .archive_pagetitle {margin-left:20px;font-size:1.2em;line-height:1.7em;color:#D37420}
h2.archive_pagetitle {color:#444}
div.post small.datetime {display:block;margin-bottom:1.5em;font-size:11px;color:#555555;font-style:italic}

div.post p.postmetadata {
    background-color: #f2f2ef;
    font-size:11px !important;
    margin: 1em 0 0 0 !important;
    padding: 9px !important; 
}
h3.archive_headline {margin-bottom:0}
	h3.archive_headline a {color:#D37420}
	
/* Comment Styles */
#comments {margin-left:20px}
#comments h3 {margin-left:0; font-size:1.1em; color:#444}
textarea {width:400px}
#comments ol.commentlist {list-style-type:none;margin:0 0 1.5em; padding:0}
#article ol li {padding-bottom:0.5em}
ol.commentlist li {border-bottom:1px dotted #DDDDDD;overflow:visible;padding:1em 85px 1em 60px}
ol.commentlist li.alt {background-color:#F2F2EF}
ol.commentlist li div.comment-author {overflow:visible;position:relative;width:100%}
ol.commentlist li div.comment-author img {border:1px solid #DDDDDD;display:inline;left:-48px;margin-right:7px;padding:1px;position:absolute;top:0}


#contentinteriorfullwidth {
	width: 881px;
	margin: 0 auto;
	padding: 26px 0 0 0;
	position: relative;
}

#contentinteriorfullwidth .addressleft {
        width: 220px;
        margin: 0 auto;
        padding: 0;
        position: relative;
	float: left;
}

#contentinteriorfullwidth .addressright {
        width: 250px;
        margin: 0 auto;
        padding: 0;
        position: relative;
	float: left;
}

#contentinteriorfullwidth  p {
	margin: 0;
	padding: 0 40px 5px 40px;
	font-size: 1.2em;
	line-height: 1.8em;
	color: #676767;
	text-align: left;
}

#contentinteriorfullwidth h1 {
	margin: 0;
	padding: 0 40px 5px 40px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.7em;
	color: #D37420;
	text-align: left;
}

ul.submenuoptions {
        width: 220px;   
        list-style: none;
	position: relative;
}

ul.submenuoptions li {
        margin: 0;
        padding: 0;
        padding: 9px 0 9px 10px;
        font-family: Georgia, Times, Sans-Serif;
        color: #444;
        font-size: 1.1em;
        text-align: right;
}
 
ul.submenuoptions li.first {
        background: none;  
        margin: 0;
        padding: 4px 0px .5em 12px;
        font-size: 1.2em;
        line-height: 1.1em;
        border-bottom: 0px; }

ul.submenuoptions li.end {
        border-bottom: 0px;
        margin: 0;
        padding: 9px 0px 9px 10px;
}
 
ul.submenuoptions li.there, ul.submenuoptions li.current_page_item {
        background: #E7E8E2;
        margin: 0;
        padding: 9px 0px 9px 0px; 
        text-align: right;
}
        
ul.submenuoptions li.endsub {
        border-bottom: 0px;
        margin: 0;
        padding: .9em 0 0 1.0em;
        border-bottom: 1px solid #CCC;
}

ul.submenuoptions a:active, ul.submenuoptions a:visited, ul.submenuoptions a:link {
        color: #676767;
        text-decoration: none;
	border-bottom: 1px solid #E1E2DB;
}

ul.submenuoptions a:hover {
        color: #676767;
	text-decoration: none;
	border-bottom: 1px solid #D37420;
}

#sidebar ul {
	list-style:none;
}

#sidebar ul li {
	margin: 0;
	padding: 0;
	padding: 9px 0 9px 10px;
	font-family: Georgia, Times, Sans-Serif;
	color: #444;
	font-size: 1.1em;
	text-align: right;
}
#sidebar ul li div {text-align:right}
#sidebar ul li li {padding: 0;}

#sidebar ul li h2 {
	color: #444;
	font-size: 1.1em;
}

ul.practiceareas {
        width: 570px; 
	padding: 0 0 7px 0;  
        list-style: none;
	position: relative;
}
        
ul.practiceareas li {
	background: url(images/square-orange.jpg) no-repeat 0 12px;
        margin: 0;
	padding: 5px 0px 5px 13px;
        width: 570px;   
        font-family: Georgia, Times, Sans-Serif;
        line-height: 18px;
	color: #676767;  
        font-size: 12px;  
}

ul.practiceareas li.end { 
	border-bottom: 0px;
	margin: 0;
	padding: 5px 30px 9px 22px;
}

ul.attorneys {
        width: 545px; 
	padding: 0 10px 10px 15px;  
        list-style: none;
	overflow: hidden;
}
        
ul.attorneys li {
        background: url(images/square-orange.jpg) no-repeat 0 10px;
        margin: 0;   
        padding: 5px 0 1px 13px;
        width: 545px;  
        font-family: Georgia, Times, Sans-Serif;
        line-height: 15px;
        color: #676767;
        font-size: 12px;
}

ul.attorneys li.end { 
	border-bottom: 0px;
	margin: 0;
	padding: 5px 30px 9px 22px;
}

#entryrow-odd {
	float: right;
	margin: 0 auto;
	width: 675px;
	background: #f3f3f3;
}

#entryrow-even {
	float: right;
	margin: 0 auto;
	width: 675px;
	background: #fafafa;
}

#editarea {
	margin: 0 auto;
	width: 675px;
}

#headlinetitle {
	width: 675px;
	background: #c9c9c9;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0 5px 0;
}

#sectionspacer {
	height: 25px;
	width: 675px;
}
#submitrow {
	margin: 0 auto;
	padding: 25px;
	text-align: center;
	width: 675px;
}

#row1, #row1 #rowheader, #row1 #rowfield {
	height: 25px;
}

#row2, #row2 #rowheader, #row2 #rowfield {
	height: 73px;
}

#row3, #row3 #rowheader, #row3 #rowfield {
	height: 25px;
}

#row4, #row4 #rowheader, #row4 #rowfield {
	height: 25px;
}

#rowspacer {
	height: 20px;
}

#rowheader {
	width: 125px;
	padding-left: 25px;
	float: left;
}

#rowfield {
	width: 500px;
	float: right;
}




/* ---------- Footer Divider ---------- */


#footerdividermain {
        width: 881px;
        height: 52px;  
        margin: 0 auto;
        padding: 0;
        background: url('images/gravely-footerdividermain.jpg') no-repeat;
        clear: both;
}

#footerdivider {
	width: 881px;
	height: 47px;
	margin: 0 auto;
	padding: 0;
	background: url('images/gravely-footerdivider.jpg') no-repeat;
	clear: both;
}


/* ---------- Footer ---------- */


#footer {
	width: 800px;
	margin: 0 auto;
	padding: 0 0 25px 0;
	color: #C1C1C1;
	text-align: left;
	font-size: 1.1em;
	clear: both;	
	position: relative;
}
	
#footer p {
	margin: 4px 0 0 0;
	color: #8A8A8A;
	text-align: left;
}

#footer .divider {
        padding: 0 8px 0 8px;
}

#footer a:active, #footer a:visited, #footer a:link {
        color: #343434;
        text-decoration: none;
}
    
#footer a:hover {      
        color: #343434;   
        text-decoration: underline; 
}

ul#footermenu {
	list-style-type: none;
	width: 800px;
	margin: 0;
	padding: 0; 
}

ul#footermenu li {
	display: inline; 
	margin: 0;
	padding: 0;
}


/* ---------- Links ---------- */


a:active, a:visited, a:link {
        color: #888;   
        text-decoration: none;
}
        
a:hover {
        color: #888;
        text-decoration: underline;
}

#link {
        margin: 0;
        padding: 0;
}

#link p {
        margin: 0;
        padding: 0;
        font-size: 1.0em;
        line-height: 2.2em;
        color: #BBB;
        text-align: left;
}

#link a:active, #link a:visited, #link a:link {
        color: #BBB;
        text-decoration: none;
}

#link a:hover {
        color: #BBB;
        text-decoration: underline;
}