* { box-sizing: "border-box"; -moz-box-sizing: "border-box"; -ms-box-sizing: "border-box"; -webkit-box-sizing: "border-box"; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; }

* { text-rendering: optimizeLegibility; }

BODY { font-family: "Droid Sans", "Lucida grande", Helvetica, Arial, Sans-Serif; font-size: 12px; color: #333333; padding-top: 25px; background: #DDD; background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#aaaaaa)); background: -moz-linear-gradient(top, #dddddd, #aaaaaa); text-rendering: optimizeLegibility; }

H1 { font-size: 200%; font-weight: bold; }

H2 { color: #999999; text-align: center; font-size: 150%; margin-bottom: 10px; }
H2 A { color: #999999; text-decoration: none; }
H2 A:hover { text-decoration: underline; }

P { padding-top: 0; padding-bottom: 5px; padding-left: 0; padding-right: 0; }

strong, b { font-weight: bold; }

em, i { font-style: italic; }

blockquote { padding-left: 15px; }

#sidebar { float: left; width: 220px; margin-left: 20px; margin-bottom: 25px; text-align: center; }
#sidebar aside { background: #FFF; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 0px 2px 3px #333333; -moz-box-shadow: 0px 2px 3px #333333; -webkit-box-shadow: 0px 2px 3px #333333; background: -webkit-gradient(linear, left top, left bottom, from(white), to(#eeeeee), color-stop(0.3, white)); background: -moz-linear-gradient(top, white, white 30%, #eeeeee); padding: 10px; padding-top: 10px; }
#sidebar header { margin-bottom: 20px; }
#sidebar header IMG { margin-left: -45px; }
#sidebar h1 span { color: #777777; margin-left: 0.3em; }
#sidebar IMG { display: inline; }
#sidebar FIELDSET { padding-top: 3px; padding-left: 3px; padding-right: 3px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#sidebar FIELDSET IMG { opacity: 0.5; -webkit-transition: all 0.2s linear; margin-bottom: 10px; margin-right: 2px; -webkit-box-reflect: below -1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.55, rgba(255, 255, 255, 0.01)), to(rgba(255, 255, 255, 0.5))); }
#sidebar FIELDSET IMG:hover { opacity: 1.0; }
#sidebar .find-me { text-align: left; border-color: 1px solid #CCC; padding: 5px; padding-left: 6px; }
#sidebar .find-me DT { margin-bottom: 2px; }
#sidebar .find-me DT A { color: #0080ff; text-decoration: none; font-size: 110%; border-bottom: 1px solid #99ccff; }
#sidebar .find-me DT A SPAN { color: #99ccff; }
#sidebar .find-me DT A:hover { color: #333; border-bottom: 1px solid #AAA; }
#sidebar .find-me DT A:hover SPAN { color: #AAA; }
#sidebar .find-me DD { font-size: 90%; color: #999; margin-bottom: 15px; }
#sidebar .find-me DD A { color: #999; font-style: italic; text-decoration: none; }

#content { margin-left: 255px; padding-top: 0px; }
#content .badge-container { padding: 0px 2px; }
#content .badge-container IMG { display: block; border: 0px; /*      margin: 0 auto;*/ max-width: 220px; }
#content .badge-container OL { margin: 0; padding: 0; list-style: none; }
#content .badge-container .badge { float: left; width: 275px; max-width: 275px; margin-bottom: 20px; background: #999; padding: 3px; padding-top: 2px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-bottom: 1px solid #FFF; border-top: 1px solid #777; background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#888888), color-stop(0.9, #999999)); background: -moz-linear-gradient(top, #999999, #999999 90%, #888888); }
#content .badge-container .badge .wrapper { color: #444; background: #FFF; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 0px 2px 3px #333333; -moz-box-shadow: 0px 2px 3px #333333; -webkit-box-shadow: 0px 2px 3px #333333; background: -webkit-gradient(linear, left top, left bottom, from(white), to(#eeeeee), color-stop(0.2, white), color-stop(0.8, #eeeeee)); background: -moz-linear-gradient(top, white, white 20%, #eeeeee 80%, #eeeeee); }
#content .badge-container .badge .type { width: 75px; float: left; padding: 8px; }
#content .badge-container .badge .type IMG { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 0px; }
#content .badge-container .badge .body { padding: 8px; padding-right: 10px; margin-left: 85px; word-wrap: break-word; line-height: 1.2em; }
#content .badge-container .badge .body A { color: #0057A4; }
#content .badge-container .badge .body A:hover { color: #0080FF !important; }
#content .badge-container .badge .body A:active { color: #000; }
#content .badge-container .badge .body A:visited { color: #808080; }
#content .badge-container .badge .body P:last-child { padding-bottom: 0px; }
#content .badge-container .badge .meta { font-size: 90%; text-align: center; color: #E0E0E0; text-shadow: 0px 1px 0px #666; padding-top: 5px; padding-bottom: 2px; }
#content .badge-container .badge .meta A { color: #E0E0E0; }
#content .badge-container .badge .meta A:hover { color: #FFF; }
#content .badge-container .quote .wrapper { min-height: 50px; }
#content .badge-container .quote .type { text-align: center; color: silver; font-size: 500%; font-family: Georgia; }
#content .badge-container .quote .quote_text { font-size: 125%; word-wrap: break-word; font-family: "IM Fell Double Pica", Georgia; line-height: 1.5em; }
#content .badge-container .quote .source { padding-top: 5px; text-align: right; }
#content .badge-container .photo .wrapper { min-height: 91px; }
#content .badge-container .link .wrapper { min-height: 76px; }
#content .badge-container .twitter .wrapper { min-height: 76px; }
#content .badge-container .twitter .type { text-align: center; }
#content .badge-container .twitter .type IMG { margin-left: 27px; }
#content .badge-container .twitter .quote_text { word-wrap: break-word; }
#content .badge-container .twitter .quote_text .hashtag { color: #AAA; }
#content .badge-container .twitter .source { text-align: right; }

footer { border-top: 1px solid #777; background: #222; background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#555555)); background: -moz-linear-gradient(top, #222222, #555555); clear: both; text-align: center; color: #BBB; text-shadow: 0px 2px 0px #000; padding: 25px; }
footer A { color: #FFF; text-decoration: none; }
footer A SPAN { color: #BBB; }
footer A:hover { border-bottom: 1px solid #FFF; }

::-webkit-scrollbar { width: 10px; height: 10px; background: #666; background: -webkit-gradient(linear, left top, right top, from(#333333), to(#666666)); }

::-webkit-scrollbar:horizontal { background: #666; background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#666666)); }

::-webkit-scrollbar-thumb { height: 50px; background-color: #BBB; -webkit-border-radius: 6px; border: 1px solid #666; background: -webkit-gradient(linear, left top, right top, from(#bbbbbb), to(#bbbbbb), color-stop(0.2, white)); }

::-webkit-scrollbar-thumb:horizontal { width: 50px; background-color: #BBB; -webkit-border-radius: 6px; border: 1px solid #666; background: -webkit-gradient(linear, left top, left bottom, from(#bbbbbb), to(#bbbbbb), color-stop(0.2, white)); }
