@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MEDIA : 	Serabee
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		sera_media.css
	Date:			Oct 7, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/

/*	--------------------------------------------------------------------------------------------------------------------------
	#nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#nav li.media a {
		background-position:-161px -11px;
	}
					
/*	--------------------------------------------------------------------------------------------------------------------------
	#media Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	h2#h2_media {
		width:164px; height:34px;
		margin:0 0 0 56px;
		background:url(../../images/h2_media.png) 0 0 no-repeat;
	}
	#media {

	}
		#media .container {
			width:714px;
			margin:0 auto; padding:54px 0 0 0;
		}
			#media .container .featured {
				width:300px; height:250px;
				background:#000;
				float:left;
			}
			#media .container .feed {
				width:369px;
				float:right;
			}
				#media .container .feed ul {
				
				}
					#media .container .feed ul li {
						width:363px;
						margin:0 0 4px 0; padding:3px;
						background:#725e77;
						float:left;
					}
						#media .container .feed ul li .image {
							width:80px; height:80px;
							margin:0 20px 0 0;
							background:black;
							float:left;
							display:inline;
						}
						#media .container .feed ul li .info {
							width:263px;
							float:left;
							color:#fff;
						}	
							#media .container .feed ul li .info p {
								padding:28px 0 0 0;
								font:normal 14px Arial, Helvetica, sans-serif;
							}
		#media a.btn_more {
			margin-top:20px;
			margin-bottom:20px;
		}