@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - Brian Blade : Media
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		bb_media.css
	Date:			Apr 25, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	main/body/global Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#main {
		background:url(../../images/common_bg.jpg) top center no-repeat;
	}
	ul#nav {
		background:url(../../images/navMedia.jpg) 601px 64px no-repeat;
	}


/*	--------------------------------------------------------------------------------------------------------------------------
	#mainCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol {
		width:494px; height:571px;
		margin:0 0 0 53px;
		font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
		line-height:15px;
		color:#40392d;
	}
		#mainCol h1#h1_media {
			width:88px; height:44px;
			margin:0 0 8px 10px;
			background:url(../../images/h1_media.png) 0 0 no-repeat;
		}
		#mainCol #paginator {
			width:470px; height:22px;
			padding:8px 10px 0 10px;
			background:url(../../images/contentFooter.png) 0 0 no-repeat;
		}
			#paginator .prev {
				width:100px;
				float:left;
			}
				#paginator .prev a:link, #paginator .prev a:active, #paginator .prev a:visited {
					width:91px;
					padding:0 0 0 9px;
					display:block;
					font:bold 11px Georgia, "Times New Roman", Times, serif;
					color:#fff;
					text-decoration:none;
					background:url(../../images/paginator_prev.png) 0 3px no-repeat;
				}
					#paginator .prev a:hover {
						color:#bc230a;
						background-position:0 -17px;
					}
			#paginator .next {
				width:100px;
				float:right;
			}
				#paginator .next a:link, #paginator .next a:active, #paginator .next a:visited {
					width:91px;
					padding:0 9px 0 0;
					display:block;
					font:bold 11px Georgia, "Times New Roman", Times, serif;
					color:#fff;
					text-decoration:none;
					background:url(../../images/paginator_next.png) right 3px no-repeat;
					text-align:right;
				}
					#paginator .next a:hover {
						color:#bc230a;
						background-position:right -17px;
					}
			#paginator .pages {
				width:240px;
				float:left;
				text-align:center;
				font-size:10px;
				color:#fff;
				font-weight:bold;
			}
				#paginator .pages a:link, #paginator .pages a:active, #paginator .pages a:visited {
					color:#c5d6e0;
					padding:0 3px;
				}
					#paginator .pages a:hover {
						color:#bc230a;
					}
				#paginator .pages .listing {
					color:#f5e6c7;
				}
/*	--------------------------------------------------------------------------------------------------------------------------
	.posts Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul.posts {
		height:370px;
		margin:0 0 0 10px;
		list-style:none;
	}
		.posts li {
			padding: 8px 0 8px 0;
			background:url(../../images/media_divider.png) 0 bottom no-repeat;
		}
		.posts li a.screen {
			width:112px; height:92px;
			margin:0 20px 0 0; padding:10px 0 0 10px;
			overflow:hidden;
			display:block;
			float:left;
			background:url(../../images/media_thumbBG.png) 0 0 no-repeat;
		}
		.posts li .info {
			width:340px;
			float:left;
		}
			.info h3 {
				margin:3px 0;
				color:#29241b;
				font-size:13px;
			}
				.info h3 a:link, .info h3 a:active, .info h3 a:visited {
					color:#29241b;
					text-decoration:none;
				}
					.info h3 a:hover {
						color:#bc230a;
					}
			.info .post {
				margin:0 0 5px 0;
				font-style:italic;
				color:#40392d;
			}
				.info .post p {
					margin:4px 0;
				}
			.info .stats {
				width:250px;
				padding:2px 0 0 0;
				float:left;
				font:normal 10px Arial, Helvetica, sans-serif;
				color:#6c5f5c;
			}
			.info .stats a:link, .info .stats a:active, .info .stats a:visited {
				color:#55261d;
				text-decoration:none;
			}
				.info .stats a:hover {
					color:#bc230a;
				}
			.info .stats a.play:link, .info .stats a.play:active, .info .stats a.play:visited {
				color:#bc230a;
				padding:0 8px 0 0;
				text-decoration:none;
				font-weight:bold;
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				background:url(../../images/media_play.png) right 3px  no-repeat;
			}
				.info .stats a.play:hover {
					color:#010101;
					background-position: right -17px;
				}
		.info a.share:link, .info a.share:active, .info a.share:visited {
			width:57px; height:18px;
			padding:3px 0 0 0;
			display:block;
			float:right;
			text-align:center;
			background:url(../../images/media_share.png) 0 0 no-repeat;
			font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
			text-decoration:none;
			color:#fff;
		}
			.info a.share:hover {
				background-position:0 -30px;
			}

/*	--------------------------------------------------------------------------------------------------------------------------
	#entry  Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#entry {
		height:402px;
		margin:0 0 0 10px;
		overflow-y:auto;
	}
		#entry h2 {
			margin:0 0 6px 0;
			font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
		}