/* RESETS */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {margin: 0; padding: 0; border: 0; font-size: 100%;	vertical-align: baseline; background: transparent;}									

article, aside, figure, footer, header, nav, section, details, summary {display: block;}

a {text-decoration: none;}


/* STYLES */

html {color: #666; background-color: #fff;}
body {font-family: sans-serif; line-height: 1.6;}

section {max-width: 35em; padding: 1em; margin: 0 auto;}
article {margin: 1.25em 0; padding-left: 2em;}
blockquote {font-size: 0.95em; line-height: 1.5; border-left: solid 4px #eee; padding-left: 0.5em; margin: 1em;}
footer {font-size: 0.75em; text-align: right; font-style: italic;}

h2 {font-size: 1.0em; line-height:1.1; margin-bottom: 1em;}

hr {width: 30%; border:0; color: #ededed; background-color: #ededed; height: 1px;}

#nav1{display: inline; position: absolute; right: 0; top: 0; width:100%; box-shadow: 0px 1px 2px #ccc;}
#navul {display: none;}
#topbar {position: fixed; background-color: #ededed; top: 0; height: 55px; width: 100%; margin:0; padding: 0; box-shadow: 0px 1px 2px #ccc; z-index: 1000;} 
#mainfoot {margin: 1em auto; padding: 0.75em; max-width: 65em; font-size: 0.80em; text-align: left; font-style: normal}
#page {padding-top: 9.5em;}
            
header.mast {position: relative; margin: 0 auto; max-width: 65em;}
h2.agghead {font-size: 1.75em; line-height: 1.25; margin: 0;}
h2.posttitle {color: #a94837;}
img.logo {padding: 10px}
img.navicon {float:right;}
p.intro {text-align: center; font-style: italic; padding: 3em 0;}
p.pubdate {font-style: italic; font-size: 0.85em; margin-top: 1.25em;}
div.articlegroup {padding: 0.85em; margin-top: 0.85em; border: solid 1px #999; background-color: #ededed; color: #666; }
section.feedgroup {border-bottom: 2px solid #ededed; }

span.age {padding-left: 1em; font-size: 0.8em;}

ul.nav {list-style: none; width: 100%; background-color: #ededed; clear: both;}
ul.nav li {display: block; text-align: center; height: 40px; line-height: 2.5; border-top: #fff 2px solid;}
ul.nav li.here {background-color: #a94837; color: #ededed; font-weight: bolder;}
ul.nav li a{display: block;}

ul.link-list {list-style: none; clear: both;}
ul.link-list li {margin-left: 1.5em}

a:visited, a:active, a:link {color: #a94837;}

.arpubdate {font-style: italic; font-size: 0.85em}
.favicon {position: relative; top: 2px;}
.feedlink {padding-left: 1em; font-size: 0.8em}
.right {float: right;}
.hide {display: none; visibility; hidden;}
.center {text-align: center;}

/* MEDIA QUERIES */

@media (min-width: 700px) {

#nav1 {box-shadow: none;}
#navul {display: block;}
#topbar {height: 80px; padding-top: 20px;}
img.navicon {display: none;}
ul.nav {background: transparent; display: inline; text-align: right; padding: 1em 1em 0 0;}
ul.nav li {display: inline; text-align: left; height: auto; line-height: 1; border: none; padding: 1em;}
ul.nav li.here {background-color: transparent; color: #666; font-weight: bolder;}
ul.nav li a{display: inline;}
p.intro {margin: 80px 0 2em 0;}