/*
Theme Name: MK Reloaded
Theme URI: http://mattkirman.com/
Description: MK.com Reloaded
Author: Matt Kirman
Version: 1.0.beta
Tags: 
*/


/*----------------------------------------------------------------------------
  Reset default browser CSS.
  Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
----------------------------------------------------------------------------*/

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 {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-weight: normal;
}
ol, ul {
  list-style: none;
}
blockquote {
  quotes: none;
}
blockquote:before, blockquote:after {
  content: '';
  content: none;
}
del {
  text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a img {
  border: none;
}

/*----------------------------------------------------------------------------
  Layout
----------------------------------------------------------------------------*/
body { background: #151515; color: #ddd; font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 170%; min-width: 940px; }

h1, h2, h3, p, ul, ol { color: #eee; margin-bottom: 20px; text-shadow: 0 -1px 1px #000; }

h1 { display: block; float: left; font-size: 13px; margin-bottom: 0; }
h2 { font-size: 25px; line-height: 30px; width: 520px; }
h3 { border-bottom: 1px solid #252525; font-size: 18px; margin: 50px 0 10px; padding-bottom: 10px; }
h4 { font-size: 14px; margin: 50px 0 10px; }
p, ul, ol { font-size: 14px; }
.small-text { font-size: 13px; }

ul li { list-style-type: disc; }
ol li { list-style-type: decimal; }
li { margin-left: 30px; }

a:link, a:visited { color: #f62d23; margin: -2px; padding: 2px; text-decoration: none; }
a:hover { background: #f62d23; color: #fff; text-shadow: 0 1px 1px #f62d23; }

.clear { clear: both; }
.left { float: left; }
.right { float: right; }

.container, #container { margin: 0 auto; width: 640px; }
#container { padding: 0 10px; }

#header { background: #0e0e0e; border-top: 2px solid #f62d23; padding: 5px; }
#header a { color: #ddd; display: block; font-weight: bold; height: 24px; line-height: 24px; margin: -5px 0; padding: 7px 10px; text-decoration: none; }
#header a:hover, #header a:active, #header a.active, #header h1 a { background: #f62d23; color: #fff; text-shadow: 0 -1px 1px #a54c4f; }
#header a:active { line-height: 26px; }

#header ul { float: right; margin-bottom: 0; }
#header ul li { float: left; list-style: none; margin: 0; }
#header ul li a { font-size: 11px; }


.article { padding: 80px 0; position: relative; }

.article .date { left: -125px; position: absolute; text-align: right; top: 84px; width: 125px; }
.article .date a { background: transparent; margin: 0; padding: 0; text-shadow: none; }
.article .date .time { color: #641815; display: inline-block; font-size: 20px; font-style: italic; margin-right: 5px; position: relative; top: -3px; }
.article .permalink { color: #b21b14; font-size: 25px; font-weight: bold; }


.twitter-button { position: absolute; right: 0; top: 85px; }


#comments { margin-top: 80px; }


#page_nav { padding-bottom: 80px; text-shadow: 0 -1px 1px #000; }


#footer { color: #555; font-size: 11px; padding-bottom: 80px; }