/*  
Theme Name: Kathy Malloch Leadership Systems
Theme URI: http://www.kathymalloch.com
Description: A custom theme for Kathy Malloch Leadership Systems website. 
Version: 1.0
Author: Mobius Creative LLC
Author URI: http://www.mobiusloop.com
*/

/* ================================ Global CSS STYLES ================================ */

* { margin: 0; padding: 0; }

html, body, #wrapper { height: 100%; }

body > #wrapper { height: auto; min-height: 100%; }

body { background: #ffffff url(../Images/bgrnd_body_01.jpg) repeat-x top center; color: #333333; font: 14px "Trebuchet MS", Verdana, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; }

a { text-decoration: none; }
a:link { color: #559d01; }
a:visited { color: #559d01; }
a:hover, a:active { color: #7bc531; text-decoration: underline; }

blockquote { border-left: 4px solid #cccccc; margin: 0 20px; padding: 0 20px; }
code { color: #000000; font-family: monospace; }

form, img { border: 0; margin: 0; padding: 0; }
input, textarea, select { background-color: #ffffff; border: 1px solid #a2a07a; color: #000000; font: 14px "Trebuchet MS", Verdana, Helvetica, sans-serif; }

p, font { font: 14px "Trebuchet MS", Verdana, Helvetica, sans-serif; line-height: 24px; margin: 20px 0; }

q { font: 14px "Trebuchet MS", Verdana, Helvetica, sans-serif; margin: 20px 0; padding: 0; display: block; }
cite { display: block; text-align: right; font: 14px "Trebuchet MS", Verdana, Helvetica, sans-serif; margin: 10px 0 0 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { color: #559d01; font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif; margin: 10px 0 20px 0; }
h1 { font-size: 34px; font-weight: normal; }
h1 .highlight { color: #7bc531; }
h2 { font-size: 28px; font-weight: normal; }
h3 { font-size: 22px; font-weight: normal; }
h4 { font-size: 18px; font-weight: normal; }
h5 { font-size: 14px; font-weight: bold; }
h6 { font-size: 12px; font-weight: bold; }

hr { border: none 0; border-top: 1px dotted #a2a07a; height: 1px; }

ul, ol { font: 14px "Trebuchet MS", Verdana, Helvetica, sans-serif; margin: 0 0 20px 20px; }
li { font: 14px "Trebuchet MS", Verdana, Helvetica, sans-serif; line-height: 20px; margin: 0 0 5px 20px; }

table { border-spacing: 0; border: 0; border-collapse: collapse; }
td { font-size: 14px; padding: 3px; }
input { padding: 3px; }


/* ========================================= Layout-Specific CSS Styles ========================================= */

/* Wrapper */
#wrapper { text-align: center; width: 100%; }

#main { padding-bottom: 305px; }  /* must be same height as the footer */

/* Body */
#body { width: 865px; min-height: 380px; margin-left: auto; margin-right: auto; text-align: left; padding: 10px 0 45px 0; }
#body .news_date { line-height: 12px; }
#body h3 { color: #9a9981; display: block; width: 100%; border-bottom: 1px dotted #9a9981; }

#body .become_member { width: 295px; height: 66px; text-align: center; display: block; background: url(../Images/btn_become_member_01.png) no-repeat 0 0; }
#body .become_member:hover { background: url(../Images/btn_become_member_on_01.png) no-repeat 0 0; }

#body .form_contact { width: 500px; border-collapse: collapse; border: 0; }
#body .form_contact td { padding: 3px; }
#body .form_contact label { font-size: 14px; }
#body .form_contact .captchaimg { width: 150px; }
#body .form_contact .cat_textbox { margin-top: 3px; }

#body .form_text_small { width: 100px; }
#body .form_text_medium { width: 200px; }
#body .form_text_large { width: 300px; }

#body .media_list { margin: 0 0 30px 30px; }

#body table.photogalleryTable td { padding: 10px; }

/* Footer */
#footer { width: 865px; height: 278px; padding-top: 27px; margin-left: auto; margin-right: auto; }
#footer_wrapper { width: 100%; height: 305px; margin-top: -305px; position: relative; clear:both; text-align: center; background: url(../Images/bgrnd_footer_01.jpg) repeat-x bottom center; }
#footer_gallery { width: 385px; height: 225px; float: left; text-align: left; }
#footer_gallery img { border: 2px solid #95d100; margin: 0 5px 3px 0; }
#footer_gallery img:hover { border: 2px solid #ffffff; }
#footer_gallery h3 { font-size: 22px; font-weight: bold; color: #aad423; margin: 0 0 10px 0; }
#footer_news { width: 225px; height: 225px; float: left; text-align: left; padding-right: 30px; }
#footer_news .news_date { color: #aad423; font-size: 12px; }
#footer_news a { color: #ffffff; }
#footer_news p { line-height: 15px; margin: 0 0 10px 0; font-size: 13px; }
#footer_news h3 { font-size: 22px; font-weight: bold; color: #aad423; margin: 0 0 10px 0; }
#footer_blog { width: 225px; height: 225px; float: left; text-align: left; }
#footer_blog .date { color: #aad423; font-size: 12px; }
#footer_blog a { color: #ffffff; }
#footer_blog p { line-height: 15px; margin: 0 0 10px 0; font-size: 13px; color: #ffffff; }
#footer_blog h3 { font-size: 22px; font-weight: bold; color: #aad423; margin: 0 0 10px 0; }
#footer_blog ol { list-style: none; margin: 0 !important; padding: 0 0 10px 0 !important; }
#footer_blog li { list-style: none; font-size: 13px; padding: 0 !important; margin: 0  !important; }
#footer_blog .author { display: none; }
#footer_copyright { width: 865px; height: 20px; text-align: center; clear: both; color: #a79c6b; font-size: 12px; }
#footer_copyright a { color: #a79c6b; }

/* Header */
#header { width: 865px; height: 200px; margin-left: auto; margin-right: auto; }
#header_logo { width: 401px; height: 89px; float: left; padding-top: 20px; }

#header_login { width: 349px; height: 64px; float: right; }
#header_login .contact_us { width: 169px; height: 64px; display: block; float: left; background: url(../Images/contact_button_01.png) no-repeat 0 0; }
#header_login .contact_us:hover { background: url(../Images/contact_button_on_01.png) no-repeat 0 0; }
#header_login .client_login { width: 180px; height: 64px; display: block; float: left; background: url(../Images/login_button_01.png) no-repeat 0 0; }
#header_login .client_login:hover { background: url(../Images/login_button_on_01.png) no-repeat 0 0; }

#header_topnav { width: 865px; height: 70px; padding-top: 21px; }

#header_topnav .topnav_home { width: 83px; height: 42px; display: block; float: left; margin-right: 15px; background: url(../Images/home_01.png) no-repeat 0 0; }
#header_topnav .topnav_home:hover { background: url(../Images/home_on_01.png) no-repeat 0 0; }
#header_topnav .topnav_about { width: 90px; height: 42px; display: block; float: left; margin-right: 15px; background: url(../Images/about_01.png) no-repeat 0 0; }
#header_topnav .topnav_about:hover { background: url(../Images/about_on_01.png) no-repeat 0 0; }
#header_topnav .topnav_enepcs { width: 125px; height: 42px; display: block; float: left; margin-right: 15px; background: url(../Images/enepcs_01.png) no-repeat 0 0; }
#header_topnav .topnav_enepcs:hover { background: url(../Images/enepcs_on_01.png) no-repeat 0 0; }
#header_topnav .topnav_enepcs_explain { display: none; position: relative; width: 165px; height: 36px; font: 11px "Trebuchet MS", Verdana, Helvetica, Sans-serif; line-height: 12px; color: #545454; }
#header_topnav .topnav_leadership { width: 142px; height: 42px; display: block; float: left; margin-right: 15px; background: url(../Images/leadership_01.png) no-repeat 0 0; }
#header_topnav .topnav_leadership:hover { background: url(../Images/leadership_on_01.png) no-repeat 0 0; }
#header_topnav .topnav_leadership_explain { display: none; position: relative; width: 165px; height: 36px; font: 11px "Trebuchet MS", Verdana, Helvetica, Sans-serif; line-height: 12px; color: #545454; }
#header_topnav .topnav_associates { width: 134px; height: 42px; display: block; float: left; margin-right: 15px; background: url(../Images/associates_01.png) no-repeat 0 0; }
#header_topnav .topnav_associates:hover { background: url(../Images/associates_on_01.png) no-repeat 0 0; }
#header_topnav .topnav_publications { width: 150px; height: 42px; display: block; float: left; margin-right: 15px; background: url(../Images/publications_01.png) no-repeat 0 0; }
#header_topnav .topnav_publications:hover { background: url(../Images/publications_on_01.png) no-repeat 0 0; }
#header_topnav .topnav_media { width: 86px; height: 42px; display: block; float: left; margin-right: 15px; background: url(../Images/media_01.png) no-repeat 0 0; }
#header_topnav .topnav_media:hover { background: url(../Images/media_on_01.png) no-repeat 0 0; }
#header_topnav .topnav_affiliations { width: 140px; height: 42px; display: block; float: left; margin-right: 15px; background: url(../Images/affiliations_01.png) no-repeat 0 0; }
#header_topnav .topnav_affiliations:hover { background: url(../Images/affiliations_on_01.png) no-repeat 0 0; }
#header_topnav .topnav_services { width: 119px; height: 42px; display: block; float: left; margin-right: 15px; background: url(../Images/services_01.png) no-repeat 0 0; }
#header_topnav .topnav_services:hover { background: url(../Images/services_on_01.png) no-repeat 0 0; }
#header_topnav .topnav_clients { width: 98px; height: 42px; display: block; float: left; background: url(../Images/clients_01.png) no-repeat 0 0; }
#header_topnav .topnav_clients:hover { background: url(../Images/clients_on_01.png) no-repeat 0 0; }


/* ================================ Item Specific CSS STYLES ================================ */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block; }

.caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.caption img { margin: 5px !important; padding: 0 !important; border: 0 none !important; }
.caption p.caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.caption a { border: 0 !important }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */