/*  
Theme Name: Music in Trains
Theme URI: http://musicintrains.williamscomposer.com/
Description: 1 Column, Green and Grey
Version: 3.0
Author: Benjamin Williams
Author URI: http://williamscomposer.com
*/
@font-face{font-family:'Open Sans';src:url('http://williamscomposer.com/fonts/OpenSans-Regular.eot');src:local('Open Sans'),url('http://williamscomposer.com/fonts/OpenSans-Regular.woff2')format('woff2'),url('http://williamscomposer.com/fonts/OpenSans-Regular.woff')format('woff'),url('http://williamscomposer.com/fonts/OpenSans-Regular.ttf')format('truetype')}

body{background:#fff;color:#000;font:18px/1.67'Open Sans',sans-serif}
#page{margin:0 auto;width:760px}

#header{padding:1em;margin-bottom:2em}
h1{font-size:4.75em;letter-spacing:-1px;text-decoration:none;margin:0;text-transform:uppercase;text-align:center}
h1 a:hover{text-decoration:none}
img {border:none}

a{color:#2e6e15;text-decoration:none;outline:0}
a:hover{text-decoration:underline}
::selection{background:#dafecb;color:#000}
::-moz-selection{background:#dafecb;color:#000}
blockquote{padding-left:1em;font-size:.9em}
.post-metadata,blockquote{color:#333}
.aligncenter{display:block;margin-left:auto;margin-right:auto}

#content{text-align:justify}
h2{font-size:2.67em;line-height:1.167;text-align:center}
h3{font-size:1.33em;line-height:1.25}
.article{margin-bottom:4em}
.article h3{margin-top:2em}
.article p{margin-bottom:1.33em}
.article img{margin-top:3em;margin-bottom:3em}
.article a{font-weight: bold}
.post-metadata{text-align:center}

#comments h3{text-align:center;font-weight:normal}
.comment-list{padding-left:0}
.comment-list li{list-style:none;font-size:.75em}
.comment-metadata{color:#333;padding-left:4px}
#comment-form p{margin:1em 0}
#comment-form textarea{width:98%;padding:5px}
#comment-form #submit{float:right}
input[type="text"]{display:block;padding:5px}
input[type="submit"]{margin-bottom:1em}

#nav{list-style-type:none;overflow:hidden;padding:0}
#nav .before{float:left}
#nav .after{float:right}

#footer{background:#ededed;border-top:1px solid #ddd;color:#333;clear:both;margin-top:12px}
#footer p{margin:10px;text-align:center}
#lutoslawski{letter-spacing:1px;font-variant:small-caps}

@media only screen and (max-width: 760px){#page{width:600px}body{font-size:16px}h1{font-size:4.25em}}
@media only screen and (max-width: 600px){#page{width:491px}body{font-size:14px}h1{font-size:4em}}
@media only screen and (max-width: 491px){#page{width:320px}body{font-size:12px}h1{font-size:3em}h2{font-size:2em}}
@media only screen and (max-width: 320px){}