/* @group Load Fonts */

@font-face { font-family: 'dregular'; src: url('../fonts/DINPro-Regular.eot'); src: url('../fonts/DINPro-Regular.otf') format('opentype'); }

/* @end */

/* @group Reset */ 

body { text-align: left; background: #fff; }

/* @end */

/* @group Wrapper and Index*/

div#wrapper { font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #333; text-align: left; margin-top: 60px; margin-bottom: 36px; overflow: hidden; }
div#wrapper strong { font-weight: bold; }

div.index a,
div.index a:visited { color: #0099ff; text-decoration: none; }
div.index a:hover { color: #f00; text-decoration: underline; }

div.index a:active, 
div.index h3.article-title a:active,
div.index div.section-title a:active,
div#footer div#tweet-container a:active { color: #333; }

div.index h1,
div.index h2,
div.index h3 { font-weight: normal; }

/* @end */

/* @group Section */

div.section-container { overflow: hidden; margin-bottom: 33px; }

div.section-title { font-family: 'dregular', Helvetica, Arial, serif; font-size: 32px; color: #000; border-bottom: 4px #000 solid; margin-bottom: 20px; line-height: 1.5; letter-spacing: -1px; position: relative; top: -1px; }

div#wrapper div.section-title strong { font-family: 'dbold', Helvetica, Arial, serif; font-weight: bold; }

div.section-title a,
div.section-title a:visited { color: #000; }
div.section-title a:hover { color: #f00; text-decoration: none; }

div.section { margin-bottom: 18px; }

/* @end */

/* @group Article */

div.article-container { padding: 12px; background: #efefef; }
div.article-container p { line-height: 1.5; }

h2.article-main-title { font-size: 24px; color: #000; line-height: 1.5; border-bottom: 1px #ccc solid; margin-top: -3px; margin-bottom: 14px; }

h3.article-title a,
h3.article-title a:visited { font-size: 22px; line-height: 1.5; color: #aa4b8c; text-decoration: underline; position: relative; top: -1px; }
h3.article-title a:hover { color: #f00; }

p.article-date { font-size: 14px; line-height: 1.5; position: relative; top: -1px; }
p.article-date span { color: #666; }

/* @end */

/* @group Actual Article */

div.actual { border-left: 20px #00C7E8 solid; }

p.actual-full { margin-top: 24px; text-align: right; }

/* @end */

/* @group Back To Archive */

div.back-to-archive { font-size: 14px; position: relative; top: -1px; }

/* @end */

/* @group Sidebar */

div.sidebar-section { line-height: 1.5; margin-top: -6px; margin-bottom: 29px; }
div.sidebar-section p { margin-bottom: 24px; }

div.year-spacer { margin-top: 24px; }

.inactive-archive { color: #ddd !important; }

/* @end */

/* @group Tweet Box */

div#tweet-container { font-size: 12px; color: #000; text-shadow: #fff 0 1px 0; line-height: 1; background: #fff; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

div#tweet-container a,
div#tweet-container a:active { color: #000; text-decoration: none; }
div#tweet-container a:hover { color: #555 ; }

div#tweet-arrow { width: 0; height: 0; border-color: #fff transparent transparent transparent; border-style: solid; border-width: 9px; margin-left: 31px; }

div#tweet-avatar { width: 24px; height: 24px; background: url(http://a1.twimg.com/profile_images/932416688/Photo_on_2010-05-26_at_15.15_mini.jpg) center; border: 1px #000 solid; margin-left: 27px; }

/* @end */