/* Eric Mayer's Reset CSS */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* Basic Body Colours & Fonts */
html, body { background-color: #211D1D; color: #333; }
div#content { background: #211D1D url('http://static.beaudesigns.net/tumblr/images/white-570-shadow.png') repeat-y; }
div#content { width: 520px; margin: auto; padding: 1em 30px 4em 30px; }

html, body { font: normal normal normal 100% Helvetica, Arial, Verdana, Geneva, Tahoma, sans-serif; }
div#content { line-height: 1.2em; }

h1#logo { text-indent: -10000px; background: url('http://static.beaudesigns.net/tumblr/images/logo.png') no-repeat; width: 322px; height: 42px; margin: auto; }
h1#logo a { display: block; width: 100%; height: 100%; background: none; }

/* Post Content Styles */
div.post h2 { color: #222; font-size: 1.8em; margin-bottom: .4em; line-height: 1em; }
div.post h2 a { color: #222; text-decoration: none; }
div.post a { color: #3366CC; text-decoration: underline; }
div.post a:hover { color: #3366CC; text-decoration: none; }
div.post a:focus { outline: 1px dotted #CCC; }
div.post p { margin-bottom: 1.1em; }


/* Post Meta Styles */
div.post div.meta { font-size: .9em; }
div.post div.meta span.date { color: #3F3B3B; position: relative; top: 1.5em; left: -85px; width: 60px; padding: 1px 0 1px 5px; background-color: #FFF; display: block; }
div.post div.meta span.date a { color: #3F3B3B; text-decoration: none; }
div.post div.meta span.date { -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; }

/* Post Styles */
div.post { margin: 2em 0; }
div.post div.caption { color: #777; font-size: .9em; padding: 5px 10px; }

/* Regular Post */
div.post div.regular { padding: 0 10px; }
div.post div.regular pre { padding: 10px; background-color: #EEE; border: 1px solid #DDD; overflow: auto; margin-bottom: 1.1em; }
div.post div.regular ul { margin-left: 3em; margin-bottom: 1.1em; list-style-type: disc; }
div.post div.regular ol { margin-left: 3em; margin-bottom: 1.1em; list-style-type: decimal; }
div.post div.regular blockquote { color: #666; font-style: italic; quotes: '“' '”'; }

/* Photo Post */
div.post div.photo img { border: 10px solid #EEE; }
div.post div.caption { color: #777; font-size: .9em; padding: 5px 10px; }

/* Quote Post */
div.post div.quote { padding: 0 10px; }
div.post div.quote blockquote { font-size: 1.2em; font-style: italic; quotes: '“' '”'; }
div.post div.quote cite { font-style: normal; color: #777; }

/* Link Post */
div.post div.link { padding: 0 10px; }
div.post div.link a.link { display: block; font-size: 1.2em; margin-bottom: .5em; }

/* Conversation Post */
div.post div.conversation { font-size: .9em; padding: 0 10px; }
div.post div.conversation ul li { padding: 3px; }
div.post div.conversation ul li.even { background-color: #EEE; }
div.post div.conversation ul li span.label { font-weight: bold; color: #641B1B; }
div.post div.conversation ul li.user_2 span.label { color: #1C1755; }
div.post div.conversation ul li.user_3 span.label { color: #1A5015; }

/* Audio Post */
div.post div.audio { padding: 0 10px; }

/* Video Post */
div.post div.video { padding: 0 10px; }
div.post div.video object { margin-bottom: 10px; }

/* Footer */
div#footer { text-align: center; }
div#footer a { color: #3366CC; text-decoration: underline; }
div#footer a:hover { color: #3366CC; text-decoration: none; }