@import url("reset.css"); 

body { background: #7c66bb url(../img/bg.png) repeat scroll 0 0; border-top: 5px solid #e9cefd; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
#bg { float: left; width: 100%; background: transparent url(../img/bg-top.png) repeat-x scroll 0 0; }
#main, #footer p { width: 960px; margin: 0 auto; }
#main { background: transparent url(../img/giraffe-neck.png) repeat-y scroll 417px 20px; }
a#header { display: block; height: 189px; background: transparent url(../img/jessa-kalani.png) no-repeat scroll center center; text-indent: -9999em; }
a { color: #e9cefd; text-decoration: none; }
a:hover { color: #fff; }
strong { color: #fff; }

/* POSTS */
ol#posts { float: left; width: 610px; margin: 0 40px 0 0; position: relative; margin-bottom: -100px; z-index: 10; }
ol#posts small { font-size: .6em; }
ol#posts li { position: relative; padding: 0 0 0 120px; margin: 0 0 50px 0; font-size: 18px; line-height: 24px; color: #e9cefd; }
ol#posts img { border: 2px solid #6e4fa6; }
ol#posts li p { margin: 0 0 15px 0; }
ol#posts li p a { text-decoration: underline; }
ol#posts li.text p { font-size: 12px; line-height: 20px; }
ol#posts h2 { font-size: 26px; line-height: 30px; margin: 0 0 10px 0; }
ol#posts h2 a { color: #fff; }
ol#posts li.link h2 { margin: 0 0 5px 0; }
ol#posts li blockquote { margin: 0 0 0 30px; padding: 5px 0 0 10px; border-left: 3px solid #674ba1; line-height: 16px; font-size: 12px; }
ol#posts li blockquote p { margin: 0 0 10px 0; }
ol#posts li.quote blockquote { display: block; font-size: 26px; line-height: 30px; margin: 0 0 10px 0; color: #fff; font-style: italic; }
ol#posts li.quote cite { font-size: 14px; color: #fff; }

ol#posts li ul { list-style-type: disc; }
ol#posts li ol { list-style-type: decimal; }
ol#posts li ul, ol#posts li ol { padding: 0 0 15px 40px; }
ol#posts li ul li, ol#posts li ol li { padding: 0; margin: 0 0 5px 0; font-size: 12px; }

ol#posts li#notes { margin: 0; }
ol#posts li#notes ol { position: relative; margin: -20px 0 20px 0; padding: 20px 0 15px 0; list-style-type: none; border-top: 1px solid #6e4fa6; border-bottom: 1px solid #6e4fa6; }
ol#posts li#notes ol li { padding: 0; margin: 0 0 5px 0; font-size: 12px; }
ol#posts li#notes ol li img { margin: 0 5px -6px 0; }
ol#posts li#notes ol li blockquote { margin: 0 0 0 30px; padding: 5px; border-left: 3px solid #674ba1; background-color: #57abb4; line-height: 16px; }
ol#posts li#notes ol a { color: #fff; text-decoration: underline; }

ol#posts li span.meta { width: 95px; position: absolute; top: 5px; left: 0; text-align: right; line-height: 14px; }
ol#posts li.photo span.meta { top: 0; }
ol#posts li span.meta a { float: right; clear: both; background-color: #7858b4; padding: 4px; margin: 0 0 4px 0; font-size: 12px; color: #e9cefd; }
ol#posts li span.meta a:hover { background-color: #674ba1; }
ol#posts li#navigation { height: 50px; margin: 0; }
ol#posts li#navigation a { background-color: #7858b4; padding: 5px 10px; }
ol#posts li#navigation a:hover { background-color: #674ba1; }
ol#posts li#navigation a.prev { display: block; float: left; }
ol#posts li#navigation a.next { display: block; float: right; }
ol#posts img.dsq-request-user-avatar { border: none; }
#dsq-comments-title, .dsq-options, #dsq-authenticate, .dsq-dc-logo, .dsq-comment-footer-left { display: none; }
ol#posts li ul#dsq-comments { padding-left: 0; }

/* SIDEBAR */
#side { float: left; width: 140px; position: relative; padding: 105px 0 0 53px; }
#side img#portrait { width: 186px; border: 2px solid #6e4fa6; margin: 0 0 10px 0; }
#side blockquote { float: left; font-size: 12px; line-height: 20px; color: #fff; margin: 0 0 22px 0; }
#side ul#following { float: left; margin: 0 0 20px 0; }
#side ul#following li { float: left; width: 44px; height: 44px; padding: 0 2px 2px 0; margin: 0; }
#side ul#following li img { border: 2px solid #6e4fa6; }
#side p#links { float: left; clear: both; color: #fff; font-size: 12px; }
#side h4 { float: left; color: #fff; margin: 0 0 10px 0; }
#footer { clear: both; background-color: #7858b4; padding: 15px 0; }
#footer p { font-size: 14px; text-align: center; color: #fff; }

/* GIRAFFE */
#side a#giraffe-head { display: block; position: absolute; width: 204px; height: 175px; top: -75px; left: -37px; background: transparent url(../img/giraffe-head.png) no-repeat scroll 0 0; }
.giraffe-body { clear: both; height: 398px; background: transparent url(../img/giraffe-body.png) repeat-y scroll 417px 0; }