/*
Theme Name: vfnlaw
Theme URI: http://vfnlaw.com
Description: Customer theme for VF&N Law Firm in Manassas, VA
Version: 1
Author: Vision Studios Web Design
Author URI: http://visionstudiosdesign.com
Tags: law, law firm, lawyer, practice
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
/*elements*/
body{
	background: #fff;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
a{
	color: #369;
}
a:hover{
	color: #000;
}
ul{
	list-style-type: none;
}
ol{
	margin-left: 2em;
}
p, h1, h2, h3, ul, ol, dl{
	margin: .7em 0;
}
/*id's*/
div#container{
	margin: 0 auto; 
	text-align: left;
	width: 900px;
}
/*navigation*/
div#topNav{
	background: #595959;
	height: 28px;
	line-height: 28px;
}
div#topNav ul{
	margin: 0 0 0 186px;
}
div#topNav ul li{
	display: inline;
	float: left;
}
div#topNav ul li a{
	color: #fff;
	display: block;
	font-size: 11px;
	padding-left: 12px;
	padding-right: 12px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
div#topNav ul li a:hover{
	background: #213b4a;
}
/*end navigation*/
div#leftColumn{
	border-right: 1px solid #d7d7d7;
	float: left;
	font-size: 11px;
	width: 186px;
}
div#content{
	background: #fff;
	float: left;
	font-size: 11px;
	line-height: 18px;
	margin-left: 20px;
	width: 515px;
}
div#footCallout{
	clear: both;
	background: #ceeaf9;
	color: #000;
	margin-top: 20px;
	padding: 5px;
}
div#footCallout p{
	margin: 0;
}
#footer{
	clear: both;
	color: #636363;
	font-size: 9px;
	margin-top: 50px;
	text-align: center;
}
div#homeLeft{
	float: left;
	width: 49%;
}
div#homeLeft p, div#homeRight h2{
	margin: 0;
}
div#homeRight{
	float: right;
	font-size: 12px;
	font-weight: 700;
	width: 49%;
}
div#homeRight h2{
	color: #1b5e92;
	font-size: 16px;
}
div#homeRight ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 30px;
}
div#infoDirections, div#contacts{
	background: #fff;
}
div#infoDirections h1, div#infoDirections h2, div#infoDirections h3{
	color: #1b5e92;
	font-family: Baskerville, 'Times New Roman', Times, serif;
	font-size: 14px;
}
div#infoDirections ul{
	list-style-type: disc;
	list-style-position: inside;
}
div#subnav{
	border: 1px solid #333;
	height: 28px;
	line-height: 28px;
	left: -10px;
	position: relative;
	width: 495px;
}
div#subnav a{
	color: #333;
	display: block;
	float: left;
	font-family: Baskerville, 'Times New Roman', Times, serif;
	font-size: 15px;
	padding-left: 2em;
	padding-right: 2em;
	text-decoration: none;
}
div#subnav a:hover{
	background: #213b4a;
	color: #fff;
	height: auto;
}
div#subnav a.activeLink{
	background: #213b4a;
	color: #fff;
}
div#subtitle{
	border: 1px solid #333;
	color: #1b5e92;
	font-family: Baskerville, 'Times New Roman', Times, serif;
	font-size: 18px;
	line-height: 28px;
	left: -10px;
	padding-left: .5em;
	padding-right: .5em;
	position: relative;
	width: 485px;
}
ul#practiceLeft, ul#practiceRight{
	background: #f0f0f0;
	float: left;
	font-weight: 700;
	padding: 5px 5px 0 5px;
	text-transform: uppercase;
	width: 225px;
}
ul#practiceRight{
	margin-left: 10px;
}
ul#practiceLeft li, ul#practiceRight li{
	margin-bottom: 10px;
}
ul#prosList, ul#plannersList{
	background: #fff;
	clear: both;
	font-weight: 700;
	text-transform: uppercase;
}
ul#prosList li, ul#plannersList li{
	float: left;
	margin: 0 10px 10px 0;
	width: 200px;
}
h2#attorneyName{
	margin-top: -30px;
}
span#backToAttorneys{
	position: relative;
	left: 380px;
	top: -47px;
}
img#staffPic{
	display: block;
	height: 275px;
	width: 185px;
}
ul#recentPosts li{
	margin: 0 0 10px 0;
}
ul#recentPosts li.bold{
	font-size: 120%;
	font-weight: 700;
	text-transform: uppercase;
}
/*classes*/
.serif{
	font-family: Baskerville, 'Times New Roman', Times, serif;
}
.blue{
	color: #1b5e92;
}
.noBottom{
	margin-bottom: 0;
}
.noTop{
	margin-top: 0;
}
.noUnder{
	text-decoration:none;
}
.wp-caption{
	background: #fff;
	border: none;
}
body.home{
	background: #fff url(style/images/bg_body_home.gif) repeat-x 0 0;
}
body.practice{
	background: #fff url(style/images/bg_body_practice.gif) repeat-x 0 0;
}
.practice #content, .contact #content{
	top: -51px;
}
body.professionals{
	background: #fff url(style/images/bg_body_practice.gif) repeat-x 0 0;
}
body.professionals h2.serif{
	font-size: 16px;
}
body.contact{
	background: #fff url(style/images/bg_body_contact.gif) repeat-x 0 0;
}
body.blog{
	background: #fff url(style/images/bg_body_home.gif) repeat-x 0 0;
}
img.headImg{
	height: 221px;
	width: 710px;
}
li.current_page_item a{
	background: #213b4a;
}
.firmName{
	color: #1b5e92;
	font-family: Baskerville, 'Times New Roman', Times, serif;
	font-size: 14px;
}
.contactNames{
	float: left;
	line-height: 180%;
	width: 45%;
}
.contactEmails{
	float: left;
	line-height: 180%;
	width: 54%;
}
.practiceArea{
	background-color: #ffffff;
}
.practiceArea ol{
	list-style: decimal outside;
	margin-left: 30px;
}
.practiceArea ul{
	list-style: disc outside;
	margin-left: 30px;
}
.practiceTitle{
	background-color: #ffffff;
	color: #1b5e92;
	font-family: Baskerville, 'Times New Roman', Times, serif;
	font-size: 16px;
	text-transform: uppercase;
}
div.post ul li, div.post ol li, div.postTease ul li, div.postTease ol li{
	margin-left: 20px;
}
/*classes for posts*/
.postTitle{
	font-size: 120%;
}
.postDate, .postMeta{
	font-size: 95%;
	font-style: italic;
}
.postsNav{
	border-top: 2px solid #d7d7d7;
	clear: both;
	margin-top: 10px;
	text-align: center;
}
.postsNav .alignleft a, .postsNav .alignright a{
	background: #d7d7d7;
	display: block;
	padding: 5px;
}
/*classes for comments*/
.altComment{
	background: #d7d7d7;
}
ol.comments{
	list-style-type: upper-roman;
	margin-left: 20px;
	vertical-align: top;
}
ol.comments li{
	padding: 10px;
}
.txtComment, .lblComment{
	float: left;
	margin-bottom: 10px;
}
.lblComment{
	margin-left: 1em;
}
.txtComment{
	padding: 2px;
}
br.cmtClear{
	clear: left;
}
textarea.txtComment{
	width: 99%;
}