/*	-------------------------------------------------------------
	CSS - MAIN : 	Meth Ghost Rae
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		mgr_main.css
	Date:			Oct 29, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
/*	--------------------------------------------------------------------------------------------------------------------------
	body/global/reset Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		border:0;
		margin:0; padding:0; 
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
	}
	body {
		background:#fff url(../../images/bg_body.jpg) top center;
		font:normal 13px Arial, Helvetica, sans-serif;
		color:#000;
		line-height:1;
	}
	ol, ul {
		list-style:none;
	}
	blockquote, q {
		quotes:none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content:'';
		content:none;
	}
	img {
		display:block;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse:collapse;
		border-spacing:0;
	}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
	.cleaner {
		border:0;
		margin:0; padding:0;
		height:0px;
		background:transparent;
		overflow:hidden;
		font-size:1px;
		clear:both;
	}
	.clearfix:after {
		content: ".";
		height:0;
		display: block;
		clear:both;
		visibility:hidden;
		line-height:0;
	}
	.clearfix {
		display:inline-block;
	}	
	html[xmlns] .clearfix {
		display:block;
	}
	* html .clearfix {
		height:1%;
	}
	#top {
		width:100%;
		background:url(../../images/bg_top.jpg) top center repeat-x;
	}
	#main {
		width:960px;
		margin:0 auto; padding:30px 0 25px 0;
		background:url(../../images/bg_main.jpg) top center no-repeat;
	}
	a {
		color:#ff0000;
		text-decoration:none;
	}
		a:hover {
			color:#000;
		}
		
	#fblike {
		margin:0 0 352px 860px;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#twitterFeeds styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#twitterFeeds {
		width:932px;
		margin:0 0 0 14px;
	}
		#twitterFeeds #methTwitter {
			width:220px; height:200px;
			margin:0 0 0 70px;
			display:inline;
			float:left;
			overflow:hidden;
		}
			#twitterFeeds #methTwitter .album {
				margin:80px 0 0 10px;
			}
				#twitterFeeds #methTwitter .album img {
					margin:0 10px 0 0;
					display:block;
					float:left;
				}
				#twitterFeeds #methTwitter .album .links {
					margin:15px 0 0 0;
					float:left;
				}
					#twitterFeeds #methTwitter .album .links a {
						margin:0 0 35px 0;
						display:block;
					}

				/*#twitterFeeds .methTweet #methTwitter li {
				 	padding:6px 0 0 0;
				}
				#twitterFeeds .methTweet #methTwitter a.tweet_avatar {
					display:none;
				}
				#twitterFeeds .methTweet #methTwitter a.relative_time {
					font:bold 12px "Comic Sans MS", times new roman, arial;
					color:#000;
				}
				#twitterFeeds .methTweet #methTwitter .tweet_text {
					width:165px;
					margin:55px 0 0 0;
					font:bold 12px Arial, Helvetica, sans-serif;
					color:#000;
					display:block;
					overflow:hidden;
				}
			#twitterFeeds .methTweet a.btn_viewTwitter {
				width:164px; height:17px;
				margin:0 0 0 73px;
				background:url(../../images/btn_methTwitter.png) 0 0 no-repeat;
				display:block;
			}
				#twitterFeeds .methTweet a.btn_viewTwitter:hover {
					background-position:0 -17px;
				}*/
		#twitterFeeds .groupTweet {
			width:294px;
			margin:0 0 0 25px;
			display:inline;
			float:left;
		}
			#twitterFeeds .groupTweet #groupTwitter {
				width:171px; height:200px;
				margin:0 0 0 70px;
				overflow:hidden;
			}
				#twitterFeeds .groupTweet #groupTwitter li {
				 	padding:6px 0 0 0;
				}
				#twitterFeeds .groupTweet #groupTwitter a.tweet_avatar {
					display:none;
				}
				#twitterFeeds .groupTweet #groupTwitter a.relative_time {
					font:bold 12px "Comic Sans MS", times new roman, arial;
					color:#000;
				}
				#twitterFeeds .groupTweet #groupTwitter .tweet_text {
					width:165px;
					margin:55px 0 0 0;
					font:bold 12px Arial, Helvetica, sans-serif;
					color:#000;
					display:block;
					overflow:hidden;
				}
			#twitterFeeds .groupTweet a.btn_viewTwitter {
				width:270px; height:17px;
				margin:0 0 0 16px;
				background:url(../../images/btn_MGRTwitter.png) 0 0 no-repeat;
				display:block;
			}
				#twitterFeeds .groupTweet a.btn_viewTwitter:hover {
					background-position:0 -17px;
				}
		#twitterFeeds .ghostTweet {
			width:294px;
			margin:0 0 0 25px;
			display:inline;
			float:left;
		}
			#twitterFeeds .ghostTweet #ghostTwitter {
				width:171px; height:200px;
				margin:0 0 0 70px;
				overflow:hidden;
			}
				#twitterFeeds .ghostTweet #ghostTwitter li {
				 	padding:6px 0 0 0;
				}
				#twitterFeeds .ghostTweet #ghostTwitter a.tweet_avatar {
					display:none;
				}
				#twitterFeeds .ghostTweet #ghostTwitter a.relative_time {
					font:bold 12px "Comic Sans MS", times new roman, arial;
					color:#000;
				}
				#twitterFeeds .ghostTweet #ghostTwitter .tweet_text {
					width:165px;
					margin:55px 0 0 0;
					font:bold 12px Arial, Helvetica, sans-serif;
					color:#000;
					display:block;
					overflow:hidden;
				}
			#twitterFeeds .ghostTweet a.btn_viewTwitter {
				width:172px; height:17px;
				margin:0 0 0 72px;
				background:url(../../images/btn_ghostTwitter.png) 0 0 no-repeat;
				display:block;
			}
				#twitterFeeds .ghostTweet a.btn_viewTwitter:hover {
					background-position:0 -17px;
				}
/*	--------------------------------------------------------------------------------------------------------------------------
	.contentHolder styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.contentHolder {
		width:960px;
		padding:56px 0 0 0;
	}
		.contentHolder .mainCol {
			width:568px;
			padding:7px 0 0 14px;
			display:inline;
			float:left;
		}
		.contentHolder .altCol {
			width:375px;
			display:inline;
			float:left;
		}
/*	--------------------------------------------------------------------------------------------------------------------------
	.mainCol styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.mainCol h2 {
		width:384px; height:59px;
		background:url(../../images/h2_latestNews.png) 0 0 no-repeat;
	}
	.mainCol ul#news {
		margin:0 0 0 12px; padding:19px 0 0 0;
	}
		.mainCol ul#news li {
			margin:0 0 50px 0;
			position:relative;
		}
			.mainCol ul#news li .dateBox {
				width:112px; height:21px;
				padding:4px 4px 0 4px;
				position:absolute;
				background:url(../../images/bg_dateBox.jpg) 0 0 no-repeat;
				font:bold 11px "Comic Sans MS", times new roman, arial;
				color:#000;
				top:-10px;
				left:-10px;
				z-index:2;
				text-align:center;
			}
			.mainCol ul#news li .newsBox {
				border:solid 2px #000;
				width:490px;
				background:url(../../images/bg_newsEntry_content.jpg) repeat-y;
				top:10px;
				left:12px;
				z-index:0;
			}
			.mainCol ul#news li .newsBox .content {
				padding:29px 0 0 19px;
				background:url(../../images/bg_newsEntry.jpg) 0 0 no-repeat;
			}
				.mainCol ul#news li .newsBox h3 {
					width:460px;
					font:normal 18px Arial, Helvetica, sans-serif;
				}
					.mainCol ul#news li .newsBox h3 a {
						color:#ff0000;
					}
						.mainCol ul#news li .newsBox h3 a:hover {
							color:#770000;
						}
				.mainCol ul#news li .newsBox .post {
					width:460px;
					padding:8px 0 28px 0;
					font:bold 12px Arial, Helvetica, sans-serif;
					color:#000;
				}
			.mainCol ul#news li a.btn_readMore {
				width:120px; height:64px;
				background:url(../../images/btn_readMore.png) 0 0 no-repeat;
				display:block;
				position:absolute;
				bottom:-29px;
				right:53px;
				z-index:1;
			}
				.mainCol ul#news li a.btn_readMore:hover {
					background-position:0 -64px;
				}
	.mainCol a.btn_moreNews {
		width:135px; height:34px;
		margin:0 0 0 13px;
		background:url(../../images/btn_moreNews.png) 0 0 no-repeat;
		display:block;
	}
		.mainCol a.btn_moreNews:hover {
			background-position:0 -34px;
		}
		.mainCol a.btn_moreNews:active {
			background-position:0 -68px;
		}
/*	--------------------------------------------------------------------------------------------------------------------------
	.altCol styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.altCol #mediaPlayer {
		width:366px; height:86px;
		background:url(../../images/bg_mediaPlayer.png) 0 0 no-repeat;
		text-align:center;
		color:#fe8900;
	}
		.altCol #mediaPlayer a {
			color:#fe8900;
			font-weight:bold;
		}
			.altCol #mediaPlayer P {
				padding:35px 0 0 0;
			}
			.altCol #mediaPlayer a:hover {
				color:#ffcc00;
			}
		.altCol #mediaPlayer #content {
			outline:none;
		}
	.altCol #videoSpace {
		padding:41px 0 0 0;
	}
		.altCol #videoSpace h2 {
			width266:px; height:35px;
			background:url(../../images/h2_latestVideos.png) 0 0 no-repeat;
		}
		.altCol #videoSpace ul.videos {
			width:356px;
			margin:11px 0 0 0;
		}
			.altCol #videoSpace ul.videos li {
				width:170px;
				margin:0 8px 25px 0;
				display:inline;
				float:left;
				overflow:hidden;
				
			}
				.altCol #videoSpace ul.videos li .imageHolder {
					width:169px; height:118px;
					position:relative;
					overflow:hidden;
				}
				.altCol #videoSpace ul.videos li .play {
					width:169px; height:93px;
					background:url(../../images/bg_play.png) 0 0 no-repeat;
					display:block;
					filter: alpha(opacity=0); /* internet explorer */
					-khtml-opacity: 0;      /* khtml, old safari */
					-moz-opacity: 0;       /* mozilla, netscape */
					opacity: 0;           /* fx, safari, opera */
					position:absolute;
				}
				.altCol #videoSpace ul.videos li a.vidThumb img {
					border:solid 2px #000;
					display:block;
				}
				.altCol #videoSpace ul.videos li .videoInfo {
					width:152px; height:44px;
					margin:4px 0 0 0; padding:8px 0 0 18px;
					background:url(../../images/bg_videoInfo.png) 0 0 no-repeat;
				}
					.altCol #videoSpace ul.videos li .videoInfo h3 {
						width:145px; height:15px;
						overflow:hidden;
					}
					.altCol #videoSpace ul.videos li .videoInfo h3 a {
						color:#000;
					}
						.altCol #videoSpace ul.videos li .videoInfo h3 a:hover {
						color:#a10000;
					}
					.altCol #videoSpace ul.videos li .videoInfo .stats {
						margin:2px 0 0 0;
						font:normal 12px Arial, Helvetica, sans-serif;
						color:#000;
					}
						.altCol #videoSpace ul.videos li .videoInfo .stats img {
							display:inline;
						}
			.altCol a.btn_moreVideos {
				width:115px; height:30px;
				background:url(../../images/btn_moreVideos.png) 0 -30px no-repeat;
				display:block;
				display:none;
			}
				.altCol a.btn_moreVideos:hover {
					background-position:0 0px;
				}
				.altCol a.btn_moreVideos:active {
					background-position:0 -60px;
				}
	.altCol #photoSpace {
		padding:60px 0 0 0;
	}
		.altCol #photoSpace h2 {
			width:270px; height:36px;
			background:url(../../images/h2_latestPhotos.png) 0 0 no-repeat;
		}
		.altCol #photoSpace ul {
			width:352px;
		}
			.altCol #photoSpace ul li {
				margin:0 6px 0 0;
				display:inline;
				float:left;
				position:relative;
			}
				.altCol #photoSpace ul li a {
					border:solid 3px #000;
					position:relative;
					width:107px; height:100px;
					display:block;
				}
				.altCol #photoSpace ul li a img {
					position:absolute;
					top:0;
					left:0;
					clip:rect(0,107px,100px,0);
				}
				.altCol #photoSpace ul li .toolTip {
					display:none;
					position:absolute;
					top:-110px; left:-15px;
					width:119px; height:105px;
					padding:16px 0 0 23px;
					background:url(../../images/bg_toolTip.png) 0 0 no-repeat;
				}
					.altCol #photoSpace ul li .toolTip img {
						display:inline;
					}
					.altCol #photoSpace ul li .toolTip h3 {
						width:110px;height:54px;
						font:bold 13px Arial, Helvetica, sans-serif;
						overflow:hidden;
					}
					.altCol #photoSpace ul li .toolTip .stats {
						font-size:12px;
					}
				.altCol #photoSpace ul li.featured {
					margin:0 0 6px 0;
				}
					.altCol #photoSpace ul li.featured .toolTip {
						top:-72px; left:195px;
					}
					.altCol #photoSpace ul li.featured a {
						border:solid 3px #000;
						position:relative;
						width:344px;height:225px;
						display:block;
					}
						.altCol #photoSpace ul li.featured a img {
							position:absolute;
							top:0;
							left:0;
							clip:rect(0,344px,225px,0);
						}
				.altCol #photoSpace ul li.last {
					margin:0;
				}
		.altCol a.btn_morePhotos {
			width:115px; height:30px;
			margin:11px 0 0 0;
			background:url(../../images/btn_morePhotos.png) 0 0px no-repeat;
			display:block;
		}
			.altCol a.btn_morePhotos:hover {
				background-position:0 -30px;
			}
			.altCol a.btn_morePhotos:active {
				background-position:0 -60px;
			}
/*	--------------------------------------------------------------------------------------------------------------------------
	#footer styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		width:931px; height:53px;
		margin:21px 0 0 14px;
		background:url(../../images/bg_footer.jpg) bottom left no-repeat;
		font:normal 11px Arial, Helvetica, sans-serif;
		color:#000;
	}
		#footer .links {
			width:603px;
			margin:0 0 0 12px; padding:26px 0 0 0;
			float:left;
			display:inline;
		}
		#footer a.btn_defJam {
			width:58px; height:47px;	
			background:url(../../images/link_defJam.png) 0 0 no-repeat;
			display:block;
			float:left;
		}
		#footer a {
			font-weight:bold;
		}
			#footer a:hover {
				color:#720e01;
			}
		a.logo_mg {
			margin:26px 33px 0 90px; padding:2px;
			background:#000;
			float:left;
		}
