/* CSS Document */
/* render html5 elements as block */
header, footer, section, aside, nav, article, figure {
display: block;}
html, body {
line-height: 1;
background:url("https://countyfairgrounds.net/images/woodplanksbackground.jpg");
background-repeat:repeat;
margin:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 16px;
}
/** HEADER */
header{
width:100%;
}
#inner {
margin:0px auto;
width:990px;
overflow:auto;
}
#inner h1 {
float: left;
margin: 10px 130px 20px 130px;
width: 730px;
background-color:transparent;
}
#inner h1 img {
clear:none;
border:none;
}
/* nav */
#navbar{
width:990px;
margin: 0 auto;
}
nav {
height: 32px;
width:100%;
clear:both;
margin: 0 auto 0 0;
border-top: #eeeeee inset 2px;
border-bottom: #eeeeee solid 2px;
background-color: #400000;
}
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: #ffffff;
padding: 0 20px;
line-height: 30px;
}
nav .menu a:hover {
color: #eeeeee;
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: #ffffff;
background: #400000 ;
white-space: nowrap;
}
nav .menu ul li a:hover {
background: #400000;
color:#e88562;
}
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:#eeeeee;
}
nav .menu li:hover li a:hover {
background: #fff;
}
/* main container */
#container {
margin: 0 auto;
width:920px;
}
/* featured and all featured contents */
#adcopy{
margin: 10px 100px 10px 100px;
}
/* featured and all featured contents */
#featured {
color:#400000;
line-height:16px;
font-weight:bold;
font-size:14px;
font-family: 'MarketingScriptRegular';
margin:30px 30px 5px 20px;
clear: both;
padding-right:2px;
padding-left:5px;
padding-top:8px;
padding-bottom:2px;
width: 910px;
overflow:auto;
}
#featured img{
float:left;
border:none;
}
#center{
margin-top:10px;
margin-bottom:10px;
}
#left{
margin-left:3px;
clear:right;
margin-top:50px;
}
section.findafair {
width:230px;
padding-left:5px;
padding-top:10px;
padding-bottom:5px;
border-style:inset;
border-color:#990000;
border-width:2px;
background-color:#eeeeee;
font-weight:bold;
color:#400000;
font-size:12px;
margin-bottom:5px;
}
#myad {
margin: -70px 10px 5px 280px; /*top,right,bottom,left*/
}
#search {
margin:-130px 20px 5px 620px;
padding-left:10px;
padding-top:5px;
padding-bottom:3px;
float:right;
border-style:dashed;
border-color:#c0c0c0;
border-width:2px;
background-color:#eeeeee;
font-size:12px;
color:#400000;
}
#figure {
padding-top:5px;
padding-bottom:3px;
padding-right:7px;
padding-left:3px;
background-color:#ffffff;
margin:10px 10px 20px 5px; /*top,right,bottom,left*/
width:900px;
overflow:auto;
}
#figureleft{
margin: 20px 260px 10px 10px; /*top,right,bottom,left*/
float:left;
width:500px;
background-color:white;
}
section.bookingrodeos{
margin: 0px 50px 20px 50px; /*top,right,bottom,left*/
font-size:14px;
color:#400000;
font-weight:bold;
float:left;
}
section.rodeosregister{
margin: 30px 0px 10px 50px; /*top,right,bottom,left*/
font-size:14px;
color:#990000;
font-weight:bold;
float:left;
}
image {
float:left;
margin-left:7px;
border:none;
}
section.interviewed{
margin: 0px 0px 0px 20px; /*top,right,bottom,left*/
font-size:14px;
color:#990000;
font-weight:bold;
float:left;
padding-right:20px;
}
section.interviewed a{
color:#000000;
font-size:14px;
}
section.interviewed a:hover {
color:#c0c0c0
}
#figureright{
margin: -410px 5px 10px 610px;
float:right;
overflow:auto; /*top,right,bottom,left*/
}
/* Rodeos registered users log-in */
section.registereduser{
margin:20px 20px 50px 90px;
float:right;
width:200px;
background-color:#eeeeee;
border-style:inset;
border-width:3px;
border-color:#990000;
padding:15px;
color:#990000;
font-size:15px;
font-weight:bold;
clear: right; /*to get it away from the h2's margin*/
}
section.registereduser a {
text-decoration:underline;
font-weight:bold;
color: #400000;
margin:-20px 30px 20px 60px;
}
section.registeredusers a:hover {
color:#c0c0c0;
text-decoration: underline;
}
section.google{
margin:20px 0px 10px 80px;
}
#featured figure img {display: block; float:right;}
#featured h2 {font-size:20px;font-weight:bold; margin-bottom: 0.200em;}
#featured h2 a:link, #featured h2 a:visited {color: #990000; text-decoration: none;}
#featured h2 a:hover, #featured h2 a:active {color: #c0c0c0;}
#featured h3 {font-size: 18px;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;}
#featured h4 {font-size: 18px;font-weight:bold; margin-bottom:10px;}
#featured h4 a:link, #featured h4 a:visited {color: #400000; text-decoration: none;}
#featured h4 a:hover, #featured h4 a:active {color: #c0c0c0;}
/* Feature Section - end of all code */
/* footer */
footer {
width:100%;
margin:20px 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;
}