body[id^=articles] .articles ul{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

body[id^=articles] .articles ul li { display: inline; }

body[id^=articles] .articles ul li a{
text-decoration: none;
padding: .1em 1em;
color: #fff;
background-color: #efefef;
}

body[id^=articles] .articles ul li a:hover{
color: #fff;
background-color: #ccc;
}

body[id^=articles] #pagination {
margin:20px auto;
text-align:center;
font-size:140%;
}

body[id^=articles] fieldset {
margin-bottom:20px;
padding:20px;
/*border: 1px solid #ccc; */
}

body[id^=articles] fieldset legend{
background-color: #337ab7;
padding: 5px 10px ;
font-size: 125%;
font-weight:bold;
margin: 8px 0 0 0px;
color:#fff;
}

body[id^=articles] #articles-search {
margin:20px auto;
width:98%;
display:block;
}

body[id^=articles] #articles-search legend{
background-color:#bbb;
color:#fff;
}


body[id^=articles] fieldset legend a{
color:white !important;
}

body[id^=articles] .post{
margin:20px;
font-size:120%;
padding:10px;
}

body[id^=articles] #comments {
margin:30px 0;
}

body[id^=articles] #comments h3{
text-align:left;
color:#333;
background-color:#F9F1C4;
padding:8px;
}

body[id^=articles] #comments .comment{
padding:12px;
margin:10px auto;
max-width:98%;
/* border:1px solid #ccc; */
}

/*
body[id^=articles] #comments fieldset {
 border: 1px solid #eee !important;
}
*/
body[id^=articles] #comments legend{
background-color:white;
border: 3px solid #eee !important;
font-size: 100%;
color:#8a6d3b;
}

/* Blog CSS */
body[id^=articles] fieldset legend{
  background-color: transparent !important;
  padding: 0px;
    margin-top: 1rem;
  }
  body[id^=articles] fieldset legend a {
    color: #ffc300 !important;
    text-decoration: none;
    font-weight:bold;
  }
  body[id^=articles] fieldset legend h3 {
    margin-top: 1rem;
    color: #ffc300;
    font-weight:bold;
    margin-bottom: 0px;
  }
 body[id^=articles] .post .date {
   padding-left: 0.25rem;
   font-size: 0.9rem;
 }
 body[id^=articles] .post {
    font-size: 1rem;
 }