/*   
Theme Name: Patel Hammond Custom
Description: Custom WordPress theme for Patel Hammond
Author: Displet
Author URI: http://displet.com
*/

/******************
Global Styles
******************/
* {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

body {
	font-family: Arial, sans-serif;
	background-color: #e2e2e2;
}

img {border: 0;}

a {
	color: #ba7070;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.right {float: right;}

.left {float:left;}

.clear {clear:both;}

.ir{text-indent: -9999px;}

.margin{
	width: 960px;
	margin: 0px auto;
}

.sans{
	font-family: 'Open Sans', sans-serif;
}

.shadow{
	text-shadow: 1px 1px 3px #000;
}


h1, h2, h3, h4, h5, h6{
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 12px;
}

h1{
	font-size: 22px;
	font-weight: 400;
	color: #500000;
	margin-bottom: 20px;
}

h2, h3, h4, h5, h6{
	color: #111011;
}

h2{
	font-size: 17px;
	font-weight: 400;
	margin-bottom: 18px;
}

h3, h4, h5, h6{
	font-weight: 600;
}

h3{
	font-size: 14px;
	margin-bottom: 16px;
}

h4{
	font-size: 12px;
}

h5{
	font-size: 11px;
}

h6{
	font-size: 10px;
}

#loop .cont img, #attorneysingle #loop .left .coll .img img, #blog #loop .left .img img, #single #loop .left .img img{
	background-color: #fff;
	padding: 4px;
	border: 1px solid #c0bfc0;
}

#loop .cont{
	line-height: 21px;
	font-size: 13px;
	color: #717071;
	overflow:hidden;
}

#loop .cont p{
	margin: 21px 0px;
}

#loop .cont ul{
	padding-left: 15px;
	margin: 16px 0px;
}

#loop .cont ol{
	padding-left: 30px;
	margin: 16px 0px;
}

#loop .cont li{
	line-height: 24px;
	padding: 3px 0px 3px 18px;
}

#loop .cont ol li{
	padding-left: 3px;
}

#loop .cont ul li{
	background: url('images/loopulli.png') 0px 12px no-repeat;
}

#loop .cont ol li{
	list-style-type: decimal;
}

#loop .cont blockquote{
	padding-left: 47px;
	background: url('images/quotes.png') 0px 3px no-repeat;
	font-style: italic;
	margin: 21px 0px;
}

section,
nav,
footer,
header,
article,
figure,
figcaption {
  display: block;
}

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

.alignleft {
	float: left;
	margin: 0px 7px 0px 0px;
}

.alignright {
	float: right;
	margin: 0px 0px 0px 7px;
}

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

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

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0 !important;
	padding: 0 4px 5px !important;
}

/******************
Header Styles
******************/

#header .top{
	height: 123px;
	background: url('images/headerback.png') 0px 0px repeat-x;
}

#header .top .logo{
	width: 304px;
	height: 76px;
	background: url('images/logo.png') 0px 0px no-repeat;
	float: left;
	margin: 22px 0px 0px 0px;
}

#header .top .right{
	float: right;
	margin: 37px 30px 0px 0px;
}

#header .top .right div{
	display: inline-block;
	font-size: 15px;
	color: #e3c4c4;
	line-height: 19px;
}

#header .top .right .numbers{
	padding-right: 15px;
	border-right: 1px solid #651a1a;
	margin-right: 15px;
	text-align: right;
}

#header .top .right .numbers div{
	padding-left: 25px;
	background-repeat: no-repeat;
	display: block;
}

#header .top .right .numbers .phone{
	background-image: url('images/phone.png');
	background-position: 0px 3px;
	padding-bottom: 9px;
	border-bottom: 1px solid #651a1a;
}

#header .top .right .numbers .fax{
	background-image: url('images/fax.png');
	background-position: 0px bottom;
	padding-top: 9px;
}

#header .bot{
	height: 40px;
	background-color: #111011;
	border-bottom: 1px solid #000;
}

/******************
Navigation Styles
******************/

#navigation .sub-menu{display: none;}

#navigation div, #navigation ul, #navigation li{display: inline-block;}

#navigation li{
	line-height: 40px;
	margin: 0px 34px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
}

#navigation li a{
	color: #9d9c9d;
	text-decoration: none;
	display: block;
}

#navigation li a:hover{
	color: #fff;
	text-decoration: none;
}

/******************
Banner Styles
******************/

#banner{
	background-color: #bdbcbd;
}

#banner .margin{
	border-left: 1px solid #dcdbdc;
	border-right: 1px solid #dcdbdc;
	width: 958px;
}

/******************
Slideshow Styles
******************/

#slideshow{
	height: 300px;
	width: 644px;
	float: left;
}

/******************
About Us Styles
******************/

#aboutus, #contactus{
	height: 300px;
	width: 314px;
	float: left;
	background: url('images/aboutusback.png') 0px 0px no-repeat;
}

#aboutus{
	overflow: hidden;
}

#aboutus .inner, #contactus .inner{
	padding: 30px 30px 0px 30px;
}

#aboutus .tit, #contactus .tit{
	font-size: 22px;
	line-height: 22px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
}

#contactus .tit{
	margin-bottom:18px;
}

#aboutus .cont{
	line-height: 18px;
	font-size: 12px;
	color: #e2e2e2;
	margin-top: 18px;
}

#aboutus .tit2{
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	margin-top: 20px;
}

#aboutus ul{
	margin-top: 7px;
	margin-left: 2px;
}

#aboutus li ul{
	margin-top: 0px;
}

#aboutus ul li{
	line-height: 18px;
	font-size: 11px;
	font-weight: bold;
	padding-left: 19px;
	color: #e2e2e2;
	background: url('images/ulli.png') 0px 7px no-repeat;
}

#aboutus ul li a{
	color: #e2e2e2;
	text-decoration: none;
}

#aboutus ul li a:hover{
	text-decoration: underline;
}

#contactus input, #contactus textarea, #contactus select{
	background-image: url('http://patelhammond.com/wordpress/wp-content/uploads/2012/01/contactinputback.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: #5d5c5d;
	font-size:12px;
	font-family: Arial, sans-serif;
	color: #bdbcbd;
	padding:1px 10px;
	line-height: 22px;
	border: 1px solid #8b8b8b;
	margin-top: 5px;
}

#contactus input{
	height:22px;
	width:228px;
}

#contactus select{
	height:26px;
	width:248px;
	line-height: 24px;
}

#contactus textarea{
	height:70px;
	width:228px;
}

#contactus .wpcf7-submit, #contactus input[type="submit"]{
	padding:0;
	border:0;
	font-size:12px;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	text-align:center;
	line-height:26px;
	height:26px;
	width:250px;
	background:url('http://patelhammond.com/wordpress/wp-content/uploads/2012/01/sendback.png') 0 0 no-repeat;
	cursor: pointer;
}

#contactus .wpcf7-submit:hover, #contactus input[type="submit"]:hover{
	box-shadow:1px 1px 3px #111;
}

/******************
Front Page Styles
******************/

#loopnewspress, #fullwidthloop{
	background-color: #fff;
}

#loopnewspress #loop{
	width: 645px;
	float: left;
}

#loopnewspress #loop .inner{
	padding: 30px 0px 10px 35px;
}

#fullwidthloop #loop .inner{
	padding: 30px 35px 10px 35px;
}

#loop h1.tit{
	font-size: 22px;
	line-height: 22px;
	font-weight: 400;
	color: #500000;
	text-transform: uppercase;
	margin-bottom: 22px;
}

#loopnewspress #newspress{
	width: 285px;
	float: right;
}

#newspress .inner{
	padding: 30px 35px 0px 0px;
}

#newspress .tit{
	font-size: 22px;
	line-height: 22px;
	font-weight: 400;
	color: #706f70;
	text-transform: uppercase;
}

#newspress ul{
	margin-top: 23px;
}

#newspress li .post{
	line-height: 18px;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

#newspress li .post a{
	color: #807e80;
	text-decoration: none;
}

#newspress li .post a:hover{
	text-decoration: underline;
}

#newspress .more{
	margin-top: 10px;
	width: 38px;
	height: 17px;
	line-height: 17px;
	text-align: center;
	background-color: #ba7070;
	font-size: 11px;
	margin-bottom: 20px;
}

#newspress .more a{
	color: #fff;
	text-decoration: none;
	display: block;
}

#newspress .more a:hover{
	text-decoration: underline;
}

/******************
Footer Styles
******************/

#footer{
	background-color: #cecece;
	border-bottom: 5px solid #bdbcbd;
	margin-bottom: 25px;
}

#footer .inner{
	padding: 0px 35px 14px 35px;
}

#footer .left{
	float: left;
	width: 595px;
}

#footer .left ul{
	margin-top: 18px;
	padding-bottom: 16px;
	display: inline-block;
}

#footer .left li ul{
	display: none;
}

#footer .left ul li{
	font-size: 13px;
	line-height: 13px;
	padding: 0px 10px;
	border-left: 1px solid #868686;
	display: inline-block;
}

#footer .left ul li:first-child{
	border-left:0;
	padding-left: 0px;
}

#footer .left ul li a{
	color: #333;
	text-decoration: none;
}

#footer .left ul li a:hover{
	text-decoration: underline;
}

#footer .left .text{
	float: left;
	font-size: 10px;
	line-height: 16px;
	color: #666;
	margin-right: 15px;
}

#footer .left .text a{
	color: #333;
	text-decoration: underline;
}

#footer .left .text a:hover{
	text-decoration: none;
}

#footer .left .facebook{
	width: 16px;
	height: 17px;
	line-height: 17px;
	background: url('images/facebook.png') 0px 0px no-repeat;
	margin-left: 16px;
	margin-right: 7px;
	float: left;
}

#footer .left .twitter{
	width: 17px;
	height: 17px;
	line-height: 17px;
	background: url('images/twitter.png') 0px 0px no-repeat;
	float: left;
}

#footer .left .facebook a, #footer .left .twitter a{
	display: block;
}

#footer .right{
	float: right;
	width: 285px;
	padding-top:21px;
}

#footer .right .wordpress{
	float: right;
	margin-top: 31px;
	height: 18px;
	width: 18px;
	line-height: 18px;
	background: url('images/wordpress.png') 0px 0px no-repeat;
}

#footer .right .displet{
	float: right;
	margin-right: 9px;
	margin-top: 33px;
	height: 15px;
	width: 74px;
	line-height: 15px;
	background: url('images/displet.png') 0px 0px no-repeat;
}

#footer .right .wordpress a, #footer .right .displet a{
	display: block;
}

#footer .right .text{
	float: right;
	margin-top: 34px;
	margin-right: 13px;
	font-size: 10px;
	line-height: 10px;
	color: #333;
}

/******************
Attorneys Single Styles
******************/

#attorneysingle #loop .left{
	float: left;
	width: 610px;
}

#attorneysingle #loop .left h1.tit{
	margin-bottom: 30px;
}

#attorneysingle #loop .left .coll{
	float: left;
	width: 120px;
}

#attorneysingle #loop .left .coll .img{
	margin-bottom: 4px;
}

#attorneysingle #loop .left .coll .text{
	line-height: 25px;
	padding: 2px 0px;
	border-bottom: 1px solid #e2e2e2;
	font-size: 11px;
	color: #717071;
}

#attorneysingle #loop .left .coll .text a{
	color: #717071;
	text-decoration: none;
}

#attorneysingle #loop .left .coll .text a:hover{
	text-decoration: underline;
}

#attorneysingle #loop .left .colr{
	float: right;
	width: 460px;
}

#attorneysingle #loop .right{
	float: right;
	width: 249px;
	margin-top: 52px;
	padding-left: 30px;
	border-left: 1px solid #e2e2e2;
}

#attorneysingle #loop .left .colr .cont{
	padding-right:20px;
}

#attorneysingle #loop .left .colr .cont h4, #attorneysingle #loop .right h4{
	margin-bottom: 5px;
}

#attorneysingle #loop .left .colr .cont ul, #attorneysingle #loop .right ul{
	margin-top: 5px;
}

/******************
Blog Styles
******************/

#blog #loop .post{
	padding-bottom: 20px;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 30px;
}

#blog #loop .post .left, #single #loop .left{
	float: left;
	width: 134px;
}

#blog #loop .post .left .img, #single #loop .left .img{
	margin-bottom: 5px;
}

#blog #loop .post .left .text, #single #loop .left .text{
	line-height: 20px;
	font-size: 11px;
	color: #717071;
}

#blog #loop .post .left .text a, #single #loop .left .text a{
	font-weight: bold;
	color: #717071;
	text-decoration: none;
}

#blog #loop .post .left .text a:hover, #single #loop .left .text a:hover{
	text-decoration: underline;
}

#blog #loop .post .left .text .bold, #single #loop .left .text .bold{
	font-weight: bold;
}

#blog #loop .post .left .text span, #single #loop .left .text span{
	font-style: italic;
}

#blog #loop .post .right{
	float: right;
	width: 456px;
}

#blog #loop .post .right .tit a{
	font-size: 13px;
	line-height: 13px;
	font-weight: bold;
	color: #717071;
	text-decoration: none;
}

#blog #loop .post .right .tit a:hover{
	text-decoration: underline;
}

#blog #loop .post .right .cont p{
	margin: 13px 0px;
}

#blog #loop .post .right .text a{
	line-height: 13px;
	font-size: 13px;
}

#paginate{
	margin-top: -4px;
	padding-bottom: 18px;
}

#paginate ol, #paginate li, #paginate a, #paginate span{
	display: inline-block;
	font-size: 11px;
	line-height: 10px;
	height: 10px;
	color: #717071;
	background-image:none;
	background-color: #fff;
	border: 0;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}

#paginate li{
	margin: 0px 10px;
}

#paginate li .page{
	background: url('images/pagenumberback.png') 0px 0px no-repeat;
	width: 11px;
	text-align: center;
}

#paginate li .current{
	background-image: none;
}

#paginate a:hover{
	text-decoration: underline;
}

/******************
Single Styles
******************/

#single #loop .right{
	float: right;
	width: 456px;
}

#single #loop .right p:first-child{
	margin-top: 0px;
}

#catstags{
	border-top: 1px solid #e2e2e2;
	padding-top: 28px;
	padding-bottom: 9px;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 27px;
}

#catstags .coll{
	float: left;
	width: 270px;
}

#catstags .colr{
	float: right;
	width: 310px;
}

#catstags h3{
	line-height: 14px;
	margin-bottom: 13px;
}

#catstags ul li{
	line-height: 24px;
	padding: 3px 0px;
	font-size: 13px;
}

#catstags ul li a{
	text-decoration: underline;
}

#catstags ul li a:hover{
	text-decoration: none;
}

#comments{
	padding-bottom: 20px;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 27px;
}

#comments h3{
	line-height: 14px;
	margin-bottom: 23px;
}

body .comment_list{
	padding-left: 0px;
	margin-top: 17px;
}

body .comment_list p{
	padding: 0px;
	margin: 0px;
}

body #commentform p{
	padding: 0px;
	margin: 10px 0px;
}

li.comment div.comment{
	margin-bottom: 30px;
	border-left: 5px solid #e2e2e2;
	background-color: #fff;
	padding: 0px 10px;
	font-size: 13px;
	color: #717071;
	line-height: 18px;
}

li.comment .comment_author{
	color: #ba7070;
	font-weight: bold;
}

li.comment .comment_date{
	font-style: italic;
}

li.comment .comment_text{
	margin: 5px 0px;
}

li.depth-2, li.depth-3, li.depth-4, li.depth-5, li.depth-6{
	margin-left: 20px;
}

#commentform{
	font-size: 13px;
	color: #717071;
}

#commentform p{
	width:425px;
	text-align:right;
}
#commentform p.form-submit{
	width:100px;
	margin-left:124px;
	text-align:left;
}
.required{
	color:#f00;
}
#commentform .logged-in-as, #commentform .comment-notes{
	margin-bottom: 10px;
}
#commentform #email, #commentform #author, #commentform textarea, #commentform #url{
	width:280px;
	border:1px solid #DDDDD0;
	margin-left:20px;
	padding:0 10px;
	vertical-align:text-top;
	margin-top:0px;
	line-height:27px;
	margin-bottom: 10px;
}
#commentform textarea{
	height:142px;
}
#commentform .form-submit{
	margin-bottom: 10px;
}
#commentform #submit{
	background-color: #ba7070;
	color: #fff;
	font-size: 11px;
	line-height: 26px;
	padding: 0px 14px;
	text-decoration: none;
	border:0;
}
#commentform #submit:hover{
	cursor:pointer;
	text-decoration: underline;
}
#commentform #login{
	text-align:left;
	margin-top:10px;
}
#commentform .comment-notes{
	width: 620px;
	text-align: left;
	margin-bottom: 20px;
}

#contactus div.wpcf7-response-output{
	padding:10px;
	margin: 5px 0 0 0;
	background:#fff;
	position:relative;
	z-index:9;
}