@font-face {
  font-family: 'hero';
  src: url('../misc/Hero.otf') format('opentype');
}

@font-face {
  font-family: 'sereg';
  src: url('../misc/sereg.ttf') format('truetype');
}

header {
  background:rgb(245,244,240) url(../images/grid.png) repeat center 0;
  padding:25px 0;
  position:relative;
}

html {
  background-color:rgb(245,244,240);
}

body {
  padding:0 0 50px;
  background-color:rgb(245,244,240);
}

h1.blog-head {
  font-family:'hero';
  text-transform:uppercase;
  font-weight:bold;
  font-size:25px;
  line-height:20px;
}

h2.blog-welcome {
  font-size: 25px;
  margin-top: 30px;
  margin-bottom: 20px;
}

.demo-box {
  background:rgb(245,244,240) url(../images/grid.png) repeat 0 0;
  border:1px solid rgb(203,203,199);
  margin-bottom:20px;
  height:349px;
  -webkit-box-shadow:rgb(255,255,255) 0 0 3px;
  position:relative;
  -webkit-box-shadow:inset 0 0 10px rgba(203,203,199,0.6);
  -moz-box-shadow:inset 0 0 10px rgba(203,203,199,0.6);
  -o-box-shadow:inset 0 0 10px rgba(203,203,199,0.6);
  box-shadow:inset 0 0 10px rgba(203,203,199,0.6);
}

.demo-box h3 {
  font-family:'hero';
  text-transform:uppercase;
  font-size:20px;
  line-height:20px;
  margin-top:35px;
  margin-left:35px;
}

.demo-box .demo-inner {
  position:absolute;
  bottom:70px;
  left:70px;
  right:70px;
}

.section,
.aside {
  line-height:27px;
}

.section-end {
  margin:30px 0;
  border-bottom:1px solid rgb(203, 203, 199);
}

.note {
  background-color:rgb(250,250,250);
  border:1px solid rgb(203, 203, 199);
  padding:10px;
  -webkit-box-shadow:rgb(210,210,210) 0 0 2px;
  margin-bottom:20px;
}

.note .user-photo {
  background-color:rgb(250,250,250);
  border:1px solid rgb(203, 203, 199);
  padding:5px;
  -webkit-box-shadow:rgb(170,170,170) 0 0 1px inset;
  display:block;
  float:left;
  margin-right:10px;
}

.note .staff-photo {
  background-color:rgb(215,228,192);
}

.note .user-photo img {
  display:block;
  width:40px;
  height:40px;
}

.note .note-details {
  border-bottom:1px solid rgb(203, 203, 199);
  padding-bottom:5px;
  margin-bottom:5px;
  margin-left:60px;
  line-height:20px;
}

.note .note-details .date-created {
  display:block;
  color:rgb(160,160,160);
  font-size:13px;
}

ul.toc {
  -moz-column-count: 2;
	-moz-column-gap: 40px;
	-webkit-column-count: 2;
	-webkit-column-gap: 40px;
	column-count: 2;
	column-gap: 40px;
  margin-top: 40px;
}

ul.toc li a,
ul.toc li .num {
  background-color:rgb(245,244,240);
  position:relative;
  z-index:2;
}

ul.toc li {
  margin-bottom:10px;
  position:relative;
}

ul.toc li.last {
  margin-bottom: 40px;
}

ul.toc li a {
  padding-right:5px;
  font-weight:normal;
}

ul.toc li span.dots {
  position:absolute;
  left:0;
  right:0;
  bottom:7px;
  border-bottom:2px dotted rgb(203,203,199);
}

ul.toc li span.num {
  float:right;
  padding-left:5px;
}

ul.toc h3 {
  font-family:'hero';
  text-transform:uppercase;
  font-size:20px;
  line-height:20px;
  margin-bottom:20px;
}

.section p,
.section h3 {
  margin-bottom:20px;
}

.section h3 {
  font-family:'hero';
  font-size:20px;
  line-height:20px;
  text-transform:uppercase;
}

.article {
  margin-left:370px;
  padding-left:20px;
}

.aside {
  float:left;
  width:350px;
  font-size:13px;
}

.post-header,
.aside {
  background-color:rgb(245,244,240);
}

.aside dt {
  float:left;
  width:130px;
  font-weight:bold;
  padding:5px 0;
}

.aside dd {
  border-bottom:1px solid rgb(203,203,199);
  padding:5px 0 5px 130px;
}

.aside dd:last-child {
  border-bottom:0 none;
}

h2.title {
  font-family:'hero';
  font-size:35px;
  line-height:35px;
}

.post-header {
  padding-bottom:40px;
  padding-top:40px;
}

.post-header-fixed {
  top:0px;
  position:fixed;
  padding-right:20px;
  width:1000px;
  z-index:10;
  -webkit-box-shadow:rgb(245,244,240) 0 5px 10px;
}

form.note-form label {
  display:block;
}

.article-fixed {
  margin-top:115px;
}

.aside-fixed {
  top:115px;
  position:fixed;
  z-index:10;
}

/* Code Highlighting */
code {
  margin:20px 0;
  display:block;
}

table.highlighttable {
  width:100%;
  color:rgb(230,225,220);
  border:1px solid rgb(77,77,77);
}

table.highlighttable td {
  background-color:rgb(43,43,43);
  padding:10px;
  text-align:top;
}

table.highlighttable td.code {
  padding:0;
}

table.highlighttable td.linenos {
  background-color:rgb(61,61,61);
  border-right:1px solid rgb(77,77,77);
  text-align:right;
  width:20px;
}

div.highlight {
  -webkit-box-shadow:inset 0 0 10px rgb(0,0,0);
  -moz-box-shadow:inset 0 0 10px rgb(0,0,0);
  -o-box-shadow:inset 0 0 10px rgb(0,0,0);
  box-shadow:inset 0 0 10px rgb(0,0,0);
  overflow:auto;
  width:527px;
}

table.highlighttable pre {
  display:block;
}

div.highlight pre {
  margin:10px 10px 10px 15px;
}

pre {
  font-family:'Monaco',monospace;
  font-size:13px;
  line-height:20px;
  display:inline;
}

/** css block **/
pre span.c {
  font-style:italic;
  color:rgb(188,148,88);
}
pre span.nt,
pre span.nc {
 color:rgb(255,198,109); 
}
pre span.k,
pre span.n {
  color:rgb(110,156,190);
}
pre span.m {
  color:rgb(165,194,97);
}
pre span.o {
  color:rgb(218,73,57);
}
pre span.s1 {
  color:rgb(165,194,97);
}
/** css block **/

/* Code Highlighting */