﻿/* Homepage CSS */
/* -------------------------------------------------------- */
/* Generic                                                  */
/* -------------------------------------------------------- */
p {
	color: #FFF;
	font-size: 11px;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	list-style: none;
}
.red {
	color: #F00;
}
.clearBoth {
	font-size: 0;
	width: 0;
	height: 0;
	line-height: 0;
	clear: both;
}
/* -------------------------------------------------------- */
/* slideshow                                                */
/* -------------------------------------------------------- */
div#slideshow {
	width: 396px;
	height: 390px;
	border: 1px solid #333;
	border-color: #333333 #333333 #FF3300 #333333;
	border-width: 1px 1px 2px 1px;
	border-style: solid;
	padding: 8px;
	margin: 7px 0 4px 0;
	float: right;
	overflow: hidden;
	position: relative;
	background-color: #FFFFFF;
}
div#slideshow a {
	text-decoration: none;
}
div#slideshow div.image {
	width: 394px;
	height: 227px;
	border: 2px solid #cdcdcd;
	position: relative;
	overflow: hidden;
}
div#slideshow div.image a {
	position: absolute;
	left: 0;
	top: 0;
}
div#slideshow div.copy {
	width: 394px;
	border-top: 0;
	background-color: #fff;
	overflow: hidden;
}
div#slideshow div.copy .button {
	padding: 6px 8px 18px 8px;
}
div#slideshow div.copy .button a {
	width: 15px;
	height: 15px;
	display: block;
	float: left;
	cursor: pointer;
	cursor: hand;
}
div#slideshow div.copy .button a.left {
	width: 18px;
	background: transparent url(sliderArrowPrev_off.gif) no-repeat 0 50%;
}
div#slideshow div.copy .button a:hover.left {
	background: transparent url(sliderArrowPrev_on.gif) no-repeat 0 50%;
}
div#slideshow div.copy .button a.num {
	background: transparent url(sliderCircle_off.gif) no-repeat 0 50%;
}
div#slideshow div.copy .button a:hover.num {
	background: transparent url(sliderCircle_on.gif) no-repeat 0 50%;
}
div#slideshow div.copy .button a.on {
	background: transparent url(sliderCircle_on.gif) no-repeat 0 50%;
}
div#slideshow div.copy .button a.right {
	background: transparent url(sliderArrowNext_off.gif) no-repeat 100% 50%;
}
div#slideshow div.copy .button a:hover.right {
	background: transparent url(sliderArrowNext_on.gif) no-repeat 100% 50%;
}
div#slideshow div.copy p {
	padding: 5px 10px 15px 8px;
}
div#slideshow div.copy p.text {
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #1e1e1d;
}
div#slideshow div.copy p.watch {
	padding: 5px 10px 10px 8px;
	position: absolute;
	bottom: 8px;
}
div#slideshow div.copy p.watch a {
	width: 128px;
	height: 23px;
	background: transparent url(full_story.jpg) no-repeat 0;
	display: block; 
}
div#slideshow div.copy p.watch a:hover {
	background: transparent url(full_story_on.jpg) no-repeat 0;
}
div#slideshow div.copy p span {
	font-family:  Arial;
	font-weight:  bold;
	font-size: 13px;
	color: #cc0000;
}
IMG {
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	BORDER-RIGHT-WIDTH: 0px;
}
