/***************************
GLOBAL ELEMENT STYLES
***************************/
html body {
	height: 100%;
	}
body{
	/* Fonts are sized using a percentage in the body style and em's instead of pixels. The base font size for telemundo is 12 pixels. The body style is set at 75% (base font size in browsers is 16 px) making the style 'font-size: 1em;' equal to 12px. TO CALCULATE A SIZE: divide the number by 12 - as in 18/12=1.5

    * .75em = 9px
    * .84em = 10px
    * .92em = 11px
    * 1em = 12px
    * 1.08em = 13px
    * 1.17em = 14px
    * 1.25em = 15px
	* 1.33em = 16px
	* 1.5em = 18px
	* 1.67em = 20px
	*/
	font-size: 75%; /* 12px */
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background:#00a5d1 url(http://www.thegrio.com/images/thegrio_bg_new.jpg) no-repeat top;
	color: #000000;
        z-index: 0;
        
	}
*{
	/* sets all page elements to 0 padding/margin */
	margin: 0px;
	padding: 0px;
	}

blockquote 
{ margin-left: 25px;
  margin-right: 25px;
}

.clear {
	font-size:.01em;
	line-height:0px;
	clear: both;
	height: 0px;
	padding: 0px;
	margin: 0px;
	overflow:hidden;
	display: block;
}
.non-visible{
	visibility: hidden;
	}
:focus{
	-moz-outline-style: none;
}
button, fieldset, img{
	border: 0px none;
	background: none;
	}
legend{
	display: none;
	}
caption,th {
	text-align:left;
	}
h1,h2,h3,h4,h5,h6{
	font-size:1em;
	}
ul, ol{
	list-style: none
	}
a{
	color: #3B73B9;
	text-decoration: none;
	}
	
/***************************
MASTER
***************************/
#wrapper{
	width: 980px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	}
	#wrapper.wrapper_quidget{
		width: 1000px;
		}
/*----------------
	  HEADER
------------------*/
#header{
	overflow:hidden;
	zoom:1;
        clear:both;        
	}
#wrapper.wrapper_quidget #header{
	margin:0 10px;
	}
	#header #header_logo{
		float:left;
		}
		#header #header_logo a{
			background:url(http://www.thegrio.com/_images/the_Grio_logo_gigya.png) no-repeat left top;
			width:241px;
			height:121px;
			display:block;
			text-indent:-9999px;
			margin-top: 20px;
			}
		.search_top{
			float: right;
			}
			#search_top_container{
                                width: 375px;
			        /* margin: 17px 0px 7px 0px;*/
			        height: 19px;
				}
				#header #msnbc_logo{
					float:left;
					}
					#header #msnbc_logo a{
						background:url(http://www.thegrio.com/msnbc_logo_new.png) no-repeat left top;
						width:125px;
						height:17px;
						float:left;
						text-indent:-9999px;
						margin-left:-6px;
						}
				#header #make_homepage{
					float:left;
					margin-left:5px;
					}
					#header #make_homepage a{
						background:url(http://www.thegrio.com/images/make_favorite_short.png) no-repeat left top;
						width:132px;
						height:25px;
						text-indent:-9999px;
						display:block;
						}
				#header #home_facebook{
					float:left;
					margin-left:10px;
					text-indent:-9999px;
					}
					#header #home_facebook a{
						background:url(http://www.thegrio.com/images/new_facebook.png) no-repeat 0 0;
						width:27px;
						height:25px;
						display:block;
						}
				#header #home_twitter{
					float:left;
					margin-left:3px;
					text-indent:-9999px;
					}
					#header #home_twitter a{
						background:url(http://www.thegrio.com/images/new_twitter.png) no-repeat 0 0;
						width:25px;
						height:25px;
						display:block;
						}
				#header #home_facebook_count{
					float:left;
					margin:0px 14px 0px 22px;
					display: block;
					width: 80px;
					height: 25px;
					}
				#header #home_foursquare{
					float:left;
					margin-left:3px;
					text-indent:-9999px;
					}
					#header #home_foursquare a{
						background:url(http://www.thegrio.com/images/foursquare-button.png) no-repeat 0 0;
						width:24px;
						height:25px;
						display:block;
						}
			.header_tagline{
				float:left;
				background:url(http://www.thegrio.com/_images/thegrio_def_gigya.png) no-repeat left top;
				width:537px;
				height:15px;
				display:block;
				text-indent:-9999px;
                                margin: 36px 0px 0px -242px;
				}
			#top_90h{
				height:90px;
				padding:20px 0px 0px 0px;
				/*text-align:right;*/
				float: right;
				width: 728px;
				}

		/***************************
		MAIN NAVIGATION
		*/
		#main_nav {
			position: relative;
			height: 32px;
			padding: 0 0 0 0;
			border-bottom: 1px solid #708da1;
			}
			#main_nav ul li {
				float: left;
				padding-left: 2px;
				}
				#main_nav ul li:first-child {
					padding: 0px;
					}
				#main_nav ul li a {
					color: #FFF;
					/*background: url(http://www.thegrio.com/_images/main_nav/v2/home.gif) no-repeat left top;*/
					width: 59px;
					height: 26px;
					text-indent: -9999px;
					display: block;
					float: left;
					}
					#main_nav ul li a#home {
						background:url(http://www.thegrio.com/images/button_sprite.png) no-repeat 0px 0px;
						width: 54px;
						}
					#main_nav ul li a#opinion {
						background:url(http://www.thegrio.com/images/button_sprite.png) no-repeat -55px 0px;
						width: 66px;
						}
					#main_nav ul li a#politics {
						background:url(http://www.thegrio.com/images/button_sprite.png) no-repeat -122px 0px;
						width: 66px;
						}
					#main_nav ul li a#health_ {
						background:url(http://www.thegrio.com/images/button_sprite.png) no-repeat -309px 0px;
						width: 65px;
						}
					#main_nav ul li a#money {
						background:url(http://www.thegrio.com/images/button_sprite.png) no-repeat -374px 0px;
						width: 62px;
						}
					#main_nav ul li a#entertainment_ {
						background:url(http://www.thegrio.com/images/button_sprite.png) no-repeat -193px 0px;
						width: 116px;
						}
                    #main_nav ul li div#black_history{
						background:url(http://www.thegrio.com/images/button_sprite.png) no-repeat -436px 0px;
						width:107px;
						height: 26px;
						text-indent:-9999px;
						}
					#main_nav ul li a#travel-leisure {
						background:url(http://www.thegrio.com/images/button_sprite.png) no-repeat -545px 0px;
						width: 123px;
						}
					#main_nav ul li a#sports {
						background:url(http://www.thegrio.com/images/button_sprite.png) no-repeat -669px 0px;
						width: 62px;
						}
					#main_nav ul li a#video {
						background:url(http://www.thegrio.com/images/button_sprite.png) no-repeat -733px 0px;
						width: 53px;
						}
                    #main_nav ul li #local{
						background:url(http://www.thegrio.com/images/button_sprite.png) no-repeat -912px 0px;
						width: 58px;
                        height: 26px;
                        text-indent: -9999px;
						}
                    #main_nav ul li a#news {
						background:url(http://www.thegrio.com/images/button_sprite.png) no-repeat -787px 0px;
						width: 48px;
						}
                    #main_nav ul li a#specials {
						background:url(http://www.thegrio.com/images/button_sprite.png) no-repeat -836px 0px;
						width: 75px;
						}

							/********************
   							  THEGRIO'S 100 Drop Down
							********************/


#main_nav .local_list_black {
						background:url(http://www.thegrio.com/images/dropdown_header3.png) no-repeat left top;
						padding:8px 0 0 0px;
						cursor:pointer;
						z-index:1009 !important;
						position:absolute !important;
						width:187px;
						float:right;
                        top:23px;
                                               
}
#main_nav .local_list_black li{
							background:url(http://www.thegrio.com/images/dropdown_rpt3.png) repeat-y left top;
							padding:0 0px 0px 10px;
							overflow:visible;
							width:177px;
							}

#main_nav .local_list_black li.local_woman{
							background:url(http://www.thegrio.com/images/dropdown_bottom3.png) no-repeat left bottom;
							height:25px;
							width:187px;
							}
							#main_nav .local_list_black li a{
								color:#333333;
								z-index:100;
								height:15px;
								text-indent:0px;
								font-size:0.85em;
								}
								#main_nav .local_list_black li a:hover{
									color:#3B73B9;
									}

							/********************
   							  Local Drop Down
							********************/
							
							
                                                
							#main_nav .local_list {
								background:  url(http://www.thegrio.com/images/dropdown_header2.png) no-repeat left top;
								padding: 8px 0 0 0px;
								
								cursor: pointer;
								z-index: 1009 !important;
								position: absolute;
								width: 108px;
								float: right;
                                                                top:23px;
                                                                right:0px;
                                
								
}

							#main_nav .local_list li{
								background:  url(http://www.thegrio.com/images/dropdown_rpt.png) repeat-y left top;
								padding: 0 0px 0px 10px;
								overflow: visible;
								width: 108px;
								}
							#main_nav .local_list li a{
								color: #333333;
								z-index: 100;
								height: 15px;
								text-indent: 0px;
								font-size: 0.85em;
								}
							#main_nav .local_list li a:hover{
								color: #3B73B9;
								}
							#main_nav .local_list li.local_dallas{
								background: url(http://www.thegrio.com/images/dropdown_bottom2.png) no-repeat left bottom;
								height: 25px;
								width: 108px;
								}
							#main_nav .local_list li.local_new_york{
							    padding-left: 10px;
								}
								/*#main_nav li:last-child:hover .local_list{
											display:block !important;
											}*/
								
 							/************end local nav*************/						
			#main_nav dl{
				float: right;
				width: 125px;
				padding-top: 0px;
				}
				#main_nav dt, #main_nav dd{
					float: left;
					}
				#main_nav dt{
					/*background: url(http://www.thegrio.com/images/follow_the_grio_on2.png) no-repeat left top;
					width: 63px;
					height: 23px;*/
					text-indent: -9999px;
					padding: 0 7px 0 0;
					margin-top: 3px;
					}
					#main_nav dd a{
						background: url(http://www.thegrio.com/_images/main_nav/v2/follow/facebook.png) no-repeat left top;
						width: 7px;
						height: 16px;
						text-indent: -9999px;
						display: block;
						position: relative;
						cursor: pointer;
						}
                                        /*#social_nav {
                                                float: right:
                                                width: 60px;
                                                height: 25;
                                                }
					#social_nav dd a.facebook{
						background: url(http://www.thegrio.com/images/new_facebook.png) no-repeat 0 0;
						width: 27px;
                                                height: 25px;
						margin-top: 0px;
                                                margin-left: 10px;
                                                text-indent: -9999px;
						}
					#social_nav dd a.twitter{
						background: url(http://www.thegrio.com/images/new_twitter.png) no-repeat 0 0;
						width: 25px;
                                                height: 25px;
						margin-top: 0px;
                                                margin-left: 10px;
                                                text-indent: -9999px;
						}
					#main_nav dd a.rss{
						background-image: url(http://www.thegrio.com/_images/main_nav/v2/follow/rss.png);
						width: 17px;
                                                margin: 9px 0px 0px 0px;
						}*/

		/***************************
		HEADER SEARCH
		*/
		#header_search{
			width: 366px;
			height: 31px;
			background: url(http://www.thegrio.com/_images/header_search_bg.gif) no-repeat left top;
			float: right;
			padding: 7px 0 0 14px;
			margin-right: 1px;
			}
			#header_search label{
				display: none;
				}
			#header_search_input{
				background:url(http://www.thegrio.com/images/button_sprite.png) no-repeat -135px -27px;
				float: left;
				width: 209px;
				height: 20px;
				margin-right: 2px;
				border: none;
				padding: 6px 10px 0px;
				color: #767575;
				font-size: .92em;
				}
			#header_search_button{
				background:url(http://www.thegrio.com/images/button_sprite.png) no-repeat -2px -27px;
				text-indent: -9999px;
				display: block;
				width: 121px;
				height: 26px;
				}

	/***************************
	CONTENT
	*/
	#content{
		padding: 4px 0 0;
		overflow: hidden !important;
		clear: both;
		background:url(http://www.thegrio.com/_images/content_bg_sprite.png) repeat-x left top;
                cursor: default;
                z-index: 999999;
		}
					
	/***************************
	FOOTER
	*/
	#griofooter{
		clear: both;
		padding: 0px 0px 8px;
		color: #CCCCCC;
		position: relative;
		background-color: #000033;
		background: url(http://www.thegrio.com/images/griofooter_gradient.gif) no-repeat left top;
		border-bottom: 1px solid #999999;
		height: 18px;
		}
		#griofooter_icons{
			float: left;
			padding: 5px 0px 0px 15px;
			}
		#griofooter a{
			color: #CCCCCC;
			text-decoration: none;
			}
		#griofooter_categories{
			float: right;
			padding: 8px 15px;
			}
			#griofooter_categories li{
				float: left;
				}
				#griofooter_categories li a{
					float: left;
					padding: 0px 6px;
					border-left: 1px solid #879DB4;
					line-height: .92em;
					font-size: .92em;
					text-transform: uppercase;
					}
					#griofooter_categories li:first-child a{
						border: none;
						}
	#griofooter2{
		padding: 0px 0px 8px;
		color: #CCCCCC;
		background-color: #173267;
		border-bottom: 1px solid #999999;
		height: 18px;
		}
		#griofooter2_icons{
			float: left;
			padding: 5px 0px 0px 15px;
			}
		#griofooter2 a{
			color: #CCCCCC;
			text-decoration: none;
			}
		#griofooter2_categories{
			float: right;
			padding: 8px 15px;
			}
			#griofooter2_categories li{
				float: left;
				}
				#griofooter2_categories li a{
					float: left;
					padding: 0px 6px;
					border-left: 1px solid #879DB4;
					line-height: .92em;
					font-size: .92em;
					}
					#griofooter2_categories li:first-child a{
						border: none;
						}				
	#footer{
		clear: both;
		padding: 18px 15px 22px 0px;
		color: #000033;
		position: relative;
		background-color: #00a5d2;
		height: 28px;
		}
		#footer_copyright{
			float: left;
			font-size: .84em;
			padding: 0px 0px 0px 15px;
			}
		#footer a{
			color: #FEFEFE;
			text-decoration: none;
			}
		#footer_links{
			float: right;
			}
			#footer_links li{
				float: left;
				}
				#footer_links li a{
					float: left;
					padding: 0 6px;
					margin: 0 0 5px;
					text-transform: uppercase;
                                        font-weight: bold;
					border-left: 1px solid #000033;
					line-height: .82em;
					font-size: .82em;
					color: #000033;
					}
					#footer_links li:first-child a{
						border: none;
						}
/*******************
ICONS
*******************/
#tagCloud a.cloud10 { font-size: 1.2em; color: #dddddd; }
#tagCloud a.cloud9 { font-size: 1.3em; color: #cccccc; }
#tagCloud a.cloud8 { font-size: 1.4em; color: #bbbbbb; }
#tagCloud a.cloud7 { font-size: 1.5em; color: #aaaaaa; }
#tagCloud a.cloud6 { font-size: 1.6em; color: #999999; }
#tagCloud a.cloud5 { font-size: 1.7em; color: #888888; }
#tagCloud a.cloud4 { font-size: 1.8em; color: #777777; }
#tagCloud a.cloud3 { font-size: 1.9em; color: #666666; }
#tagCloud a.cloud2 { font-size: 2.0em; color: #555555; }
#tagCloud a.cloud1 { font-size: 2.1em; color: #444444; }

/*******************
POLL
*******************/
	#poll {
		font-weight: bold;
		line-height: 1.6em;
		width: 70%;
		border: #cccccc 1px solid;
		display: block;
		margin: 0 auto;
		padding: 1px;
		margin-bottom: 20px;
		}
		#poll dt {
			font-size: 1.3em; 
			padding: 10px 0px 10px 12px;
			background-color: #f4f4f4;
			}
			#poll dd input{
				padding-left: 5px;
				}
			#poll input{
				margin:3px 10px 5px 10px;
				}
			#poll button {
                                background: url(http://www.thegrio.com/images/vote.gif)no-repeat 0 0; 
				padding: 4px; 
				margin: 10px; 
                                width: 53px;
                                height: 26px;
                                text-indent: -9999px;
				}
                        #poll .tP_internal_alertbox_message {
                                position: relative;
                                top: 0px;
                                right: 5px;
                                float: right;
                                left: 100px;
                                color: #00A5D1;
                                text-indent: -9999px;
                                }
                       #poll .vote_percent {
                                padding-left: 10px;
                                padding-right: 10px;
                                font-size:1.0em;
                                color: #00a5d1;
                                line-height: 1.6em;
                                }
/*******************
EMAIL FORM
*******************/

			.submit_btn {
                                background: url(http://www.thegrio.com/images/button_submit.jpg)no-repeat 0 0; 
				margin-right: 5px; 
                                margin-top: 10px;
                                width: 73px;
                                height: 26px;
                                text-indent: -9999px;
				}
			.reset_btn {
                                background: url(http://www.thegrio.com/images/button_reset.jpg)no-repeat 0 0; 
				margin-right: 10px; 
                                width: 73px;
                                height: 26px;
                                text-indent: -9999px;
                                margin-top: 10px;
				} 
/*******************
BH SEO Text
*******************/

.SEO {
       padding: 25px;
       }

/*.article #social_icons_box {margin-bottom:4px!important;float:left;width:175px;padding-right:9px !important;padding-bottom:11px!important;padding-left:2px!important;padding-top:11px!important;}*/
.article #social_icons_box{margin-bottom:3px!important;padding-bottom:10px!important}
#join_mail_list{float:right;margin-top:5px;padding-bottom:12px;}
.comment_box_new{background: none repeat scroll 0 0 #FCFBFB;border: 1px solid #D2D2D2; height: 17px; margin: 0 0 5px; padding: 10px 0 5px 5px;width: 181px;}


/**************
Gigya CSS
************/
#TopBannerBgContainer{background:url(http://www.thegrio.com/images/TopBanBg2.png) no-repeat; width:978px; height:34px}
.LeftLogoContainer{float:left; margin-top:5px;width:238px;}
.button-twitter{float:right}
.button-facebook{float:right; width:72px; }
.gigya_bt_facebook{background: url(http://www.thegrio.com/images/button_sprite.png) no-repeat -2px -82px; height:21px;width:64px}
.gigya_bt_twitter{background: url(http://www.thegrio.com/images/button_sprite.png) no-repeat -68px -82px; width:59px;height:21px}
.gigya_bt_facebook_on{background: url(http://www.thegrio.com/images/button_sprite.png) no-repeat -327px -81px; height:23px;width:68px}
.gigya_bt_twitter_on{background: url(http://www.thegrio.com/images/button_sprite.png) no-repeat -396px -81px; width:63px;height:23px }
.giga_msnbc_logo{background: url(http://www.thegrio.com/images/button_sprite.png) no-repeat -354px -65px; }
.RightLogoContainer{float:right; /*width:258px;*/ margin-top:7px}
.msnbcLogo{width:147px; float:right; margin-top:2px}
.logoFlike{float:left; width:51px}
.MakeBtn{float:right; width:132px; margin:5px 6px 0 0}
.giga_make_us_fav { background: url(http://www.thegrio.com/images/button_sprite.png) no-repeat -135px -55px; width: 132px; height: 25px; display:block;}
.gigya-photoURL {width: 24px;height: 24px;padding-left: 7px;padding-top: 5px;}
.active {display: block;}
.login-options {float:left;padding:10px;color:#FFFFFF;font-weight:bold;}
.img_container {float: left;}
.msg_container {float:left;padding:10px 7px;}
.gigya-user-info {color: rgb(255, 255, 255);float:left;}
.gigya-nickname {float: left;}
.gigya-greeting {float: left;padding-right: 2px;}
.login-profile {float:left;padding:0px 2px;color:#FFFFFF;font-weight:bold;display:none;}
.gigya-logout {color: #FFFFFF;font-size: 9px;font-family: Arial Black, Arial, sans serif;}
.signout {padding-top: 10px; color: #FFFFFF;font-size: 9px;font-family: Arial Black, Arial, sans serif;margin-left: 200px;}
.login-ui {display: none;font-size:11px;}
.reaction-bar-ui {height: 60px; background: #fcfbfb; border: 1px solid #d9d9d9; padding: 5px 14px 5px 19px; margin-bottom: 11px; margin-top: 13px; float: left;*padding-right:3px;}
.idle {color: white; float: left; font-weight: bold; margin: 10px 5px 0 8px;} 
#activity-feed {padding-left: 11px;padding-top: 13px;padding-bottom:18px;}
#sharebar_wrapper{float:left;margin-left:3px;margin-top:13px;margin-top:13px\0/;*margin-top:13px;background:none repeat scroll 0 0 #FCFBFB;padding-bottom:1px;padding-left:6px;padding-right:1px;padding-top:10px;border:1px solid #D9D9D9;height: 59px;}

.article .article_related_news_new {float:right}
.share-bar-top {padding-bottom:12px;}
.gig-button-container-google-plusone {width:66px!important;padding-left:28px!important;}
div.gig-facebookLikeButton-button_count, div.gig-facebookLikeButton-button_count span iframe {
    height: 20px;
    width: 79px;
}
.reaction-bar-ui{*margin-right:3px}
@media screen and (-webkit-min-device-pixel-ratio:0) {
     #sharebar_wrapper{margin-top:13px}
     .gig-button-container-google-plusone{padding-left:31px!important;}
}
/*.fb_ltr{width:66px !important;} */
#sharebar_wrapper  ->  padding: 10px 4px 1px 6px;

.gig-reaction-bar-container {
    padding-left: 18px;
}
#reactions_div{float:left;}
.gigyaentrymodules{float:left;margin-top:1px;clear: both;width: 100%;}


.button-twitter {
     float: left;
    padding-left: 43px;
    width:70px;  
 }