﻿#newssliderwrapper
{
    margin:0 0 20px 0;
    float:left;
    /*width:700px;*/
    width: 960px;
}
#newssliderwrapper .sliderframe
{
    height:320px;
    position:relative;
}
#newssliderwrapper .slidercaption
{
    color:#edeedc;
    width:680px;
    height:96px;
    position:absolute;
    bottom:5px;
    left:0px;
    padding:0 10px 0 10px;
    background: transparent url(images/transpBlack.png) repeat;
}
#newssliderwrapper .slidercaption h1
{
    font-size:1.8em;
    font-weight:normal;
    margin:0;
    padding:0;
}
#newssliderwrapper .slidercaption p
{
    width:500px;
}
#newssliderwrapper .sliderframe a
{
    text-decoration:none;
}
#newssliderwrapper ul li
{
    list-style-type:none;
    padding:0;
}
#sidebar
{
    margin:0;
}
#sidebar img
{
    margin-bottom:20px;
}
#sidebar div.imagenofloat
{
    height:170px;
}
#sidebar div.featuretext
{
    margin-top:-70px;
}
#sidebar div.sidebarstory:first-child div.featuretext
{
    height:44px;
}
#sidebar div.featuretext h1
{
    margin:0;
    padding:0 4px 0 4px;
    color:White;
    font-size:1em;
}
#sidebar div.featuretext div
{
    margin:0;
    padding:0 4px 0 4px;
    color:White;
    font-size:0.85em;
}
div.sidebarstory
{
    margin-bottom:20px;
}
div.sidebarstory:first-child
{
    margin-bottom:24px;
}

#featurestories
{
    overflow:hidden;
    padding:0;
    margin-top:20px;
}
#featurestories .featurestory
{
    float:left;
    background-color:#DEDEDE;
    width:219px;
    height:160px;
    margin-left:10px;
    font-size:0.85em;
}
#featurestories .featurestory h1
{
    font-size:1em;
    font-weight:bold;
    margin:0;
    padding:0 4px;
}
#featurestories .featurestory p
{
    padding:0 4px;
}
#twitterbox
{
    margin-bottom:20px;
    width:223px;
    overflow:hidden;
}
#twitter
{
    background: transparent url(images/twittercallout.gif) no-repeat;
    font-style:italic;
    font-size:1em;
    padding:6px 12px 48px 10px;
    height:83px;
}
#twitter a
{
    color:#000000;
    text-decoration:none;
    word-wrap: break-word;
}
#twitter a:hover
{
    color:#B9F5FB;
    text-decoration:underline;
}
#socialmedia
{
    margin-top:20px;
    text-align:right;
}
#socialmedia a
{
    margin-right:8px;
}
.col1
{
    float:left;
    width:700px;
}
.col2
{
    float:right;
    width:220px;
}
div.par
{
    margin-bottom:10px;
}
#featurebar
{
    margin-top:20px;
    overflow:hidden;
}

#featurebar div
{
    float:left;
    margin-right:20px;
}
#leadstory
{
    border:solid 1px #696969;
    padding:4px;
    overflow:hidden;
    min-height:150px;
}
#leadstory h1
{
    background-color:#696969;
    padding:4px;
    margin: 0 0 6px 0;
    color:#ffffff;
}
#runners
{
    border:solid 1px #696969;
    margin-top:20px;
    padding:10px;
}
div#recentwins 
{
    border:solid 1px #1f1f1f;
    padding:4px;
    font-size:0.8em;
    width:210px;
    height:270px;
    margin-right:0;
    overflow:hidden;
}
#recentwins h2
{
    background-color:#1f1f1f;
    padding:4px;
    margin: -4px -4px 6px -4px;
    color:#ffffff;
}
#content ul
{
    padding: 0 0 2px;
}
#content ul li
{
    list-style-type: none;
    padding: 5px 10px;
    font-size: 20px;
    font-weight: normal;
}
.racetimeHome 
{
    width: 75px;
    border-right: 1px solid #424242;
}
.horseNameHome
{
    width: 200px;
    border-right: 1px solid #424242;
}
.venue
{
    width: 150px;
    border-left: 1px solid #424242;
}
.weightHome
{
    width: 70px;
    border-left: 1px solid #424242;
}
.jockeyHome
{
    width: 100px;
    border-left: 1px solid #424242;
}
.distanceHome
{
    width: 85px;
    border-left: 1px solid #424242;
}
 #ui-id-1:before
{
    content: "Recent Winners";
}
#ui-id-2:before
{
    content: "Upcoming Runners";
}

.bxsliderTicker a
{
    text-decoration: none;
}
#content .bxsliderTicker h1
{
    color: #333333;
    font-size: 14px;
    font-weight: normal;
}
div#content div.button a
{
    color: #FFF;
}
div#content div.button a:hover
{
    color: #FFF;
}
div#welcome div
{
  margin-bottom: 10px;
}
div#welcome h1
{
  text-align: center;
}

#available a
{
    text-decoration: none;
}

@media only screen and (max-width: 650px) 
{
    table.racingtable tbody tr:nth-child(odd)
    {
        background-color: #FFF;
    }
    #ui-id-1:before
    {
        content: "Winners";
    }
    #ui-id-2:before
    {
        content: "Upcoming";
    }
}