/*-----------------------------------------------------------------------------

RAMA BASIC STYLES OF HTML DOCUMENT

Screen Stylesheet

version:   	1.0
date:      	07/27/11
author:		freshline
email:     	support@version-four.com
website:   	http://www.version-four.com
-----------------------------------------------------------------------------*/
/***********************
	-	BASICS 	-
***********************/
ol, ul {
  list-style: none;
}

a {
  text-decoration: none;
}

.example-wrapper {
  position: relative;
  width: 940px;
  height: 330px;
  margin: auto;
  border: 0px solid #000;
}

/*My additions */
.slide,
  {
  border: 0px solid #03F;
  width: 10px;
}

.imgholder {
  width: 165;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.bw {
  float: left;
  width: 165;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  border: 10px solid #000;
}

/**/
/****************************
	-	BASIC DIVIDERS 	-
*****************************/
/* moved from master.css */
/* CSS Document */
/* Masthead */
#news {
  width: 660px;
  background-color: #FFFFFF;
  float: left;
}

#featured {
  width: 660px;
  /*height:auto;*/
  /*height:400px;*/
  border: 0px solid #F39;
  float: left;
}

.story img {
  display: none;
}

#articles {
  width: 660px;
  height: 100%;
  border: 0px solid #936;
  float: left;
  text-align: left;
  /*display:none; /*comment out when not in use*/
  /*border-top:4px  #FF0000;*/
}

#headlines {
  width: 50%;
  height: 100%;
  float: left;
  border: 0px solid #F90;
  margin: 1px;
  /*border:1px solid #990000; /*test used to show border boundaries - set to hidden*/
}

#announcements {
  width: 49%;
  height: 100%;
  float: left;
  border: 0px solid #F90;
  margin: 1px;
  /*border:1px solid #990000; /*test used to show border boundaries - set to hidden*/
}

#tracknews {
  width: 49%;
  height: 100%;
  float: left;
  border: 0px solid #F90;
  margin: 1px;
  /*border:1px solid #990000; /*test used to show border boundaries - set to hidden*/
}

#advertising {
  width: 310px;
  height: auto;
  /* 670*/
  background-color: #FFFFFF;
  padding-top: 6px;
  margin-right: 5px;
  float: right;
  /*border:0px solid #FF0000; /*test used to show border boundaries - set to hidden*/
}

#hoofbeats {
  width: 100%;
  height: 360px;
  float: left;
  clear: both;
  border: 0px solid #ccc;
  /*margin-bottom:10px;*/
}

#racing {
  width: 100%;
  background-color: #FFFFFF;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  margin-top: 0px;
  margin-bottom: 2px;
  border: 0px solid #CCC;
  min-height: 200px;
  padding-left: 0px;
}

#top-performers-container {
  width: 100%;
  background-color: #FFFFFF;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  margin-top: 0px;
  margin-bottom: 2px;
  border: 0px solid #CCC;
  min-height: 310px;
  padding-left: 0px;
}

#topperformers {
  width: 32.5%;
  float: left;
  border-top: 0px solid #CCC;
}

#stratwag {
  width: 33%;
  height: auto;
  float: left;
  border: 0px solid #F90;
}

#featureraces {
  width: 33%;
  height: auto;
  float: left;
  border: 0px solid #F90;
}

#todaysraces {
  width: 33%;
  height: auto;
  float: left;
  border: 0px solid #F90;
}

#videos {
  width: 100%;
  background-color: #ffffff;
  clear: both;
  border: 0px solid #cccccc;
}

#ustaservices {
  width: 100%;
  background-color: #ffffff;
  clear: both;
  border: 0px solid #cccccc;
}

.articlelist {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  /*border-top:1px solid #CCC;*/
}

#ustapromos {
  width: 100%;
  height: 90px;
  background-color: #f1f1f1;
  clear: both;
  border: 0px solid #ff0000;
}

.articlelist li {
  padding: 5px;
  margin-bottom: 6px;
  margin-left: 5px;
  width: auto;
  height: 1em;
  overflow: hidden;
  border: 0px solid #0FC;
  /* adds ellipsis to headlines */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* IE 6+, FF 7+, Op 11+, Saf 1.3+, Chr 1+*/
  -o-text-overflow: ellipsis;
  /* for Opera 9 & 10 */
}

.articlelist li:nth-child(odd) {
  background: #F0F2EE;
}

.articlelist a {
  text-decoration: none;
}
