/*
 * vermicel.li homepage stylesheet
 * simplified version of the two-column layout from http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/
 */
body, html { background-color: #cd8a39; color: black; margin: 5px 0px; padding: 0px; }
body { min-width: 780px; }

#content { width: 780px; margin: 0 auto; }
div#l { float: left; width: 450px; top: 0px; background: url('/images/roasted-vermicelli.jpeg') no-repeat top; padding-top: 310px; margin-top: 20px; }
div#r { float: right; width: 310px; top: 0px; }

h1 { font-size: x-large; font-weight: bold; text-align: left }
h1, p, body, ul, li { font-family: "Myriad Pro", Myriad, "Trebuchet MS", sans-serif; }
a { color: black; text-decoration: none; border-bottom: 1px dotted black; }
abbr, acronym { border: none; font-style: inherit; }
.credit { font-size: small; font-style: italic;  }
#contact { padding: 0px 0px 0px 30px; }
#contact li { margin-bottom: 2ex; }
li.mail { list-style-image: url('/images/comment.gif'); }
li.tel { list-style-image: url('/images/phone.gif'); }
li.adr { list-style-image: url('/images/envelope.gif'); }
li.twitter { list-style-image: url('/images/twitter.png'); }

.adr { display: none; }

#bloglink { margin: 4ex 0px 0px 0px; }
ul#blogposts { margin: 0px; padding: 0px 0px 0px 30px; }
#blogposts li { margin: 5px 0px; }