/* fonts */
@import url(https://fonts.googleapis.com/css?family=Merriweather:400,300);
@import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400italic,700,700italic);

/* general style */
body    { font: 17px/25px 'Merriweather', serif;
          margin: 0; padding: 0; font-weight: 300; }
a       { color: #335088; font-weight: 400; }
a:hover { color: #CC0000; }
em { color: #AA2222; }

/* headlines */
h1, h2, h3, h4, h5, h6      { font-family: 'Merriweather', serif;
                              font-weight: 300; color: #CC0033;  }
h1 a, h2 a, h3 a, h4 a,
h5 a, h6 a                  { text-decoration: none; }
h1 a:hover, h2 a:hover,
h3 a:hover      { text-decoration: underline; }
h1.title                    { width: 560px; }
h1, h2                      { margin: 10px 0 25px 0; }
h1                          { font-size: 32px; line-height: 52px; }
h2                          { font-size: 22px; line-height: 40px; }
h3                          { font-size: 20px; line-height: 40px; background: padding: 18px;}
h4                          { font-size: 18px; margin-bottom: 10px;}



textarea, code,
pre          { font-family: 'Consolas', 'Menlo', 'Deja Vu Sans Mono', 'Bitstream Vera Sans Mono',
               monospace!important; font-size: 15px; background: #eee; padding: 7px 7px;}

blockquote {  padding: 0 0 0 25px;  margin: 0 0 38px;  border-left: 5px solid #FED0D0;}

blockquote p {  margin-bottom: 0;  font-size: 14px;  font-weight: 300;  line-height: 22.5px;}

/* layout elements */
div.container               { width: 740px; margin: 48px auto; padding: 0; }
div.header                  { float: left; }
div.navigation              { float: right; }
div.header, div.navigation  { height: 25px; margin-bottom: 42px; }
div.navigation ul           { margin: 0; padding: 0; list-style: none; }
div.navigation ul li        { display: inline; margin: 0 2px; padding: 0; }
div.body                    { clear: both; }
div.footer                  { border-top: 1px solid #555; padding-top: 9px;
                              margin-top: 42px; font-size: 16px;
                              text-align: center; color: #555; }
div.footer p                { margin: 0; }
b.date1 {
  color: #880033;
}

/* margins and stuff */
p, div.line-block, ul, ol,
    table                       { margin: 25px 0 25px 0; }
dt                              { margin: 25px 0 16px 0; padding: 0; }
dd                              { margin: 16px 0 25px 40px; padding: 0; }
ul ol, ol ul, ul ul, ol ol      { margin: 10px 0; padding: 0 0 0 40px; }
li                              { padding: 0; }
h1 + p.date                     { margin-top: -25px; }

/* tables */
table           { border: 1px solid #ddd; border-collapse: collapse;
                  background: #fafafa; }
td, th          { padding: 2px 12px; border: 1px solid #ddd; }

/* footnotes */
table.footnote          { margin: 15px 0; background: transparent; border: none; }
table.footnote td       { border: none; padding: 9px 0 0 0; font-size: 15px; }
table.footnote td.label { padding-right: 10px; }
table.footnote td p     { margin: 0; }
table.footnote td p + p { margin-top: 15px; }

/* blog overview */
div.entry-overview                  { margin: 25px 122px 25px 102px; }
div.entry-overview h1,
div.entry-overview div.summary,
div.entry-overview div.summary p    { display: inline; line-height: 25px; }
div.entry-overview h1               { margin: 0; font-size: 20px; }
div.entry-overview div.summary,
div.entry-overview div.date,
div.entry-overview div.summary p    { margin: 0; padding: 0; }
div.entry-overview div.detail       { margin-left: 140px; }
div.entry-overview div.date         { float: left; width: 120px; color: #CC0033;
                                      text-align: right; font-size: 14px; }
div.entry-overview h1               { font-weight: normal; }
div.entry-overview h1:after         { content: " —"; }

/* other alignment things */
img.align-center        { margin: 15px auto; display: block; }

p > img:only-child {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* pagination */
div.pagination          { margin: 36px 0 0 0; text-align: center; }
div.pagination strong   { font-weight: normal; font-style: italic; }

/* tags */
p.tags          { text-align: right; }
ul.tagcloud     { font-size: 16px; margin: 36px 0; padding: 0;
                  list-style: none; }
ul.tagcloud li  { margin: 0; padding: 0 10px; display: inline; }

/* latex math */
span.math img   { margin-bottom: -7px; }

.photo {
  padding: 5px;
  border: 1px solid #a1a1a1;
}
