/*
Theme Name: Diddiolaw.com
Theme URI: http://www.diddiolaw.com
Description: Diddiolaw.com
Version: 2
Tags: Diddiolaw.com
*/



a{color: #9a2525; text-decoration: none;}
a:hover{text-decoration: underline;}

#header a, #footer a{color:#fff;}

body{
	/*background: #4b2918;*/
	background: url("images/bg.jpg") center top repeat-y;
	color: #000;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
float: left;
position: relative;
width: 100%;
}

ul{margin: 10px 0px 20px; padding: 0px 0px 0px 40px;}

#bgcontainer{float: left; width: 100%;}
#bgcontainer .bgleft{background: url("images/bgleftbig.jpg") left top repeat-x; float: left; width: 74%;}
#bgcontainer .bgright{background: url("images/bgrightbig.jpg") left top repeat-x; float: right; width: 25%;}

#bgcontainer.small .bgleft{background: url("images/bgleft.jpg") left top repeat-x; float: left; width: 74%;}
#bgcontainer.small .bgright{background: url("images/bgright.jpg") left top repeat-x; float: right; width: 25%;}

#container{
	clear:both;
	margin: 0 auto;
	width: 986px;
}

#container2{
	float: left;
	margin: 0;
	width: 986px;
}

#header, #body, #footer {width: 986px; float: left;}

#header{
	background: url("images/main-header.jpg") left top no-repeat;
	height: 358px;
	position: relative;
	z-index: 1;
}

#header.headalt{background: url("images/main-header2.jpg") left top no-repeat;}

#header.headsmall{background: url("images/main-header3.jpg") left top no-repeat; height: 196px;}

#logo{position: absolute; top: 0px; left: 657px; z-index: 10;}

#nav{
	float: left;
	list-style: none;
	margin: 0px;
	padding: 298px 0px 0px;
}

#header.headsmall #nav{padding-top: 130px;}

#header.headsmall #nav li.home a:hover, #header.headsmall #nav li.home .on { background: url("images/home-over2.png") 0px 2px no-repeat; }
#header.headsmall #nav li.about a:hover, #header.headsmall #nav li.about .on { background-position: 0px 2px; }
#header.headsmall #nav li.areas a:hover, #header.headsmall #nav li.areas .on { background-position: 0px 2px; }
#header.headsmall #nav li.contact a:hover, #header.headsmall #nav li.contact .on { background: url("images/contact-over2.png") left -1px no-repeat; }

#nav li{float: left;}

#nav li a, #nav li a:hover { outline: 0; text-decoration: none; }

#nav li.home a, #nav li.about a, #nav li.areas a, #nav li.contact a{ height: 53px; }

#nav li.home a{ float: left; width: 162px; }
#nav li.home a:hover, #nav li.home .on { background: url("images/home-over.png") left top no-repeat; color: #4A2918; }

#nav li.about a{ float: left; width: 190px; }
#nav li.about a:hover, #nav li.about .on { background: url("images/about-over.png") left top no-repeat; }

#nav li.areas a{ float: left; width: 190px; }
#nav li.areas a:hover, #nav li.areas .on { background: url("images/areas-over.png") left top no-repeat; }


#nav li.contact a{ float: left; width: 190px; }
#nav li.contact a:hover, #nav li.contact .on { background: url("images/contact-over.png") left top no-repeat; }

#body{
	background: url("images/body-bg.jpg") left top repeat-y;
	clear:both;
	padding-bottom: 30px;
}

#main{
	float: left;
	width: 713px;
}

#main h1{ font-size: 18px; font-family: "Times New Roman", Times, serif; color: #962c2c; position: relative; }
#main h1 img{ left: 0px; top: 0px; position: absolute; }
#main p{ line-height: 20px; }
#main h2{ font-size: 14px; font-weight: bold; padding: 0px; margin: 5px 0px; }

#main .mainpad{padding: 20px 50px 50px 25px; width: 638px; float: left;}

#bgcontainer.small #main .mainpad{padding-left: 60px; padding-top: 30px; width: 603px;}
#bgcontainer.small #main p{ margin: 0px; padding: 10px 0px; }

.left{float: left; width: 49%;}

.consult{padding-top: 80px;}

.quote{background: url("images/quoteup.jpg") left top no-repeat; font-size: 17px; font-weight: bold; color: #ad9b82; padding-top: 42px; margin-top: 70px;}
.endquote{background:url("images/quotedown.jpg") no-repeat scroll 90% bottom transparent; line-height:26px; padding:0 15px 20px;}

#bgcontainer.small #main .post p.intro{padding-left: 96px;}
#main form table th h2{ color: #000; text-align: left; }
form table th, form table .req{ color: #9a2525; font-size: 11px; font-weight: normal; text-align: right; padding: 2px 5px 2px 0px; width: 87px;}
form table .reqStyle{ color: #9a2525; font-size: 11px; font-weight: normal; text-align: left; padding: 2px 5px 2px 0px;}
form table .reqStyle.checks{padding-top: 10px;}
form table h2.inline{float: left; width: auto;}
form table .inline{float: left; padding: 6px 0px 0px 15px; width: auto;}
form table .req * {vertical-align: middle;}
form table input, form table textarea{ border: 1px solid #703434; margin: 2px ;padding: 2px; }
form table input{width: 218px;}
form table input.ck{border: none; margin-left: 20px; width: auto;}
form table input.ckd{border: none; margin: 0px 5px; padding: 0px; width: auto;}
form table input.cke{border: none; margin-left: 50px; width: auto;}
form table textarea{width: 386px; height: 117px;}
form table td{margin: 0px; padding: 0px;}
#bgcontainer.small #main form table td p{font-style: italic; line-height: 14px; margin: 0px; padding: 0px 0px 10px 0px;}
form table td.cpref{padding-top: 30px;}
form table td .disclaimer{font-size: 11px; vertical-align: top; padding: 0px 0px 0px 15px; margin: 0px;}
form table td .confirm{display: inline; font-size: 11px; vertical-align: top; padding: 0px; margin: 0px;}

form table td.end, form table td.end * {vertical-align: middle;}
form table .submit{border: 0px; height: 28px; width: auto; padding-left: 15px; margin-top: -10px; position: relative; }

#bgcontainer .right{float: right; width: 49%; xmargin-top: 28px;}
#bgcontainer.small .right{float: right; width: 49%;}

#right{
	float: right;
	width: 273px;
}

#right .rightpad{
	font-size: 13px; 
	line-height: 24px; 
	padding: 20px 18px;
	width: 237px;
}

#right ul { list-style:none; margin: 7px 0px 0px; padding: 0px;}
#right ul.main { xmargin: 34px 0 0; margin: 6px 0 0; }
#right ul.main li{ background: url(images/nav-div.jpg) left bottom repeat-x; font-weight: bold; color: #962c2c; margin: 0px; padding: 5px; text-decoration: none;}
#right ul.main li.header { font-size: 15px; font-weight: bold; }
#right ul.main li.hd { font-size: 16px; }
#right ul.about { xpadding-top: 28px;}

#right ul.about li{color: #73422f; font-size: 11px; line-height:16px; padding: 3px 0px;}
#right ul.about li.header { color: #962c2c; font-size: 15px; font-weight: bold; padding: 10px 0px; }

#right ul.areas{padding-top: 75px;}

#right ul.areas li{color: #000; font-size: 12px; line-height: 21px;}
#right ul.areas li.header { color: #8a503b; font-size: 15px; font-weight: bold; padding: 5px 0px; }

#right ul.contact li{color: #815644; line-height: 18px;}
#right ul.contact .header{font-weight: bold; font-size: 15px; padding-bottom: 0px;}
#right ul.contact .map{padding: 20px 0px;}
#right ul.contact .map iframe{border: 1px solid #815644;}
#right ul.contact .address .header{color: #9a2525;}
#right ul.contact .note{font-style: italic; font-size: 11px; padding-top: 20px; line-height: 16px;}

#right h1{}

#right p{}

#footer{
	background: url("images/footer-bg.jpg") left top no-repeat;
	color: #fff;
	font: 11px normal Arial, Helvetica, sans-serif;
	xfloat: left;
	padding: 9px;
}

#footer * {width: auto;}
#footer .copy{float: left; padding-left: 8px;}
#footer .disc-link, #footer .address{float: right;}
#footer .disc-link{padding-right: 10px; margin-right: 10px; border-right: 1px solid #fff;}
#footer .address{padding-right: 200px;}
/*---*/
.home #body .right .entry p { line-height: 23px; }
.ftbg { background-color: #4F2F20; float: left; position: fixed; bottom: 0; left: 0; width: 100%; }
.ftbg .ftrp { margin: 0 auto; width: 986px; }
.ovrall { float: left; position: relative; width: 100%; }
#right ul.contact .map a {color: #9A2525 !important;}
.page-id-12 #right { background: url(images/qna.jpg) center bottom no-repeat; padding-bottom: 120px; }