/*******************************************************************************

Slate Theme for Github Pages

by Jason Costello, @jsncostello

*******************************************************************************/

@import url(pygment_trac.css);

/*******************************************************************************

MeyerWeb Reset

*******************************************************************************/

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, 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,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  font: inherit;

  vertical-align: baseline;

}

th {

	display:none;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

  display: block;

}

ol, ul {

  list-style: none;

}

blockquote, q {

}

table {

  border-collapse: collapse;

  border-spacing: 0;

  width:100%;

}

a:focus {

  outline: none;

}

/*******************************************************************************

Theme Styles

*******************************************************************************/

body {

  box-sizing: border-box;

  color:#373737;

  background: #212121;

  font-size: 16px;

  font-family: 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif;

  line-height: 1.5;

  -webkit-font-smoothing: antialiased;

}

h1, h2, h3, h4, h5, h6 {

  margin: 10px 0;

  font-weight: 700;

  color:#222222;

  font-family: 'Lucida Grande', 'Calibri', Helvetica, Arial, sans-serif;

  letter-spacing: -1px;

}

h1 {

  font-size: 36px;

  font-weight: 700;

}

h2 {

  padding-bottom: 10px;

  font-size: 32px;

  background: url('../images/bg_hr.png') repeat-x bottom;

}

h3 {

  font-size: 24px;

}

h4 {

  font-size: 21px;

}

h5 {

  font-size: 18px;

}

h6 {

  font-size: 16px;

}

p {

  margin: 10px 0 15px 0;

}

footer p {

  color: #f2f2f2;

}

a {

  text-decoration: none;

  color: #007edf;

  text-shadow: none;

  transition: color 0.5s ease;

  transition: text-shadow 0.5s ease;

  -webkit-transition: color 0.5s ease;

  -webkit-transition: text-shadow 0.5s ease;

  -moz-transition: color 0.5s ease;

  -moz-transition: text-shadow 0.5s ease;

  -o-transition: color 0.5s ease;

  -o-transition: text-shadow 0.5s ease;

  -ms-transition: color 0.5s ease;

  -ms-transition: text-shadow 0.5s ease;

}

#main_content a:hover {

  color: #0069ba;

  text-shadow: #0090ff 0px 0px 2px;

}

footer a:hover {

  color: #43adff;

  text-shadow: #0090ff 0px 0px 2px;

}

#menu a:hover {

  color: #212121;

  text-shadow: #0090ff 0px 0px 2px;

}

em {

  font-style: italic;

}

strong {

  font-weight: bold;

}

img {

  position: relative;

  margin: 0 auto;

  max-width: 739px;

  padding: 5px;

  margin: 10px 0 10px 0;

  border: 1px solid #ebebeb;

  box-shadow: 0 0 5px #ebebeb;

  -webkit-box-shadow: 0 0 5px #ebebeb;

  -moz-box-shadow: 0 0 5px #ebebeb;

  -o-box-shadow: 0 0 5px #ebebeb;

  -ms-box-shadow: 0 0 5px #ebebeb;

}

pre, code {

  width: 100%;

  color: #222;

  background-color: #fff;

  font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;

  font-size: 14px;

  border-radius: 2px;

  -moz-border-radius: 2px;

  -webkit-border-radius: 2px;

}

pre {

  width: 100%;

  padding: 10px;

  box-shadow: 0 0 10px rgba(0,0,0,.1);

  overflow: auto;

}

  right: 0;

  height: 70px;

  background: url('../images/icon_download.png') no-repeat 0% 90%;

}

#menu {

  position: absolute;

  width: 100%;

  z-index: 10;

  bottom: -20px;

  left: 0;

  height: 35px;

}

.menuitem {

	margin:0;

	margin-right:7px;

	color:white;

	padding:10px;

	height: 35px;

	background: #0090FF;

}

.zip_download_link {

  display: block;

  float: right;

  width: 90px;

  height:70px;

  text-indent: -5000px;

  overflow: hidden;

  background: url(../images/sprite_download.png) no-repeat bottom left;

}

.tar_download_link {

  display: block;

  float: right;

  width: 90px;

  height:70px;

  text-indent: -5000px;

  overflow: hidden;

  background: url(../images/sprite_download.png) no-repeat bottom right;

  margin-left: 10px;

}

.zip_download_link:hover {

  background: url(../images/sprite_download.png) no-repeat top left;

}

.tar_download_link:hover {

  background: url(../images/sprite_download.png) no-repeat top right;

}

#main_content_wrap {

  background: #f2f2f2;

  border-top: 1px solid #111;

  border-bottom: 1px solid #111;

}

#main_content {

  padding-top: 40px;

}

#footer_wrap {

  background: #212121;

}

/*******************************************************************************

Small Device Styles

*******************************************************************************/

@media screen and (max-width: 480px) {

  body {

    font-size:14px;

  }

  #downloads {

    display: none;

  }

  .inner {

    min-width: 320px;

    max-width: 480px;

  }

  #project_title {

  font-size: 32px;

  }

  h1 {

    font-size: 28px;

  }

  h2 {

    font-size: 24px;

  }

  h3 {

    font-size: 21px;

  }

  h4 {

    font-size: 18px;

  }

  h5 {

    font-size: 14px;

  }

  h6 {

    font-size: 12px;

  }

  code, pre {

    min-width: 320px;

    max-width: 480px;

    font-size: 11px;

  }

}