/******************************************************
PAGE STRUCTURE stylesheet
containing main structure, header and footer
*/

/***************************
OVERALL SITE STYLES
***************************/
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
	*/
	font-size: 75%; /* 12px */
	font-family: Arial, sans-serif;
	color: #555;
	background-color: #fff;
	}

a{ 
	text-decoration: none;
	color: #00AEEF; 
	cursor: pointer; 
	}
.screen-reader-text{
	display: none;
	}
input[type="text"],
input[type="password"],
textarea{
	border: 1px solid #000;
	}
/***************************
MAIN CONTENT CONTAINER
***************************/
nav {
	width:978px;
	height: 23px;
	margin:0 1px;
	background: url(../_images/backgrounds/sprite.png) no-repeat 0 0;
}

#wrapper{
	margin: 0 auto;
	position: relative;
	height: 100%;
	width: 980px;
	padding: 0;
	}
	/***************************
	HEADER
	***************************/
	#header {
		height:269px;
	}
	
	#header_logos{
		width: 978px;
		height: 246px;
/*		background: url(../_images/headers/the_more_you_know.jpg) no-repeat 0 0; */
		position:relative;
		}
		#header #site-title {
			position:absolute;
			top:26px;
			left:34px;
			width: 173px;
			height: 180px;
			}
			#header #site-title a{
				display:block;
				text-indent:-9999px;
				width: 173px;
				height: 180px;
				}
			#header #corp_logo {
				position:absolute;
				top:208px;
				left:70px;
				width: 100px;
				height: 16px;
				}
				#header #corp_logo a{
					display:block;
					text-indent:-9999px;
					width: 100px;
					height: 16px;
					}
		#header .menu-header {	
			height:27px;
			float:left;
			}
		#header .menu {
			}
			#header .menu li{
				float: left;
				text-align:center;
				border-right:3px solid #fff;
				}
				#header .menu li a{
					background-color: #A1A1A4;
					font-family: Rock-SansNormal;
					font-size:10px;
					height:15px;
					padding: 6px 17px 2px 13px;
					color:#fff;
					text-transform:uppercase;
					display:inline-block;
					visibility: hidden;				
					}
					/* Need flexible identifier for Pages About/ TheMoreYouKnow*/
					#header .menu li a:hover, .current-menu-item a
					 {
						background-color:#2421FF;
					}
					#header .menu li.current-menu-item a 
					 {
						background-color: #2421FF;
					}
					
	#header-widgets {
		height: 23px;
		float: right;
	}
	
	#header-widgets li {
		float: right;
	}
	
	
	#header-widgets #fb a{
		margin:0 2px 0 0;
		width: 21px;
		height: 21px;
		background:url(../_images/backgrounds/FB-f-Logo__blue_22.png) no-repeat 0;
		text-indent:-9999px;
		cursor:pointer;
		display: block;
	}

	#header-widgets #tw a{
		width: 21px;
		height: 21px;
		margin-right:5px;
		background:url(../_images/backgrounds/sprite.png) no-repeat -23px -60px;
		text-indent:-9999px;
		cursor:pointer;
		display: block;
	}
	#header-widgets #gplus a{
		width: 18px;
		height: 18px;
		margin:2px 5px 0 0;
		background:url(../_images/backgrounds/gplus.png) no-repeat;
		text-indent:-9999px;
		cursor:pointer;
		display: block;
	}
	#header-widgets #yt a{
		width: 18px;
		height: 18px;
		margin:2px 5px 0 0;
		background:url(../_images/backgrounds/yt.png) no-repeat;
		text-indent:-9999px;
		cursor:pointer;
		display: block;
	}
	#header-widgets #inst a{
		width: 21px;
		height: 21px;
		margin-right:5px;
		background:url(../_images/backgrounds/instagram.png) no-repeat;
		text-indent:-9999px;
		cursor:pointer;
		display: block;
	}
	#header-widgets #pint a{
		width: 18px;
		height: 18px;
		margin:2px 5px 0 0;
		background:url(../_images/backgrounds/pinterest.png) no-repeat;
		text-indent:-9999px;
		cursor:pointer;
		display: block;
	}
	#header-widgets #widget_txt span{
		color: #fff;
		font-size: .84em;
		display:block;
		margin: 5px 8px 0 0;
		text-transform: uppercase;
		}
	/***************************
	CONTENT
	***************************/
	#content{
		clear: both;
		margin: 15px auto 21px auto;
		overflow: hidden;
		position: relative;
		z-index: 1;
		}
	#content a:hover {
		text-decoration:underline;
	}

	/***************************
	FOOTER
	***************************/
	#footer{
                clear:both;
		width:980px;
		height:56px;
		background: url(../_images/backgrounds/sprite.png) no-repeat 0 -90px;
		text-align:center;
		margin:10px auto;
		}
		#footer p{
			display:inline-block;
			margin-top:20px;
			color:#A1A1A4;
			}
			#footer p a {
				color:#A1A1A4;
				text-decoration:underline;
			}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.alignleft {
	float:left;
	margin:0 4px 7px 0;
}