.background-people {
	background-image: url(/img/iplayed/blue-fade-home.jpg);
	background-repeat: repeat-x;
	height: 614px;
	background-color: #ccc;
}

.home {
	padding: 170px 15px 0px 15px;
}

.home a {
	color: #fff;
	text-decoration: none;
}

.home a * {
	border: 0px #000 solid;
}

.home .home-content .home-left {
	float: left;
	width: 210px;
	font-size: 10px;
	color: #003;
}

div#content .home-tvspot {
	background-image: url(/img/iplayed/iplayed-tv.gif);
	background-repeat: no-repeat;
	display:block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 11px;
	padding-top: 90px;
	text-align: center;
	width: 106px;
}

div#content .home-donate-now {
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	text-align:center;
	width:180px;
}

div#content .iplayed-return {
	float:right;
	margin:25px 0 0 0;
	width:150px;
}

.home-tvspot a {
	color: #08086c;
}

div#content .home-stories {
	color: #fff;
	margin-left: 227px;
	width: 426px;
	height: 305px;
	background-image: url(/img/iplayed/featured-background.jpg);
	background-repeat: no-repeat;
	padding: 0px 10px 0px 10px;
}

div#content .home-stories-top, div#content div.home-stories, div#content div.home-stories-bottom, div#content div.home-footer
{
	margin-left: 210px;
	position: relative;
	left: 17px; /* lol */
	/* note: this breaks without the lol above */
}

div#content div.home-footer {
	color: #000;
	font-size: 12px;
}

div#content div.home-footer strong {
	color: #009;
}

div#content div.home-footer img {
	float: right;
	margin-right: 14px;
}

div#content .story-top-title {
	padding: 0px 0px 5px 12px;
	font-weight: bold;
}

div#content .story-top-list {
	padding-top: 160px;
}

div#content .story-top-list ul {
	list-style-position: inside;
	list-style-image: url(/img/iplayed/iplayed-bullet.gif);
	margin: 0px;
	padding: 0px 10px 0px 12px;
}

div#content .story-top-list li {
	overflow: hidden;
	white-space: nowrap;
}

div#content .story-tell-us {
	height: 45px;
	color: #006;
	margin-left:14px;
	padding: 0;
	font-size: 12px;
	width:437px;
}

div#content .story-tell-us img {
	border: 0px #000 solid;
	float: right;
	margin-bottom: 0;
	margin-left: 10px;
	vertical-align:top;
}

.story-tell-us a {
	border: 0px #000 solid;
}

div#content .video-story-box {
	padding: 10px 5px 0px 430px;
}

div#content .video-story-box ul {
	width: auto;
}

div#content .video-story-box a {
	color: #009;
	text-decoration: none;
}

div#content .video-story-box a.black-link {
	color: #000;
}

div#content .video-story-box img {
	width: 45px;
	height: 34px;
	float: left;
	border: 1px #ccc solid;
	margin: 3px;
	padding: 3px;
}

div#content .video-story-box li.coming-soon {
	margin: 10px 0px 0px 0px;
	display: block;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	color: #def;
	text-align: center;
}

div#content .image-story-box {
	float: left;
	font-size: 9px;
	padding: 10px 10px 0px 0px;
	width: 410px;
}

div#content .video-story-box ul {
	list-style-position: inside;
	list-style-type: none; 
	margin: 0px;
	padding: 0px;
}

div#content .video-story-box li {
	height: 50px;
	overflow: hidden;
	font-size: 9px;
}

div#content .image-story-box ul {
	list-style-position: inside;
	list-style-type: none; 
	margin: 0px;
	padding: 0px;
}

div#content .image-story-box li {
	height: 5em;
	overflow: hidden;
}

div#content .home-stories-top {
	width: 446px;
	height: 29px;
	background-image: url(/img/iplayed/featured-top.jpg);
	background-repeat: no-repeat;
}

div#content .home-stories-trio {
	padding: 8px 0px 0px 0px;
}

.home-stories-top .stories-top-title {
	float: left;
	padding: 8px 0px 0px 8px;
	color: #003;
	font-size: 12px;
	font-weight: bold;
}

div#content .home-stories .story-thumb {
	width: 132px;
	height: 92px;
	background-image: url(/img/iplayed/featured-thumb.jpg);
	background-repeat: no-repeat;
	float: left;
	padding: 6px;
	width: 120px;
	height: 80px;
	margin-left: 7px;
	text-align: center;
}

div#content .home-stories .story-subs {
	padding-top: 8px;
}

div#content .home-stories .story-thumb-desc {
	overflow: hidden;
	width: 120px;
	font-size: 12px;
	font-family: arial;
	text-align: left;
	padding-top: 4px 0px;
	text-decoration: underline;
}

div#content .story-top-list .story-desc {
	text-decoration: underline;
}

div#content .story-date {
	color: #333;
}

div#content .home-stories .story-thumb-sub {
	overflow: hidden;
	white-space: nowrap;
	width: 120px;
	font-size: 12px;
	font-family: arial;
	text-align: left;
	padding-top: 4px 0px;
}

.home-stories-top .stories-top-desc {
	float: right;
	padding: 8px 40px 0px 0px;
	color: #fff;
	font-size: 12px;
}

div#content .home-stories-bottom {
	margin-left: 227px;
	width: 446px;
	height: 39px;
	background-image: url(/img/iplayed/featured-bottom.jpg);
	background-repeat: no-repeat;
	text-align: right;
	color: #003;
	font-size: 12px;
	font-weight: bold;
	padding: 8px 0px 0px 0px;
}

div#content .bottom-nudge {
	padding-right: 20px;
}

div#content .bottom-nudge a {
	color: #003;
	text-decoration: none;
}

.background-fade {
	background-image: url(/img/iplayed/blue-fade-white-texture.jpg);
	background-repeat: repeat-x;
	height; 447px;
}

.iplayed-promo {
	height: 90px;
	color: #fff;
	padding: 60px 15px 0px 260px;
	font-size: 12px;
}

div#content .iplayed-promo img {
	border: 0px #000 solid;
	float: right;
	margin-bottom: 15px;
	margin-left: 5px;
}

.iplayed-promo a {
	border: 0px #000 solid;
}

.story-list .story-media-padding {
	float: right;
	padding-left: 7px;
}

.story-list .story-media-padding .story-media {
	border: 1px solid #ccc;
	padding: 10px;
}

.story-list {
	padding: 15px 0px 14px 14px;
}

.story-list .story-top-left, .story-list .story-top-right {
	color: #009;
	font-size: 14px;
	font-weight: bold;
}

div#content .story-sub {
	overflow: auto;
}

div#content .story-sub a {
	text-decoration: none;
	color: #fff;
}

.story-list .story-sub-left, .story-list .story-sub-right {
	height: 21px;
	width: 146px;
	background-image: url(/img/iplayed/sub-button.gif);
	background-repeat: no-repeat;
	color: #aaa;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

div#content div.story-list div.story-sub-left {
	padding: 3px 0px 0px 0px;
	float: left;
}

div#content div.story-list div.story-sub-right {
	padding: 3px 101px 0px 0px;
	float: right;
}

div#content div.story-list div.story-top-left-nav {
	float: left;
	font-size: 9px;
	padding: 9px 0px 0px 29px;
}

div#content div.story-list div.story-top-left-nav a {
	color: #fff;
	text-decoration: none;
}

div#content div.story-list div.story-top-left {
	padding: 7px 0px 0px 10px;
	float: left;
}

div#content div.story-list div.story-top-right {
	padding: 7px 129px 0px 0px;
	float: right;
}

.story-list .story-repeat {
	width: 669px;
	background-image: url(/img/iplayed/iplayed-list-repeat.jpg);
	background-repeat: repeat-y;
}

.story-list .story-header {
	background-image: url(/img/iplayed/iplayed-list-fade.jpg);
	height: 303px;
}

.story-list .story-header .story-subheader {
	font-size: 12px;
	color: #5c5c99;
}

.story-list .story-content {
	padding: 0px 17px 0px 17px;
}

.story-list .story-content p {
	text-align: justify;
}

.story-list .story-top {
	background-image: url(/img/iplayed/iplayed-list-top.jpg);
	background-repeat: no-repeat;
	height: 30px;
}

.story-list .story-bottom {
	background-image: url(/img/iplayed/iplayed-list-bottom.jpg);
	background-repeat: no-repeat;
	height: 11px;
}

.story .story-media-padding {
	float: right;
	padding-left: 7px;
}

.story .story-media-padding .story-media {
	border: 1px solid #ccc;
	padding: 10px;
}

.story {
	padding: 15px 0px 14px 14px;
}

.story .story-repeat {
	width: 669px;
	background-image: url(/img/iplayed/story-repeat.jpg);
	background-repeat: repeat-y;
}

.story .story-header {
	font-size: 15px;
	color: #08086c;
	padding: 0px 17px 0px 17px;
}

.story .story-header .story-subheader {
	font-size: 12px;
	color: #5c5c99;
}

.story .story-content {
	padding: 0px 17px 0px 17px;
}

.story .story-content p {
	text-align: justify;
}

.story .story-top {
	background-image: url(/img/iplayed/story-top.jpg);
	background-repeat: no-repeat;
	height: 15px;
}

.story .story-bottom {
	background-image: url(/img/iplayed/story-bottom.jpg);
	background-repeat: no-repeat;
	height: 11px;
}

div#iplayed-repeater, div#ip-top-fade {
	background-image: url(/img/iplayed/blue-fade.jpg);
	background-repeat:no-repeat;
	min-height: 400px;
	}

div#new-iplayed-repeater, div#new-ip-top-fade {
	background-image: url(/img/iplayed/blue-fade-white-texture.jpg);
	background-repeat:no-repeat;
	min-height: 400px;
	}
	
div#ip-top-fade-home {
	background-image: url(/img/iplayed/blue-fade-home.jpg);
	}

div#ip-top-fade a:link, div#ip-top-fade a:visited {
	color:#006;
	}

div#ip-top-fade a:hover, div#ip-top-fade a:active{
	color:#c00;
	}

div#iplayed-repeater  {
	background-image: url(/img/iplayed/repeater.jpg);
	background-repeat:repeat-y;
	min-height: 400px;
	}

div#new-iplayed-repeater  {
	background-image: url(/img/iplayed/repeater.jpg);
	background-repeat:repeat-y;
	min-height: 400px;
	}

div#ip-left-column {
	float:left;
	width:188px;
	padding: 20px 0 20px 20px;
	height:100px;
	}	

div#ip-right-column {
	float:left;
	width:460px;
	}

div#ip-right-column p {
	color:white;
	font-size: 8.5pt;
	padding: 30px 0 0 0;
	margin:0;
	}		

h3#thank-you {
	font-size: 15pt  !important;
	color:white;
	padding: 50px 0 50px 0;
	text-align:center;
	}



div#ip-bottom {
	background-image: url(/img/iplayed/bottom.jpg);
	background-repeat:no-repeat;
	height:14px;
	}


/********** FORM ***********/

div#ip-form-repeater  {
	background-image: url(/img/iplayed/background.gif);
	background-repeat: repeat-y;
	width:696px;
	margin-left:1px;
	}

div#ip-form-repeater, div#ip-form-top {
	background-image: url(/img/iplayed/ip-form-top.jpg); 
	background-repeat:no-repeat;
	background-position:top left;
	min-height: 200px;
	}

div#headline-ip {
	font-size: 10pt;
	color:#006;
	padding:5px 0 0px 3px;
	margin:0;
	font-weight:bold;
	}

div#form-frame-left {
	float:left;
	padding: 5px 0 10px 10px;
	}

div#form-frame-left input.width, div#form-frame-left select.width {
	width: 180px !important;
	}

div#form-frame-left label {
	width: 65px !important;
	font-size: 7pt !important;
	}

div#form-frame-left input, div#form-frame-left select {
	font-size: 7pt;
	}

div#story_el {
	float:left;
	padding: 10px 0 0 20px !important;
	}

div#story_el label {
	font-size: 7pt !important;
	margin-left:4px !ie;
	}

div#story_el textarea {
	width:320px !important;
	height:190px !important;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	margin-left: 4px !ie;
	}
div#required-ip-left  {
	float:left;
	}

div#required-ip-left label  {
	font-size: 7pt !important;
	font-weight:normal !important;
	color:black !important;
	}

input#send-btn-ip {
width: 82px;
float:right;
height: 23px;
background: url(/img/iplayed/button.gif) no-repeat;
background-position:top;
padding:0 0 6px 1px;
margin:0;
outline: none;
border: none; 
color:#666;
font-size:8.5pt;
font-weight:bold;
cursor: pointer;
cursor: hand;
}

input#send-btn-ip:hover {
background: url(/img/iplayed/button.gif) no-repeat;
background-position:bottom;
color:white;
cursor: pointer;
cursor: hand;
}
	
div#button-right {
	float:right;
	width: 360px;
	padding-right: 33px;
	}

div#button-right p {
	font-weight:bold;
	color:#006;
	float:right;
	font-size: 8.5pt;
	text-align:right;
	padding:5px 10px 0 0;
	width: 200px
	}


.ip-form-padding {
	padding: 0 20px 0 30px;
	}

div#small-text {
	font-size: 7pt;
	font-style: italic;
	color:#006;
	padding: 0px 0 10px 70px;
	}

ul.bullets {
	padding: 4px 0 15px 4px;
	margin:0;
	}

ul.bullets li {
	padding: 0 0 0 8px;
	margin:0;
	font-size:9pt;
	background-image:url(/img/iplayed/bullet.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	}

div#ip-form-btm {
	background-image: url(/img/iplayed/ip-form-btm.jpg);
	background-repeat:no-repeat;
	height:20px;
	width:696px;
	margin-left:1px;
	}

div#ip-frame-container {
	padding: 0 0 0 33px;
	}

div#ip-frame-top {
	background-image: url(/img/iplayed/frame-top.gif);
	background-repeat:no-repeat;
	width:630px;
	}

div#ip-frame-repeater{
	background-image: url(/img/iplayed/frame-repeater.gif);
	background-repeat:repeat-y;
	width:630px;
	}

div#ip-frame-btm {
	background-image: url(/img/iplayed/frame-btm.gif);
	background-repeat:no-repeat;
	height:6px;
	width:630px;
	}

div#story {
	height: 30px;
	padding: 8px 5px 0 0px;
	}

div#story h4 {
	float:left;
	padding:0 20px 0 0;
	margin:0;
	color:#006;
	font-size:9pt !important;
	}

div#story h5 {
	float:left;
	padding:0 0px 0 10px;
	margin:0;
	font-size:0.7em;
	font-size: 7.5pt !ie;
	font-weight:bold;
	color:white;
	}

div#story h5 a:link, div#story h5 a:visited {
	text-decoration:none;
	color:white;
	}

div#story h5 a:hover, div#story h5 a:active {
	text-decoration:underline;
	color:#ccc;
	}

div.logo
{
	float:right;
	padding: 15px 0px 10px 20px;
	
}

img.ip-border {
	
	padding: 10px 0px 0px 10px;
	
	}

div#content p.note-float
{
	float:none;
	margin: 0 75px 10px 250px;
}

/*** implementing Holly Hack ***/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */