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;
}
