/*
Theme Name: CZ Legal
Theme URI: http://czlegal.com

Author: Haneke Design
Author URI: http://hanekedesign.com

*/


body {
	margin: 0 auto;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	background: #182f48 url(images/background-main.jpg) top left repeat-x;
}
form { margin: 0; }
.align-left { float: left; }
.align-right { float: right; }
.clear { clear: both; }
img { border: none; }

a { color: #182f48; text-decoration: underline; }
a:hover { text-decoration: none; }

#outer-wrapper {
	position: relative;
	width: 1095px;
	margin: 0 auto;
}
#left-col {
	position: absolute;
	top: 0;
	left: 0;
	width: 105px;
	min-height: 974px; 
	margin: 0 auto;
	background: url(images/background-left-col2.jpg) top left no-repeat;
}
#right-col {
	position: absolute;
	top: 0;
	right: 0;
	width: 105px;
	min-height: 974px;
	margin: 0 auto;
	background: url(images/background-right-col2.jpg) top right no-repeat;
}
#wrapper {
	width: 885px;
	margin: 0 auto;
}
/* +++++++++++++++++++++++++++++++ header ++++++++++++++++++++++++++++++++ */
#header {
	position: relative;
	background: url(images/background-header.jpg) top left no-repeat;
}
img#logo { margin-left: 20px; }

#header ul#contact {
	margin: 0;
	margin-right: 20px;
	margin-top: 9px;
	padding: 0;
	list-style-type: none;
	position: absolute;
	top: 0;
	right: 0;
}
#header ul#contact li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #345d8e;
	font-size: .8em;
	font-weight: bold;
	padding-bottom: 8px;
}
#header ul#contact li a { color: #345d8e; text-decoration: none; }
#header ul#contact li a:hover { text-decoration: underline; }

/* +++++++++++++++++++++++++++++++ main navigation ++++++++++++++++++++++++++++++++ */
#main-nav .menu {
	width: 885px;
	height: 28px; 
	background: url(images/main-nav-plain.jpg) top left no-repeat;
}
#main-nav .menu ul {
	margin: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#main-nav .menu ul li {
	margin: 0;
	padding: 0;
	float: left;
	font-size: 11px;
	white-space: nowrap;
	padding: 0 28px;
}
#main-nav .menu ul li a { 
	color: #fff;
	float: left;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	display: block;
	height: 21px;
	padding-top: 8px; 
}
#main-nav .menu ul li a:hover { text-decoration: underline; }

#main-nav .menu ul li.current_page_item,
#main-nav .menu ul li.current_page_parent { background: url(images/nav-highlight.png) bottom center no-repeat; }


/* ++++++++++++++++++++++ intros ++++++++++++++++++++++ */
#flash, .flashmovie { 
	width:885px;
}
.flash-home { height: 305px; background: url(images/flash-back-home.jpg) top left no-repeat; }
.flash-sub { height: 176px; background: url(images/flash-back-sub.jpg) top left no-repeat; }
#intro {
	width: 891px;
	height: 162px;
	padding: 20px 0 0 28px;
}
.home { background: url(images/intro-background-home.jpg) top left no-repeat; }
.areas-negligence { background: url(images/intro-background-home.jpg) top left no-repeat; }

#intro h1 {
	margin: 0;
	padding: 0;
	color: #37608c;
	font-size: 1.4em;
	font-weight: normal;
}
#intro p {
	padding: 0;
	width: 545px;
	color: #345068;
	font-size: 1.2em;
/*	line-height: 1.5em;*/ line-height: 1.1em;
}
a.read-more {
	font-size: 1em;
	color: #37608C;
}

#content-container {
	float: left;
	width: 885px;
	background: #fff url(images/corner-white-sub.png) top left no-repeat; 					/* important to have #fff */
}
.under-intro { background: #fff; }

#main-content {
	padding: 8px; 
	padding-bottom: 0;
	clear: left;
}
#main-content h1 {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	color: #a69a6c;
	font-size: 1.3em;
	font-weight: bold;
}
#main-content h2 {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	color: #a69a6c;
	font-size: 1.2em;
	font-weight: normal;
}
#main-content h2.date-below { margin-bottom: 0; }
#main-content h3 {
	margin: 0;
	padding: 0;
	color: #234467; 
	font-size: 1em;
	font-weight: normal;
}
.entry { padding-right: 15px; font-size: .9em; color: #333; }
.entry .attachment-post-thumbnail, .entry .size-full { 
	float: left; 
	margin-right: 20px; margin-bottom: 15px;
}
.entry h3 a {
	margin: 0;
	padding: 0;
	color: #234467;
	font-weight: normal;
}
.entry ul li {
	padding-bottom: 10px;
}
.listing-p h3 { margin-bottom: 0;  }
.listing-p p { margin-top: 0; font-size: .9em; color: #545454;  }
.indent { padding: 0 15px; }

.archive-style { 

	color: #6E6E6E;
	font-size: .9em;
}
.archive-style .post {
	border-bottom: 1px dotted #999;
	margin-bottom: 20px;
}

.note { color: red; font-size: 11px; }
#left-content {
	width: 572px;                                                                		
	padding: 0; 
	padding-top: 11px; 
	padding-left: 20px;
	margin: 0;
	float: left;
}
.corner { background: url(images/corner-left-blue.gif) top left no-repeat; }

#right-content { float: right; width: 269px; }
#right-content h2, #right-content h4 { margin:  0; }

#full-content {
	padding: 0; 
	padding-top: 11px; 
	padding-left: 20px;
	width: 849px;
	margin: 0;
	float: left;																										/*background: yellow;*/
}
#main-content #full-content h2 {
	margin: 0;
	margin-bottom: 0;
	padding: 0;
	color: #a69a6c;
	font-size: 1.1em;
	font-weight: bold;
}
#full-content #right-content {
	width: 269px; 																									/*	background: pink;*/
}
#bottom {
	clear: both;
	background: url(images/bottom.gif) top left no-repeat;
	height: 24px;
	width: 885px;
}


.post-details { font-size: .9em; }
.post-details span { padding-right: 10px; }



/* +++++++++++++++++++++++++++++++++++++++++ most recent/other posts ++++++++++++++++++++++++++++ */
#main-content .most-recent-post {
	background: url(images/most-recent-backg.jpg) top left repeat-x;
	padding: 15px;
	color: #4a4a4a;
}
#main-content .most-recent-post .entry { padding-right: 0; }
#main-content .most-recent-post a.more-link {
	display: block;
	font-weight: bold;
	margin-top: 20px;
	text-decoration: none;
}
#main-content .most-recent-post h2 a {
	font-size: 1.3em;
	font-weight: bold;
	color: #545454;
	text-decoration: none;
}
#main-content .most-recent-post h2 a:hover { text-decoration: underline; }

.most-recent-post .attachment-post-thumbnail { 
	float: left; 
	margin-right: 10px; border: none;
}
.most-recent-post div.align-right { 
	float: left;
	width: 288px;
	font-size: 1.1em;
}
.most-recent-post div.align-right p { margin-top: 0; }

/* ++++ other posts +++++ */
#other-posts .post {
	width: 269px;
	float: left;
	margin-right: 10px;
}
#other-posts .post h2 {
	background: #545456;
	font-size: .9em;
	padding: 9px 9px 9px 15px;
	margin: 10px 0 0 0;
}
#other-posts .post h2 a {
	color: #ffedb8;
	font-weight: bold;
	text-decoration: none;
}
#other-posts .entry {
	font-size: .9em;
	color: #4a4a4a;
	padding-right: 0;
}
#other-posts .indent { padding-left: 10px; }
a.more-link { 
	font-weight: bold;
	color: #4a4a4a;
	display: block;
	margin-top: 6px;
	text-decoration: none;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++ related blog posts ++++++++++++++++++++++++++++++++++++ */
#related-posts { 
	padding: 20px 10px; 
	padding-bottom: 25px; padding-left: 15px;
	background: #fff url(images/related-posts-backg.jpg) top left repeat-x;
}
#main-content h3.side-heading {
	background: #545456;
	color: #ffedb8;
	font-weight: bold;
	font-size: 1.2em;
	padding: 9px 0 9px 15px;
	margin: 10px 0 0 0;
}
#related-posts ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#related-posts ul li {
	font-size: 1em;
	margin: 0;
	padding: 0; padding-bottom: 10px;
}
#related-posts ul li a { color: #847f71; text-decoration: none; }
#related-posts ul li a:hover { text-decoration: underline; }

/* +++++++++++++++++++++++++ tags +++++++++++++++++++++++++ */
#tags {
	padding-top: 20px;
	padding-left: 10px;
	margin-bottom: 20px;
}
#tags h3 { 
	margin-bottom: 10px;
	font-weight: bold;
}
#tags a { font-size: .9em; }

/* +++++++++++++++++++++++++++++ homepage specific ++++++++++++++++++++++++++++ */
.corner-home { background: url(images/corner-white-home.png) top left no-repeat; }
#full-content-homepage {
	padding: 0; 
	padding-top: 0; 
	padding-left: 0;
	width: 885px;
	margin: 0;
	float: left;
}
#full-content-homepage #left-content {
	width: 572px;                                                                		
	padding: 0; 
	margin: 0;
	float: left;
}
#full-content-homepage #left-content a.cta-learn {
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	float: right;
	background: url(images/learn-more-background.gif) left no-repeat;
	padding-right: 24px;
	width: 394px;
	height: 44px;
	text-align: right;
	line-height: 3.4em;
	margin-right: 5px;
}
#full-content-homepage #right-content {
	width: 310px; 
}
.box, .box2 {
	margin-right: 16px;
	background: #C4DDEE;
	color: #436186;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#right-content .box h3, #right-content .box2 h3 {
	background: #92BFE0;
	padding: 5px 10px;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 8px;
	color: #436186;
}
#right-content .box .date, .box2 .date { font-size: .9em; padding-left: 10px; }
#right-content .box p, #right-content .box2 p {  font-size: .9em;  }
#right-content .box a.more-link, .box2 a.more-link {
	font-size: .7em;
	float: right;
	background: url(images/arrow-blue.gif) right no-repeat;
	padding-right: 10px;
	margin-top: 10px;
}
.box2 a.more-link { background: url(images/arrow-gray.gif) right no-repeat; color: #3e3d3b; }
#right-content .box2 h3 {
	background: #b2dcf5;
}
.box2 {
	/*background: #f7f1de;*/ background: #fff; color: #3e3d3b;
}
.box2 a { color: #3e3d3b; }
#right-content .box .container, #right-content .box2 .container {
	padding: 0 10px; margin-top: 10px;
}
.more { padding-bottom: 10px; }


/* +++++++++++++++++++++++++ forms +++++++++++++++++++++++++ */
form.simple, .simple {
	width: 95%;
	margin-bottom: 20px;
}
form.simple label, .simple label {
	font-weight: bold;
	min-width: 200px;
	display: block;
	float: left;
	line-height: 2em;
}
form.simple label.inline, .simple label.inline {
	float: none;
	width: auto;
	font-weight: normal;
}
form.simple .row, .simple .row {
	clear: both;
	margin-bottom: 10px;
}
form.simple textarea, .simple textarea {
	width: 100%;
	height: 200px;
}
.submit {
	float: right;
	margin-bottom: 10px;
}
/* +++++++++++++++++++++++++++++ blog ++++++++++++++++++++++ */
.blog-date { font-size: .8em; }
.blog-categories { margin-bottom: 20px; }
.blog-categories h4 { margin-bottom: 10px; }
.blog-categories a { color: #A69A6C; }

/* ++++++++++++++++++++++++++ faqs ++++++++++++++++++++++++++ */
.faq-hdr {
	clear: both;
	background: #77C4E0;
	padding: 10px;
	font-weight: bold;
	color: #fff;
}
.faqs-qa {
clear: both;
	padding: 10px;
}
.faq-section strong { float: left; margin-left: 10px; margin-bottom: 5px; width: 500px; }
a.exp-cont { 
	float: left; 
	padding-top: 3px; 
	width: 10px;
}
.faq-section {
	background: #F5F1E5;
	padding: 10px;
	margin-bottom: 10px;
}
.faq-question { font-weight: bold; }
.faq-answer {
	clear: both;
	padding-top: 6px;
	font-size: .9em;
}
/* ++++++++++++++++++++++++ social +++++++++++++++++++++++++++ */
#right-content .social-networking {
	margin: 0 auto;
	text-align: center;
	background: url(images/social-backg.jpg) top left no-repeat;
	width: 268px;
	height: 91px;
}
#right-content .social-networking h3 {
	text-align: left;
	color: #ffedb8;
	font-weight: bold;
	font-size: 1.2em;
	padding-left: 15px;
	padding-top: 9px;
}
#right-content .social-networking .icons { padding-top: 20px; }

#right-content #contact-box {
	background: #e4f2fb url(images/side-box-backg-plain.jpg) top left repeat-x;
	width: 243px;
	padding: 10px; padding-right: 15px;
	margin: 10px 0;
	text-align: right;
	font-size: .9em;
}
#right-content #contact-box strong {
	padding: 15px 0;
	color: #375276;
	display: block;
	width: 150px;
	float: right;
	font-size: 1.2em;
}
/* ++++++++++++++++++++++++++ case assesment ++++++++++++++++ */
.result {
	background: #77C4E0;
	padding: 10px;
	font-weight: bold;
	color: #fff;
	clear: both;
}
.case-block {
	background: #F5F1E5;
	padding: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #F0E5C7;
	font-size: .9em;
}
a.step {
	clear: both;
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: none;
	background: #EBDEB2 url(images/steps-arrow.gif) right no-repeat;
	padding: 10px;
	margin-top: 10px;
	color: #32526B;
}
/* +++++++++++++++++++++++++ area boxes +++++++++++++++++++++ */
#main-content .area {
	float: left;
	width: 536px;
	height: 94px;
	overflow: hidden;
	padding: 10px 15px;
	margin: auto;
	color: #436186;
	font-size: 1em;
	margin-bottom: 0;
	position: relative;
}
#main-content .first {
	background: url(images/area-background.gif) top left no-repeat;
}
#main-content .second {
	background: url(images/area-background-2.gif) top left no-repeat;
}
#main-content .third {
	background: url(images/area-background-3.gif) top left no-repeat;
}
#main-content .area h3 {
	margin: 0;
	font-weight: bold;
	font-size: 1.1em;
}
#main-content .area h3 a {
	text-decoration: none;
	color: #436186;
}
#main-content .area h3 a:hover { text-decoration: underline; }
#main-content .area p { margin: 5px 0; }
#main-content .area a.cta {
	color: #fff;
	font-size: .8em;
	font-weight: bold;
	position: absolute;
	bottom: 15px;
	right: 15px;
	background: url(images/arrow-white.gif) right no-repeat;
	padding-right: 15px;
}
div.important {
	clear: both;
	font-size: 1.3em;
	line-height: 1.3em;
	font-style: italic;
	color: #857434;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 0;
}
#call-outs {
	width: 526px;
	padding: 10px 20px;
}
#call-outs h4 { 
	background: url(images/callout-background.gif) top left no-repeat;
	color: #436186;
	margin: 0;
	padding: 4px 15px;
}
 #call-outs h4 a { color: #436186; text-decoration: none; }
 #call-outs p {
	 font-size: .9em;
	 color: #436186;
	 margin: 10px 0 10px 15px;
 }

.navigation {
	font-size: .8em;
	padding-bottom: 10px;
}


.landing-box {
	float: left;
	width: 270px;
	margin-right: 8px;
}
.landing-box .last { margin-right: 0; }
.landing-box  p {
	font-size: .9em;
	color: #6e6e6e;
	margin-top: 10px;
	padding-right: 5px;
}

/* ++++++++++++++++++++++++++++++++++ attorney pages +++++++++++++++++++++ */
.align-left-attorney {
	float: left;
	width: 415px;
}
.attorney-side {
	width: 390px;
	float: right;
	padding: 20px; padding-right: 0; padding-top: 0;
	border-left: 1px solid #3a577a;
}
#main-content .pics img { float: left; margin-right: 4px;  }
.attorney-side .additional-info {
	clear: both;
	margin-top: 20px;
	color: #545454;
}
#main-content .additional-info h3 {
	color: #333;
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 10px; margin-bottom: 5px;
}
#main-content .additional-info h4 {
	color: #3a577a;
	font-size: .9em;
	font-weight: bold;
	margin-top: 0; margin-bottom: 0;	margin-left: 10px;
}
#main-content .additional-info ul {
	margin: 5px 0 10px 10px;
	padding-left: 15px;
	padding-right: 10px;
	font-size: .9em;
}
#main-content .additional-info ul.important {
	color: #3a577a;
	font-size: 1em;
	font-weight: bold;
}
#main-content .additional-info ul.important li { padding-bottom: 6px; line-height: 13px; }
#main-content .additional-info ul.important ul { margin-bottom: 0; font-weight: normal; }

#main-content .additional-info ul li { margin: 0; padding: 0;}
#main-content .other-attorneys {
	margin-top: 15px; 
	margin-right: 10px;
	border-top: 1px solid #3a577a;
}
#main-content .other-attorneys h3 {
	color: #545454;
	font-size: 1em;
	margin-bottom: 10px;
}
#main-content .other-attorneys ul {
	list-style-type: none;
	margin: 0;
	padding: 0;	padding-right: 20px;
	font-size: .9em;
}
#main-content .other-attorneys ul a { text-decoration: none; color: #3a577a; }
#main-content .other-attorneys ul a:hover { text-decoration: underline; }

#main-content .attorneys-left {
	float: left; width: 410px; 
}
#main-content .attorneys-right {
	float: left; width: 405px; padding-left: 10px;
}
#main-content .attorney-lead-in { margin-top: 15px; height: 120px; }
#main-content .attorney-lead-in img { float: left; margin-right: 10px; }
#main-content .attorneys-left .align-left { width:300px; }
#main-content .attorneys-right .align-left { width:290px;}
#main-content .attorney-lead-in p { margin: 0; margin-top: 4px; font-size: .8em; color: #545454; }
#main-content .attorney-lead-in a { color: #545454; font-weight: bold; }
#main-content .attorney-lead-in h2 a {color: #A69A6C; font-weight: bold; text-decoration: none; }
#main-content .attorney-lead-in h2 a:hover { text-decoration: underline; }



.seasonal { margin-bottom: 10px; }
/* +++++++++++++++++++++++++ search +++++++++++++++++++++++++*/
#search {
	font-size: .9em;
	color: #f9ebbb;
	font-weight: bold;
	background: #545456;
	padding: 4px 6px 4px 15px;
	margin-top: 11px;
}
#search label { float: left; padding-top: 5px; margin-right: 10px; }
#search input { width: 100px; }
#search input#searchsubmit { width: inherit; }

/* +++++++++++++++++++++++++ sign-up +++++++++++++++++++++++++*/
#sign-up {
	font-size: .9em;
	color: #545456;
	font-weight: bold;
	padding: 20px 0; 
	padding-left: 15px;
	background: #fff url(images/related-posts-backg.jpg) top left repeat-x;
}
#sign-up label { float: left; padding-top: 5px; margin-right: 40px; }
#sign-up input { width: 100px; }
#sign-up input#searchsubmit { width: inherit; }
#sign-up a.link { clear: both; font-size: 10px; color:#78787B; text-align: center; text-decoration: none; }




.navigation { float: right; margin-right: 15px; }

/* ++++++++++++++++++++++ forms +++++++++++++++ */
.ContactFormItems table { width: 96%; }
.ContactFormItems table td { vertical-align: top; font-size: .9em; white-space: inherit; }
.ContactFormItems table td input { width: 90%; }
.ContactFormItems table td input.FormSubmitButton { width: inherit; }

/* +++++++++++++++++++++++++ footer +++++++++++++++++++++++++ */
#footer { 
	padding: 10px 0 20px 0;
	clear: both;
	background-color: none;
}
#footer .menu ul {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	list-style-type: none;
	float: left;
}
#footer .menu ul li {
	float: left;
	color: #fff;
	font-size: .8em;
	font-weight: bold;
}
#footer .menu ul li a { color: #fff; text-decoration: none;	padding: 0 10px; text-transform: uppercase; }
#footer .menu ul li a:hover { text-decoration: underline; }
#footer img { float: right; margin-right: 10px; }

/* ++++++++++++++++++ sitemap +++++++++++++++ */
.entry ul.sitemap li { margin-bottom: 0;}

.entry ul.sitemap li ul { margin-top: 10px; margin-bottom: 0; }