/* Interior Styles */
nav { position:relative; width:100%; height:60px;  }
nav .social { position:absolute; display:block; width:auto; top:22px; right:0; z-index: 99999; }
nav .social:last-child img { border:1px solid rgba(255,255,255,0.2); border-radius:50%;  }
#nav { top:25px; right:30px; left:auto; }
#nav a { color:#FFF;  }
#nav ul ul { margin-top:-15px; }

form#supersearch { position:absolute; top:12px; width:auto; right:30px; height:30px; vertical-align: top; line-height:30px;  padding:0; }
form#supersearch input, form#supersearch select, #issue-jump {
    height:30px;
    line-height:30px;
    margin:0;
    vertical-align: top;
    outline:none;
    background:#FFF;
    font-size:12px;
    color:#555;
    text-align:right;
    padding:0 5px;

}

#jump-to-issue { position:absolute; top:12px; right:400px; }
#jump-to-issue select { text-align:left;  }

input#search-glass:hover { opacity:0.8; }

#logo { position:relative; width:55px; height:auto; top:7px; left:12px; }

#header { position:relative; height:54px; border-bottom:1px solid #CCC; }

#login { left:20px; top:0px;  right:auto;  }

#see-all-ads { left:830px;  }
#live h1 { font-size:39px; color:#7e0000; text-align:center;  }
#live h2  { font-size:16px;  }
#left-column { min-width:70%\9; width:calc(100% - 315px); float:left; padding-right:30px; }
#right-column { width:315px; float:right; min-height:700px; text-align:right; }

#live img {   }

@media only screen and (max-width: 1420px) {

    #left-column { width:585px; float:left; }
    #right-column { width:325px; float:right; min-height:700px; }

}


@media only screen and (max-width: 1023px) {

    #right-column { float:none; margin:0 auto; }

    ul.homepage-square, ul.homepage-full-box-2, ul.homepage-full-box-3 { width:300px; height:271px; overflow:hidden;  }
    ul.homepage-square li, ul.homepage-full-box-2 li, ul.homepage-full-box-3 li {  width:300px; height:271px; overflow:hidden; }
    ul.homepage-square img, ul.homepage-full-box-2 img, ul.homepage-full-box-3 img { width:300px; height:271px; }

    ul.homepage-half-box, ul.homepage-half-box-2, ul.homepage-half-box-3, ul.homepage-half-box-4 { width:300px; height:119px;  margin-bottom:20px; overflow:hidden;  }
    ul.homepage-half-box li, ul.homepage-half-box-2 li, ul.homepage-half-box-3 li, ul.homepage-half-box-4 { width:300px; height:119px; overflow:hidden; }
    ul.homepage-half-box img, ul.homepage-half-box-2 img, ul.homepage-half-box-3 img, ul.homepage-half-box-4 img { width:300px; height:119px; }

    #logo { position:static; margin:0 auto; padding-top:8px;  }
    #menu, #close { position:absolute; top:10px; right:30px; width:40px; height:40px; z-index:1000; display:none;  }
    #menu { display:block; }
    #ads { position:absolute; top:12px; left:30px; width:40px; height:40px; z-index:1000;  }

    nav .social { position:static; margin:10px auto; }

    #twinkle { height:55px; }

    #left-column { padding:0; }

}


@media only screen and (max-width:700px) {
  form#supersearch { display:none; }
}
