/* CSS Document  */

   /* render html5 elements as block */
   
header, footer, section, aside, nav, article, figure {
display: block;}


 html, body {
line-height: 1;
background:url("http://www.countyfairgrounds.net/images/entertainersbarnwood.jpg"); 
background-repeat:repeat;
margin:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 16px;
}



/** HEADER */

header{
background:url("http://www.countyfairgrounds.net/images/greybarnwoodvertical.jpg"); 
background-repeat:repeat;
width:100%;
float:left;
margin:0px 0px 20px 0px;

}

#inner {
margin: 0px auto;
width:990px; 
background:url("http://www.countyfairgrounds.net/images/greybarnwoodvertical.jpg"); 
background-repeat:repeat;



}

#inner h1 {
float: left;
margin: 20px 0px 0px 40px;
width: 400px;
background-color:transparent;

}
#inner h1 img {
clear: none;
display: inline;


}
#inner h2 {
color: white;
float: right;
font-weight:bold;
font-style: italic;
font-size: 14px;
margin:-110px 170px 0px 360px;

}
 image {
      float:left;
      margin-right:7px;
      border:none;
       }


   
/*social icons*/
#icons{
 width:310px;
 float: right;
 margin-right:10px;
 margin-bottom:10px;
 clear: right; 
 background-color:transparent;



 }
 
#icons img {
clear: none;
display:inline;
margin-right:20px;


} 
  #secondicons {
  margin:0px 10px 10px 420px;
  width:440px;
 float: right;
  

 } 
  section.facebook {
     margin: 0px 0px 10px 0px; /*top,right,bottom,left*/
  

} 
section.googleplus {
height:20px;
width:70px;
margin:-30px 0px 0px 100px;




}
section.twitter {
height:20px;
width:85px;
margin:-20px 0px 0px 175px;

}

section.addthis {
height:20px;
width:85px;
margin:-20px 0px 0px 295px;

}

/* nav */ 
#navbar{
width:990px;
margin: 0 auto;


}
nav {
height: 32px;
clear:both;
width:100%;
margin: 0 auto 0 0;
border-top: #400000 inset 2px;
border-bottom: #400000 solid 2px;
background-color: #B9B9B7;
}
nav .menu {
font-size: 12px;
font-weight: bold;
margin-left: 12px;
}
nav .menu ul {
list-style: none;
margin: 0;
}
nav .menu li {
float: left;
position: relative;
}
nav .menu a {
display: block;
text-decoration: none;
color: #400000;
padding: 0 20px;
line-height: 30px;
}
nav .menu a:hover {
color: #400000;
text-decoration: underline;
}

/* nav 1-level dropdowns */
nav .menu li ul { 
display: none; 
z-index: 8888;
}
nav .menu ul li a {
display: block;
text-decoration: none;
color: #400000;
background: #c0c0c0 ;
white-space: nowrap;
}
nav .menu ul li a:hover { 
background: #fff; 
color:#800000;
}
nav .menu li:hover ul {
display: block;
position: absolute;
top: 30px;
left: -40px;
}
nav .menu li:hover li {
float: none;
}
nav .menu li:hover a { 
background: #fff;
color:#400000; 
}
nav .menu li:hover li a:hover { 
background: #fff;        
}



/* main container */

#container {
margin: 0 auto;
width:920px;
 

}
/* featured and all featured contents */
#featured {
          color:#400000;
          background-image:url("http://www.countyfairgrounds.net/images/strawbackgroundtest.jpg"); 
          background-repeat:repeat;
          line-height:16px;
          font-family:serif;
          font-weight:bold;
          font-size:14px;
          font-family: 'MarketingScriptRegular';
           margin:200px 30px 5px 20px;
          clear: both;
          padding-right:2px;
          padding-left:5px;
          padding-top:8px;
          padding-bottom:2px;
          width: 910px;
          border: solid 1px #000;
          border-radius: 10px;
          overflow:auto;
          
    
 
   } 
   #center{
    margin:10px 0px 10px 12px;
   
   }
     section.hgroup {
    width:330px;
     margin:0px 0px 10px 12px;
     
  
  } 
  
    section.myad {
    margin: -80px 5px 10px 350px; /*top,right,bottom,left*/ 
 
   }  
   section.stateselect  {
    margin: -90px 0px 10px 620px;
    overflow:auto;
    width:190px;
 	padding:5px;
	overflow:auto;
   	border-style:inset;
    border-color:black;
    border-width:3px;
    background-color:#400000;
    font-weight:bold;
    color:white;
    font-size:16px;

} 

#featured figure {
  border: 2px dashed #400000;
float:right;
padding-top:5px;
padding-bottom:3px;
padding-right:7px;
padding-left:7px;
background-color:white;
 margin: 10px 30px 20px  20px; /*top,right,bottom,left*/
 width: 800px;
 overflow:auto;
 
 }
  section.figureleft{
 margin: 10px 450px 10px  20px; /*top,right,bottom,left*/
 font-size:16px;
 color:#400000;
 font-weight:bold;
 float:left;
 
 
 
 }
 section.figureright{
 margin: -300px 20px 10px 430px;
 float:right;
 /*top,right,bottom,left*/
 
 
   }  

#featured figure img {display: block; float:right;}

#featured h2 {font-size:24px;font-weight:bold; margin-bottom: 0.200em;}
#featured h2 a:link, #featured h2 a:visited {color: #400000; text-decoration: none;}
#featured h2 a:hover, #featured h2 a:active {color: #c0c0c0;} 

#featured h3 {font-size: 22px;font-weight:bold; margin-bottom: .5em;}
#featured h3 a:link, #featured h3 a:visited {color: #400000; text-decoration: none;}
#featured h3 a:hover, #featured h3 a:active {color: #c0c0c0;} 
 

   
   #adcopy {
    margin: 10px 0px 10px 100px;
    clear:right;
}   
  

/*  Feature Section - end of all code */
	


/*  bottom right half content */
      #content {
     float:left;
     background-color:#ffffff;
     color:#400000;
     font-family: 'MarketingScriptRegular';
     border-style:inset;
     border-color:black;
     border-width:4px;
	 width:550px;
 
 
 
 }
  .imagecontent {
     float:left;
     margin-right:7px;
     border-style:ridge;
     border-color:#800000;
     border-width:4px;
       
}
  section.display {
  float:left;
  width:580px;
  background-color:white;
}
  table{
     border-collapse:collapse; 
	 width:90%;
	 margin: 0px 20px 0px 20px;
  }        
     td  { 
   padding:5px;
      
     }      
      
   #content h2{
    color:#ffffff;
     background-color:#990000;
     padding-top:8px;
	 padding-left:70px;
	 padding-bottom:5px;
	 font-size:14px;
	 border-style:ridge;
	 border-color:#c0c0c0;
	 border-width:3px;
	 text-decoration:none;
	 	margin:5px 0px 0px 0px;
	 
	 
	 
	    }
   #content h2 a {
   color:#ffffff;
   text-decoration:underline;
   

}
   #content h2 a:hover {
   color:#c0c0c0;
   }
   

  #content h3 {
   color:#400000;
   background-color:#e9e9e9;
   font-size:14px;
   padding-top:10px;
   padding-left:30px;
   padding-bottom:5px;
   font-weight:bold;
   text-decoration:underline;
   border-style:inset;
	border-color:#400000;
	border-width:2px;
      
   
  } 
  #content h3 a {
   display:block;
   color: #400000;
 
}
   #content h3 a:hover {
   color:#cc0000;
   
   
 }
  section.stuffaftereventname {
   color:#000000;
   font-size:14px;
   float:left;
   margin:10px 0px 5px 10px;
   
   
  }
   section.themeofevent{
   color:#800000;
   font-size:16px;
   float:left;
 
   
   }
   section.sociallinks{
   font-size:14px;
   float:left;
   margin:10px 300px 5px 40px;
   text-decoration:underline;
   color:#cc0000;
     
   }
   section.sociallinks a {
   display:block;
   color: #cc0000;
   
   
   
}
   section.sociallibks a:hover {
   color:#c0c0c0;
   
}
   
    section.location{
     font-size:14px;
     color:#800000;
     margin:0px 0px 5px 40px;

 }
    #morelistings{
    font-size:14px;
    color:white;
    margin:10px 0px 10px 20px;
    font-weight:bold;
	float: left;
	display:inline;
	color:#990000;
 
}
   
   
   #nine {
   color:#800000;
   text-decoration:underline;
   
 }
   #nine a{
   color:#800000;
   text-decoration:underline;
   
}
   #nine a:hover {
   color:#c0c0c0;
   text-decoration:underline; 
 }
  
	
   #ten{
   color:#800000;
   text-decoration:underline;
   
 }
   #ten a{
   color:#800000;
   text-decoration:underline;
   
}
   #ten a:hover {
   color:#c0c0c0;
   text-decoration:underline; 
 }	 
 	
   #eleven{
   color:#800000;
   
   }	
   
    #twelve{
   color:#800000;
   
   }
     
    #thirteen{
   color:#800000;
   
   }
 
  #fourteen{
   color:#800000;
   
   }
      #fifteen {
   color:#800000;
   text-decoration:underline;
   
 }
   #fifteen a{
   color:#800000;
   text-decoration:underline;
   
}
   #fifteen a:hover {
   color:#c0c0c0;
   text-decoration:underline; 
 }
  
	
   #sixteen{
   color:#800000;
   text-decoration:underline;
   
 }
   #sixteen a{
   color:#800000;
   text-decoration:underline;
   
}
   #sixteen a:hover {
   color:#c0c0c0;
   text-decoration:underline; 
 }

  

	 
 
 
 /*  end bottom right half content */
 

 /*  bottom left half  sidebar */
#sidebar {
float: left;
width: 310px;

}
     
 
 #sidebar h2 {
 font-size:18px;
 color:#ffffff;
 font-weight:bold;
 font-family: 'MarketingScriptRegular';
 margin: 30px auto 8px 20px; 
 background-color:#400000;
 border-style:ridge;
 border-width:4px;
 border-color:#c0c0c0;
 padding:10px;
 width:230px;
}
 #sidebar h3 {
 font-size:14px;
 color:#ffffff;
 font-weight:bold;
  background-color:#800000;
 border-style:ridge;
 border-width:4px;
 border-color:#c0c0c0;
 padding:10px;
 width:240px;
 margin:10px auto;
 clear:both;
 
 
 
}

 #sidebar h4 {
 font-size:17px;
 color:#400000;
 font-weight:bold;
 margin: 10px auto; 
 background-color:#c0c0c0;
 border-style:dashed;
 border-width:4px;
 border-color:#400000;
 padding:10px;
 width:240px;
 clear:both;
 
}
 
  section.tableselection {
   font-size:12px;
   font-weight:bold;
   width:280px;
   color:#ffffff;
   border-style:ridge;
   border-color:#c0c0c0;
   border-width:2px;
   margin: 0px 8px 5px 8px;
   padding:10px;
   background-color:#400000;
 }
   section.submitselection {
   font-size:12px;
   color:#400000;
   border-style:inset;
   border-color:#400000;
   border-width:2px;
   padding:5px;
   background-color:#c0c0c0;
   
   }
#weather{
 margin:20px 0px 30px 40px;
 
   
 }
#google{
 margin:20px 0px 30px 100px;
 }
 
 #shareasale{
 margin:10px 0 30px 0px;
 
 } 
 
   #shareasale a img {
   float: none;
}
#shareasale a {
    display: block;
    margin-bottom: 38px;
}
  #CMTVideo{
 margin:30px 15px 10px 25px;
 }

 #eight{
 margin:20px 0px 40px 45px;
 font-size: 14px;
 color:#400000;
 font-weight:bold;
  
 }
 /* END left Sidebar */
 
       
/* footer */

  footer {
width:100%;
margin:570px auto 20px 0px;
border-top: #cc0000 inset 2px;
border-bottom: #c0c0c0 solid 2px;
background-color: #400000;
overflow:auto;

 }
  #bottom {
  width:990px;
background-color:#400000;
font-weight:bold;
margin: 0px auto;
 

      
}
#bottomleft {
float:left;
font-size:14px;
color:white;
margin:30px auto; 

}
#bottomright{
margin: -60px 20px 10px 500px;
float:right;
overflow:auto
}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 1, 2011 07:27:24 PM America/New_York */


@font-face {
    font-family: 'MarketingScriptRegular';
    src: url('MarketingScript-webfont.eot');
    src: url('MarketingScript-webfont.eot?iefix') format('eot'),
         url('MarketingScript-webfont.woff') format('woff'),
         url('MarketingScript-webfont.ttf') format('truetype'),
         url('MarketingScript-webfont.svg#webfontblVIzv19') format('svg');
    font-weight: normal;
    font-style: normal;
   }