/*-----------------------------------------------------------------------------

    The CodeIgniter Podcast       
    
    175/515         

------------------------------------------------------------------------------*/

   

/*  LINK STYLES 
	------------------------------------------------------------------------- */
	
	a:link, a:visited {  }
	a:hover, a:active, a:focus {  }
	
	
/*  GENERIC STYLES 
	--------------------------------------------------------------------------*/
	
	.clear { clear:both; }
	
	/* footer stick */
	html, body { height: 100%; }
	#wrapper { position: relative; min-height: 100%; }
	* html #wrapper { height: 100%; }
	#main { padding-bottom: 145px; }
	#footer { position: relative; margin-top: -145px; } 

	body { background:url(../images/bg-body.jpg) 0 0 repeat-x; font-size: 13px; font-family: Arial, sans-serif; }
	#wrapper { background: url(../images/bg-body2.jpg) top center no-repeat; }
	
	#main { width:700px; margin:0 auto; padding-top: 24px; }
	
		#subscribe { background: url(../images/bg-header-top.jpg) 0 0 no-repeat; }
			#subscribe h2 { font-size: 14px; color: #000; padding: 18px 0 17px 50px; }
			#subscribe a { color:#000; }
			
		#banner { background: url(../images/bg-header.jpg) 0 0 no-repeat; height: 207px; }
			#banner h1 { text-indent: -9999px; }
			#banner p { font-size: 14px; line-height: 22px; color:#fff; padding: 78px 0 0 186px; }
			#banner a { color: #ffc500; }
			#banner a:hover, #banner a:active { color: #ffa200; }
			
		#content h2 { color: #ff5a00; margin: 23px 18px; font-size: 16px; line-height: 16px; }
		
		ul.podcasts li { clear: both; overflow: hidden; padding:0; margin:0; }
		ul.podcasts .left { float:left; width: 175px; border-top: 1px solid #000; padding-top: 22px; }
			.left h3 { font-size: 16px; color:#000; margin-bottom: 4px; margin-left: 18px; }
			.left h4 { font-size: 12px; color:#666666; font-weight: normal; margin-left: 18px; }
		
		ul.podcasts .right { float:right; width: 515px; border-top: 1px solid #000; padding: 22px 0 8px 0; }
			.right h3 { font-size: 16px; color:#000; margin-bottom: 4px; }
			.right p { line-height: 18px; margin-bottom: 14px; }

			.right ul { margin-bottom: 14px;  }
			ul.podcasts .right li { list-style: none; padding-bottom: 4px; padding-left: 18px; margin:0; background:url(../images/bullet.jpg) 4px 6px no-repeat; }
			
			.right a { color: #ff5a00; }
			.right a:hover, .right a:active { color:#bf300e; }
			
			.right a.button { background: url(../images/button-download.jpg) 0 0 no-repeat; width:145px; text-align: center;
				font-size: 11px; color: #fff; display: block; line-height: 24px; height: 24px; text-decoration: none; float: left; }
			.right object { float:left; margin-left: 6px; margin-bottom: 14px; }
	
	#footer { background: #e8e8e8 url(../images/bg-footer.jpg) top center no-repeat; }
	.footer-inner { width:700px; margin: 0 auto; height: 145px; overflow: hidden; }
	
		#footer h2 { font-size: 16px; font-weight: bold; margin-top: 26px; float:left; margin-left: 18px;  }
		#footer p { float:right; width: 515px; margin-top: 29px; }
			#footer p a { color: #ff5a00; }
			#footer p a:hover, #footer p a:active { color:#bf300e; }
		#footer span { color:#666666; font-size: 11px; line-height: 17px; }
			#footer span a { color:#666666; }
			#footer span a:hover, #footer span a:active { color: #333333; }

/*  HOME PAGE
	--------------------------------------------------------------------------*/