#blog-body input,#blog-body  select,#blog-body  textarea {
  border        : 1px solid #d0d0d0;
    font-family         : Verdana,Arial,Helvetica,sans-serif;
    font-size           : 13px;
}

#blog-body button,#blog-body  input[type="reset"],#blog-body  input[type="button"],#blog-body  input[type="submit"] {
  padding        : 0 6px;
  text-align      : center;
  white-space      : pre;
}
#blog-body .deleted {
  background-color: #A19CA6;
}

#blog-body .foe {
  background-color: #FF6600;
}

#blog-body .num_replies {
  float: right;
}

#blog-body .no_blogs {
  text-align: center;
  font-size: 1.3em;
  font-weight: bold;
}

#blog-body #replies {
  text-align: center;
  margin-top: 15px;
}

/**
* Left menu
*/
#blog-body #left_menu {
  width: 240px;
  vertical-align: top;
}


#blog-body #blog_searchform {
  color: #FFFFFF;
  margin-top: 5px;
  white-space: nowrap;
}

/**
 * Standard CSS
 */

#blog-body {
  font-size      : 11pt;
  font-family      : Arial;
  text-align      : center;
  margin        : 0;
  padding        : 0;
  display        : block;
  background-image   : none;
  background-color : transparent;
}

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

#blog-body .inputbox {
  width        : 100%;
}

#blog-body a:hover {
  color        : #ff6600;
  text-decoration    : underline;
}

#blog-body a:visited {
  color        : #0066cc;
  text-decoration    : none;
}

#blog-body a:link {
  color        : #2188e0;
  text-decoration    : none;
}

#blog-body h1 {
  display        : block;
  font-weight      : normal;
  letter-spacing    : 1px;
  margin        : 0;
  font-size      : 16pt;
}

#blog-body a h1:hover {
  text-decoration : underline;
}

#blog-body h2 {
  color        : #0066cc;
  font-size      : 10pt;
  font-weight      : normal;
  margin        : 0;
}

#blog-body img {
  border        : 0 none;
  max-width      : 100%;
}


#blog-body #wrapper {
  background      : white url(//artofproblemsolving.com/m/community/img/blogs/hyperion/bg.png) repeat-y scroll right center;
  border-bottom    : 1px solid #bcbcbc;
  border-left      : 1px solid #bcbcbc;
  border-right    : 1px solid #bcbcbc;
  margin-left      : auto;
  margin-right      : auto;
  padding        : 0 2px 2px;
  text-align      : center;
  width        : 800px;
}

#blog-body #header {
  background      : #efefef none repeat scroll 0 0;
  clear        : both;
  font-family      : Tahoma;
  font-size      : 5em;
  line-height      : 1.5em;
  height : auto;
  width : auto;
  overflow      : auto;
  vertical-align    : middle;
  white-space      : nowrap;
  border-top      : 5px solid #cccccc;
  border-bottom    : 5px solid #cccccc;
  z-index : 1;
}

#blog-body #main {
  width        : 530px;
  padding        : 5px;
  float        : left;
}

#blog-body div#header h1 {
  text-align      : center;
}

#blog-body #content {
  text-align      : left;
}


#blog-body div.entry {
  border-bottom    : 1px dashed #cccccc;
  margin-top      : 1em;
  overflow-y       : visible;
  padding-bottom    : 1em;
}

#blog-body div.entry h1 {
  padding        : 0.1em;
}

#blog-body div .entrywrap,#blog-body  div .entrywrap-hover {
  background-color  : #dedede;
  border        : 1px solid black;
  margin        : 0.5em;
  overflow-y       : visible;
  padding        : 0.5em;
  height        : 99%;
  position : relative;
}

#blog-body #navigation_box {
  background-color  : #006699;
  border-bottom    : 1px dashed #fff;
  padding        : 2px 2px 3px;
}

#blog-body #navigation_box a {
  color        : #fff;
}

#blog-body #left_navigation_box {
  float        : left;
  text-align      : left;
  width        : auto;
}

#blog-body #right_navigation_box {
  float        : right;
  text-align      : right;
  width        : auto;
}

#blog-body div.comment {
  clear        : both;
}

#blog-body div.actions {
  float        : left;
  font-size      : 10px;
  padding        : .5em;
  text-align      : left;
}

#blog-body div.modactions {
  float        : right;
  font-size      : 10px;
  padding        : 0.5em 0 0;
  text-align      : right;
}

#blog-body div.cfooter div.actions {
  padding        : 0;
}

#blog-body div.modactions ul,
#blog-body div.actions ul {
  border        : medium none;
  display        : inline;
  list-style-image  : none;
  list-style-position  : outside;
  list-style-type    : square;
  margin-left      : 0;
  padding-left    : 0;
}

#blog-body div.modactions ul li,
#blog-body div.actions ul li {
  border        : medium none;
  display        : inline;
  margin-left      : 0;
  margin-top      : 0.2em;
  /*padding        : 0.2em 0.5em 0;NEW-REMOVE*/
}

#blog-body div.modactions ul li a,
#blog-body div.actions ul li a {
  display        : inline;
  text-decoration    : underline;
}

#blog-body div.comment {
  border-bottom    : 1px solid #ccc;
  margin-top      : 1em;
  overflow      : auto;
  /*padding-bottom    : 1em;NEW-REMOVED */
}

#blog-body div.commentwrap {
  height        : auto;
  overflow      : auto;
  padding        : 0.5em 0.5em 0 0.5em;
  width        : 97%;
  position : relative;
  /*margin        : 0 auto 10px auto; NEW-REMOVED*/
}

#blog-body input.helpline {
  display        : none;
}

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

#blog-body fieldset.admin dt {
  border-right    : 1px solid #ccc;
  float        : left;
  padding-top      : 3px;
  text-align      : left;
  width        : 45%;

}

#blog-body fieldset.admin dd {
  border        : none;
  margin        : 0 0 0 45%;
  padding        : 0 0 0 5px;
  vertical-align    : top;
}

#blog-body #side {
  float        : right;
  line-height      : 1.4em;
  margin        : 0;
  padding        : 5px;
  width        : 258px;
}

#blog-body #side .block {
  clear        : both;
  padding        : 1em 0;
}

#blog-body #side .widget {
  margin-bottom    : 2em;
}

#blog-body .widget-title {
  font-size      : 13px;
  font-weight      : bold;
  padding-bottom    : 2px;
}

#blog-body fieldset {
  border        : 2px groove threedface;
  display        : block;
  background-color   : transparent;
  margin        : 0 2px;
  padding        : 0; /*0.35em 0.625em 0.75em;/* this was commented out once */
}

#blog-body fieldset ul {
  list-style-image  : none;
  list-style-position  : outside;
  list-style-type    : none;
  margin        : 0;
  padding        : 0;
}

#blog-body .row1 {
  background-color  : #f9f9f9;
}

#blog-body .row2 {
  background-color  : #f0f0f0;
}

#blog-body fieldset.submit-buttons {
  text-align      : center;
}

#blog-body div.quotetitle,#blog-body  div.quotecontent {
  background-color  : #ebeadd;
  border-right     : 1px solid #dbdbce;
  border-left      : 1px solid #dbdbce;
}

#blog-body div.quotecontent {
  border-bottom    : 1px solid #dbdbce;
}

#blog-body div.quotetitle {
  border-top      : 1px solid #dbdbce;
  font-weight      : bold;
}

#blog-body ul.cats li {
  font-size      : 8pt;
  line-height      : 24px;
}

#blog-body .archive-row {
    padding-left        : 15px;
    padding-bottom      : 2px;
}
#blog-body img.latexcenter {
  display        : block;
  margin        : auto;
  text-align      : center;
}
#blog-body .hidden-label {
    color               : blue;
    text-decoration     : underline;
    cursor              : pointer;
}
#blog-body #blog-errors {
  margin : 1em;
  border: 2px solid #800;
  background-color: #eee;
  font-size      : 16px;

}

#blog-body div.post-tags {
  margin: 5px 0;
  font-weight: bold;
}

#blog-body a:link.post-tag,#blog-body  a:visited.post-tag {
  font-weight: normal;
}


/** New material **/


/** Loader for when stuff is being fetched from the server **/
#blog-body .blog-loader {
  background  : url(//artofproblemsolving.com/assets/images/logo-ludicrous.gif) center center no-repeat;
  width : 100%;
  height : 40px;
}


/** Start scrollbars in the side panel **/

#blog-body .blog-scroll-outer {
  width : 100%;
  height : 100%;
  left : 0px;
  padding        : 0.35em 0.625em 0.75em;
}


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

#blog-body .blog-scroll-outer .aops-scroll-content {
  width : 221px;
}

#blog-body .blog-scroll-outer .aops-scroll-bar {
  right : 7px;
  height : calc(100% - 1.1em);
  height : -webkit-calc(100% - 1.1em);
}

/** End scrollbars in the side panel **/

/** Start archive stuff in the side panel **/
#blog-body .archive-month {
  font-size: 10pt;
}

#blog-body .archive-month-header {
  cursor : pointer;
}

#blog-body .archive-row {
  padding-bottom : 2px;
  padding-left : 39px;
  text-indent : -24px;
  overflow : hidden;
}

#blog-body .archive-month-collapsed {
  display : none;
}

/** Start shoutbox stuff **/
#blog-body #shouts-widget fieldset.blog-shout-wrapper {
  height : 400px; /* Height of the shoutbox */
}

#blog-body .blog-shout-wrapper .aops-scroll-content {
  width : 208px;
}


#blog-body .blog-shout .aops-icon {
  font-size : 16px;
  color : #990000;
  margin-right : 6px;
  cursor : pointer;
}

#blog-body #shouts-widget ul {
  -webkit-margin-before : 0;
  -webkit-padding-start : 0;
  display : block;
    margin-top : -7px;

}

#blog-body #shouts-widget   li {
  padding : 0 3px;
  overflow-x : hidden;
}


#blog-body #message {
  width : 247px;
  height : 100px;
  margin : 0 2px 2px 2px;
}

#blog-body #shout-helper {
  display : none;
}

#blog-body #submit {
  float : right;
  cursor : pointer;
}

/** End Shoutbox stuff **/


/** Reply window sizing **/


#blog-body .blog-reply-window .cmty-posting-box-container textarea {
  height : 400px;
}

#blog-body .blog-reply-window .cmty-post-preview {
  max-height : 400px;
  border : 1px solid #aaa;
}

#blog-body .blog-reply-window .cmty-bbcode-list,
#blog-body .blog-reply-window .cmty-bbcode-text-size {
  display : none;
}

/** End reply window CSS **/

/** Shows that there is a reported post **/
#blog-body .blog-report-indicator {
  position : absolute;
  right : 4px;
  top : 4px;
}

/** Sidebar Tag box Start **/
#blog-body #side .cmty-itembox {
  height : 300px;
}

#blog-body .blog-tags-wrapper .blog-scroll-outer {
  padding-left : 0.25em;
}

#blog-body .blog-tags-wrapper .blog-scroll-outer .aops-scroll-content {
  padding-right : 0px;
  width : 213px;
}

/** Sidebar Tag box end **/

/** Topic Tags start **/

#blog-body .entry .cmty-tags-itembox-wrapper {
  margin-top : 5px;
  position : relative;
}

#blog-body .entry .cmty-items-input-box input {
  margin : 4px 0 0 3px;
  padding-left : 4px;
}

/** Topic Tags end **/

/* Prevents mega-wide images from blowing up the window.*/
#blog-body .message {
  overflow : auto;
}

#blog-body #navigation_box {
  background-color  : #20458c ;
  border-bottom    : 1px dashed #fff ;
  padding        : 2px 2px 3px ;
  font-size : 10pt ;
  display : block ;
  font-family : Arial ;
  height : 22px ;
  line-height : 14px ;
  position : absolute ;
  border-top : 0px ;
  border-right : 0px ;
  border-left : 0px ;
  -webkit-border-radius : 0px important;
  left : 0 ;
  top : 0 ;
  z-index : 900000 ;
  width : 100% ;
  margin : 0 ;
}

#blog-body #wrapper {
  z-index : 1 ;
}

#blog-body #navigation_box a {
  color        : #fff ;
  font-size : 10pt ;
  display : inline-block ;
  font-family : Arial ;
  line-height : 14px ;
  border : none ;
  margin : 0 ;
  padding : 0 ;

}

#blog-body #left_navigation_box {
  float        : left  ;
  text-align      : left ;
  color : white ;
  width        : auto;
  font-size : 11pt ;
  display : block ;
  font-family : Arial ;
  margin : 0 ;
  padding : 0 ;
  position : relative ;
  left : 0 ;
  top : 0 ;
  height : 22px ;
  line-height : 14px ;
  border : none ;
}

#blog-body #right_navigation_box {
  float        : right ;
  text-align      : right ;
  width        : auto ;
  color : white ;
  font-size : 11pt ;
  position : relative ;
  display : block ;
  font-family : Arial ;
  height : 22px ;
  right : 0 ;
  margin : 0 ;
  padding : 0 ;
  top : 0 ;
  line-height : 14px ;
  border : none ;
}

#blog-body #page_error_window {
  padding-top : 25px
}