/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

a {
	color:#FFF;
	text-decoration:none;
	}

html{
	height: 100%;
	}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 background-image:url(http://www.planetmatters.tv/images/header.png);
 background-repeat:repeat-x;
 background-position:0px 0px;
 background-color:#000;
 height: 100%;
 }
#wrapper { 
 margin: 0 auto;
 width: 1000px;
 padding-bottom:61px;
 }
 
 #contentHolder { 
	padding-left:65px;
}
 
 #logo{
 position:absolute;
 z-index:-1;
}

#header {
 color: #FFF;
 width: 880px;
 float: left;
 padding: 10px;
 height: 100px;
 margin: 10px 0px 0px 0px;
}
#leftcolumn { 
 color: #FC0;
 margin: 80px 0px 0px 0px;
 padding: 5px;
 width: 200px;
 float: left;
 text-align:center;
 font-weight:bolder;
 font-size:12px;
}

#leftcolumn h1{ 
 font-size:12px;
}
#content { 
 float: left;
 color: #FFF;
 margin: 0px 0px 0px 0px;
 padding: 10px 10px 0px 10px ;
 width: 460px;
 display: inline;
}
#rightcolumn { 
 color: #FFF;
 margin: 0px 0px 0px 0px;
 padding-top: 10px;
 width: 150px;
 float: left;
}
#footer { 
 clear: both;
 color: #FFF;
 background: #BD9C8C;
 position: relative;
 margin-top: -61px; 
 height:61px;
 background-image:url(http://www.planetmatters.tv/images/footer.png);
 background-repeat:repeat-x;
}

#nonFooter
{
position: relative;
min-height: 100%;
background-image:url(http://www.planetmatters.tv/images/bg-reel.jpg);
background-repeat:repeat-x;
background-position:bottom center;
}

* html #nonFooter
{
height: 100%;
}

#newsBox{
	padding:5px 0px 0px 5px;
	width:136px
	}
	
#newsBox a{
	color:#FFF;
	}

#newsBox h1{
	font-size:14px;
	}
	
#newsBox span{
	/*color:#969;*/
 	color: #FC0;
	font-size:10px;
	}

#newsBox p{
	padding:10px 0px;
	text-align:right;
	line-height:15px;
	height:15px;
	background-image:url(http://www.planetmatters.tv/images/more-img.png);
	background-position:center right;
	background-repeat:no-repeat;
	padding-right:18px;
	cursor:pointer;
	}
	
#initBox{
	background-image:url(http://www.planetmatters.tv/images/intiative-img.png);
	background-position:center right;
	background-repeat:no-repeat;	
	width:149px;
	height:114px;
	float:left;
	margin:2px;
	cursor:pointer;
	}

#initBox p{
	width:145px;
	height:85px;
	padding:2px;
	}

#initBox span{
	padding-left:3px;
	line-height:20px;
	font-size:10px;
	font-weight:bold;
	color:#FFF;
	}

#pageBg{
	text-align:center;
	background-image:url(../images/page-bg.png);
	padding:10px;
	background-repeat:no-repeat;
	}
	
#pageBg a{
	text-align:left;
	color:#FFF;
	}

#pageBg h1{
	text-align:left;
	font-size:20px;
	line-height:30px;
	}

#pageBg h2{
	text-align:left;
	font-size:16px;
	font-style:italic;
	line-height:30px;
	}
	
#pageBg span{
	display:block;
	padding:10px 0px;
	text-align:right;
	line-height:15px;
	height:15px;
	background-image:url(http://www.planetmatters.tv/images/more-img.png);
	background-position:center right;
	background-repeat:no-repeat;
	padding-right:18px;
	}
#pageBg p{
	text-align:left;
	/*color:#969;*/
 	color: #FC0;
	font-size:12px;
	}
	
#videoBox {
	float:left;
	}
	
#sideMenu{
	padding:10px 0px;
	list-style-type:none;
	}
	
#sideMenu img{
	border:0px;
	}
	
	
#searchBar{
	float:right;
	padding:64px 35px 0px 0px;
	background-repeat:no-repeat;
	background-position:center left;
	}
	
#searchBar .field{
	border:none;
	background-image:url(http://www.planetmatters.tv/images/pm_search.png);
	background-position:center;
	height:30px;
	}
	
form.search-box{margin:0;padding:0}

.search-box{ /*outer background*/
float:right;
background:url(http://www.planetmatters.tv/images/search-box.gif) no-repeat top left;
height: 26px;
margin: 67px 45px 0px 0px;
padding: 5px 0 0 10px;
width: 165px;
}

*html .search-box{ /*outer background*/
margin:67px 20px 0px 0px;
}

input.search-field{ /*input field */
color:#666;
float: left;
border:0;
margin:0;
font-size: 10px;
padding: 3px 0px 0px 4px;
height:18px;
background: #ffffff url(http://www.planetmatters.tv/images/search-form.png) no-repeat top left;
width: 123px;
}

input.search-go { /*search icon */
float:left;
border:0;
margin:0;
padding:0;
margin-left: 10px;
height: 21px;
width: 21px;
cursor:pointer;
background:url(http://www.planetmatters.tv/images/spacer.png);
}

#banner{
	float:left;
	padding-left:380px;
	position:absolute;
	}