/*
* Styles for blog section
*/

#blog-posts {
max-width: 780px;
margin: 1em auto 2em auto;
padding: 0 0.52em;
color: #34495e;
}

#blog-posts h1 {
text-align: center;
font-weight: normal;
font-size: 1.5em;
line-height: 1.4em;
}

#blog-posts h3 {
margin-bottom: -0.32em;
font-size: 1.32em;
font-weight: normal;
}

a.post-link {
color: #2455c3;
text-decoration: none;
}

a.post-link:visited {
color: #2455c3;
}

a.post-link:hover {
text-decoration: underline;
}

img {
margin: 0 auto;
display: block;
}

img.img-scale {
width: 720px;
}

.img-src {
font-size: 0.82em;
text-align: center;
margin: 1em auto 3.2em auto;
}

#blog-posts .excerpt {
line-height: 1.5em;
margin-bottom: 2.2em;
color: #828282;
font-size: 0.96em;
}

#blog-posts .excerpt span {
font-weight: bold;
padding-right: 0.64em;
}

#nav-posts {
height: 2em;
margin-top: 3.8em;
margin-bottom: 3.2em;
}

.new-posts {
float: right;
}

#nav-posts a {
color: #2455c3;
text-decoration: none;
}

#nav-posts a:visited {
color: #2455c3;
}

#nav-posts a:hover {
text-decoration: underline;
}



#blog-post {
max-width: 780px;
margin: 1em auto 2em auto;
padding: 0 0.52em;
color: #34495e;
}

#blog-post h1 {
text-align: center;
font-weight: bold;
font-size: 1.5em;
line-height: 1.6em;
margin-top: 2em;
margin-bottom: 1em;
}

#blog-post h2 {
text-align: left;
font-weight: bold;
font-size: 1.2em;
text-indent: 1.6rem;
line-height: 1.6em;
margin-top: 2em;
}

#blog-post h3 {
text-align: left;
font-weight: bold;
font-size: 1em;
text-indent: 1.6rem;
line-height: 1.6em;
margin-top: 1.2em;
}

#blog-post p {
clear: both;
line-height: 1.6em;
text-indent: 1.6em;
}

#blog-post ul, #blog-post ol {
line-height: 1.6em;
padding-left: 0;
list-style-position: inside;
}

#blog-post ul li {
margin: 1.2em 0;
text-indent: 1.6em;
}

#blog-post ol li {
margin: 1.2em 0;
text-indent: 1.6em;
}

#blog-post ol > li::marker {
font-weight: bold;
}


@media screen and (max-width: 640px) {
img.img-scale {
width: 480px;
}
}

@media screen and (max-width: 480px) {
img.img-scale {
width: 300px;
}
}