/*
Theme Name: Warnken Law 2010
Author: Andy Stratton
Author URI: http://theandystratton.com
*/

body { font: 12px Arial,Helvetica,Sans-serif; margin: 0; padding: 0 0 3em; background: #e0e5ed; text-align: center; line-height: 1.0; color: #333; }

/* General Styles */
.clear { display:block; clear: both; }
.alignright, .right { text-align: right; }
.alignleft, .left { text-align: left; }
.center { text-align: center; }

img.alignright { float: right: margin: 0 0 .5em .5em; }
img.alignleft { float: left: margin: 0 .5em .5em 0; }

a { color: #036; }
a:hover { text-decoration: none; }
a img { border: 0; }

.gray_header { line-height: 1.0; margin: 0; padding: 0; background: url("images/heading_gray_right.png") top right no-repeat; font: 20px "Big Caslon","Times New Roman",Times,Georgia,Serif; }
.gray_header span { display: block; margin: 0; padding: 8px 16px 15px; background: url("images/heading_gray_left.png") top left no-repeat; }


/* Basic Header Styles */
#header_wrap { background: #eceff4 url("images/header_wrap_bg.png") top left repeat-x; text-align:left; padding-bottom: 2px;}
#header { background: url("images/header_tab.png") top right no-repeat; width: 960px; position: relative; margin: 0 auto; height: 99px; }

#header .logo { position: absolute; top: 34px; left: 0; height: 34px; width: 456px; overflow: hidden; margin: 0; padding: 0;}
#header .logo a { display:block; padding: 34px 0 0; background: url("images/header_logo.png") top left no-repeat; }
#header div { position: absolute; top: 28px; left: 764px; color: #003a5b; font-size: 14px; }
#header div span { color: #222; font-size: 24px; display: block; }

/* Navigation */
#nav { width: 960px; margin: 0 auto; list-style: none; padding: 0; height: 36px; }
#nav li { float: left; background: url("images/nav_divider.png") top left no-repeat; }
#nav li a { display:block; color: #edf0f6; text-transform: uppercase; text-decoration: none; }
#nav li a span { display: block; padding: 15px 25px 9px 7px; }
#nav li.parent a span { background: url("images/nav_arrow.png") right 18px no-repeat; }

#nav li span.arrow { display: none !important; }

/* Navigation : Active and Hover States */
#nav li a:hover { color: #fff; }
#nav li.current_page_item a span { padding: 11px 25px 11px 5px; margin-left: 2px; border-top: 4px solid #ebcf1d; }

#nav li a.selected span { background: #002337 url("images/nav_arrow_selected.png") right 14px no-repeat; border-top: 0; margin-top: 4px; margin-left:2px; padding: 11px 25px 9px 5px; }
#nav li a.selected:hover span { background-position: right 14px; }


/* Navigation : Subnav Elements */
#nav li div { display:none; background: #002337; font-size:11px; padding: 1em; margin: 0 0 0 2px; color: #fff; width:350px; position: absolute; line-height: 1.5; }
#nav li div p { margin: 0; padding: 0; }
#nav li div h3 { margin: 1.5em 0 1em; padding: 0; text-transform: uppercase; font-size: 12px; }
#nav li div h3 span { background: url("images/subnav_arrow.png") right 2px no-repeat; padding: 0 12px 0 0; }
#nav li div ul { margin: 0; padding: 0 0 1em; width: auto; list-style: none; width: 120px; }
#nav li div ul li { float: none; background: transparent; margin: 0; font-size: 12px; border-bottom: 1px solid #334f5f; }
#nav li div ul li a { color: #fef8ae; text-transform: none; background: transparent; display: block; padding: 2px 0; }
#nav li div ul li a:hover { color: #ebcf1d; }

#nav li div ul.group_1 { float: left; }
#nav li div ul.group_2 { margin-left: 130px; width: auto; }
#nav li div ul.group_1_half { width: 160px; float: left }
#nav li div ul.group_2_half { width: 160px; margin-left: 170px; }


/* Page/Container(s) */
#page_wrap { text-align: left; width: 990px; margin: 10px auto 0; border-top: 1px solid #dadfe7; background: url("images/page_wrap_bg.png") top left repeat-y; }
#page { border: 1px solid #fdfdfe; border-bottom: 0; margin: 0 3px; padding: 1px 0 0; }


/* Home Page */
#home #content { margin: 0 4px; padding: 28px 18px; background: #fff; line-height: 1.3333; }
#home #content #objective { float: left; width: 282px; background: #eee; margin-right: 20px; }
#home #content #objective h2 { background: url("images/home_heading_objective.png") top left no-repeat; height: 66px; margin: 0; }
#home #content #objective h2 span { display: block; height: 0; width: 0; overflow: hidden; }
#home #content #objective ul { margin: 1em 0 0; padding: 0; list-style: none; }
#home #content #objective ul li { color: #444; padding: 0 1em 1em 28px; background: url("images/bullet_brown.png") 13px 5px no-repeat;}

#home #content #links { float: left; margin: 0; width: 220px; }
#home #content #links ul { list-style: none; padding: 0; margin: 0; }
#home #content #links ul li { border-bottom: 1px dotted #999; }
#home #content #links ul li a { display:block; padding: 6px 3px; color: #036; text-decoration: none; }
#home #content #links ul li a:hover { text-decoration: underline; }
#home #content #links ul li a.external span { background: url("images/icon_external.png") right 2px no-repeat; padding-right: 12px; }

#home #content #making_news { margin-left: 540px; line-height: 1.3333; position: relative; }
#home #content #making_news a img { border:0; position: absolute; top: 50px; left: 0; border: 1px solid #eee; }
#home #content #making_news p { margin: 0 0 0 112px; }
#home #content #making_news p.heading { text-transform: uppercase; margin-top: 0; margin-bottom: 1em; padding: 0 0 1em; border-bottom: 1px solid #ccc; }
#home #content #making_news p.heading a { color: #036; text-decoration: none; font-size: 14px; display: block; text-transform: none; }
#home #content #making_news p.heading a:hover { text-decoration: underline; }

#home #content #making_news .no_thumb p, #home #content #making_news .no_thumb p.heading { margin-left: 0; }

#home #banners { position: relative; height: 230px; overflow: hidden; }
#home #banners a { display: block; top: 0; left: 0; z-index: 9000; }
#home #banners a img { border: 0; }
#home #banners .buttons { position: absolute; bottom: 1em; left: 1em; z-index: 9999; }
#home #banners .buttons span { display: block; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; font-size: 10px; background: #fefef9; border: 1px solid #ccc; float: left; padding: 2px 4px; margin-right: 5px; cursor: pointer; }
#home #banners .buttons span:hover { background: #ccc; }
#home #banners .buttons span.active { background: #454546; border: #353538 1px solid; color: #fff; }

/* Interior Page */
#interior #ie_wrap { padding: 3px 3px 0; }
#interior #content_wrap { padding: 0 0; margin: 0; background: url("images/interior_header.png") top left no-repeat #fff; }
#interior #content { line-height: 1.5; float: right; width: 705px; margin: 0 12px 0 0; padding: 0 0 40px; }
#interior #content p.page_image { margin: 9px 0 1em 1.5em; padding: 0; border:1px solid #fff; float: right; }
#interior #content h1 { margin: 0; padding: 16px 0 0; font: 30px "Big Caslon", "Times New Roman", Times, Serif; min-height: 80px; }
#interior #content h2 { margin: 1em 0 -.75em; padding: 0; font-size: 18px; }

#interior #content #lead_form, #interior #gform_wrapper_1 { border: 1px solid #c2c6cd; margin: 3em 1em 0 0; padding: 1em 2em; background: #e5eaf2; color: #111; }
#interior #content #lead_form h3, #interior #gform_wrapper_1 h3 { font-size: 18px; margin: 0; }
#interior #content #lead_form form, #interior #gform_wrapper_1 form { margin: 0; padding: 0; }
#interior #content #lead_form form ul, #interior #gform_wrapper_1 form ul { margin: 0; padding: 0; list-style: none; position: relative; height: 164px; }
#interior #gform_wrapper_1 form ul { height: 270px; margin-top: 1em; }
#interior #content #lead_form form ul li, #interior #gform_wrapper_1 ul li { position: absolute; }
#interior #content #lead_form form ul li.field_1, #interior #gform_wrapper_1 ul li#field_1_1 { top: 0; left: 0; }
#interior #content #lead_form form ul li.field_2, #interior #gform_wrapper_1 ul li#field_1_2 { top: 48px; left: 0; }
#interior #content #lead_form form ul li.field_3, #interior #gform_wrapper_1 ul li#field_1_3 { top: 96px; left: 0; }
#interior #content #lead_form form ul li.field_4, #interior #gform_wrapper_1 ul li#field_1_4 { top: 0; left: 300px; }
#interior #content #lead_form form ul li.field_5, #interior #gform_wrapper_1 ul li#field_1_5 { top: 168px; left: 0; }
#interior #content #lead_form form ul li label, #interior #gform_wrapper_1 ul li label { display: block; font-weight: bold; }
#interior #content #lead_form form ul li .input_text, #interior #gform_wrapper_1 ul li .medium { background: url("images/input_bg.png") top left repeat-x #fff; border: 1px solid #c2c6cd; font: 12px Arial,Sans-serif; padding: 4px; color: #666; width: 260px; }
#interior #content #lead_form form p em { font-size: 11px; }

/* Additional Gravity Forms Styling */
#interior #gform_wrapper_1 form .validation_error { margin: 1em 0; color: #c00; font-style: italic; }
#interior #gform_wrapper_1 form div.form_heading .gform_description { margin: 0; padding: 0 0 1em; }
#interior #gform_wrapper_1 ul li#field_1_5 label.gfield_label { display: none; }
#interior #gform_wrapper_1 ul li#field_1_5 ul { margin: 0; padding: 0; list-style: none; height: auto; position: static; }
#interior #gform_wrapper_1 ul li#field_1_5 ul li { position: static; top: auto; left: auto; }
#interior #gform_wrapper_1 ul li#field_1_5 ul li label { display: inline; padding-left: .5em; cursor: pointer; }
#interior #gform_wrapper_1 ul li#field_1_5 .gfield_description { font-size: 11px; font-style: italic; }
#interior #gform_wrapper_1 .gform_footer { text-align: center; padding: 1em 0 0; }
#interior #gform_wrapper_1 .validation_message { font-size: 10px; color: #c00; text-align: right; line-height: 1.0; }
#interior #gform_wrapper_1 ul li#field_1_5 .validation_message { position: absolute; left: 182px; top: 15px; }
#interior #gform_wrapper_1 form .textarea { height: 112px; }
#interior #gform_wrapper_1 ul li.gfield_error ul.gfield_checkbox li { padding-top: 1em; }
#interior #gforms_confirmation_message { margin: 2em 0; padding: 1em; border:1px solid #cc0; background: #f8f8c7; }

#interior #sidebar { margin: 0 725px 0 0; width: 238px; line-height: 1.5; padding: 25px 0 40px; }
#interior #sidebar h3 { color: #fff; font: 18px "Big Caslon","Times New Roman",Times,Serif; margin: 0; padding: 0 0 0 18px; }
#interior #sidebar ul { margin: 1.5em 0 0 0; padding: 0; list-style: none; line-height: 1.0; }
#interior #sidebar ul li { }
#interior #sidebar ul li a { display: block; color: #222; text-decoration: none; padding: 6px 0 6px 1px; border-bottom: 1px dotted #999; font-weight: bold; margin-left: 11px; }
#interior #sidebar ul li a:hover { text-decoration: underline; }
#interior #sidebar ul li ul { margin: 0; }
#interior #sidebar ul li ul li a { border: 0; font-weight: normal; margin-left: 22px; font-size: 11px; }
#interior #sidebar ul li.current_page_item { background: url("images/nav_active.png") 6px 0 no-repeat; }
#interior #sidebar ul li.current_page_item a { border: 0; padding: 5px 12px 7px 1px; }

#interior #sidebar .gray_heading { background: #e5e5e5 url("images/sidebar_gray_bottom.png") bottom left no-repeat; font: 16px "Big Caslon","Times New Roman",Times,Serif; line-height: 1.333; width: 220px; margin: 2em 0 0 9px; }
#interior #sidebar .gray_heading span { display:block; background:url("images/sidebar_gray_top.png") top left no-repeat; padding: .5em 18px 1em;}
#interior #sidebar ul.objective { margin: 1em 0 0; padding: 0; list-style: none; line-height: 1.3333; }
#interior #sidebar ul.objective li { color: #444; padding: 0 1em 1em 28px; background: url("images/bullet_brown.png") 18px 5px no-repeat;}

#interior #sidebar #callout_speak_now { width: 229px; height: 90px; padding: 6px 0 0 0; margin: 20px auto; background: url('images/bg_widget_speak-now.jpg') no-repeat top center; text-align: center; }
#interior #sidebar #callout_speak_now p { padding: 2px 15px 0; margin: 0; text-shadow: 0 1px 0 #fff; }
#interior #sidebar #callout_speak_now a.cta { display: block; width: 215px; height: 44px; margin: 0 auto; background: url('images/btn_widget_speak-now.gif'); }
#interior #sidebar #callout_speak_now a.cta:hover { background-position: 0 -44px; }
#interior #sidebar #callout_speak_now a.cta span { display: block; width: 0; height: 0; overflow: hidden; }


/* News Home */
.news #content #post { width: 522px; float: left; }
.news #content #post h3 { font-size: 18px; font-weight: bold; margin: 0; }
.news #content #post h3 a { text-decoration: none; }
.news #content #post h3 a:hover { text-decoration: underline; }
.news #content #post p { margin-top: 0; }
.news #content #post p.post_meta { margin: 0 0 1em; padding: 4px 8px; background: #eee; }
.news #content #post p.postimage { margin: 0 1em 1em 0; padding: 0; float: left; }
.news #content #post p.postimage img { margin: 0; padding: 0; display: block; }

.news #content .sidebar { margin: 0 0 0 542px; padding: 0; line-height: 1.3333; }
.news #content .sidebar p.rss { display: block; padding: 30px 0 0; }
.single #content .sidebar p.rss { display: block; padding: 4px 0 0; }
.news #content .sidebar p.rss a { display: block; padding: 2px 0 2px 22px; background: url("images/icon_rss.png") 0 0 no-repeat; text-decoration: none; }
.news #content .sidebar h4 { font-size:14px; margin: 1em 0 3px; border-bottom: 1px solid #ccc; }
.news #content .sidebar ul { list-style: none; padding: 0; margin: 0;} 
.news #content .sidebar ul li a {text-decoration:none; }
.news #content .sidebar ul li a:hover {text-decoration: underline; }


/* Site Footer */
#footer_wrap { line-height: 1.5; font-size: 11px; color: #444; background: url("images/page_bottom.png") bottom left no-repeat; width: 990px; margin: 0 auto; padding: 0 0 8px; }
#footer_wrap #footer { background: url("images/page_wrap_bg.png") bottom left repeat-y; text-align: left; margin: 0; padding: 1em 0 2em 18px; }

#footer a { color: #444; }
#footer h4 { font-size: 1em; margin: 0; padding: 0; text-transform: uppercase; font-weight: bold; }
#footer p { margin: 0 0 1em; }
#footer address { font-style: normal; display: block; padding: 0 0 1em; }

#footer .disclaimer { float: left; width: 350px; margin: 0 20px 0 0;}

#footer .areas { float: left; width: 300px; margin: 0;}
#footer .areas ul { list-style: none; padding: 0; margin: 0; }
#footer .areas ul li a { display: block; }
#footer .areas ul li a:hover { text-decoration: none; } 
#footer .areas ul.group_a { float: left; width: 112px; }
#footer .areas ul.group_b { margin: 0 0 0 120px; }

#footer .info { margin-left: 672px; }

/* Cufon Fix */
.cufon { top: 1.5px; }
#content .navigation { padding: 2.5em 0 0; position: relative; }
#content .navigation .alignleft { postion: absolute; top: 0; left: 0; }
#content .navigation .alignright { postion: absolute; top: 0; right: 0; }