html {
	height: 100%;
}
body {
	font-family: "Helvetica Neue",Arial,Sans-serif;
	font-size: 12px;
	text-align: left;
	background: url(../images/ign_gradient.jpg) top repeat-x #EDEDED;
	margin: 0;
	padding: 0;
	line-height: normal;
}

a, a:visited {
	color: #039;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.disabled-section {
	opacity: .2;
	display-block;
}

header {
	width:100%;
	background:#000;
	padding:10px 0px 5px 0px;
	position: relative;
}
#search-login-holder {
	width:972px;
	margin:auto;
	position:relative;
}


.logo-holder {
	width:972px;
	position:relative;
	margin:auto;
	color:#000;
	margin-top: 25px;
}
#logo {
	float:left;
	border: 2px solid #000;
	margin-right:25px;
	background-color:white;
}
#logo-name {
	font-size:44px;
	font-weight: lighter;
	font-family: "Helvetica Neue",Arial,Sans-serif;
	color: #000;
}
#slogan {
	font-size:14px; 
	color:#4d90fe;
	font-style: italic;
}


.menu-holder {
	margin: 100px auto 0 auto;
	width: 972px; 
	margin-top:25px;
}




 
.container-content-main {
	 //border: 1px solid transparent;
	 background: white;
	 padding: 10px;
	 //overflow: hidden;
	 //clear: both;
	 //margin: 0 25px;
	 width: 972px;
	 -moz-box-shadow: 0 0 8px #666;
	 -webkit-box-shadow: 0 0 8px #666;
	 box-shadow: 0 0 8px #666;
	 position: relative;
	 margin: auto;
	 margin-top: 25px;
}


p#socialIcons {
	padding:0px;
	margin:0px;
	float:right;
	margin-right: 15px;
}
p#socialIcons img{
	border: none;
	padding: 0px;
	margin: 0px;
}






.txt-hdr {
	border-bottom: 1px solid #4d90fe;
	float: left;
	margin-bottom: 12px;
	padding: 0;
	width: 100%;
	margin-top: 10px;
}

.txt-hdr span {
background-color: #4d90fe;
color: white;
float: right;
font-size: 12px;
font-weight: bold;
padding: 6px;
}








/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#container {
	min-height: 100%;
	width: 100%;
}

#main {
	overflow:auto;
	padding-bottom: 150px;
}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: 25px;
	//margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

.clearfix {
	clear: both;
	font-size:1px; 
	line-height:0
}










#search-form {
float: right;
opacity: 1;
position: relative;
}
/* div container containing the form  */
#searchContainer {
   //margin:20px;
   float: right;
   padding: 0;
   margin: 0;
}
 
/* Style the search input field. */
#field {
    float:left; 
    width:250px; 
    height:27px; 
    text-indent:5px;
    padding-left: 5px;
    font-size:14px; 
    color:#333; 
    background: #fff; 
    border: none;
    margin-right: 10px;
    background-color:#fff;
}
input.jq_watermark {
	padding: 0px;
	margin: 0px;
}
span.glass {
display: block;
position: absolute;
cursor: pointer;
display: block;
right: 0;
padding: 7px 15px 5px 8px;
}

span.glass i {
background-image: url(http://a2.twimg.com/a/1311111325/phoenix/img/sprite-icons.png);
background-position: -224px -96px;
width: 14px;
height: 14px;
display: block;
font-size: 0;
}


 



























.home-left {
	float:left; 
	width:626px;
}
.headlines {
	width: 100%;
	marign:10px 0px 0px 0px;
	margin-bottom: 20px;
}
.img-thumb {
	float: left;
	margin: 0px 10px 0px 0px;
}
.hdr {
	padding-bottom: 3px;
	font-size: 16px;
	font-weight: bold;
	line-height: 21px;
}

.content-headlines {
	color: #3A3939;
	font-size: 14px;
	line-height: 21px;
}
.headline-date {
	font-weight: bold;
	font-size: 11px;
	color: gray;
	line-height: 21px;
	text-transform: uppercase;
}
#home-right {
	float: right;
	width: 300px;
	margin:0px;
}





















/*-------LOGIN STARTS HERE -------*/

/* Login Container (default to float:right) */
#loginContainer {
    position:relative;
    float:left;
    font-size:12px;
    padding: 0;
    margin: 0;
    z-index: 500;
}

/* Login Button */
#loginButton { 
    display:inline-block;
    float:left;
    background-color:#f2f2f2; 
    position:relative;
    z-index:30;
    cursor:pointer;
    border:1px solid #f2f2f2; 
}

/* Login Button Text */
#loginButton span {
    color:#445058; 
    font-size:14px; 
    font-weight:bold; 
    padding:7px 29px 5px 10px;
    background:url(../images/loginArrow.png) no-repeat 53px 7px;
    display:block
}

#loginButton:hover {
    //background:url(images/buttonbgHover.png) repeat-x;
     //border:1px solid #999;
}

/* Login Box */
#loginBox {
    position:absolute;
    top:28px;
    left:0;
    display:none;
    z-index:29;
}

/* If the Login Button has been clicked */    
#loginButton.active {
    //border-radius:3px 3px 0 0;
}

#loginButton.active span {
    background-position:53px -76px;
}

/* A Line added to overlap the border */
#loginButton.active em {
    position:absolute;
    width:100%;
    height:1px;
    //background:#d2e0ea;
    bottom:-1px;
}

/* Login Form */
#loginForm {
    width:248px; 
    //border:1px solid #899caa;
    margin-top:-1px;
    background:#f2f2f2;
    padding:6px;
}

#loginForm fieldset {
    margin:0 0 12px 0;
    display:block;
    border:0;
    padding:0;
}

fieldset#body {
    background:#fff;
    border-radius:3px;
    padding:10px 13px;
    margin:0;
}

#loginForm #checkbox {
    width:auto;
    margin:1px 9px 0 0;
    float:left;
    padding:0;
    border:0;
    *margin:-3px 9px 0 0; /* IE7 Fix */
}



#loginForm #body fieldset label {
    display:block;
    float:none;
    margin:0 0 6px 0;
}

/* Default Input */
#loginForm input {
    width:92%;
    border:1px solid #899caa;
    border-radius:3px;
    -moz-border-radius:3px;
    color:#3a454d;
    font-weight:bold;
    padding:8px 8px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:12px;
}

/* Sign In Button */
#loginForm #login {
    width:auto;
    float:left;
    background-color:#4d90fe;
    color:#fff;
    padding:7px 10px 8px 10px;
    text-shadow:0px -1px #278db8;
    border:1px solid #339cdf;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    margin:0 12px 0 0;
    cursor:pointer;
    *padding:7px 2px 8px 2px; /* IE7 Fix */
}

/* Forgot your password */
#loginForm span {
    text-align:center;
    display:block;
    padding:7px 0 4px 0;
}

#loginForm span a {
    color:#3a454d;
    text-shadow:1px 1px #fff;
    font-size:12px;
}

input:focus {
    outline:none;
}



.not-a-member {
	padding: 10px 0px 0px 0px;
	font-size: 12px;
	font-weight: bolder;
	float: left;
}
.not-a-member a {
	color: #fff;
	text-decoration: none;
}