@charset "UTF-8";

/*
Theme Name: American Bully Kennel Club
Theme URI: http://theabkcdogs.org/
Description: Wordpress theme for ABKC
Version: 1.0
Author: Ron Husges
Author URI: http://www.superlotek.com
*/

/* CSS RESET v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins, a {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/* site colors
lite blue: #487eb7
dark blue: #1d2d68
lite gray: #e5e5e5
dark gray: #484848
lite gray-2: #c7c8ca
lite lite blue: #ecf2f8
darker gray: #333333
breed subnav lite gray: #ebebeb
*/

html, body { height: 100%; }
body { background: #333 url(images/bg.jpg) repeat-x; font-family: Verdana, Arial, san-serif; }

#page-wrap { width: 960px; margin: 0 auto; background-color: #fff;
border-right: 10px solid #c7c8ca; border-left: 10px solid #c7c8ca; }
.clear { clear: both; }

.post-edit-link { color: #487eb7; border: 1px solid #333; background-color: #ddd; padding: 0 2px; clear: both; font-size: 10px; }

/* ====================== TYPOGRAPHY ====================== */
h2 { font-size: 22px; color: #487eb7; font-weight: normal; }
p { font-size: 13px; color: #484848; }
strong { color: #487eb7; font-size: 13px; }
h3 { color: #487eb7; font-size: 15px; font-weight: normal; }
p a { line-height: 8px; color: #484848; text-decoration: underline; }
p a:hover { color: #487eb7; text-decoration: none; }


/* ====================== HEADER ====================== */
#header { height: 161px; width: 960px; background: #000 url(images/header.jpg) no-repeat top left; 
/* border-right: 10px solid #c7c8ca; border-left: 10px solid #c7c8ca; */ position: relative; }
#header a { text-indent: -9999px; }
.description { display: none; }
#logo { position: absolute; top: 0; left: 20px; background: #487eb7 url(images/abkc_logo.gif) no-repeat top left;
	width: 151px; height: 244px; }
#logo h1 a { display: block; }
#mailing-list { position: absolute; top: 10px; right: 0px; }
#mailing-list p { color: #b3b3b3; }
#mailing-list form { margin: 10px 0 0 0; }
#mailing-list input { background: #666; border: 1px solid gray; color: #b3b3b3; }
#mailing-list .submit-button { background: #487eb7; border: 1px solid #487eb7; text-transform: uppercase; }

#middle-section { /* border-right: 10px solid #c7c8ca; border-left: 10px solid #c7c8ca; min-height: 100%; */
overflow: hidden; }

/* ====================== LEFT-SIDEBAR ====================== */

/* NAVIGATION */
#left-sidebar { width: 150px; float: left; margin: 0 30px 0 0; }
#main-navigation { margin: 95px 0 0 0; }
#main-navigation ul { list-style-type: none; }
#main-navigation li a { color: #484848; padding: 5px 0 5px 20px; font-size: 13px; display: block; border: 1px solid white;
	width: 140px; }

#main-navigation li.current_page_item > a { background-color: #ecf2f8; width: 145px; border-top: 1px dashed #487eb7; border-bottom: thin dashed #487eb7; border-right: 5px solid #487eb7; color: #487eb7; font-weight: bold;  cursor: default; }

#main-navigation li a:hover { color: #487eb7; }
h4.mailing-address { color: #487eb7; font-size: 12px; padding: 60px 0 0 20px; }
address { padding: 5px 0 50px 20px; color: #484848; font-size: 11px; line-height: 18px; font-style: normal; }

#main-navigation ul > li a { color: #808080; text-indent: 10px; font-size: 11px; font-weight: normal; background-color: #fff; }
	 
#breed-sub-nav li.current_page_item a { background: #487eb7 url(images/breed-sub-nav-bottom2.gif) no-repeat center bottom;
	display: block; color: #fff; cursor: default; }
#breed-sub-nav { line-height: 50px; }
	
#breed-nav li.breed-sub-item a { color: #487eb7; cursor: default; font-weight: bold; font-size: 10px; }

/* ====================== LEFT-SIDEBAR ====================== */
.right-column { border-left: 1px dashed #666; padding-left: 20px; }
.right-column a { color: #484848 !important; text-decoration: underline; }
.right-column a:hover { text-decoration: none; color: #487eb7 !important;}

/* ====================== CONTENT-AREA ====================== */
#home-content-area { min-height: 600px; width: 450px; float: left; margin: 20px 0 0 10px; }
#main-content-area { min-height: 600px; width: 700px; float: left; margin: 20px 0 0 10px; }

#main-content-area li, #home-content-area li, .events-secondary li { list-style-type: none; line-height: 18px; font-size: 13px; }
#main-content-area li a { color: #487eb7; }
#main-content-area ul, #home-content-area ul { /* margin: 0 0 0 20px; text-indent: 20px; */ }
#main-content-area h2, #home-content-area h2, .events-secondary h2 { padding: 0; line-height: 26px; padding: 0 0 15px 0; }
#main-content-area p, #home-content-area p, .events-secondary p { line-height: 16px; padding: 0 0 20px 0; }

#main-content-area h3 { padding-bottom: 20px; line-height: 20px; }
#main-content-area h3.results-main { padding-bottom: 0; }

.two-column-layout { float: left; width: 400px !important; }
.right-column { width: 150px !important; margin: 20px 10px 0 10px; float: right; }
.right-column h3 { color: #333; padding-top: 8px; }
.events-list { float: left; width: 425px !important; }
.events-secondary { width: 300px !important; margin: 20px 10px 0 10px; float: right; }
.two-column-layout img { float: left; border: 1px solid #487eb7; margin: 0 0 20px 0; }

#archives li { margin: 5px 0 2px 0; }
#archives li a { color: #333; font-size: 13px; }

.events-secondary a { text-decoration: underline; color: #484848; }
.events-secondary a:hover { text-decoration: none; color: #487eb7; }

/* ---------------- FAQs --------------------- */

/* .downloads a { font-size: 13px; color: #333; line-height: 12px; margin-left: -40px; padding-right: 25px;  } */
.faq-header { font-size: 22px; color: #487eb7; font-weight: normal; padding-bottom: 20px; }
.faq-question a { color: #487eb7; font-size: 13px; font-weight: bold; padding: 5px 0; line-height: 16px; text-decoration: none; }
#faq-questions-list { margin: 15px 0 130px 0; display: none; }

a[href $='.pdf'] { padding-left: 33px;
   background: transparent url(images/pdf_icon.gif) no-repeat center left; }

#main-content-area img { border: 2px solid #487eb7; float: left; margin-right: 40px; }

/* ---------------- Breeds --------------------- */

#breed-sub-nav { padding: 0; margin: 20px 0 0 0; height: 40px; } 
#breed-sub-nav a { float: left; color: #487eb7; font-size: 16px; padding: 5px 0 0 0; width: 111px; margin: 0;
	height: 30px; display: block; background: #fff url(images/breed-nav-bg2.gif);
	border-right: 2px solid #fff; text-align: center; }
#breed-sub-nav a:hover { background: #487eb7 url(images/breed-sub-nav-bottom2.gif) no-repeat center bottom;
	display: block; color: #fff; }
h2.breed-title { color: #487eb7; font-size: 26px; display: inline-block;
	padding: 35px; }
span.breed-sub { color: #345d95; font-size: 20px; padding: 0 0 0 10px; border-left: thin dashed #1d2d68; margin-left: 10px; }

/* ---------------- Judges and Reps --------------------- */

.half-size-column { width: 340px !important; float: left; margin: 20px 0 0 5px; }

/* ---------------- Show Results List --------------------- */
.results-main a { font-size: 13px; color: #484848; text-decoration: underline; line-height: 16px; }
.results-main a:hover { text-decoration: none; color: #487eb7; }


/* ---------------- Events List --------------------- */

.events-list h2 a { color: #484848; line-height: 16px; text-decoration: underline; font-size: 13px; }
.events-list h2 a:hover { color: #487eb7; text-decoration: none; }

.events-detail { float: left; width: 350px; margin-bottom: 10px; }
.events-detail strong a { text-decoration: underline; color: #484848 !important; }
.events-detail strong a:hover { text-decoration: none; color: #487eb7 !important; }

.events-detail li a { display: inline; color: #484848 !important; background: transparent url(images/blue-arrow.png) no-repeat bottom right; padding: 5px 15px 0 0; }
.events-detail li a:hover { color: #487eb7 !important; }

.events-img  { float: left; }
.events-img p { float: right; }

/* ---------------- Contact --------------------- */

.contact a { color: #484848; text-decoration: underline; display: block; margin: 5px 0 0 0; }
.contact a:hover { color: #487eb7; text-decoration: none; }
#middle-section .submit-button { float: right; background-color: #487eb7; color: #fff; text-transform: uppercase; padding: 3px 5px; border: 0px; margin: 0; cursor: pointer; margin-right: -25px; }
form input, form textarea { background-color: #ddd; border: 1px solid #ccc; /* padding: 5px; */ margin: -5px 0;}
.wpcf7-form { width: 300px; float: right; }

/* ===== mailing list form on header ===== */
div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors  { 
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
/* border-radius: 12px; */
background-color: #487eb7;
background-color: rgba(72, 126, 183, 0.8);
font-size: 12px; color: #fff !important; padding: 10px !important; line-height: 16px; }

/* ====================== TWITTER-FEED ====================== */

#facebook { float: right; margin: 20px 5px 0px 20px; }

.fbConnectWidgetTopmost { border: none !important; } 
 
#twitter-header { height: 50px; background: #487eb7; color: #fff; border-bottom: 1px solid #fff; position: relative; }

h3.logo {
	height: 21px; width: 88px; background: transparent url(images/twitter_logo.png) no-repeat; text-indent: -9999px; padding: 0; margin: 0px; position: relative; left: 15px; top: 12px; }

#twitter-feed { width: 280px; background-color: #000; float: right; margin: 20px 10px 0 0; }
.twitter-header { width: 280px; height: 50px; margin: 0; padding: 0; border-bottom: 1px solid #fff; }

.twitter-header h3 { padding: 15px; margin: 0; text-indent: -9999px; }
.twitter-header h3 a { color: #fff; background: #1d2d68 url(images/twitter_logo.png) no-repeat top left; display: block; }

#twitter-feed ul { padding: 0 15px 15px 15px; }
#twitter-feed li { font-size: 13px; color: #fff; padding: 10px 0; border-bottom: 1px solid #fff; line-height: 16px; }
#twitter-feed a { color: #ddd; text-decoration: underline; }
#twitter-feed li:last-child { border: 0; }
.more-feed { text-align: right; margin: 0 25px 5px 0; }
.more-feed a { color: #fff !important; text-decoration: none !important; }
span.twitter-bottom { background: #487eb7 url(images/twitter-feed-bottom.gif) no-repeat bottom center; width: 280px;
	height: 23px; display: block; }

/* ====================== BANNERS ====================== */

#advertisement { width: 280px; height: 100px; background: #000 url(images/banner_fpo.gif) no-repeat top left; margin: 20px 10px 0 0; float: right; }

#advertisement-2 { width: 280px; height: 100px; background: #000 url(images/banner-2.jpg) no-repeat top left; margin: 20px 10px 0 0; float: right; margin-bottom: 20px; }


/* ====================== FOOTER ====================== */

#footer { background-color: #fff; padding: 20px 0 0 0; height: 160px; }
#footer-nav { text-align: left; list-style: none; padding: 20px 0 5px 0; border-top: 1px solid #969696; margin: 10px 20px 0 20px; }
#footer-nav li { display: inline; border-right: 1px solid #fff; line-height: 25px; }
#footer-nav li:last-child { border-right: none; }
#footer-nav li a { color: #969696; padding: 0 5px 0 2px; font-size: 12px; border-right: 1px solid #969696; }
#footer-nav li:last-child a { border-right: none; }
#footer p { text-align: left; color: #969696; padding: 0 10px 25px 20px; }
#footer-nav li.current_page_item { color: green; }

#footer-logos { background: #fff; padding: 0 0 0 20px; }
#footer-logos a { float: left; padding: 0 20px 0 0; }
li.logo-right { float: right; }