/*Styles pertinent only to the homepage*/
/*
 * Color, Border, and Button Rules
 */

.cs_wrapper, .cs_article {
  background:#FFF; /* Background color for the entries */
}
.cs_leftBtn, .cs_rightBtn {
  width:30px; /* Should be as wide as the button graphic being used */
  background:#232b38; /* This will probably match the contentslider bg color */
}

/*
 * Article styles (font, color, etc.)
 *
 * If textResize is set to TRUE, sizing shouldn't need to be touched. However,
 * depending on the sizes you have defined, additional tweaking may be
 * required in order to get the text to display properly.
 */
.cs_article h2 {
  font-size:200%;
  line-height:1.125em;
}
  .cs_article h2 a {
    color:#333;
    text-decoration:none;
  }
.cs_article p {
  font-size:85%;
  line-height:1.5em;
   background:#232b38;
  color:#fff;
  padding:4px;
}
.cs_article .readmore {
  font-size:80%;
}

/*
 ******************************************************************************
 * These styles may be affected by the plugin, so avoid changing them if 
 * it's not absolutely necessary.
 ******************************************************************************
 */
#contentslider {
  position:relative;
  display:block;
  width:900px;
  height:190px;
  margin:0 auto;
  overflow:hidden;
}
.slides_wrap .prev{
	position:absolute;
	top:60px;
	left:5px;
}
.slides_wrap .next{
	position:absolute;
	top:60px;
	right:5px;
}
.cs_wrapper {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
}
.cs_wrapper a{color:#000830}
/*.cs_slider {
  position:absolute;
  width:10000px;
  height:100%;
  margin:0;
  padding:0;
}*/
.cs_article {
  float:left;
  position:relative;
  top:0;
  left:0;
  display:block;
  width:900px;
  height:400px;
  margin:0 auto;
  padding:0;
   background:#232b38
   }
.cs_article h2 {
  display:block;
  width:26%;
  margin:10px 26px 5px 68%;
  text-align:left;
}
.cs_article img {
  position:absolute;
  top:0;
  left:0;
  width:66%;
  border:0;
  -ms-interpolation-mode:bicubic;

}
.cs_article p {
  display:block;
  width:26%;
  margin:0 26px 5px 68%;
  padding:0;
  border:0;
}
.cs_article .readmore {
  display:block;
  width:26%;
  margin:0 6% 1% 68%;
  text-align:right;
}
.cs_leftBtn, .cs_rightBtn {
  position:absolute;
  top:0;
  height:400px;
  padding:10px 0;
  z-index:10000;
}
.cs_leftBtn {
  left:0;
  outline:0;
}
.cs_rightBtn {
  right:0;
  outline:0;
}
.cs_leftBtn img, .cs_rightBtn img {
  border:0;
  position:relative;
  top:200px;
  margin:0;
}
/*Headers*/


#latest h2 {
	font-size:2.1em;
	line-height:114%;
	letter-spacing:0.01em;
	}


/*Content Styles*/

#masthead {
	background: url(../images/bg_masthead.jpg) repeat-x;
	height: 234px;
	border-top:3px solid #2c4261;
	color:#FFF;
	padding-top:16px;
	}

/*#masthead img {
	//float:left;
	border:3px solid #cec7b6;
	}*/

#latest {
	//float:right;
	width:941px;
	}

#latest .postmetadata {
	color:#999;
	}
			
#masthead a, #masthead a:visited {	
	color:#BA3138;
	}

#leadpic {
	border:3px solid #cec7b6;
	}
	
.excerpt {
	width:360px;
	float:left;
	height:48px;
	background: url(../images/dashes.gif) repeat-x bottom;
	padding-bottom:30px;
	margin: 4px 22px 20px 0;
	}

.excerpt .postmetadata {
	margin:2px 0 0 0;
	}

table.scores {
	border:1px solid #e3e3e3;
	color:#6b6b6a;
	text-transform:uppercase;
	font-size:0.9em;
	width:100%;
	border-collapse:collapse;
	margin:6px 0 2px 0;
	}

.scores td, .scores th {
	border-bottom:1px solid #e3e3e3;
	padding:3px 8px;
	background:#FFF;
	}
	
.scores td.date {
	background:#f3f3f3;
	}

.scores th {
	border-right:1px solid #e3e3e3;
	border-left:1px solid #e3e3e3;
	width:8px;
	}

.scorebox {
	margin-top:-42px;
	}
		
#pencil {
	position:relative;
	top:4px;
	left:254px;
	z-index:1;
	text-align:center
	}