.clear:before {
    content:'';
    display:table;
}
.clear:after {
    content:'';
    display:table;
    clear:both;
}

/* Past issues */
#article-intro, .quicklinks {margin-bottom: 20px;}
.pi.detail {border-top: 1px solid #ddd;}
.pi-anchor {padding-top: 160px;margin-top: -160px;}
.note h3 {
    margin-bottom: 0;
    border-bottom: none;
}
.year {line-height: 1.8em;}
.issue {
    float: left;
    padding-left: 12px;
    margin-bottom: 10px;
}
.issue p {margin-left: 90px;}
.issue ul {margin-left: 90px;padding-left:16px;}
.detail.pi p, .menu-panel .issue p {line-height: 1.2em;}
.pi .notewrap {padding: 30px 10px;box-sizing: border-box;}
.pi .notebody, .pi .year {}
.pi .year {width: 80px;}
.pi img.left {margin-top: 7px;}
/* new past issues styles */
h2.pi {
    height: 5px;
    background: none;
}
.detail.pi {}
.pi .year {float: left;}
.pi .year h3 {margin-top: 0;color: #335379;font-weight: 200;}
.pi .notebody {margin-left: 80px;}
.pi .notebody .issue {.clear;display: block; width: 100%;padding-bottom: 5px;}
.bottom-cap {display: none;}

/* form styles */
button,
input,
select,
textarea {
    font-size: 100%; /* Corrects font size not being inherited in all browsers */
    margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}


input[type="checkbox"],
input[type="radio"] {
    padding: 0; /* Addresses excess padding in IE8/9 */
}

input,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
}

input:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
}

input,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
    padding: 3px;
}

textarea {
    overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
    padding-left: 3px;
    vertical-align: top; /* Improves readability and alignment in all browsers */
}
input[type="submit"],
input[type="reset"] {
    border: 1px solid #daaa00;
    padding: 6px 10px;
    background-color: #f0dd99;
    color: #4d688c;
    margin: 10px;
}
input[type="submit"]:hover,
input[type="reset"]:hover {
    background-color: #daaa00;
}

#webform {
    padding: 30px;
    background-color: #eee;
    background-color: #eceff3;
    border: 1px solid #ccd4e0;
}
#webform p {
    margin-bottom: 20px;
}
#formbottom .formrow {margin-bottom: 10px;}
#formbottom input[type="submit"] {
    margin-left: 0px;
    margin-right: 0px;
}
.subscription-form input[type="submit"] {
    margin-left: 150px !important;
}

.subscription-form#webform #formbottom .formrow label {width: 150px;}


/* footer overrides */
footer {padding-top: 0;}
footer .footer-inner {margin-top: 0;}
footer #row2cols3 {display: none;}
