﻿/* News Section CSS */

/* Comments */
#readercomments{position:relative;overflow:hidden;padding:1em 0}
#readercomments #commentsposted{color:#FFF;margin-bottom:.3em;font-size:1.5em}
#readercomments .comment{
	display: flex;
	gap: var(--mu-responsive-spacing-inner);
    padding: var(--mu-responsive-spacing-inner);
    position:relative;
    background-color:#212021;
    border: solid 1px #212021;
    margin:1em 0;
    clear:both;
    text-align:left;
    font-size:.95em
}


#readercomments .comment:hover .commentno{color:#EEE}
#readercomments .admin{background-color:#113;border:solid 1px #67B}

#readercomments .commentwrapper {
    flex-grow: 1;
    flex-shrink: 1;
}

#readercomments .commentbody{
    position:relative;
    padding-right: 1rem;
    z-index:2;
}


#readercomments .commentno{position:absolute;top:-2rem;right:-3.5rem;width:3em;color:#000;text-align:right;font:10em "Times New Roman",Times,serif;z-index:2}
#readercomments .commentauthor{color:#FFF;font-weight:bold}
#readercomments .commentdate{font-size:.89em}
#readercomments .gravatar{
    flex-shrink: 0;
    position:relative;
    width:80px;
    height:auto;
}

/* Comment Form */
#commentform label{display:block;}
#commentform fieldset.submit{padding-left:1em}

#commentpolicy{font-size:.9em}

#related-articles{background-color:#212021;padding:.5em 0;padding-left:.5em;margin-top:.5em;margin-bottom:1.5em;}
#featurebar1{background-color:#113;border:dotted 1px #67B;margin:5px 0;padding:.5em 0 .5em .3em}
#featurebar2{background-color:#212021;border:dotted 1px #666;margin:5px 0;padding:.5em 0 .5em .3em}

.hot{padding-right:16px;background:transparent url(images/hot1.gif) right no-repeat}

/* Articles Archive */
#articlearchivelist li{font-weight:bold}