/*
Theme Name:     Twenty Eleven Child
Theme URI:      http://example.com/
Description:    Twenty Eleven Child Theme for Thoroughbred Classic Horse Show
Author:         Matt Dills
Author URI:     http://example.com/about/
Template:       twentyeleven
Version:        0.1.0
*/
html{
  height: 100%;
}

body{
  margin: 0;
  padding: 0;
  font-family: Verdana,serif;
  height: 100%;
}

p{
  font-size: 12px;
  color: #294462;
  line-height: 26px;
  padding-bottom: 15px;
  text-align: justify;
}

strong, b{
  font-weight: bold;
}

i{
  font-style: italic;
}

h1{
  color: #162d47;
  font-size: 22px;
  padding-bottom: 25px;
  line-height: 25px;
/*  text-transform: uppercase;*/
  font-weight: 800;
}

h2{
  color: #162d47;
  font-size: 18px;
  padding-bottom: 15px;
  line-height: 25px;
/*  text-transform: uppercase;*/
  font-weight: 800;
  font-weight: bold;
}

h4{
  font-family: 'Tangerine', cursive;
  font-size: inherit;
  color: #162d47;
}

#page{
  position: relative;
  min-height: 100%;
}

/************************** navigation */
#access{
  background: url(images/header-bg.png) repeat-x top center;
  position: relative;
  z-index: 25;
  height: 49px;
  width: 100%;
  display: block;
}

#access div{
  width: 1000px;
  margin: 0 auto;
}

#access div ul{
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  top: 14px;
/*  width: 1000px;*/
}

#access div ul li{
  display: block;
  height: 14px;
  position: relative;
  list-style: none;
  float: left;
  margin: 0;
}

#access div ul li.page_item{
  border-left: 1pt solid #cac5aa;  
}

#access div ul li a{
  color: #CAC5AA;
  display: block;
  font-family: 'Open Sans',sans-serif;
  font-size: 14px;
  font-weight: 600;
  margin-top: -3px;
  text-decoration: none;
  padding: 0 17px 10px 17px;
  position: relative;
  text-transform: uppercase;
}

#access div ul li a:hover, #access div ul li.nav-on a, 
#access div ul li.current_page_item a, #access div ul li.current_page_parent a{
  color: #ffffff;
}

#access div ul li.parent a:hover, #access div ul li.parent.nav-on a{
  background: url(images/nav-hover-arrow.png) no-repeat 20px 25px;
}

#access div ul li .children{
  background: url(images/dropdown.png) repeat;
  display: none;
  position: absolute;
  left: 0;
  padding-top: 1px;
  top: 27px;
  z-index: 25;
}

#access div ul li .children li{
  display: block;
  float: none;
  height: auto;
  padding: 0 7px;
}

#access div ul li.nav-on .children{
  display: block;
}

#access div ul li .children li a{
  color: #162d47;
  font-size: 11px;
  white-space:nowrap;
  border-bottom: 1pt dotted #817e6e;
  padding: 8px 0;
  text-decoration: none;
  margin: 0;
}

#access div ul li .children li a:hover{
  text-decoration: underline;
}

#main .entry-title{
  display: none;
  visibility: hidden;
}

/************************** slideshow */
#slideshow{
  background: url(images/slideshow-bg.png) repeat-x bottom;
  left: 0;
  position: absolute;
  top: 41px;
  width: 100%;
  z-index: 5;
  overflow: hidden;
  height: 300px;
  padding-bottom: 79px;
}

#slideshow img{
  margin: 0 -1px;
}

/************************** logo */
#logo-container{
  height: 435px;
  margin: 0 auto;
  z-index: 15;
  position: relative;
  top: -8px;
  width: 1000px;
}

#logo{
/*  background: url(images/logo.png) no-repeat 0 0;*/
  width: 327px;
  height: 435px;
  position: absolute;  
  z-index: 10;
  left: -24px; 
}

/************ featured image */
#feature-image{
  background: url(images/slideshow-bg.png) repeat-x bottom;
  height: 208px;
  padding-bottom: 79px;
  position: absolute;
  right: 18px;
  top: 0;
  width: 686px;
}

.home #feature-image{
  display: none;
  visibility: hidden;
  background: none;
  height: 0;
  width: 0;
}

/************ headline */
#headline{
/*  background:url(images/celebrating.png) no-repeat 0 0;*/
  height: 26px;
  left: 325px;
  position: absolute;
  width: 642px;
  z-index: 10;
  bottom: 184px;
}

.home #headline{
  bottom: 90px;
}

/************************** main content */
#main{
  margin: 0 auto;
  position: relative;
  top: -125px;
  width: 1000px;
  padding-bottom: 180px;
  overflow: hidden;
  z-index: 25;
}

.home #main{
  top: -35px;
}

/************* sidebar */
#secondary{
  background: url(images/sidebar-bottom.png) #162d47 no-repeat bottom center;
  width: 280px;
  float: left;
  padding-bottom: 37px;
  position: relative;
  top: 115px;
}

.home #secondary{
  top: 15px;
}

#secondary h2{
  background: url(images/sidebar-ban.png) no-repeat center;
  color: #E7CD8D;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  width: 280px;
  padding: 20px 0;
  margin: 0;
  line-height: 12px;
}

#secondary h3{
  text-align: center;
  width: 280px;
  padding: 20px 0 60px;
}

#secondary h3 a{
  background: #38516d; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#435b75', endColorstr='#2a4563'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#435b75), to(#2a4563)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #435b75,  #2a4563); /* for firefox 3.6+ */
  color: #E7CD8D;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding: 9px;
  text-transform: uppercase;
  border: 1pt solid #817f6b;
  text-decoration: none;
}

#secondary h3 a:hover{
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a4563', endColorstr='#435b75'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#2a4563), to(#435b75)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #2a4563,  #435b75); /* for firefox 3.6+ */
}

#secondary p{
  color: #ffffff;
  font-size: 13px;
  line-height: 20px;
  width: 210px;
  padding: 20px 0 20px 48px;
}

#secondary a{
  color: #E7CD8D;
  text-decoration: underline;
}

#secondary a:hover{
  text-decoration: none;
}

/***** subnav*/
#secondary h2.parent{
  background: url(images/sidebar-ban.png) no-repeat center;
  color: #E7CD8D;
  font-size: 12.28px;
  font-weight: bold;
  text-transform: uppercase;
  width: 240px;
  text-align: left;
  padding: 20px 0 20px 40px;
  margin: 0;
  line-height: 12px;
}

#secondary h2.parent a{
  text-decoration: none;
}

#secondary .subnav{
  padding-left: 40px;
}

#secondary .subnav li{
  
}

#secondary .subnav li a{
  color: white;
  text-decoration: none;
  font-size: 14px;
  line-height: 30px;
}

#secondary .subnav li a:hover{
  font-weight: bold;
}

/************* primary content */
#primary{
  float: right;
  width: 645px;
  padding: 0 32px 0 25px;
  position: relative;
  z-index: 10;
}

#primary .alignleft{
  float: left;
  margin: 5px 15px 0 0;
  padding: 3px;
  border: 1pt solid #79A7A4;
}

#primary .alignright{
  float: right;
  padding: 3px;
  border: 1pt solid #79A7A4;
  margin: 5px 0 0 15px;
}

#primary .aligncenter{
  text-align: center;
}

#primary a{
  color: #162d47;
  font-weight: bold;
  text-decoration: underline;
}

#primary a:hover{
  text-decoration: none;
}

#primary table{
  width: 645px;
}

#primary table td{
  font-size: 12px;
  line-height: 26px;
  padding: 5px 10px;
}

#primary table td h3{
  color: #162d47;
  font-size: 15px;
  font-weight: bold;
  border-bottom: 1pt solid #79A7A4;
  padding-bottom: 5px;
}

#primary table td p img{
  padding: 3px;
  border: 1pt solid #162d47;
}

#primary blockquote{
  background-color: #f7f4ed;
  width: 605px;
  text-align: center;
  padding: 12px 20px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 2pt solid #d4d2cc;
}

#primary blockquote p{
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 300;
  padding: 0;
  font-size: 18px;
}

#primary blockquote p b, #primary blockquote p strong{
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;  
}

#primary blockquote p i, #primary blockquote p em{
  font-family: 'Tangerine', cursive;
/*  font-size: 23px;*/
  font-size: inherit;
}

#primary .entry-content ul{
  font-size: 12px;
  color: #294462;
  line-height: 26px;
  padding-bottom: 15px;
  text-align: justify;
}

#primary .entry-content ul li{
  margin-left: 30px;
  list-style: disc;
  color: #294462;
  line-height: 26px;
}

/************ form */
/******** stay informed styles ********/
#primary form p{
  padding-bottom: 25px;
/*  text-align: center;*/
  width: 645px;
}

#primary .form-top p{
/*  margin: 0 auto;*/
  width: 320px;  
  padding-bottom: 35px;
}

#primary .form-top label{
  width: 110px;
  float: left;
  font-weight: bold;
  text-align: right;
  padding-right: 50px;
}

#primary .form-top label.error{
  color: red;
  border: 1pt solid red;
  width: 320px;
  text-align: center;
  padding: 0;
  margin-bottom: 15px;
}

#primary input[type="text"]{
  float: left;
  width: 150px;
}

#primary .cols{
  display: block;
  overflow: hidden;
  text-align: center;
  width: 400px;
  margin: 0 0 35px;
}

#primary .cols span{
/*  text-align: center;*/
  color: #294462;
  font-weight: bold;
  line-height: 26px;
  width: 400px;
  display: block;
}

#primary .dis-left, #primary .dis-right{
  float: left;
  width: 120px;
}

#primary .dis-left{
  padding-right: 75px;
}

#primary .dis-left label, #primary .dis-right label{
  font-size: 13px;
  line-height: 26px;
  color: #294462;
}

#primary input[type="submit"]{
  background-color: #ffffff;
  display: block;
  font-size: 14px;
  border: 1pt solid #294462;
  margin: 0 auto 15px;
}

/************ footer */
#colophon{
  width: 100%;
  position: absolute;
  bottom: 0;
  background-color: #162d47;
  height: 160px;
  border-top: 17px solid #f6f3ec;
  z-index: 35;
}

#supplementary{
  width: 1000px;
  margin: 30px auto 0;
  position: relative;
}

#supplementary ul{
  display: block;
  margin: 15px 0;
}

#supplementary ul li{
  display: inline;
  color: #ffffff;
  font-size: 12px;
  padding: 0 8px;
}

#supplementary ul.copy li{
  font-size: 11px;
}

#supplementary ul li a{
  text-decoration: underline;
  color: #ffffff;
}

#supplementary ul li a:hover{
  text-decoration: none;
}

#supplementary ul.copy li a{
  color: #e7cd8d;
}

#supplementary ul.share{
  position: absolute;
  top: 0;
  margin: 0;
  right: 0;
}

#supplementary ul.share li{
  float: left;
  padding: 0 8px;
}

#supplementary ul.share li a{
  background: url(images/share.png) no-repeat 0 0;
  width: 27px;
  height: 27px;
  display: block;
  text-indent: -9999px;
  color: transparent;
  text-transform: capitalize;
}

#supplementary ul.share li.facebook a{
  background-position: 0 0;
}

#supplementary ul.share li.twitter a{
  background-position: -44px 0;
}

#supplementary ul.share li.flickr a{
  background-position: -87px 0;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
  #supplementary ul li, #supplementary ul.copy li{
    font-size: .5em;
}