/*
Theme Name: Law Offices of Esther Hopkins
Theme URI: http://smartmarketingnow.com
Description: The default theme for Esther Hopkins
Version: 1.6
Author: Christy Sobolewski
Author URI: http://smartmarketingnow.com

*/
@import url("reset.css");
/*div {border:1px solid red;} */
 
/* BASIC HTML ELEMENTS */
a {color:#666666;}
a:hover {color:#000066;}
a:visited {color:#999999;}
a:active {color:#999999;}
h1 {}
h2 {}
h3 {margin-top:12px; margin-bottom:-12px;}
h4 {}
h5 {}
h6 {}
ul {margin:12px;}
	ul li {list-style-type:disc; list-style-position:outside; margin-left:24px; line-height:20px; margin-bottom:12px;}
ol {}
blockquote {}
p {line-height:20px; margin:16px 0;}
hr {margin:12px auto; border:none; background-color:#043162; height:1px; width:95%;}
strong {font-weight:bold;}

/* SITE LAYOUT ELEMENTS */
body {margin:0; padding:0; background-color:#999999; text-align:center; margin:0 auto; color:#666666; font-family:Arial, Helvetica, sans-serif;}

#header { background:#ffffff url(/images/header.jpg) 0 0 no-repeat; width:980px; height:183px; margin:0 auto;}
#mini-nav { float:right; margin-right:30px; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize; font-size:10px; color:#5d5f60; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; line-height:44px; padding:0 16px; margin-top:12px;}
#nav { background-color:#5f6062; margin:0 auto; width:980px; margin-bottom:7px;}
#content { background:#ffffff url(/images/sidebar-bottom.jpg) bottom left no-repeat; margin:0 auto; width:980px;}
#col1 {float:right; width:738px; text-align:left;}
	#col1 #welcome-box {clear:both; padding-bottom:20px; padding-right:20px;}
	#col1 #welcome-box h1 {font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#5f6062; font-size:18px;}
	#col1 #welcome-box h1 .accent {color:#8b0b04;}
	#col1 #welcome-box p {font-size:14px;}
	#col1 #welcome-box p.readmore, #col1 p.readmore, #col1 #welcome-box div.readmore, #col1 div.readmore {background:url(/images/icon-readmore.jpg) 0 3px no-repeat; padding-left:10px; color:#FF0000; margin:0; float:right; margin-right:8px;}
		#col1 #welcome-box p.readmore a, #col1 p.readmore a, #col1 div.readmore a, #col1 #welcome-box div.readmore a  { color:#FF0000;}
	#col1 h2, #col1 h3 a {font-size:20px; font-weight:bold; line-height:21px; margin:12px 0;}
	#col1 h3 {font-size:16px; font-weight:bold; line-height:21px; margin:12px 0;}	
	#col1 h3 a {}
	#col1 h2 a, #col1 h3 a {text-decoration:none; color:black;}
#mini-boxes {border:1px solid #d7d7d7; border-left:none; border-right:none; padding:10px 0 0 0; width:738px; clear:left; margin-top:10px; margin-bottom:10px;}
#mini-boxes ul {margin:0; padding:0; text-align:center;}
#mini-boxes li {float:left; margin:0; padding:0; list-style-type:none; list-style-position:outside; width:345px; border-left:5px solid #d7d7d7; padding-left:10px; margin-left:10px;}
#mini-boxes li.first {border-left:none; width:345px;}
#mini-boxes li h2 {margin:0; padding:0; text-align:left; margin-bottom:1px solid #f2f3f3; margin-top:-20px;}
#mini-boxes li img {float:left;}
#mini-boxes li p {margin:0; padding:0; text-align:left; float:left;}
	#mini-boxes li.first p {width:210px; clear:right;}
#mini-boxes li p.readmore,#mini-boxes li.first p div.readmore {width:80px; text-align:left; float:right; clear:left;}
#sidebar { /*width:234px;*/ padding-bottom:45px; float:left; margin:0 2px; font-family:Arial, Helvetica, sans-serif; min-height:511px; height:100%;}
#home #sidebar {min-height:735px;}
#sidebar #vid-library {display:none;}
	#sidebar #vid-library a {color:#ffffff;}
	#home #vid-library {width:230px; background-color:black; color:white; margin:0; padding:0; line-height:42px; font-family:Arial, Helvetica, sans-serif; display:block;}
#sidebar img {padding:12px 0;}
#sidebar h2 {color:#8b0b04; text-transform:capitalize; font-weight:bold; line-height:24px; text-align:left; padding-left:24px; margin-bottom:7px;}
	#sidebar ul {margin:0 0 20px; 0; padding:0; width:200px;}
	#sidebar ul li {list-style-type:none; list-style-position:outside; background:url(/images/bullet.jpg) 0 5px no-repeat; padding-left:12px; border-bottom:2px dotted #dfdfdf; text-align:left; line-height:15px; font-size:14px; margin-top:3px; margin-bottom:3px;}
	#sidebar ul li a {text-decoration:none;}
#footer { background-color:#5f6062; margin:0 auto; padding:10px 0; width:980px;}
#footer h4 {text-align:center; color:#ffffff; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; line-height:18px; padding-top:9px; }
#footer p#copyright {width:202px; border-right:1px dotted #f2f3f3; float:left; text-align:left; margin-left:36px; font-size:12px; color:#ffffff; display:inline;}
#footer a {color:#ffffff; text-decoration:none;}
#video-panel {background:url(/images/video-bar.jpg) left bottom no-repeat; width:740px; height:280px; text-align:left; margin-bottom:24px;}
	#video-panel #video-text {width:375px; float:left; margin:32px 0 0 12px;}
	#video-panel #video-text h2 { font-variant:small-caps; font-size:24px; color:#ffffff; border-bottom:1px solid #ffffff; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}
	#video-panel #video-text p {font-size:14px; color:#ffffff; margin-bottom:12px; line-height:21px;}
	#video-panel #video-text p strong {font-size:20px; font-weight:normal;}
	#video-panel #video-text p a.readmore { display:inline; font-weight:bold; float:right;}
	#video-panel #video-text a {color:#ffffff;}
#video {height:242px; width:296px; float:right; margin-top:30px; margin-right:20px;}

#nav ul {float:left; margin:0; padding:0; width:980px; height:48px;}
	#nav ul li {float:left; list-style-type:none; list-style-position:outside; padding:0; margin:0; vertical-align:middle; font-family:Arial, Helvetica, sans-serif; line-height:48px; border-left:1px solid #ffffff; padding:0 7.5px;}
	#nav ul li a {text-decoration:none; color:#ffffff;}
	#nav ul li a.hover {background-color:#e6e3cd;}
	#nav ul li.home {border-left:none;}

.alignleft {float:left; padding-right:5px;}
.alignright {float:right; padding-left:5px;}
.readmore {display:inline;}
.alternate {border-left:2px solid #f2f3f3;}
/*Events Calendar */
#wp-calendarLarge {width:90%;}
table tr td {padding:2px;}
label {line-height:21px; display:block;}
/* TYPOGRAPHY */
#contact {font-size:12px;};