/**
 * A. Normalize
 * B. YUI3 Grid
 * C. Global tag and class styles
 * D. Header
 * E. Breadcrumbs
 * F. Main content
 * G. Left column (subnavigation menu)
 *
 * Color chart:
 *   School: #6db101
 *   Store: #008345
 *   Community: #356cb5
 *   Resources: #1f3d7b
 */

@font-face {
  font-family: 'AoPS';
  src: url('/blog/fonts/new_aops.eot');
  src: url('/blog/fonts/new_aops.eot') format('embedded-opentype'),
     url('/blog/fonts/new_aops.woff') format('woff'),
     url('/blog/fonts/new_aops.ttf') format('truetype'),
     url('/blog/fonts/new_aops.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#blog-body .aops-font {
  font-style : normal;
  font-weight : normal;
  font-family : AoPS;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#blog-body .aops-font.laptop:after {
  content : "b";
}

#blog-body .aops-font.search:after {
  content : "M";
}

#blog-body .aops-font.circle-left:after,
#blog-body .aops-font.aops-arrow-circle-left:after {
  content : "<";
}

#blog-body .aops-font.aops-arrow-circle-right:after {
  content : ">";
}

#blog-body .aops-font.bars:after {
  content : "Q";
}

#blog-body .aops-font.chevron-down:after {
  content : "S";
}

#blog-body .aops-font.cart:after {
  content : "c";
}

#blog-body .aops-font.edit:after {
  content : "L";
}

#blog-body .aops-font.aops-angle-double-left:after {
  content : "\f100";
}

#blog-body .aops-font.aops-angle-double-right:after {
  content : "\f101";
}

#blog-body .aops-font.aops-arrow-down:after {
  content : "\f063";
}
#blog-body .aops-font.aops-pencil:after {
  content : "\004c";
}



/**
 * A. Normalize
 */

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
#blog-body article,#blog-body aside,#blog-body details,#blog-body figcaption,#blog-body figure,#blog-body footer,#blog-body header,#blog-body hgroup,#blog-body main,#blog-body nav,#blog-body section,#blog-body summary{display:block}#blog-body audio,#blog-body canvas,#blog-body video{display:inline-block}#blog-body audio:not([controls]){display:none;height:0}#blog-body [hidden],#blog-body template{display:none}#blog-html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}#blog-body p{margin:8px 0}#blog-body{margin:0}#blog-body a{background:transparent;color:darkblue}#blog-body a:focus{outline:thin dotted}#blog-body a:active,#blog-body a:hover{outline:0}#blog-body h1{font-size:2em;margin:.67em 0}#blog-body abbr[title]{border-bottom:1px dotted}#blog-body b,#blog-body strong,#blog-body .strong,#blog-body .bold{font-weight:bold}#blog-body dfn{font-style:italic}
#blog-body hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}#blog-body mark{background:#ff0;color:#000}#blog-body code,#blog-body kbd,#blog-body pre,#blog-body samp{font-family:monospace,serif;font-size:1em}#blog-body pre{white-space:pre-wrap}#blog-body q{quotes:"\201C" "\201D" "\2018" "\2019"}#blog-body small{font-size:80%}#blog-body sub,#blog-body sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}#blog-body sup{top:-0.5em}#blog-body sub{bottom:-0.25em}#blog-body img{border:0}#blog-body svg:not(:root){overflow:hidden}#blog-body figure{margin:0}#blog-body fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}#blog-body legend{border:0;padding:0}#blog-body button,#blog-body input,#blog-body select,#blog-body textarea{font-family:inherit;font-size:100%;margin:0}
#blog-body button,#blog-body input{line-height:normal}#blog-body button,#blog-body select{text-transform:none}#blog-body button,#blog-html input[type="button"],#blog-body input[type="reset"],#blog-body input[type="submit"]{-webkit-appearance:button;cursor:pointer}#blog-body button[disabled],#blog-html input[disabled]{cursor:default}#blog-body input[type="checkbox"],#blog-body input[type="radio"]{box-sizing:border-box;padding:0}#blog-body input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}#blog-body input[type="search"]::-webkit-search-cancel-button,#blog-body input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
#blog-body button::-moz-focus-inner,#blog-body input::-moz-focus-inner{border:0;padding:0}#blog-body textarea{overflow:auto;vertical-align:top}#blog-body table{border-collapse:collapse;border-spacing:0}#blog-html,#blog-body button,#blog-body input,#blog-body select,#blog-body textarea{color:#333}#blog-html{font-size:1em;line-height:1.4}#blog-body hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}#blog-body audio,#blog-body canvas,#blog-body img,#blog-body video{vertical-align:middle}#blog-body fieldset{border:0;margin:0;padding:0}

/*
YUI 3.13.0 (build 508226d)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

#blog-body .yui3-g{letter-spacing:-0.31em;*letter-spacing:normal;*word-spacing:-0.43em;text-rendering:optimizespeed}#blog-body .opera-only :-o-prefocus,#blog-body .yui3-g{word-spacing:-0.43em}#blog-body .yui3-u{display:inline-block;zoom:1;*display:inline;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}#blog-body .yui3-u-1,#blog-body .yui3-u-1-2,#blog-body .yui3-u-1-3,#blog-body .yui3-u-2-3,#blog-body .yui3-u-1-4,#blog-body .yui3-u-3-4,#blog-body .yui3-u-1-5,#blog-body .yui3-u-2-5,#blog-body .yui3-u-3-5,#blog-body .yui3-u-4-5,#blog-body .yui3-u-1-6,#blog-body .yui3-u-5-6,#blog-body .yui3-u-1-8,#blog-body .yui3-u-3-8,#blog-body .yui3-u-5-8,#blog-body .yui3-u-7-8,#blog-body .yui3-u-1-12,#blog-body .yui3-u-5-12,#blog-body .yui3-u-7-12,#blog-body .yui3-u-11-12,#blog-body .yui3-u-1-24,#blog-body .yui3-u-5-24,#blog-body .yui3-u-7-24,#blog-body .yui3-u-11-24,#blog-body .yui3-u-13-24,#blog-body .yui3-u-17-24,#blog-body .yui3-u-19-24,#blog-body .yui3-u-23-24{display:inline-block;zoom:1;*display:inline;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}#blog-body .yui3-u-1{display:block}#blog-body .yui3-u-1-2{width:50%}#blog-body .yui3-u-1-3{width:33.33333%}#blog-body .yui3-u-2-3{width:66.66666%}#blog-body .yui3-u-1-4{width:25%}#blog-body .yui3-u-3-4{width:75%}#blog-body .yui3-u-1-5{width:20%}#blog-body .yui3-u-2-5{width:40%}#blog-body .yui3-u-3-5{width:60%}#blog-body .yui3-u-4-5{width:80%}#blog-body .yui3-u-1-6{width:16.656%}#blog-body .yui3-u-5-6{width:83.33%}#blog-body .yui3-u-1-8{width:12.5%}#blog-body .yui3-u-3-8{width:37.5%}#blog-body .yui3-u-5-8{width:62.5%}#blog-body .yui3-u-7-8{width:87.5%}#blog-body .yui3-u-1-12{width:8.3333%}#blog-body .yui3-u-5-12{width:41.6666%}#blog-body .yui3-u-7-12{width:58.3333%}#blog-body .yui3-u-11-12{width:91.6666%}#blog-body .yui3-u-1-24{width:4.1666%}#blog-body .yui3-u-5-24{width:20.8333%}#blog-body .yui3-u-7-24{width:29.1666%}#blog-body .yui3-u-11-24{width:45.8333%}#blog-body .yui3-u-13-24{width:54.1666%}#blog-body .yui3-u-17-24{width:70.8333%}#blog-body .yui3-u-19-24{width:79.1666%}#blog-body .yui3-u-23-24{width:95.8333%}#blog-body #yui3-css-stamp.cssgrids{display:none}

/* AoPS fixes for YUI3 Grids */
#blog-body .yui3-g:before,
#blog-body .yui3-g:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
#blog-body .yui3-g:after {
  clear: both;
}

#blog-body .yui3-u-1,#blog-body  .yui3-u-1-2,#blog-body  .yui3-u-1-3,#blog-body  .yui3-u-2-3,#blog-body  .yui3-u-1-4,#blog-body  .yui3-u-3-4,#blog-body  .yui3-u-1-5,#blog-body  .yui3-u-2-5,#blog-body  .yui3-u-3-5,#blog-body  .yui3-u-4-5,#blog-body  .yui3-u-1-6,#blog-body  .yui3-u-5-6,#blog-body  .yui3-u-1-8,#blog-body  .yui3-u-3-8,#blog-body  .yui3-u-5-8,#blog-body  .yui3-u-7-8,#blog-body  .yui3-u-1-12,#blog-body  .yui3-u-5-12,#blog-body  .yui3-u-7-12,#blog-body  .yui3-u-11-12,#blog-body  .yui3-u-1-24,#blog-body  .yui3-u-5-24,#blog-body  .yui3-u-7-24,#blog-body  .yui3-u-11-24,#blog-body  .yui3-u-13-24,#blog-body  .yui3-u-17-24,#blog-body  .yui3-u-19-24,#blog-body  .yui3-u-23-24 {
  float: left;
  min-height: 1px; /* Forces empty elements to fill with float */
}




#blog-body {
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 1.428571429;
  font-family: sans-serif;
  color: #444;
  background-image: url("//artofproblemsolving.com/assets/images/index-ball.png");
  background-position: top right 100px;
  background-position: calc(50% + 400px) 0;
  background-repeat: repeat-y;
  background-color : #efefef;
}

#blog-body pre {
  background-color : transparent;
  border : none;
  border-radius : 0;
}

#blog-body textarea {
  line-height : 1.428571429;
  padding : 5px;
}

#blog-body p.notop {
  margin-top : 0;
}

#blog-body p.nobottom {
  margin-bottom : 0;
}

#blog-body .small-font {
  font-size : .8em;
  font-weight :normal;
  line-height : inherit;
  vertical-align : top;
}

/**
 * B. Global tag and class styles
 */
#blog-body input {
  border-radius : 0;
}
#blog-body input.placeholder {
  color : #aaa;
}

#blog-body ul {
  list-style-type: square;
}

#blog-body ul.clean,#blog-body  ol.clean {
  padding : 0;
  margin : 0;
}

#blog-body ul.clean li {
  list-style-type : none;
}

#blog-body code {
  font-family : Consolas, "Liberation Mono", Courier, monospace;
}


#blog-body h1,#blog-body  h2,#blog-body  h3,#blog-body  h4,#blog-body  h5,#blog-body  h6 {
  margin : 10px 0 10px 0;
  padding : 0;
  position : relative;
}

#blog-body /* h1:first-child,#blog-body  h2:first-child,#blog-body  h3:first-child,#blog-body  h4:first-child,#blog-body  h5:first-child,#blog-body  h6:first-child {
  margin-top : 0;
} */

#blog-body #main-column h1 {
  position : relative;
  left : -1px;
}

#blog-body #main-column h1:first-child {
  margin-top : 0;
}


#blog-body .no-select {
  -khtml-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#blog-body .need-copy {
  background-color : cornsilk;
  color : black;
}


#blog-body *,
#blog-body *:before,
#blog-body *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


#blog-body a,#blog-body  .faux-link {
  text-decoration : none;
  color : #1155CC;
  cursor : pointer;
}
#blog-body a:hover,#blog-body  .faux-link:hover {
  text-decoration : underline;
}
#blog-body a:focus,#blog-body  .faux-link:focus {
  outline : none;
}

#blog-body .hide {
  display : none;
}

#blog-body .store-color {
  color : #008345 !important;
}

#blog-body .school-color {
  color : #6db101 !important;
}

#blog-body .community-color {
  color : #356cb5 !important;
}

#blog-body .resources-color {
  color : #1f3d7b !important;
}

#blog-body .store-background-color {
  background-color : #008345 !important;
  color : white;
}

#blog-body .school-background-color {
  background-color : #6db101 !important;
  color : white;
}

#blog-body .community-background-color {
  background-color : #356cb5 !important;
  color : white;
}

#blog-body .resources-background-color {
  background-color : #1f3d7b !important;
  color : white;
}

#blog-body .school-background-hover:hover {
  background-color : #e6edaf !important;
  color : #6db101 !important;
}

#blog-body .store-background-hover:hover {
  background-color : #ddedcd !important;
  color : #008345 !important;
}

#blog-body .community-background-hover:hover {
  background-color : #dae7f6 !important;
  color : #356cb5 !important;
}

#blog-body .resources-background-hover:hover {
  background-color : #D9E3F9 !important;
  color : #1f3d7b !important;
}

#blog-body #flyout {
  position : fixed;
  width : 200px;
  height : 100px;
  right : -200px;
  bottom : 20px;
  border-top : 10px solid #336cb5;
  box-shadow : 2px 2px 4px #444;
  background-color : white;
  padding : 10px;
  z-index : 1250; /* Must be higher than 1200 (feed) */
}

#blog-body #flyout .close {
  color : #aaa;
  font-family : AoPS;
  float : right;
  cursor : pointer;
  margin-top : -5px;
}

#blog-body #flyout .close:after {
  content : "e";
}

#blog-body #flyout.info {
  color : #32708f;
  background-color : #F4F7FC;
  border-color : #bce8f1;
}

#blog-body #flyout.warning {
  color : #8a6d3b;
  background-color : #fcf8e3;
  border-color : #8a6d3b;
}

#blog-body #flyout.success {
  color: green;
  background-color: #def2de;
  border-color: green;
}

#blog-body #flyout.error {
  color: darkred;
  background-color: #f2dede;
  border-color: darkred;
}


#blog-body .info-box,#blog-body  .error-box,#blog-body  .success-box,#blog-body  .warning-box {
  margin-bottom : 10px;
  padding: 10px;
}

#blog-body .info-box > div,#blog-body  .error-box > div,#blog-body  .success-box > div,#blog-body  .warning-box > div {
  margin-bottom : 10px;
}

#blog-body .info-box > div:last-child,#blog-body  .error-box > div:last-child,#blog-body  .success-box > div:last-child,#blog-body  .warning-box > div:last-child {
  margin-bottom : 0;
}

#blog-body .error {
  color : darkred;
}

#blog-body .error-box {
  color: darkred;
  background-color: #f2dede;
  border-left: 10px solid darkred;
}

#blog-body .success-box {
  color: green;
  background-color: #def2de;
  border-left: 10px solid green;
}

#blog-body .warning-box {
  color : #8a6d3b;
  background-color : #fcf8e3;
  border-left : 10px solid #8a6d3b;
}

#blog-body .info-box {
  color : #32708f;
  background-color : #F4F7FC;
  border-left : 10px solid #bce8f1;
}

#blog-body label {
  display: inline-block;
  margin : 0;
  padding : 0;
  font-weight: normal;
}


#blog-body fieldset {
  padding : 10px;
  border-top : 1px solid #d7d7d7;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #d7d7d7;
  position : relative;
  background-color : white;
  margin-bottom : 15px;
}

#blog-body fieldset dt {
  width : 20%;
  text-align : left;
  margin : 0;
  padding : 0;
  float : left;
  display : block;
  font-weight : normal;
}

#blog-body fieldset dd {
  margin : 0 0 0 20%;
  padding: 0 0 0 5px;
  vertical-align : top;
  border-left : 1px solid #ccc;
}

#blog-body fieldset dl {
  margin : 0 0 10px 0;
  clear : both;
}

#blog-body legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}


#blog-body input[type="radio"],
#blog-body input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
}

#blog-body input[type="file"] {
  display: block;
}

#blog-body input[type="file"]:focus,
#blog-body input[type="radio"]:focus,
#blog-body input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

#blog-body input[type="number"]::-webkit-outer-spin-button,
#blog-body input[type="number"]::-webkit-inner-spin-button {
  margin : 0;
  -webkit-appearance : none;
}

#blog-body .form-control:-moz-placeholder,
#blog-body .form-control:-ms-input-placeholder,
#blog-body .form-control::-webkit-input-placeholder {
  color : #999999;
}


#blog-body .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius : 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#blog-body .form-group.small .form-control {
  padding : 6px;
  height : 25px;
  line-height : 1.2em;
  width : auto;
}


#blog-body .form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

#blog-body .form-control[disabled],
#blog-body .form-control[readonly],
#blog-body fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
}

#blog-body textarea.form-control {
  height: auto;
}

#blog-body .form-group {
  margin-bottom: 13px;
}

#blog-body .form-group.small,#blog-body  .form-group small {
  line-height: 1.428571429em;
  margin-bottom: 5px;
}

#blog-body .form-group > div {
  line-height : 34px;
}

#blog-body .form-group > div div {
  line-height: 1.428571429em;
}

#blog-body .form-group > div div.byline {
  margin-top : 3px;
  font-size : 80%;
}


#blog-body .form-group label {
  font-weight : bold;
}


#blog-body .form-group a.chosen-single {
  height: 26px;
}

#blog-body .radio,
#blog-body .checkbox {
  display: block;
  min-height: 20px;
  padding-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  vertical-align: middle;
}

#blog-body .radio label,
#blog-body .checkbox label {
  display: inline;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

#blog-body .radio input[type="radio"],
#blog-body .radio-inline input[type="radio"],
#blog-body .checkbox input[type="checkbox"],
#blog-body .checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}

#blog-body .radio + .radio,
#blog-body .checkbox + .checkbox {
  margin-top: -5px;
}

#blog-body .radio-inline,
#blog-body .checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}

#blog-body .radio-inline + .radio-inline,
#blog-body .checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

#blog-body input[type="radio"][disabled],
#blog-body input[type="checkbox"][disabled],
#blog-body .radio[disabled],
#blog-body .radio-inline[disabled],
#blog-body .checkbox[disabled],
#blog-body .checkbox-inline[disabled],
#blog-body fieldset[disabled] input[type="radio"],
#blog-body fieldset[disabled] input[type="checkbox"],
#blog-body fieldset[disabled] .radio,
#blog-body fieldset[disabled] .radio-inline,
#blog-body fieldset[disabled] .checkbox,
#blog-body fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}



/**
 * Buttons - Modified from Bootstrap
 */


#blog-body .btn {
  display: inline-block;
  font-weight : bold;
  height : 24px;
  padding: 0px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  border-radius: 0px;
  /* Default arial for better baseline */
  font-family: Arial, Helvetica, sans-serif;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

#blog-body .btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

#blog-body .btn:hover,
#blog-body .btn:focus {
  color: #333333;
  text-decoration: none;
}

#blog-body .btn:active,
#blog-body .btn.btn-active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

#blog-body .btn.disabled,
#blog-body .btn[disabled],
#blog-body fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}


#blog-body .btn.btn-primary.disabled {
  background-color : #aaa;
}

#blog-body .btn-default {
  color: #1155CC;
  background-color: #ffffff;
  border-color: #cccccc;
}

#blog-body .btn-default:hover,
#blog-body .btn-default:focus,
#blog-body .btn-default:active,
#blog-body .btn-default.btn-active,
#blog-body .open .dropdown-toggle.btn-default {
  color: #1155CC;
  background-color: #ebebeb;
  border-color: #adadad;
}

#blog-body .btn-default:active,
#blog-body .btn-default.btn-active,
#blog-body .open .dropdown-toggle.btn-default {
  background-image: none;
}

#blog-body .btn-default.disabled,
#blog-body .btn-default[disabled],
#blog-body fieldset[disabled] .btn-default,
#blog-body .btn-default.disabled:hover,
#blog-body .btn-default[disabled]:hover,
#blog-body fieldset[disabled] .btn-default:hover,
#blog-body .btn-default.disabled:focus,
#blog-body .btn-default[disabled]:focus,
#blog-body fieldset[disabled] .btn-default:focus,
#blog-body .btn-default.disabled:active,
#blog-body .btn-default[disabled]:active,
#blog-body fieldset[disabled] .btn-default:active,
#blog-body .btn-default.disabled.btn-active,
#blog-body .btn-default[disabled].btn-active,
#blog-body fieldset[disabled] .btn-default.btn-active {
  background-color: #ffffff;
  border-color: #cccccc;
}

#blog-body .btn-primary {
  color: white;
  background-color: #20458C;
}


#blog-body .btn-primary:hover,
#blog-body .btn-primary:focus,
#blog-body .btn-primary:active,
#blog-body .btn-primary.btn-active,
#blog-body .open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #336CB5;
  border-color: #285e8e;
}

#blog-body .btn-primary:active,
#blog-body .btn-primary.btn-active,
#blog-body .open .dropdown-toggle.btn-primary {
  background-image: none;
}

#blog-body .btn-primary.disabled,
#blog-body .btn-primary[disabled],
#blog-body fieldset[disabled] .btn-primary,
#blog-body .btn-primary.disabled:hover,
#blog-body .btn-primary[disabled]:hover,
#blog-body fieldset[disabled] .btn-primary:hover,
#blog-body .btn-primary.disabled:focus,
#blog-body .btn-primary[disabled]:focus,
#blog-body fieldset[disabled] .btn-primary:focus,
#blog-body .btn-primary.disabled:active,
#blog-body .btn-primary[disabled]:active,
#blog-body fieldset[disabled] .btn-primary:active,
#blog-body .btn-primary.disabled.btn-active,
#blog-body .btn-primary[disabled].btn-active,
#blog-body fieldset[disabled] .btn-primary.btn-active {
  background-color: #428bca;
  border-color: #357ebd;
}

#blog-body .btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

#blog-body .btn-warning:hover,
#blog-body .btn-warning:focus,
#blog-body .btn-warning:active,
#blog-body .btn-warning.btn-active,
#blog-body .open .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ed9c28;
  border-color: #d58512;
}

#blog-body .btn-warning:active,
#blog-body .btn-warning.btn-active,
#blog-body .open .dropdown-toggle.btn-warning {
  background-image: none;
}

#blog-body .btn-warning.disabled,
#blog-body .btn-warning[disabled],
#blog-body fieldset[disabled] .btn-warning,
#blog-body .btn-warning.disabled:hover,
#blog-body .btn-warning[disabled]:hover,
#blog-body fieldset[disabled] .btn-warning:hover,
#blog-body .btn-warning.disabled:focus,
#blog-body .btn-warning[disabled]:focus,
#blog-body fieldset[disabled] .btn-warning:focus,
#blog-body .btn-warning.disabled:active,
#blog-body .btn-warning[disabled]:active,
#blog-body fieldset[disabled] .btn-warning:active,
#blog-body .btn-warning.disabled.btn-active,
#blog-body .btn-warning[disabled].btn-active,
#blog-body fieldset[disabled] .btn-warning.btn-active {
  background-color: #f0ad4e;
  border-color: #eea236;
}

#blog-body .btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

#blog-body .btn-danger:hover,
#blog-body .btn-danger:focus,
#blog-body .btn-danger:active,
#blog-body .btn-danger.btn-active,
#blog-body .open .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #d2322d;
  border-color: #ac2925;
}

#blog-body .btn-danger:active,
#blog-body .btn-danger.btn-active,
#blog-body .open .dropdown-toggle.btn-danger {
  background-image: none;
}

#blog-body .btn-danger.disabled,
#blog-body .btn-danger[disabled],
#blog-body fieldset[disabled] .btn-danger,
#blog-body .btn-danger.disabled:hover,
#blog-body .btn-danger[disabled]:hover,
#blog-body fieldset[disabled] .btn-danger:hover,
#blog-body .btn-danger.disabled:focus,
#blog-body .btn-danger[disabled]:focus,
#blog-body fieldset[disabled] .btn-danger:focus,
#blog-body .btn-danger.disabled:active,
#blog-body .btn-danger[disabled]:active,
#blog-body fieldset[disabled] .btn-danger:active,
#blog-body .btn-danger.disabled.btn-active,
#blog-body .btn-danger[disabled].btn-active,
#blog-body fieldset[disabled] .btn-danger.btn-active {
  background-color: #d9534f;
  border-color: #d43f3a;
}

#blog-body .btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

#blog-body .btn-success:hover,
#blog-body .btn-success:focus,
#blog-body .btn-success:active,
#blog-body .btn-success.btn-active,
#blog-body .open .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #47a447;
  border-color: #398439;
}

#blog-body .btn-success:active,
#blog-body .btn-success.btn-active,
#blog-body .open .dropdown-toggle.btn-success {
  background-image: none;
}

#blog-body .btn-success.disabled,
#blog-body .btn-success[disabled],
#blog-body fieldset[disabled] .btn-success,
#blog-body .btn-success.disabled:hover,
#blog-body .btn-success[disabled]:hover,
#blog-body fieldset[disabled] .btn-success:hover,
#blog-body .btn-success.disabled:focus,
#blog-body .btn-success[disabled]:focus,
#blog-body fieldset[disabled] .btn-success:focus,
#blog-body .btn-success.disabled:active,
#blog-body .btn-success[disabled]:active,
#blog-body fieldset[disabled] .btn-success:active,
#blog-body .btn-success.disabled.btn-active,
#blog-body .btn-success[disabled].btn-active,
#blog-body fieldset[disabled] .btn-success.btn-active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

#blog-body .btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

#blog-body .btn-info:hover,
#blog-body .btn-info:focus,
#blog-body .btn-info:active,
#blog-body .btn-info.btn-active,
#blog-body .open .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #39b3d7;
  border-color: #269abc;
}

#blog-body .btn-info:active,
#blog-body .btn-info.btn-active,
#blog-body .open .dropdown-toggle.btn-info {
  background-image: none;
}

#blog-body .btn-info.disabled,
#blog-body .btn-info[disabled],
#blog-body fieldset[disabled] .btn-info,
#blog-body .btn-info.disabled:hover,
#blog-body .btn-info[disabled]:hover,
#blog-body fieldset[disabled] .btn-info:hover,
#blog-body .btn-info.disabled:focus,
#blog-body .btn-info[disabled]:focus,
#blog-body fieldset[disabled] .btn-info:focus,
#blog-body .btn-info.disabled:active,
#blog-body .btn-info[disabled]:active,
#blog-body fieldset[disabled] .btn-info:active,
#blog-body .btn-info.disabled.btn-active,
#blog-body .btn-info[disabled].btn-active,
#blog-body fieldset[disabled] .btn-info.btn-active {
  background-color: #5bc0de;
  border-color: #46b8da;
}

#blog-body .btn-link {
  color: #1155CC;
  cursor: pointer;
  border-radius: 0;
}

#blog-body .btn-link,
#blog-body .btn-link:active,
#blog-body .btn-link[disabled],
#blog-body fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#blog-body .btn-link,
#blog-body .btn-link:hover,
#blog-body .btn-link:focus,
#blog-body .btn-link:active {
  border-color: transparent;
}

#blog-body .btn-link:hover,
#blog-body .btn-link:focus {
  color: #1155CC;
  text-decoration: underline;
  background-color: transparent;
}

#blog-body .btn-link[disabled]:hover,
#blog-body fieldset[disabled] .btn-link:hover,
#blog-body .btn-link[disabled]:focus,
#blog-body fieldset[disabled] .btn-link:focus {
  color: #1155CC;
  text-decoration: none;
}

#blog-body .btn-lg {
  height : 32px;
  font-size : 16px;
  line-height : 32px;
  padding-top : 1px;
}

#blog-body .btn-sm {
  font-size : 12px;
  height : 18px;
  line-height : 18px;
  padding : 0 8px;
}

#blog-body .btn-xs {
  font-size : 10px;
  height : 14px;
  line-height : 14px;
  padding : 0 5px;
}

#blog-body .btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}

#blog-body .btn-block + .btn-block {
  margin-top: 5px;
}

#blog-body .btn-group-center {
  text-align : center;
}
#blog-body .btn-group-right {
  text-align : right;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

#blog-body .clearfix:before,
#blog-body .clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

#blog-body .clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

#blog-body .clearfix {
    *zoom: 1;
}


/**
 * D. Header
 */

#blog-body #banner {
  top : -25px;
  width: 230px;
  height: 70px;
  background-size: 260px 75px;
  background-image: none, url('//artofproblemsolving.com/assets/images/aops-logo.svg');
  position: absolute;
  left : 0;
  background-position : -19px 0;
}

#blog-body .no-svg #banner {
  background-image: url('//artofproblemsolving.com/assets/images/aops-logo.png');
}



#blog-body #header {
  position : relative;
  top : 0;
  left : 0;
  right : 0;
  z-index : 99999;
  width : 100%;
  max-width : 100%;
}

#blog-body #header a {
  text-decoration : none;
}

#blog-body #header .bluebar-wrapper {
  height : 26px;
  background-color : #20458c;
  line-height : 26px;
}

#blog-body #header .bluebar {
  position : relative;
  max-width : 100%;
  margin : auto;
}

#blog-body #header .bluebar .mobile-title {
  color : white;
  padding-left : 10px;
}

#blog-body #header .bluebar .mobile-title:after {
  content : "Art of Problem Solving"
}


#blog-body #header .bluebar .item {
  color : white;
  padding-right : 15px;
  float : right;
  cursor : pointer;
  line-height : 25px;
  /* Arial first because Helvetica base line is messed up */
  font-family : Arial, Helvetica, sans-serif;
}

#blog-body #header .bluebar .item .avatar {
  max-height : 22px;
  vertical-align : top;
  display : inline-block;
  margin-top : 2px;
}

#blog-body #header .bluebar .myaops-menu {
  position : absolute;
  background-color : #20458c;
  right : 30px;
  z-index : 120;
  min-width : 120px;
  display : none;
}

#blog-body #header .bluebar .myaops.open .myaops-menu {
  display : block;
}

#blog-body #header .bluebar .myaops-menu .menu-item {
  display : block;
  padding : 2px 10px;
  border-bottom :  1px solid #88a4d8;
  color : #fff;
  font-weight : bold;
}

#blog-body #header .bluebar .myaops-menu .menu-item:last-child {
  border-width : 0;
}

#blog-body #header .bluebar .myaops-menu .menu-item:hover {
  background-color : #D9E3F9;
  color : #20458c;
}

#blog-body #header .bluebar .myaops-menu .menu-item.indented {
  padding : 2px 22px;
}

#blog-body #header .bluebar #mobile-menu-items {
  display : none;
}

#blog-body #header .bluebar .mobile-menu {
  padding-right : 10px;
}

#blog-body #header .bluebar .mobile-menu > div {
  top : 26px;
  right : 0;
  left : 0;
  background-color : #20458c;
  z-index : 120;
  min-width : 120px;
  display : none;
}

#blog-body #header #mobile-menu-items {
  display : none;
}

#blog-body #header #mobile-menu-items a {
  display : block;
  padding : 10px;
  width : 25%;
  float : left;
  text-align : center;
  font-weight : bold;
}

#blog-body #header .bluebar .mobile-menu > div .menu-item {
  display : block;
  padding : 2px 10px;
  color : white;
  font-weight : bold;
}


#blog-body #header .banner {
  position : absolute;
  left : 0;
  top : -16px;
  width : 230px;
  height : 70px;
  background-size : 260px 75px;
  background-image : url( "//artofproblemsolving.com/assets/images/aops-logo.svg" );
  background-position : -19px 0;
}

#blog-body #header .menubar-wrapper {
  height : 44px;
  background-color : white;
  display : none;
}

#blog-body #header .extra {
  display : none;
}


#blog-body #header .menubar {
  position : relative;
  max-width : 100%;
  margin : auto;
}


#blog-body #header-popin {
  position : absolute;
/*  top : -30px; */
  height : 30px;
  color : white;
  left : 100px;
  z-index : 10;
  opacity : 0;
}

#blog-body #header-popin a {
  color : white;
  margin-right : 5px;
  font-size : 14px;
}

#blog-body #header-popin a:hover {
  text-decoration : underline;
}
/*
#blog-body .company #header-popin {
  top : 0px;
}
*/

@media (max-width : 770px) {
#blog-body   #header-popin {
    display : none;
  }
}

/* Wrapper for the menu */
#blog-body .header-menu {
  width : 25%;
  float : left;
  height : 44px;
  color : lightblue;
  vertical-align : bottom;
}

/* The menu header */
#blog-body .header-menu > span {
  color : lightblue;
  width: 100%;
  display: block;
  position: relative;
  margin: 0;
  height: 44px;
  text-align: center;
  padding-top: 5px;
  font-size: 16px;
  font-weight: bold;
  z-index: 100;
  overflow: hidden;
  cursor: pointer;
  padding-top : 22px;
}

#blog-body .header-menu > span > a {
  width : 100%;
  display : block;
  margin-top : -4px;
  padding-top : 4px;
}

#blog-body .header-menu.school > span > a {
  color : #6db101;
}

#blog-body .header-menu.store > span > a {
  color : #008345;
}

#blog-body .header-menu.community > span > a {
  color : #356cb5;
}

#blog-body .header-menu.resources > span > a {
  color : #1f3d7b;
}

#blog-body .header-menu.school > span > a:after {
  content : "Online School";
}

#blog-body .header-menu.store > span > a:after {
  content : "Bookstore";
}

#blog-body .header-menu.community > span > a:after {
  content : "Community";
}

#blog-body .header-menu.resources > span > a:after {
  content : "Resources";
}

/* The line under the menu header */
#blog-body .header-menu > div.label {
  height: 5px;
  margin: 0;
  background-color: lightblue;
}

#blog-body .header-menu .pointer {
  background-image: url("//artofproblemsolving.com/assets/images/main-spritesheet.gif");
  background-position : 0 100px;
  height: 6px;
  margin: 0 auto;
  width: 16px;
  display : none;
}


#blog-body.school .header-menu.school .pointer {
  background-position : -20px -176px;
  display : block;
}

#blog-body.store .header-menu.store .pointer {
  background-position : left -176px;
  display : block;
}

#blog-body.community .header-menu.community .pointer {
  background-position : -40px -176px;
  display : block;
}

#blog-body.resources .header-menu.resources .pointer {
  background-position : -60px -176px;
  display : block;
}

/* The dropdown menu */
#blog-body .header-menu .dropdown-menu {
  position: relative;

  /* Initially, the dropdown isn't visible */
  display: none;

  /* Aligns the menu to the left of the menu header */
  float : left;

  /* Dropdown is always 250px, no matter the width of screen */
  width: 250px;

  /* Make sure menu is on top of everything */
  z-index: 99999;

  /* Define colors */
  color: white;
  background-color:lightyellow;

  /* Shadow */
  box-shadow : 0px 2px 2px #888;

  /* Move dropdown up to cover line */
  top : 0px;  /* Move menu up on top of line */
  padding-top : 0px;

}

@media (max-width:1270px) {
#blog-body   .header-menu .dropdown-menu{
    width : 188px;
  }
}

@media (max-width:1020px) {
#blog-body   .header-menu .dropdown-menu{
    width : 165px;
  }
}


#blog-body .header-menu.resources .dropdown-menu {
  float : right;
}

#blog-body .header-menu .dropdown-menu a {
  font-weight : bold;
  padding : 5px 10px;
  display : block;
  border-bottom : 1px solid green;
  color : white;
}

/*
#blog-body .header-menu .dropdown-menu a:before {
  font-family : AoPS;
  content : "> ";
}
*/

#blog-body .header-menu .dropdown-menu a:last-child {
  border-width : 0;
}


#blog-body .header-menu.school.open > span > a,
#blog-body .header-menu.school .label,
#blog-body .header-menu.school .dropdown-menu {
  background-color : #6db101 !important;
}

#blog-body .header-menu.school.open > span > a:hover {
  background-color : #e6edaf !important;
  color : #6db101;
}

#blog-body .header-menu.school .dropdown-menu a {
  border-color : #c2dc87;
}
#blog-body .header-menu.school .dropdown-menu a:hover {
  background-color : #e6edaf;
  color : #6db101;
}
#blog-body .header-menu.school.open .label {
  background-color : #5d9502 !important;
}



#blog-body .header-menu.store.open > span > a,
#blog-body .header-menu.store .label,
#blog-body .header-menu.store .dropdown-menu {
  background-color : #008345 !important;
}

#blog-body .header-menu.store.open > span > a:hover {
  background-color : #ddedcd !important;
  color : #008345;
}

#blog-body .header-menu.store .dropdown-menu a {
  border-color : #bfe6aa;
}

#blog-body .header-menu.store .dropdown-menu a:hover {
  background-color : #ddedcd;
  color : #008345;
}

#blog-body .header-menu.store.open .label {
  background-color : #046436 !important;
}


#blog-body .header-menu.community.open > span > a,
#blog-body .header-menu.community .label,
#blog-body .header-menu.community .dropdown-menu {
  background-color : #356cb5 !important;
}

#blog-body .header-menu.community.open > span > a:hover {
  background-color : #dae7f6 !important;
  color : #356cb5;
}

#blog-body .header-menu.community .dropdown-menu a {
  border-color : #95d5f6;
}
#blog-body .header-menu.community .dropdown-menu a:hover {
  background-color : #dae7f6;
  color : #356cb5;
}

#blog-body .header-menu.community.open .label {
  background-color : #29558f !important;
}


#blog-body .header-menu.resources.open > span > a,
#blog-body .header-menu.resources .label,
#blog-body .header-menu.resources .dropdown-menu {
  background-color : #1f3d7b !important;
}

#blog-body .header-menu.resources.open > span > a:hover {
  background-color : #D9E3F9 !important;
  color : #1f3d7b;
}

#blog-body .header-menu.resources .dropdown-menu a {
  border-color : #83a1d6;
}
#blog-body .header-menu.resources .dropdown-menu a:hover {
  background-color : #D9E3F9;
  color : #1f3d7b;
}

#blog-body .header-menu.resources.open .label {
  background-color : #162B56 !important;
}


#blog-body .header-menu.open .dropdown-menu {
  display : block;
}

#blog-body .header-menu.open > span > a {
  color : white;
}

#blog-body .header-menu.open .pointer {
  display : none !important;
}





#blog-body #header-old {
  margin : auto;
  height: 48px;
  position : relative;
}

#blog-body #header-old-background {
  position : relative;
  top : 0;
  left : 0;
  width : 100%;
}

#blog-body #header-old .navigation {
  vertical-align : bottom;
  margin-top : -48px;
  background-color : white;
  margin-left : 230px; /* Size of #banner */
}


#blog-body #header-old .navigation .pointer {
  background-image: url("//artofproblemsolving.com/assets/images/main-spritesheet.gif");
  background-position : left -30px;
  height: 6px;
  margin: 0 auto;
  width: 16px;
}

#blog-body .school #header-old .navigation #school-menu-header .pointer {
  background-position : -20px -176px;
}

#blog-body .store #header-old .navigation #store-menu-header .pointer {
  background-position : left -176px;
}

#blog-body .community #header-old .navigation #community-menu-header .pointer {
  background-position : -40px -176px;
}

#blog-body .resources #header-old .navigation #resources-menu-header .pointer {
  background-position : -60px -176px;
}

#blog-body #header-old .header-menu {
  width : 25%;
  max-width: 250px;
  background-color: white;
  float: left;
  height: 48px;
}

#blog-body #header-old .header-menu > a > span,
#blog-body #header-old .header-menu > span {
  width: 100%;
  display: block;
  position: relative;
  margin: 6px auto 0;
  height: 25px;
  text-align: center;
  padding-top: 5px;
  font-size: 16px;
  font-weight: bold;
  z-index: 100;
  overflow: hidden;
  cursor: pointer;
}

#blog-body #header-old .header-menu > div.label {
  height: 5px;
  margin: 0;
}

#blog-body #header-old .header-menu .dropdown-menu {
  position: relative;
  float: left;
  top: -6px;
  width : 250px;
  display: none;
  z-index: 99999;
  color : white;
  box-shadow : 2px 2px 4px #444;
}


#blog-body #header-old .header-menu.open .dropdown-menu {
  display : block;
}


#blog-body #header-old #resources-dropdown.dropdown-menu {
  float: right;
}

#blog-body #header-old .header-menu .dropdown-menu a {
  display : block;
  border-bottom: 1px solid #f2dc87;
  padding: 10px 10px;
  font-weight : bold;
}

#blog-body #header-old .header-menu .dropdown-menu a:last-child {
  border-bottom: none;
}

#blog-body #header-old #school-menu-header > a {
  color: #6FB344;
}

#blog-body #header-old #school-menu-header > a > span:after {
  content: "Online School";
}

#blog-body #header-old #school-menu-header > div {
  background-color: #6FB344;
}

#blog-body #header-old #store-menu-header > a {
  color: #06854A;
}
#blog-body #header-old #store-menu-header > a > span:after {
  content: "Bookstore"
}
#blog-body #header-old #store-menu-header > div {
  background-color: #06854a;
}

#blog-body #header-old #community-menu-header > a {
  color: #336CB5;
}
#blog-body #header-old #community-menu-header > a > span:after {
  content: "Community"
}
#blog-body #header-old #community-menu-header > div {
  background-color: #336cb5;
}

#blog-body #header-old #resources-menu-header {
  color: #1D3F78;
}
#blog-body #header-old #resources-menu-header > span:after {
  content: "Resources"
}
#blog-body #header-old #resources-menu-header > div {
  background-color: #1d3f78;
}

#blog-body #header-old-ribbon {
  position: absolute;
  top: -35px;
  height: 30px;
  line-height: 30px;
  text-align: right;
}

#blog-body #header-old-ribbon .header-item {
  float: right;
  margin-right: 20px;
  margin-top : -1px;
  color: white;
  cursor: pointer;
}

#blog-body #header-old-ribbon #mobile-dropdown-thumb.header-item {
  margin-right : 10px;
}

#blog-body #header-old-ribbon .header-item a {
  color : white;
}

#blog-body #header-old-ribbon .header-item #menu-myaops a:hover {
  font-weight : bold;
}

#blog-body #header-old-ribbon .header-item > i {
  color: white;
  margin-top : 7px;
}

#blog-body #header-old-ribbon .header-separator {
  background-color: white;
  width: 3px;
  height: 35px;
  margin-left: 20px;
  margin-right: 20px;
  float: right;
}

#blog-body #header-old-search.header-item {
  float: right;
  width: 195px;
  border-radius: 3px;
  height: 21px;
  background-color: white;
  margin-top: 5px;
  padding: 0;
  padding-left: 4px;
  line-height: 21px;
  color: #444 !important;
  text-align: left;
}

#blog-body #header-old-search .fa {
  position: relative;
  top: -2px;
  font-size: 13px;
}
#blog-body #header-old-search .fa-sort-down {
  font-size: 16px;
  top: -3px;
}



#blog-body #header-old-search input {
  clear: both;
  padding: 0;
  margin: 0;
  float: none;
  height: 20px;
  border: none;
  border-width: none;
  border-radius: 0;
  width: 140px;
  background-color: transparent;
}
#blog-body #header-old-search input:focus {
  outline: 0;
}

#blog-body #header-old-title {
  border-bottom: 1px solid #aaa;
}

#blog-body #header-old-logo {
  position: relative;
  top: 5px;
  left: 40px;
  width: 250px;
  height: 74px;
  background-image: url("//artofproblemsolving.com/assets/images/logo.jpg");
  background-repeat: no-repeat;
}

#blog-body #mobile-dropdown-thumb {
  position : relative;
  display : none;
}

#blog-body #mobile-dropdown {
  display : none;
  position : absolute;
  text-align : left;
  top : -9px;
  right : 0;
  left : 0;
  width : 100%;
  white-space : nowrap;
  z-index : 1002;
}

#blog-body #mobile-dropdown > div {
  padding : 10px;
  font-weight : bold;
  color : white;
}






#blog-body #small-footer-wrapper {
  display : none;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #1F3D7B;
}

#blog-body #small-footer-panel {
  max-width: 1000px;
  margin: auto;
  height: 31px;
  font-size: 12px;
  line-height: 31px;
  white-space: nowrap;
  overflow: hidden;
}

#blog-body #small-footer-panel .copyright {
  color : #7B97C7;
  padding-right: 10px;
  padding-left : 10px;
}

#blog-body #small-footer-panel a {
  color : #c4dd89;
  padding: 0 10px;
}


#blog-body .small-footer #the-end-1,
#blog-body .small-footer #the-end-2 {
  display : none;
}

#blog-body .small-footer #small-footer-wrapper {
}


@media ( max-width : 480px ) {
#blog-body   #small-footer-wrapper .copyright {
    display : block;
  }
#blog-body   #small-footer-panel {
    height : 62px;
  }
}


#blog-body .footer-fixed #small-footer-wrapper {
  position : fixed;
}

@media (max-width: 460px) {
  /** Dunno why, but display : none messes things up. **/
#blog-body   #header-old .navigation {
    visibility: hidden;
  }
#blog-body   #header-old .header-item.classroom {
    display: none;
  }

#blog-body   #header #mobile-menu-items a {
    width : 50%;
  }

#blog-body   #header .bluebar .mobile-title:after {
    content : "AoPS";
  }
}

@media (max-width: 720px) {
#blog-body   #header-old .menu-item {
    font-size: 14px;
  }
#blog-body   #header-old #school-menu-header > span:after {
    content: "School";
  }

#blog-body   #header-old-search {
    display: none;
  }
}

@media (max-width: 640px) {
#blog-body   #header-old #store-menu-header > span:after {
    content: "Store"
  }

#blog-body   #header-old #community-menu-header > span:after {
    content: "Forum"
  }
}


@media ( min-width : 768px ) {
#blog-body   #header .extra,
#blog-body   #header .menubar-wrapper {
    display : block;
  }

#blog-body   #header .mobile-title,
#blog-body   #header .bluebar .mobile-menu {
    display : none;
  }

#blog-body   #header .bluebar .myaops-menu {
    right : 0;
  }

#blog-body   #header .menubar,
#blog-body   #header .bluebar {
    max-width : 768px;
  }
}
@media ( min-width : 841px ) {
#blog-body   #header .menubar,
#blog-body   #header .bluebar {
    max-width : 800px;
  }
}
@media ( min-width : 931px ) {
#blog-body   #header .menubar,
#blog-body   #header .bluebar {
    max-width : 890px;
  }
}
@media ( min-width : 1021px ) {
#blog-body   #header .menubar,
#blog-body   #header .bluebar {
    max-width : 980px;
  }
}
@media ( min-width : 1271px ) {
#blog-body   #header .menubar,
#blog-body   #header .bluebar {
    max-width : 1230px;
  }
}



/***
 * D. Breadcrumbs
 */


#blog-body #breadcrumbs-wrapper {
  line-height: 25px;
  height: 26px;
  width: 100%;
  background-color: #336CB5;
  box-shadow: inset 0px 10px 10px #295691;
}


#blog-body #breadcrumbs-wrapper #submenu-icon {
  float: right;
  color: white;
  margin-right: 10px;
  font-size: 25px;
  cursor: pointer;
  display: none;
}

#blog-body #breadcrumbs {
  margin : 0 auto;
  white-space : nowrap;
}

#blog-body #breadcrumbs .title-wrapper {
  display : none;
  float: left;
  width: 237px;
  text-align: center;
  color: white;
  font-size: 16px;
  font-weight: bold;
  background-image: url(//artofproblemsolving.com/assets/images/sidebar-shadow.png);
}

#blog-body #breadcrumbs .title-wrapper .title {
  margin: 0 8px 0 8px;
  line-height: 26px;
  color : white;
}

#blog-body #breadcrumbs .title-wrapper .title a {
  color : white;
}

#blog-body .store #breadcrumbs .title-wrapper .title {
  color: white;
}

#blog-body .school #breadcrumbs .title-wrapper .title {
  color: white;
}

#blog-body .resources #breadcrumbs .title-wrapper .title {
  color: white;
}

#blog-body .resources #breadcrumbs .title-wrapper .title a {
  color: white;
}

#blog-body #breadcrumbs .title-wrapper + .crumb-wrapper {
  margin-left: 15px;
}

#blog-body #breadcrumbs .title-wrapper + .crumb-wrapper,
#blog-body #breadcrumbs .crumb-wrapper {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  line-height: 28px;
}

#blog-body #breadcrumbs .crumb {
  vertical-align : baseline;
}


#blog-body #breadcrumbs .aops-font,
#blog-body #breadcrumbs  .crumb a {
  color: #dae7f6;
}

#blog-body .store #breadcrumbs .aops-font,
#blog-body .store #breadcrumbs .crumb a {
  color : #ddedcd;
}

#blog-body .school #breadcrumbs .aops-font,
#blog-body .school #breadcrumbs .crumb a {
  color : #e6edaf;
}

#blog-body .resources #breadcrumbs .aops-font,
#blog-body .resources #breadcrumbs .crumb a {
  color : #D9E3F9;
}

#blog-body #breadcrumbs .fa {
  font-size: 13px;
}

#blog-body #breadcrumbs .crumb-wrapper i {
  display : none;
}

#blog-body #breadcrumbs .crumb {
  display : none;
}

#blog-body #breadcrumbs .crumb:last-child {
  display : inline;
}

@media ( min-width : 768px ) {
#blog-body   #breadcrumbs .crumb-wrapper i {
    display : inline;
  }

#blog-body   #breadcrumbs .crumb {
    display : inline;
  }
}

@media ( min-width : 841px ) {
#blog-body   #breadcrumbs .title-wrapper {
    display : block;
  }
#blog-body   #breadcrumbs .title-wrapper + .crumb-wrapper {
    margin-left : 247px;
  }
}

@media (max-width:480px) {
#blog-body   #breadcrumbs .crumb-wrapper {
    display : none;
  }
}


/**
 * E: Main content
 */
#blog-body #main-content,#blog-body  #breadcrumbs,#blog-body  #header-old,#blog-body  #header-old-ribbon {
  max-width : 1230px;
  width : 1230px;
  margin: 0 auto;
}

#blog-body #main-content.full-screen {
  width: 100%;
  max-width: 100%;
}


#blog-body #main-content.left-navigation {
  background-repeat: repeat;
  background-image : url(//artofproblemsolving.com/assets/images/sidebar-community.png);
  background-repeat : repeat-y;
}

#blog-body .store #main-content.left-navigation {
  background-image : url(//artofproblemsolving.com/assets/images/sidebar-store.png);
}

#blog-body .school #main-content.left-navigation {
  background-image : url(//artofproblemsolving.com/assets/images/sidebar-school.png);
}

#blog-body .resources #main-content.left-navigation {
  background-image : url(//artofproblemsolving.com/assets/images/sidebar-resources.png);
}

#blog-body .member #main-content.left-navigation {
  background-image : url(//artofproblemsolving.com/assets/images/sidebar-member.png);
}

#blog-body #main-content:before,
#blog-body #main-content:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

#blog-body #main-content:after {
    clear: both;
}


/**
 * F: Left column
 */

#blog-body #side-column-wrapper {
  width : 237px;
  float : left;
  background-position : 0;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select : none;
  user-select: none;
}

#blog-body #side-column {
  width : 221px;
  margin: 0 7px 0 8px;
  color: white;
  background-color : #336cb5;
  position: relative;
  display : block;
}

#blog-body #side-column .blob {
  padding : 5px 5px 5px 8px;
  color : white;
}

#blog-body #side-column .blob a {
  color : white;
  font-weight : bold;
}


#blog-body #side-column .menu {
  background-color: #eeeeee;
}
#blog-body #side-column .menu a {
  display : block;
  color : #1155CC;
  line-height: 1.1em;
  cursor : pointer;
}
#blog-body #side-column .menu a:hover {
  font-weight : bold;
}
#blog-body #side-column .menu h1 {
  font-size: 14px;
  color: #444;
  background-color: #e2e2e2;
  text-transform: uppercase;
  margin : 0;
  padding : 4px 5px;
  cursor : pointer;
}
#blog-body #side-column .menu .submenu-wrapper {
  display : none;
}

#blog-body #side-column .menu .submenu-wrapper h1 {
  cursor : default;
}


#blog-body #side-column .menu.open > h1,#blog-body  #side-column .menu.open > h1 a {
}

#blog-body #side-column .menu.open .submenu-wrapper {
  display : block;
}
#blog-body #side-column .menu .submenu {
  margin : 0 5px;
}

#blog-body #side-column .menu .submenu:last-child {
  padding-bottom : 5px
}

#blog-body #side-column .menu .submenu .indenter {
  display : block;
  padding-left : 10px;
  text-indent : -10px;
}
#blog-body #side-column .menu .submenu .indenter a {
  overflow : visible;
}

#blog-body #side-column .menu .submenu h1 {
  color : #666666;
  padding-bottom : 0;
  background-color : inherit;
  text-transform : inherit;
}

#blog-body #side-column .menu .submenu-wrapper a {
  display : block;
  padding : 4px 0 4px 15px;
  font-size : 13px;
  line-height : 17px;
}
#blog-body #side-column .menu .submenu-wrapper a.active {
  font-weight : bold;
}

#blog-body #side-column .menu .submenu-wrapper a:hover {
  font-weight : bold;
}

#blog-body #side-column .white-panel {
  margin : 10px;
  padding : 10px 10px;
  background-color : white;
  box-shadow : 2px 2px 10px #004;
  text-align : center;
  color : #333;
}

#blog-body .store #side-column .white-panel {
  box-shadow : 2px 2px 10px #0034b28;
}

#blog-body .school #side-column .white-panel {
  box-shadow : 2px 2px 10px #585;
}

#blog-body .resources #side-column .white-panel {
  box-shadow : 2px 2px 10px #1f3d7b;
}


#blog-body #side-column .white-panel h1 {
  font-size: 16px;
  font-weight: bold;
  color: #214697;
  margin: 0 0 6px 0;
  padding: 0;
}

#blog-body .store #side-column .white-panel h1 {
  color : #008345;
}

#blog-body .school #side-column .white-panel h1 {
  color : #6db101;
}


#blog-body #side-column .white-panel a {
  font-weight : bold;
}


#blog-body #sidebar-divider {
  margin : 0 4px;
  height : 1px;
  background-color : white;
}


/**
 * H: Main column
 */

#blog-body #main-column {
  width : 1040px;
  margin : 10px auto;
}

/* Added by Palmer to get a big Alcumus intro */
#blog-body #main-column.full-width {
  width : auto;
  margin : 10px 0 10px 10px;
}

#blog-body .left-navigation #main-column {
  float : left;
  margin : 10px 0 0 10px;
  width : 978px; /* 1230 - 237 (sidebar) - 15 (margin) */
  padding-bottom : 15px;
}



#blog-body #main-column > h1 + p {
  margin-top : 0px;
}
#blog-body #main-column > pre {
  margin-top: 0;
}

#blog-body #main-column pre:last-child {
  margin-bottom: 0;
  padding-bottom: 10px;
}

#blog-body #main-column h1.page-title {
  margin: 0 0 6px 0;
  padding: 0;
  font-size: 32px;
  font-weight: bold;
}



/**
The following puts the site in tablet mode, making width
of content 100% and moving sidebar to submenu
**/
@media (max-width: 840px) {
#blog-body   #breadcrumbs-wrapper #submenu-icon {
    display: block;
  }

#blog-body   #breadcrumbs .title-wrapper .title {
    border-bottom: none;
  }

#blog-body   #main-content.left-navigation #main-column-standard {
    margin-left: 0;
    float : none;
  }

#blog-body   #main-content {
    max-width: 100%;
    padding: 0;
  }

#blog-body   .grid {
    letter-spacing: -0.31em;
    *letter-spacing: normal;
    *word-spacing: -0.43em;
    text-rendering: optimizespeed;
    padding: 10px;
  }
#blog-body   .grid-1-3,#blog-body  .grid-2-3 {
    display: inline-block;
    zoom: 1;
    *display: inline;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
#blog-body   .grid-1-3 {
    width: 33%;
  }

#blog-body   .grid-2-3 {
    width: 66%;
  }

#blog-body   #side-column-wrapper,
#blog-body   #side-column {
    display: none;
    float: none;
    width: 100%;
    height : 100%;
    margin : 0;
  }

#blog-body   #side-column .white-panel {
    margin: 0 0 20px 10px;
  }

#blog-body   #side-column .submenu a {
    display: block;
    float: left;
    width: 49.5%;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
  }


#blog-body   .submenu:before,
#blog-body   .submenu:after {
    content: " "; /* 1 */
    display: table; /* 2 */
  }

#blog-body   .submenu:after {
    clear: both;
  }

#blog-body   #side-column .white-panel a {
    float: none;
    width: 100%;
  }

#blog-body   #main-content.left-navigation,
#blog-body   .store #main-content.left-navigation,
#blog-body   .school #main-content.left-navigation,
#blog-body   .community #main-content.left-navigation,
#blog-body   .resources #main-content.left-navigation {
    background-image: none;
  }

#blog-body   #side-column-wrapper.active {
    display : block;
    height : auto !important;
    min-height : 0 !important;
  }
#blog-body   #side-column-wrapper.active #side-column {
    display : block;
    height : auto !important;
    min-height : 0 !important;
  }
}

@media ( max-width : 767px ) {

#blog-body   #side-column .white-panel {
    margin: 15px 0 0 0;
  }

#blog-body   .grid-1-3 {
    width: 100%;
  }

#blog-body   .grid-2-3 {
    width: 100%;
  }

#blog-body   #side-column a {
    float: none;
    width: 100%;
  }

}

@media ( max-width : 479px ) {
#blog-body   #side-column .submenu a {
    float : none;
  }
}

/** Panels **/
#blog-body .aops-panel {
  border-top: 8px solid #20458C;
  background-color: white;
  box-shadow: 2px 2px 6px #ccc;
  padding: 10px 15px;
  margin-bottom : 15px;
  margin-top : 10px;
}


#blog-body .aops-panel h1,#blog-body  .aops-panel h2,#blog-body  .aops-panel h3 {
  margin-top : 0;
}

#blog-body .aops-form-panel  h1 {
  margin-left: -1px;
}


#blog-body .aops-form-panel .header {
}

#blog-body .aops-panel .form {
  background-color: #eeeeee;
  padding: 15px 10px 10px 10px;
  margin-bottom: 10px;
}

#blog-body .aops-panel .footer,#blog-body  .aops-title-panel .footer {
  text-align: center;
}

#blog-body .aops-panel .buttons,#blog-body  .aops-title-panel .buttons {
  margin-top: 10px;
}

#blog-body .aops-title-panel {
  background-color: white;
  box-shadow: 5px 5px 8px #aaa;
  margin-bottom : 15px;
}

#blog-body .aops-title-panel > .header {
  background-color : #20458C;
  color : white;
  line-height : 20px;
  padding : 5px 10px;
}

#blog-body .aops-title-panel > .header > .title {
  font-size : 16px;
  font-weight : bold;
}

#blog-body .aops-title-panel > .body {
  padding: 10px 15px;
}



#blog-body .grey-panel {
  box-shadow : 2px 2px 5px #888;
  margin-bottom : 20px;
  background-color : white;
}

#blog-body .grey-panel .toggle {
  float : right;
  font-size : 16px;
  line-height : 24px;
  padding : 6px 10px 10px 15px;
  color : white;
  cursor : pointer;
  font-weight : bold;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select:none;
  user-select: none;
}

#blog-body .grey-panel .toggle:after {
  font-family : AoPS;
  content : " -";
  font-size : 16px;
}

#blog-body .grey-panel.closed .toggle:after {
  font-family : AoPS;
  content : " +";
}

#blog-body .grey-panel .header {
  margin-top : 15px;
  padding: 10px;
  background-color : #666666;
  color : white !important;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size : 18px;
  font-weight : bold;
}

#blog-body .grey-panel .header h3 {
  margin : 0;
  color : white !important;
  margin-right : 20px;
}

#blog-body .grey-panel .header div {
  font-size : 13px;
}

#blog-body .grey-panel .content {
  background-color : white;
  padding : 10px;
}

#blog-body .grey-panel.closed .content {
  display : none;
}




/**
 * MAIN COLORS
 */
#blog-body #header-old .header-menu.open span {
  color : white !important;
}

#blog-body #header-old #store-menu-header.header-menu.open .label {
  background-color : #046537 !important;
}

#blog-body #header-old #school-menu-header.header-menu.open .label {
  background-color : #5d9602 !important;
}

#blog-body #header-old #community-menu-header.header-menu.open .label {
  background-color : #295691 !important;
}

#blog-body #header-old #resources-menu-header.header-menu.open .label {
  background-color : #162b56 !important;
}

#blog-body #header-old #school-menu-header.open span,
#blog-body #header-old #school-menu-header.open a {
  background-color : #6db101;
  color : #c2dc87;
  border-bottom-color : #c2dc87;
}
#blog-body #header-old #school-menu-header.open a {
  border-bottom-color : #c2dc87;
}
#blog-body #header-old #school-menu-header.open a:hover {
  color : #6db101;
  background-color : #c2dc87;
}

#blog-body #header-old #store-menu-header.open span,
#blog-body #header-old #store-menu-header.open a {
  background-color : #008345;
  color : #b5e6aa;
}
#blog-body #header-old #store-menu-header.open a {
  border-bottom-color : #b5e6aa;
}
#blog-body #header-old #store-menu-header.open a:hover {
  color : #008345;
  background-color : #b5e6aa;
}

#blog-body #header-old #community-menu-header.open span,
#blog-body #header-old #community-menu-header.open a {
  background-color : #356cb5;
  color : #95d5f6;
}
#blog-body #header-old #community-menu-header.open a {
  border-bottom-color : #95d5f6;
}
#blog-body #header-old #community-menu-header.open a:hover {
  color : #356cb5;
  background-color : #95d5f6;
}


#blog-body #header-old #resources-menu-header.open span,
#blog-body #header-old #resources-menu-header.open a {
  background-color : #1f3d7b;
  color : #83a1d6;
}
#blog-body #header-old #resources-menu-header.open a {
  border-bottom-color : #83a1d6;
}
#blog-body #header-old #resources-menu-header.open a:hover {
  color : #1f3d7b;
  background-color : #83a1d6;
}

#blog-body #side-column .menu .submenu-wrapper a.active,
#blog-body #side-column .menu.open > h1,
#blog-body #side-column .menu.open > h1 a,
#blog-body h1,#blog-body  h2,#blog-body  h3,#blog-body  h4,#blog-body  h5,#blog-body  h6 {
  color : #20458C;
}

#blog-body .store #side-column .menu .submenu-wrapper a.active,
#blog-body .store #side-column .menu.open > h1,
#blog-body .store #side-column .menu.open > h1 a,
#blog-body .store h1,#blog-body  .store h2,#blog-body  .store h3,
#blog-body .store h4,#blog-body  .store h5,#blog-body  .store h6 {
  color : #008345;
}

#blog-body .store #side-column .menu.open > h1,
#blog-body .store #side-column .menu.open > h1 a {
  color : white;
  background-color : #008345;
}


#blog-body .school #side-column .menu .submenu-wrapper a.active,
#blog-body .school #side-column .menu.open > h1,
#blog-body .school #side-column .menu.open > h1 a,
#blog-body .school h1,#blog-body  .school h2,#blog-body  .school h3,
#blog-body .school h4,#blog-body  .school h5,#blog-body  .school h6 {
  color : #6db101;
}

#blog-body .school #side-column .menu.open > h1,
#blog-body .school #side-column .menu.open > h1 a {
  color : white;
  background-color : #6db101;
}


#blog-body .resources #side-column .menu .submenu-wrapper a.active,
#blog-body .resources #side-column .menu.open > h1,
#blog-body .resources #side-column .menu.open > h1 a,
#blog-body .resources h1,#blog-body  .resources h2,#blog-body  .resources h3,
#blog-body .resources h4,#blog-body  .resources h5,#blog-body  .resources h6 {
  color : #1f3d7b;
}


#blog-body .resources #side-column .menu.open > h1,
#blog-body .resources #side-column .menu.open > h1 a {
  color : white;
  background-color : #1D3F78;
}

#blog-body .store #breadcrumbs-wrapper,
#blog-body .store #breadcrumbs .title,
#blog-body .store #side-column {
  background-color : #008345;
}

#blog-body .school #breadcrumbs-wrapper,
#blog-body .school #breadcrumbs .title,
#blog-body .school #side-column {
  color: #444;
  background-color : #6db101;
}

#blog-body .user #breadcrumbs-wrapper,
#blog-body .user #breadcrumbs .title,
#blog-body .user #side-column,
#blog-body .community #breadcrumbs-wrapper,
#blog-body .community #breadcrumbs .title,
#blog-body .community #side-column {
  background-color : #356cb5;
}

#blog-body .resources #breadcrumbs-wrapper,
#blog-body .resources #breadcrumbs .title,
#blog-body .resources #side-column {
  background-color : #1f3d7b;
}

#blog-body .member #breadcrumbs-wrapper,
#blog-body .member #breadcrumbs .title,
#blog-body .member #side-column {
  background-color : #61656d;
}


#blog-body .store .aops-panel {
  border-top: 8px solid #008345;
}

#blog-body .school .aops-panel {
  border-top: 8px solid #6db101;
}

#blog-body .community .aops-panel,
#blog-body .user .aops-panel {
  border-top: 8px solid #336cb5;
}

#blog-body .resources .aops-panel {
  border-top: 8px solid #1f3d7b;
}

#blog-body .member .aops-panel {
  border-top : 8px solid #61656d;
}


#blog-body .store #breadcrumbs-wrapper {
  box-shadow: inset 0px 10px 10px #046236;
}

#blog-body .school #breadcrumbs-wrapper {
  box-shadow: inset 0px 10px 10px #5d9602;
}

#blog-body .user #breadcrumbs-wrapper,
#blog-body .community #breadcrumbs-wrapper {
  box-shadow: inset 0px 10px 10px #295691;
}

#blog-body .resources #breadcrumbs-wrapper {
  box-shadow : inset 0px 10px 10px #162b56;
}

#blog-body .member #breadcrumbs-wrapper {
  box-shadow : inset 0px 10px 10px #3a3d41;
}

/**
 * LOGIN FORM
 */
#blog-body #login-form {
  display : none;
  background-color: white;
  padding: 10px;
  text-align: left;
  width : 480px;
}


#blog-body #login-form-links {
  background-color: #f2f2f2;
  border-top: 1px solid #ddd;
  text-align: center;
  margin: 25px -10px -10px -10px;
  padding: 5px;
}

#blog-body #login-form .info,
#blog-body #login-form .error {
  background-color: #f28888;
  border-bottom: 1px solid #ddd;
  color: darkred;
  text-align:center;
  margin: -10px -10px 10px -10px;
  padding: 5px;
  display: none;
}

#blog-body #login-form .info {
  background-color: #f2f2f2;
  display: block;
  color: #444;
  padding: 10px 40px;
  margin-bottom: 20px;
   font-size : 18px;
  padding : 10px;
  text-align : left;
}


@media (max-width:640px) {
#blog-body   #login-form {
    width : 300px;
    padding : 10px 10px;
  }


#blog-body   #login-form .form-group {
    margin-bottom : 0px;
  }

#blog-body   #login-form .form-group > div,
#blog-body   #login-form .form-group  label {
    line-height : 28px;
  }

#blog-body   #login-form form {
    margin-bottom : 5px;
    margin-top : -12px;
  }

#blog-body   #login-form .info {
    display : none;
  }

#blog-body   #login-form-links  p {
    margin : 2px 0;
  }
#blog-body   #login-form-links {
    margin-top : 5px;
    padding : 0;
  }
}
/** Start AoPS font **/

#blog-body .aops-font {
  font-family : AoPS !important;
}

/** End AoPS font **/

/** Apply to DOMs that are used only as modals **/
#blog-body .aops-modal {
  display : none;
}


/** Start headers of toplevel sections **/



/**
 * The items with #selector and #recommendation-dropdown may be
 * copied to the main page at some time, at which point it's probably
 * safe to just remove the leading .recommendations class.
 */

#blog-body .header-box {
  margin : 0 auto;
  position : relative;
  width : 1230px;
  padding-left:35px;
  padding-right:35px;
  height : 60px;
  text-align : left;
}

#blog-body .header-box .round-dropdown {
  position : absolute;
  right : 20px;
  top : 11px;
  margin-top : 7px;
}

#blog-body .header-box .header-divider {
  width : 1px;
  height : 50px;
  margin : 5px 10px;
  background-color : white;
}

#blog-body .header-box .header-title {
  display : inline-block;
  color : white;
  font-size : 2em;
  font-weight : bold;
  line-height : 56px;
  margin-top : 2px;
}

#blog-body .header-box .header-title a {
  color : white;
}


#blog-body .header-box .header-avatar {
  margin : 10px 10px 0 0;
}

#blog-body .header-box > div > div {
  display : inline-block;
  vertical-align : top;
}

#blog-body .header-box .header-user-data {
  margin-top : 8px;
}

#blog-body .header-box .header-user-data a {
  color : #fff;
}

#blog-body .header-no-user-bottom {
  margin-top : 10px;
}


@media ( max-width : 1270px ) {
#blog-body   .header-box {
    width : 980px;
  }
}

@media ( max-width : 1020px ) {
#blog-body   .header-box {
    width : 890px;
  }
}

@media ( max-width : 930px ) {
#blog-body   .header-box {
    width : 800px;
  }
}

@media ( max-width : 840px ) {
#blog-body   .header-box {
    width : 100%;
  }
}


@media ( max-width : 767px ) {
#blog-body   #header #mobile-menu-items {
    display : block;
  }



#blog-body   .header-box {
    padding-bottom : 13px;
    height : 100px;
  }

#blog-body   .resources-background-color.header-box .header-title {
    margin-top : 21px;
  }

#blog-body   .header-box .round-dropdown {
    display : block;
    position : relative;
    top : 0px;
    margin-top : 3px;
    right : 0;
  }

#blog-body   .header-box .header-divider,
#blog-body   .header-box .header-avatar,
#blog-body   .header-box .header-user-data {
    display : none;
  }
}




/** End headers of toplevel sections **/

/* Start AoPS Modal */
/** This will change a lot post-design **/

/** Note: The height of the modal frame is set in Javascript because max-height
    sets computed height percentage to none, which messes things up when children heights
    are set to percentages **/
#blog-body .aops-modal-wrapper  {
  position : fixed;
  width : 100%;
  height : 100%;
  text-align : center;
  vertical-align : middle;
  top : 0px;
  left : 0px;
  bottom : 0px;
  right : 0px;
  display : none;
}


#blog-body .aops-modal-wrapper-left {
  text-align: left;
  padding: 10px;
}

#blog-body .aops-modal-mask  {
  position : fixed; /* If change to absolute, see Modal.fitMasks for bit of code to add */
  top : -100px;
  left : -100px;
  right : -100px;
  bottom : -100px;
  background-color : #000;
  display : none;
}



#blog-body .aops-modal-frame {
  background-color : #fff;
  max-width : 80%;
  margin : 0 auto;
  box-shadow : 0px 0px 20px #333;
  border : 6px solid #ccc;
  -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#blog-body .aops-modal-short {
    display : none;
    font-size : 20px;
    margin : 20px;
}

#blog-body .aops-modal-noscroll {
  position : relative;
  width : 100%;
  height : 100%;
}

#blog-body .aops-modal-body {
  position : relative;
  height : 100%;
/*  box-shadow : 1px 1px 3px #888;*/
}

#blog-body .aops-modal-body input[type="text"] {
  background-color : white;
  border : 1px solid #a9a9a9;
}

#blog-body .aops-modal-content-wrapper > .aops-scroll-outer {
  height : 100%;
  width : 100%;
    -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  box-shadow : 1px 1px 3px #888;
}

#blog-body .aops-modal-frame.top-and-bottom > .aops-modal-content-wrapper >.aops-scroll-outer,#blog-body  .aops-modal-frame.top-and-bottom .aops-modal-noscroll {
  height : calc(100% - 70px);
  height : -webkit-calc(100% - 70px);
}

#blog-body .aops-modal-frame.top-only > .aops-modal-content-wrapper > .aops-scroll-outer,#blog-body  .aops-modal-frame.top-only .aops-modal-noscroll {
  height : calc(100% - 30px);
  height : -webkit-calc(100% - 30px);
}

#blog-body .aops-modal-frame.bottom-only > .aops-modal-content-wrapper > .aops-scroll-outer,#blog-body  .aops-modal-frame.bottom-only .aops-modal-noscroll {
  height : calc(100% - 40px);
  height : -webkit-calc(100% - 40px);
}

#blog-body .aops-modal-content-wrapper {
  box-shadow : 1px 1px 3px #888;
  position : relative;
  height : 100%;
  width : 100%;
}

#blog-body .aops-modal-vert-scroll .aops-scroll-inner {
  width : calc(100% + 25px);
  width : -webkit-calc(100% + 25px);
}

#blog-body .aops-modal-vert-scroll .aops-scroll-bar {
  height : calc(100% - 20px);
  height : -webkit-calc(100% - 20px);
  top : 10px;
  right : 7px;
}

#blog-body .aops-modal-vert-scroll .aops-scroll-content {
  width : calc(100% - 12px);
  width : -webkit-calc(100% - 12px);
  text-align : left;
}

/** RR got sick of trying to get this to work.  Maybe
 I'll try again if we ever have a front facing modal that
 needs horizontal scroll.  */
#blog-body .aops-modal-horiz-scroll .aops-scroll-inner {
  height : calc(100% + 25px);
  height : -webkit-calc(100% + 25px);
}

#blog-body .aops-modal-horiz-scroll .aops-scroll-bar {
  width : calc(100% - 20px);
  width : -webkit-calc(100% - 20px);
  bottom : 10px;
  left : 10px;
  height : 0px;
  display : none;
}

#blog-body .aops-modal-horiz-scroll .aops-scroll-slider {
  height : 0px;
}

#blog-body .aops-modal-horiz-scroll .aops-scroll-content {
  height : calc(100% - 12px);
  height : -webkit-calc(100% - 12px);
  text-align : left;
  overflow : auto;
  display : inline-block;
}


#blog-body .aops-close-x {
  width : 21px;
  height : 21px;
  border-radius : 10px;
  background-color : #555;
  color : #fff;
  position : absolute;
  top : -13px;
  font-size : 16px;
  line-height : 20px;
  right : -13px;
  padding-top : 1px;
  font-family : AoPS;
  cursor : pointer;
  /*background : url('../images/aops-modal-exit-sprite.png') 0px 0px;*/
}

#blog-body .aops-close-x:before {
  content : "J";
}

#blog-body .aops-close-x:hover {
  color : #ccc;
  text-decoration : none;
}




#blog-body .aops-modal-help {
  position : relative;
  display : inline-block;
  background : url('//artofproblemsolving.com/assets/images/aops-modal-help-sprite.png') 0px 0px;
  width : 20px;
  height : 20px;
  vertical-align : top;
}

#blog-body .aops-modal-help:hover {
  background : url('//artofproblemsolving.com/assets/images/aops-modal-help-sprite.png') 0px 20px;
}

/*
MODALCHANGE RR 2/18/15

#blog-body .aops-modal-open {
  overflow : hidden;
}

#blog-body .aops-modal-open.modal-page-overflow #page-wrapper,#blog-body  .aops-modal-open.modal-page-overflow .page-container {
  overflow-y : scroll;
}
*/

/* AoPS Standard Modal Style */


#blog-body .aops-modal-standard  .aops-modal-body {
  min-width : 350px;
  padding : 10px;
  text-align : left;
  font-size : 15px;
}
/* From PM: because these min-widths are too high at a browser width of 320px. */
@media (max-width : 500px) {
#blog-body   .aops-modal-standard  .aops-modal-body {
    min-width: 0;
  }
}

#blog-body .aops-modal-standard  .aops-scroll-content .aops-modal-body {
  padding-right : 30px;
}

#blog-body .aops-modal-body .aops-modal-title {
  margin : 0;
  overflow : hidden;
  padding : 0;
}

#blog-body .aops-modal-standard .aops-modal-title,#blog-body  .aops-modal-plain-body .aops-modal-title {
   font-size : 18px;
   height : 30px;
   line-height : 28px;
  overflow : hidden;
   background-color : #eee;
  text-align : left;
  padding : 0 10px;
}



#blog-body .aops-modal-standard .aops-modal-footer,#blog-body  .aops-modal-plain-body .aops-modal-footer {
  text-align : left;
  font-size : 14px;
  padding : 5px 10px;
  position : relative;
  background-color : #eee;
  height : 40px;
}

/** Must be after footer **/
#blog-body .aops-modal-standard  .aops-modal-buttons  {
  text-align : right;
  padding-top : 7px;
}


#blog-body .aops-modal-standard  .aops-modal-btn  {
  margin : 0px 2px;
}

/** AoPS Quick Modal corrections **/

#blog-body .aops-modal-quick  .aops-modal-body {
  padding : 17px;
  font-size : 17px;
}

#blog-body .login-prompt-modal .btn:first-child {
  background-color : #eee;
  color : #336CB5;
}

#blog-body .login-prompt-modal .btn:first-child:hover {
  text-decoration : underline;
}

@media (max-width:400px) {
#blog-body   .login-prompt-modal .btn:first-child {
    display : none;
  }
}

/* End AoPS Modal */

/** Start AoPS Scrollbar CSS **/

#blog-body .aops-scroll-outer {
  position : relative;
  overflow : hidden;
}

#blog-body .aops-scroll-bar {
  position : absolute;
  z-index : 10;
  width : 10px; /* Default; overwrite me */
  right : 0px; /* Default; overwrite me */
  height : 100%; /* Default; overwrite me */
  border-radius : 5px; /* Default; overwrite me */
  background-color : #aaa; /* Default; overwrite me */
}

#blog-body .aops-scroll-slider {
  position : relative;
  width : 10px; /* Default; overwrite me */
  background-color : #444; /* Default; overwrite me */
  border-radius : 5px; /* Default; overwrite me */
}

#blog-body .aops-scroll-inner {
  position : relative;
  height : 100%;
  -webkit-overflow-scrolling: touch;
}

#blog-body .aops-scroll-content {
  position : relative;
  overflow : hidden; /* Needed for the margin collapsing issue. */
}

#blog-body .aops-scroll-fade-top {
  z-index: 5;
  width : 100%;
  position : absolute;
  left : 0px;
  top : 0px;
  pointer-events : none;
    /* From http://www.colorzilla.com/gradient-editor/ */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

#blog-body .aops-scroll-fade-bottom {
  z-index: 5;
  position : absolute;
  width : 100%;
  left : 0px;
  bottom : 0px;
  pointer-events : none;
    /* From http://www.colorzilla.com/gradient-editor/ */
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#blog-body .aops-scroll-fade-left {
  z-index: 5;
  height : 100%;
  position : absolute;
  left : 0px;
  top : 0px;
  pointer-events : none;
    /* From http://www.colorzilla.com/gradient-editor/ */
    background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

#blog-body .aops-scroll-fade-right {
  z-index: 5;
  position : absolute;
  height : 100%;
  right : 0px;
  top : 0px;
  pointer-events : none;
    /* From http://www.colorzilla.com/gradient-editor/ */
  background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

/** End AoPS Scrollbar CSS **/


/** Begin autocomplete CSS **/

#blog-body .ui-helper-hidden-accessible {
  display : none !important;
}

#blog-body .ui-autocomplete-term {
  font-weight : bold;
}

/** End autocomplete CSS **/



/**
 * Default chosen style. Use class aops-select on select tag
 */
#blog-body .aops-select + .chosen-container {
  vertical-align: top;
}
#blog-body .aops-select + .chosen-container .chosen-single {
  background: none repeat scroll 0 0 padding-box #eeeeee;
  border-radius: 0;
  line-height: 21px;
}
#blog-body .aops-select + .chosen-container .chosen-results {
  color: #444;
}


/**
 * The big bar is usually shown in place of a breadcrumb bar
 */
#blog-body .big-bar-wrapper {
  background-color: #06854a;
  height: 70px;

  background: rgb(30,108,206);
  background: linear-gradient(to bottom, rgb(26,92,176) 0%,rgb(30,108,206) 12px,rgb(30,108,206) 100%); /* W3C */

  margin : 0 0 10px 0;
}
#blog-body .big-bar {
  width : 1160px;
  color: white;
  margin: auto;
  padding-top : 10px;
}

#blog-body .store .big-bar-wrapper {
  background: #008345;
  box-shadow: inset 0px 10px 10px #046236;
}

#blog-body .school .big-bar-wrapper {
  background : #6db101;
  box-shadow: inset 0px 10px 10px #5d9602;
}

#blog-body .community .big-bar-wrapper {
  background : #356cb5;
  box-shadow: inset 0px 10px 10px #295691;
}

#blog-body .resources .big-bar-wrapper {
  background : #1f3d7b;
  box-shadow : inset 0px 10px 10px #162b56;
}

/**
 * Responsive design
 */

@media (max-width : 1270px ) {
#blog-body   #header-old,#blog-body  #breadcrumbs,#blog-body  #main-content,#blog-body  #header-old-ribbon,#blog-body  #main-column {
    max-width : 980px;
    width : 980px;
  }

#blog-body   .left-navigation #main-column {
    width : 728px;
  }
#blog-body   .big-bar {
    width : 900px;
  }
}

@media ( max-width : 1020px ) {
#blog-body   #header-old,#blog-body  #breadcrumbs,#blog-body  #main-content,#blog-body  #header-old-ribbon,#blog-body  #main-column {
    max-width : 890px;
    width : 890px;
  }
#blog-body   .left-navigation #main-column {
    width : 638px;
  }
#blog-body   .big-bar {
    width : 820px;
  }
}

@media ( max-width : 930px ) {
#blog-body   #header-old,#blog-body  #breadcrumbs,#blog-body  #main-content,#blog-body  #header-old-ribbon,#blog-body  #main-column {
    max-width : 800px;
    width : 800px;
  }
#blog-body   .left-navigation #main-column {
    width : 548px;
  }
#blog-body   .big-bar {
    width : 730px;
  }
}

@media ( max-width : 840px ) {
#blog-body   #header-old,#blog-body  #breadcrumbs,#blog-body  #main-content,#blog-body  #header-old-ribbon,#blog-body  #main-column {
    max-width : 99.9%;
    width : 99.9%;
  }

  /** Prevent wrapping under submenu icon */
#blog-body   #breadcrumbs {
    max-width : calc(100% - 50px);
    max-width : -webkit-calc(100% - 50px);
    overflow-x : hidden;
  }

#blog-body   #header-old-ribbon {
    right : 10px;
  }
#blog-body   .left-navigation #main-column,#blog-body  #main-column {
    float : none;
    width : 97%;
    margin-left : auto;
    margin-right : auto;
  }

#blog-body   .big-bar {
    width : 92%;
  }

}

@media ( max-width : 768px ) {
#blog-body   #mobile-dropdown-thumb {
    display : block;
  }

#blog-body   #header-old-ribbon {
    right : 0;
  }
#blog-body   #banner {
    display : none;
  }
}
#blog-body img.latex {
  vertical-align: -0px;
  -moz-transform : rotate(0deg); /* Firefox hack */
}


/**
 * Profile control
 */
#blog-body #profile-flyout {
  z-index: 99999;
  height : 140px;
  width : 200px;
  right: 50px;
  position : fixed;
  bottom : -117px;
  font-size : 12px;
  line-height: 16px;
}

#blog-body #profile-flyout .tab {
  position : absolute;
  left : 70px;
  top : 1px;
  width : 60px;
  margin : auto;
  border : 1px solid green;
  background-color: white;
  text-align : center;
  border-top-left-radius : 8px;
  border-top-right-radius : 9px;
  height : 23px;
  line-height : 23px;
  border-bottom : none;
  cursor : pointer;
}

#blog-body .infobar {
  padding : 2px 0;
  text-align : center;
  background-color : #20458C;
  font-size : 12px;
  height : 22px;
  line-height : 21px;
  color : white;
}

#blog-body .infobar-hide {
  float : right;
  padding-right : 10px;
  cursor : pointer;
  height : 20px;
}

#blog-body .infobar a,#blog-body  .inforbar a:visited {
  color : white;
}


/**
 * Full-screen mode.  This should always be last.
 */
#blog-body .fullscreen #header-wrapper,#blog-body  .fullscreen #footer-wrapper,#blog-body  .fullscreen #small-footer-wrapper {
  display : none !important;
}

#blog-body ul.ui-menu {
  z-index : 500000000;
}

/** Username autocomplete drop-down styling.  We'll clean this up at some point **/

#blog-body ul.ui-menu.username-autocomplete {
  position : absolute;
  padding-left : 1px;
  background-color : #ccc;
  border : 1px solid black;
}

#blog-body ul.ui-menu.username-autocomplete li {
  list-style : none;
  margin-left : 2px;
}

#blog-body ul.ui-menu.username-autocomplete .ui-state-focus {
  background-color : #fff !important;
}


@media screen {
#blog-body   .printer {
    display : none;
  }
}

@media print {
#blog-body {
    font-size : 12px;
  }
#blog-body   .no-print,#blog-body  .btn,#blog-body  #header,#blog-body  #breadcrumbs-wrapper {
    display : none;
  }
#blog-body   #footer-wrapper,#blog-body  #profile-flyout {
    display : none;
  }
#blog-body   #header-old-ribbon,#blog-body  #header-old-background .colors {
    display : none;
  }
#blog-body   #header-old-background .print {
    display : block;
  }
#blog-body   #header-old .navigation {
    display : none;
  }
#blog-body   .infobar {
    display : none;
  }
#blog-body   .aops-panel {
    box-shadow: none;
    border-top-width : 2px;
  }
#blog-body   #print-footer {
    font-size : 11px;
    text-align : right;
  }
}

/*
PM: New hi-res latex images require set widths. These widths must apply
directly to the image. This is why we change the box-sizing.
*/
#blog-body img.latexcenter,#blog-body  img.asy-image {
  display : block;
  margin : auto;
  padding : 1em 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -moz-transform : rotate(0deg); /* Firefox hack */
}



/* AoPS fixes for YUI3 Grids */
#blog-body .form-group:before,
#blog-body .form-group:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
#blog-body .form-group:after {
  clear: both;
}

#blog-body .form-group > div:first-child {
  float : left;
  min-height : 1px;
  width : 25%;
}

#blog-body .form-group label {
  white-space : nowrap;
  float : right;
  margin-right : 10px;
  line-height : 34px;
}

#blog-body .form-group.small label {
  line-height : 25px;
}

#blog-body .form-group label + div {
  clear : both;
  font-size : 11px;
  text-align : right;
  margin-right : 10px;
  line-height : 14px;
  white-space : normal;
  top : -8px;
  position:relative;
}

#blog-body .form-group > div:nth-child(2) {
  float : left;
  min-height : 1px;
  width : 50%;
}

#blog-body .checkbox-list label {
  display : block;
  font-weight : normal;
  line-height : 1.428571429em;
  clear : both;
  float : none;
}
#blog-body .checkbox-list input[type="checkbox"] {
  float : left;
  margin-right: 0.4em;
}



#blog-body .aops-modal-body .form-group > div:nth-child(2) {
  width : 75%;
}

#blog-body table td.currency,#blog-body  table th.currency {
  text-align : right;
}

#blog-body .currency {

}
#blog-body .currency.negative {
  color : darkred
}

/* The dash is pushed down when bold, so life it back up */
#blog-body .currency .dash {
  font-weight : normal;
  position : relative;
  top : -1px;
}

@media ( max-width : 1020px ) {
#blog-body   .form-group > div:nth-child(2) {
    width: 75%;
  }
}

@media ( max-width : 930px ) {
#blog-body   .form-group > div:first-child {
    width: 30%;
  }
#blog-body   .form-group > div:nth-child(2) {
    width: 70%;
  }


#blog-body   .aops-modal-body .form-group > div:first-child {
    width: 25%;
  }
#blog-body   .aops-modal-body .form-group > div:nth-child(2) {
    width: 75%;
  }
}


@media (max-width : 640px) {
#blog-body   .aops-modal-body .form-group > div:first-child,
#blog-body   .form-group > div:first-child,#blog-body  .form-group label {
    float: none;
    width : 100%;
  }


#blog-body   .aops-modal-body .form-group > div:nth-child(2),
#blog-body   .form-group > div:nth-child(2) {
    float: none;
    width: 100%;
  }

#blog-body   .form-group label + div {
    text-align : left;
    margin-right : 0;
  }

}



#blog-body table.aops {
  width : 100%;
  background-color : white;
  padding : 1px;
  margin : 1em 0;
  border-collapse: collapse;
  border-spacing : 2px;
  display : table;
  border: 1px solid #white;
  box-shadow: 3px 3px 13px #aaa;
}

#blog-body table.aops th {
  background-color : #20458C;
  color : white;
}

#blog-body th.tablesorter-header {
  cursor : pointer;
}

#blog-body table.aops tr {
  background-color : #f2f2f2;
}

#blog-body table.aops tr:nth-child(even) {
  background-color : #e1e1e1;
}

#blog-body table.aops td,#blog-body  table.aops th {
  padding : 3px 10px;
  vertical-align : top;
  border : 1px solid white;
}

#blog-body table.aops.interactive tr:hover td {
  background-color : lightblue;
  cursor : pointer;
}
#blog-body table.aops.interactive tr.active td {
  background-color : lightgreen;
  cursor : pointer;
}



/**
 * ASK AOPS WIDGET
 */

#blog-body .askaops {
  background-image: url(data:image/gif;base64,R0lGODlh6wABAPcAAMTHxuHr5uby7AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAA6wABAAAIHgAFCBxIsKDBgwgTKlzIsKHDhxAjSpxIsaLAAAACAgA7);
  background-repeat : repeat-y;
}

#blog-body .askaops label {
  display : block;
}

#blog-body .askaops .form-control {
  margin-top : 10px;
}

#blog-body .askaops .askaops-categories {
  float : left;
  width : 235px;
  padding : 10px;
  text-align : left;
  min-height : 200px;
}

#blog-body .askaops .askaops-form {
  margin-left : 235px;
  padding : 10px;
  text-align : left;
}

#blog-body .askaops h1 {
  margin-top : 0;
  margin-bottom : 5px;
  font-size : 20px;
}

#blog-body .askaops #askaops-error,#blog-body  .askaops #askaops-username,#blog-body  .askaops #askaops-ordernumber,#blog-body  .askaops #askaops-course {
  display : none;
}

/* Make controls slightly smaller when scroll bar appears */
#blog-body .askaops-modal .aops-scrollbar-visible .form-control {
  width : 97%;
}

#blog-body .askaops-modal .aops-scrollbar-visible .btn {
  margin-right : 3%;
}

@media ( max-width : 767px ) {
#blog-body   .askaops {
    background : none;
  }
#blog-body   .askaops .askaops-categories {
    float : none;
    width : 100%;
    display : none;
  }
#blog-body   .askaops .askaops-form {
    margin-left : 0;
  }
}

#blog-body #main-column .CodeMirror pre:last-child {
  padding-bottom : 0;
}

#blog-body .aopscode-error {
  color : red;
}

#blog-body .tablet { display : none !important; }
#blog-body .desktop { display : none !important; }
@media ( min-width : 769px ) {
#blog-body   .desktop { display : block !important; }
#blog-body   .tablet { display : none !important; }
}
@media ( min-width : 481px ) {
#blog-body   .mobile { display : none !important; }
#blog-body   .tablet { display : block !important; }
}

#blog-body .bbcode-youtube {
  display : block;
  width : 640px;
  height : 385px;
}

#blog-body .bbfont-half {
  font-size : 8px;
}

#blog-body .bbfont-three-q {
  font-size : 12px;
}

#blog-body .bbfont-regular {
  font-size : 15px;
}

#blog-body .bbfont-one-five {
  font-size : 22px;
  line-height : 24px;
}

#blog-body .bbfont-double {
  font-size : 30px;
  line-height : 32px;
}

/**
 * Override select2 stylesheet
 */
#blog-body .select2-container .select2-choice .select2-arrow b {
    background-position : 0 -1px;
}
#blog-body .select2-container .select2-choice {
    height : 24px;
  border-radius : 0;
  line-height : 24px;
}
#blog-body .select2-container .select2-choice .select2-arrow {
  border-radius : 0;
}


/** Work on getting an input text and button to align **/
#blog-body .inline-input:before,#blog-body  .inline-input:after {
  content: " ";
  display: table;
}
#blog-body .inline-input:after {
  clear : left;
}
#blog-body .inline-input input[type="text"] {
  float : left;
  line-height : 25px;
  padding : 0 5px;
  border : 1px solid #ddd;
  border-right : none;
  height : 26px;
  outline : none;
}
#blog-body .inline-input input[type="submit"] {
  float : left;
  border : 1px solid #ddd;
  border-left : none;
  line-height : 25px;
  height : 26px;
}
#blog-body .school .inline-input input[type="submit"] {
  background-color : #6db101;
}






#blog-body #the-end-1 {
  padding : 15px;
  background-color : #1F3C7B;
  font-size : 12px;
}

#blog-body #the-end-1 .container {
  position : relative;
}

#blog-body #the-end-2 .container .copy {
  float : left;
  width : 20%;
}

#blog-body #the-end-2 .container .copy span {
  width : 120px;
  margin : auto;
  display : block;
  color : #7289BF;
}

#blog-body #the-end-1 h2 {
  color : white;
  font-size : 15px;
  margin : 0;
  padding : 0;
}

#blog-body #the-end-1 a.link {
  display : block;
  color : #C4DD89;
  line-height : 22px;
  padding-left : 3px;
}

#blog-body #the-end-1 .col-wasc {
  float : left;
  width : 25%;
  font-size : 10px;
  font-weight : bold;
  color : #7289BF;
  text-align : center;
  display : none;
}

#blog-body #the-end-1 .col-wasc div {
  background-image : url(//artofproblemsolving.com/assets/images/main-spritesheet.gif);
  background-position : -405px -144px;
  width : 100px;
  height : 100px;
  margin : auto;
}

#blog-body #the-end-1 .col-about {
  float : left;
  width : 33%;
}

#blog-body #the-end-1 .col-info {
  float : left;
  width : 33%;
}

#blog-body #the-end-1 .col-help {
  float : left;
  width : 33%;
}

#blog-body #the-end-1 .stay-connected {
  clear : left;
  color : white;
  max-width : 320px;
  float : none;
  padding-top : 10px;
}

#blog-body #the-end-1 .stay-connected a {
  color : #C4DD89;
  font-weight : bold;
}

#blog-body #the-end-1 .stay-connected .copy {
  margin : 5px 0;
}

#blog-body #the-end-1 .stay-connected input.email {
  border : none;
  float : left;
  height : 24px;
  width : 160px;
  padding: 0 3px;
  font-family : arial;
}

#blog-body #the-end-1 .stay-connected input.btn {
  float : left;
  background-image: url(//artofproblemsolving.com/assets/images/index-button-green-2.gif);
  border : none;
  color : white;
  font-family: arial;
}

#blog-body #the-end-2 {
  padding : 15px;
  background-color : #0F2C6E;
  color : #6A97B6;
  font-size : 12px;
}

#blog-body #the-end-1 .beast {
  clear : both;
  margin-top : 46px;
  background-image: url("//artofproblemsolving.com/assets/images/index-ba-footer-2.png");
  width: 435px;
  height: 120px;
  z-index: 20;
  display : block;
}

@media( max-width : 480px ) {
#blog-body   #the-end-1 .beast {
    background-position : -144px 0;
    width : 289px;
    height : 68px;
  }
}

#blog-body #the-end-1 .social-icon {
  float : right;
  background-image : url("//artofproblemsolving.com/assets/images/main-spritesheet.gif");
  width : 31px;
  height : 31px;
  margin-left : 10px;
}

#blog-body #the-end-1 .twitter-icon {
  background-position: -32px -108px;
}

#blog-body #the-end-1 .facebook-icon {
  background-position: left -108px;
  margin-right : 90px;
}


@media ( min-width : 768px ) {
#blog-body   #the-end-1 {
    margin : auto;
  }

#blog-body   #the-end-1 .container,#blog-body  #the-end-2 .container {
    margin : auto;
    /*width : 768px;*/
  }

#blog-body   #the-end-1 .col-wasc {
    display : block;
  }

#blog-body   #the-end-1 .col-about {
    width : 25%;
  }

#blog-body   #the-end-1 .col-info {
    width : 25%;
  }

#blog-body   #the-end-1 .col-help {
    width : 25%;
  }

#blog-body   #the-end-1 .stay-connected {
    float : left;
  }

#blog-body   #the-end-1 .beast {
    clear : right;
    float : left;
    margin-top : 0;
    margin-left : 30px;
    padding : 0;
  }

#blog-body   #the-end-1 .facebook-icon {
    margin-right : 0;
  }
}

@media ( min-width : 931px ) {
#blog-body   #the-end-1 .col-wasc {
    width : 20%;
  }

#blog-body   #the-end-1 .col-about {
    width : 16%;
  }

#blog-body   #the-end-1 .col-info {
    width : 16%;
  }

#blog-body   #the-end-1 .col-help {
    width : 16%;
  }

#blog-body   #the-end-1 .stay-connected {
    padding-top : 0;
    clear : none;
    width : 32%;
    float : left;
  }

#blog-body   #the-end-1 .beast {
    position : absolute;
    bottom : -70px;
    left : 130px;
  }
}

@media ( min-width : 931px ) {
#blog-body   #the-end-1 .container,#blog-body  #the-end-2 .container {
    margin : auto;
    width : 858px;
  }

#blog-body   #the-end-1 .facebook-icon {
    margin-right : 40px;
  }
}

@media ( min-width : 1020px ) {
#blog-body   #the-end-1 .container,#blog-body  #the-end-2 .container {
    margin : auto;
    width : 948px;
  }

#blog-body   #the-end-1 .beast {
    left : 220px;
  }

#blog-body   #the-end-1 .facebook-icon {
    margin-right : 70px;
  }
}

@media ( min-width : 1270px ) {
#blog-body   #the-end-1 .container,#blog-body  #the-end-2 .container {
    margin : auto;
    width : 1108px;
  }

#blog-body   #the-end-1 .facebook-icon {
    margin-right : 90px;
  }
}


/* The round dropdown as found on some index on recommendations pages */

#blog-body .round-dropdown {
  min-width : 200px;
  border-radius : 12px;
  background-color : white;
  padding : 0 12px;
  line-height : 24px;
  box-shadow : 0px 0px 4px #888;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index : 900; /* Must be lower than the feed */

}

#blog-body .round-dropdown:before {
  position : absolute;
  right : 10px;
  content : "S";
  font-family : "AoPS";
  color : #008345;
  font-size : 20px;
  transform : rotate( 90deg );
  cursor : pointer;
}

#blog-body .round-dropdown.open:before {
  transform : rotate( 0deg );
}

#blog-body .round-dropdown .selected {
  min-height : 24px;
  margin-right : 40px;
  cursor : pointer;
  color : #999;
}

#blog-body .round-dropdown .content {
  display : none;
  color : #333;
}

#blog-body .round-dropdown.open .content {
  display : block;
  padding-bottom : 10px;
}

#blog-body .round-dropdown .header {
  font-weight : bold;
  color : #333;
}

#blog-body .round-dropdown .indenter {
  display : block;
  margin-left : 15px;
}

#blog-body .round-dropdown a:hover {
  font-weight : bold;
}

#blog-body.school .round-dropdown:before,
#blog-body .school-background-color .round-dropdown:before {
  color : #6db101;
}


#blog-body #main-column {
  position : relative;
}
#blog-body #main-column .round-dropdown {
  position : absolute;
  top : 10px;
  right : 0px;
}

@media (max-width : 600px) {
#blog-body   #main-column .round-dropdown {
    position : relative;
    top : auto;
    right : auto;
    margin-bottom : 15px;
  }
}


#blog-body a.full-cell-link {
  position : absolute;
  width : 100%;
  height : 100%;
  top : 0;
  left : 0;
  z-index : 3;
  background-color : white;
  opacity : 0;
  filter : alpha(opacity=1);
}

/** Needed because community overrides input[type=text] without properly namespacing it! grr! **/
#blog-body #login-username {
    padding : 6px 12px;
}


#blog-body .to-edit {
  background-color : yellow;
}


#blog-body .faq-panel .grey-panel {
  cursor : pointer;
  box-shadow : 0px 0px 6px #ccc;
}


#blog-body .faq-panel .faq-item {
  margin-bottom : 10px;
}

#blog-body .faq-panel .faq-item:last-child {
  margin-bottom : 0;
}

#blog-body .faq-panel .question {
  font-weight : bold;
}

#blog-body .faq-panel .answer {
  padding-left : 10px;
}


#blog-body .store .tab-wrapper,
#blog-body .school .tab-wrapper  {
  width : 100%;
}

#blog-body .store .tab,
#blog-body .school .tab {
  background-color: #61646d;
  color : white;
  margin : 0;
  padding : 3px 0px;
  text-align : center;
  box-sizing : border-box;
  cursor : pointer;
  height : 44px;
  line-height: 44px;
  border-bottom:2px solid white;
  font-weight : bold;
}
#blog-body .store .tab:hover {
  background-color: #008345;
  opacity : .5;
}
#blog-body .school .tab:hover {
  background-color : #6db101;
  opacity : .5;
}

#blog-body .store .tab.active {
  background-color: #008345;
}
#blog-body .school .tab.active {
  background-color : #6db101;
}
#blog-body .store .tab-contents,
#blog-body .school .tab-contents {
  background-color : white;
  padding : 10px 15px;
  min-height : 300px;
  box-shadow : 2px 2px 6px #ccc;
}

#blog-body .store .tab-contents h3:first-child ,
#blog-body .store .tab-contents h3:nth-child(2),
#blog-body .school .tab-contents h3:first-child ,
#blog-body .school .tab-contents h3:nth-child(2) {
  margin-top : 0px;
}


@media ( min-width : 769px ) {
#blog-body   .store .tab,
#blog-body   .school .tab {
    width : 25%;
    float : left;
    border-right:2px solid white;
    line-height : inherit;
    height : auto;
  }
#blog-body   .store .three-tabs .tab,
#blog-body   .school .three-tabs .tab {
    width : 33.33%;

  }
#blog-body   .store .tab:nth-child(4),
#blog-body   .school .tab:nth-child(4) {
    border-right-width: 0px;
  }

#blog-body   .store .three-tabs .tab:nth-child(3),
#blog-body   .school .three-tabs .tab:nth-child(3) {
    border-right-width: 0px;
  }
}

#blog-body .my-items-sidebar {
  font-size : 16px;
  color : white;
  font-weight : bold;
}

#blog-body .my-items-sidebar a,
#blog-body .my-items-sidebar a:visited {
  font-size : 16px;
  color : white;
  font-weight : bold;
}


#blog-body .sidebar-myitem {
  margin-left : 23px;
  font-weight : bold;
  line-height : 18px;
  margin-top : 3px;
  padding-left : 10px;
  text-indent : -10px;
}


#blog-body .sidebar-myitem a,
#blog-body .sidebar-myitem a:visited {
  color : #ddedcd;

}

#blog-body .resources .sidebar-myitem a,
#blog-body .resources .sidebar-myitem a:visited {
  color : #b3c5e6;
}