/*
Theme Name: Freelance-Dev
Theme URI: http://mikeplate.com/wordpress-freelance-theme
Description: Clean and simple theme with focus on posts and microposts.
Author: Mikael Plate, Sweden
Version: 1.1
Tags: white, green
*/
body {
  margin: 0px;
  padding: 0px;
  font-family: Calibri, "Geneva", sans-serif;
  font-size: 12pt;
}
div, p, input, textarea, select {
  font-family: Calibri, "Geneva", sans-serif;
  font-size: 12pt;
}
img {
  border: 0px;
}
a {
  color: #363;
}
a:visited {
  color: #696;
}
a:hover {
  color: #000;
}
h1 {
  font-size: 48pt;
  font-weight: normal;
  color: #333;
  text-transform: lowercase;
  text-shadow: 2px 2px 2px #DDD;
}
h2 {
  font-size: 24pt;
  font-weight: normal;
  color: #333;
}
h3 {
  font-size: 16pt;
  font-weight: bold;
  color: #333;
}
h6 {
  font-size: 12pt;
  font-weight: normal;
  color: #888;
}
p {
  margin: 0px;
  margin-bottom: 6pt;
}
div.pagewidth {
  min-width: 900px;
  padding-left: 80px;
  padding-right: 20px;
}
.syntaxhighlighter {
  margin-left: -20px;
}

/********** head */
div.head {
  min-width: 900px;
  min-height: 130px;
  padding-left: 80px;
  padding-top: 10px;
  padding-right: 20px;
  background-color: #FFF;
  position: relative;
}
div.head div.title {
  position: absolute;
  left: 80px;
  bottom: 0px;
  width: 700px;
}
div.head h1, div.head h2 {
  margin: 0px;
  line-height: 100%;
}
div.head h2 {
  margin-top: 20px;
}
div.head h6 {
  width: 897px;
  padding-left: 2px;
  padding-bottom: 20px;
  margin: 0px 0px 0px 0px;
}
div.head a {
  color: #888;
  text-decoration: none;
}
div.head a:visited {
  color: #888;
  text-decoration: none;
}
div.head a:hover {
  color: #000;
  text-decoration: underline;
}

/********** menu */
div.menu {
  max-width: 920px;
}
div.menu>div {
  float: right;
  margin-top: 20px;
  margin-right: 20px;
}
div.menu ul {
  margin: 0px;
  padding: 0px;
}
div.menu ul li {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: inline;
  font-weight: bold;
  color: #242;
  xpadding-left: 5px;
  xpadding-right: 5px;
  text-shadow: 2px 2px 2px #DDD;
}
div.menu a {
  color: #888;
  text-decoration: none;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 3px;
  padding-bottom: 3px;
}
div.menu a:visited {
  color: #888;
  text-decoration: none;
}
div.menu a:hover {
  color: #000;
  text-decoration: none;
  background-color: #EEE;
  border-radius: 4px;
  box-shadow: 2px 2px 2px #888;
}


/********** band */
div.band {
  min-width: 900px;
  min-height: 100px;
  padding-left: 80px;
  padding-right: 20px;
  padding-bottom: 20px;
  background: #E4F4E4;
  border-top: #CCC 1px solid;
  border-bottom: #CCC 1px solid;
}
div.bandcontent {
  width: 680px;
  color: #333;
  line-height: 150%;
}
div.bandcontent p {
  margin: 0px;
}

/********** side */
div.side {
  max-width: 1000px;
}
div.side>ul {
  float: right;
  position: relative;
  width: 200px;
  top: -60px;
  margin: 0px 20px 0px 20px;
  padding: 0px;
}
div.side>ul>li {
  list-style: none;
  padding: 10px;
  margin: 0px 0px 10px 0px;
  background: #FFF;
  color: #888;
  border: 1px solid #AAA;
  -webkit-box-shadow: 1px 3px 4px #666;
  -moz-box-shadow: 3px 3px 4px #666;
  box-shadow: 2px 2px 3px #888;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
div.side>ul>li.bare {
  list-style: none;
  padding: 0px;
  margin: 0px 0px 10px 0px;
  background: #FFF;
  color: #888;
  xborder: 1px solid #AAA;
  -webkit-box-shadow: 1px 3px 4px #666;
  -moz-box-shadow: 3px 3px 4px #666;
  box-shadow: 2px 2px 3px #888;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
div.side>ul>li h2 {
  font-size: 14pt;
  font-weight: normal;
  border-bottom: solid 1px #EEE;
  margin: 0px 0px 4px 0px;
  color: #666;
}
div.side>ul>li ul {
  padding-left: 0px;
  margin: 0px;
}
div.side>ul>li ul li {
  display: inline-block;
  list-style: none;
  margin-left: 0px;
  padding-right: 5px;
}
div.side>ul>li a {
  color: #888;
  text-decoration: none;
}
div.side>ul>li a:hover {
  color: #000;
  text-decoration: underline;
}
div.side>ul>li a:visited {
  color: #888;
  text-decoration: none;
}
div.side form#searchform input#s {
    width: 160px;
}

/********** post, common for abstract and micro */
div.posts {
  min-width: 900px;
  background-color: #FFF;
  padding-left: 80px;
  padding-right: 20px;
  padding-bottom: 50px;
}
div.post {
  width: 680px;
  color: #333;
  padding-top: 20px;
}
div.post ul, div.post ol {
  margin-top: 0px;
  margin-bottom: 0px;
}
div.post p, div.post li {
  line-height: 150%;
  margin-bottom: 6px;
  color: #333;
}
div.post h2 {
  font-size: 16pt;
  font-weight: bold;
  color: #333;
}
div.post h6 {
  margin: 0px;
}
div.post h6 a {
  color: #888;
  text-decoration: none;
}
div.post h6 a:visited {
  color: #888;
  text-decoration: none;
}
div.post h6 a:hover {
  color: #000;
  text-decoration: underline;
}

/************* page */
div.page h2 {
  font-size: 24pt;
  font-weight: normal;
  color: #333;
}
div.page h3 {
  margin-bottom: 0px;
}

/********** abstract */
div.abstract {
}
div.abstract p {
}
div.abstract h3 {
  margin-top: 12px;
  margin-bottom: 6px;
}
div.abstract h3 a {
  color: #363;
}
div.abstract h3 a:visited {
  color: #696;
}
div.abstract h3 a:hover {
  color: #000;
}

/********** micropost */
div.micro {
}
div.micro p {
}

a.more {
  color: #888;
  text-decoration: none;
}
a.more:visited {
  color: #888;
  text-decoration: none;
}
a.more:hover {
  color: #000;
  text-decoration: underline;
}

div.end {
  min-width: 900px;
  padding-left: 80px;
  padding-right: 20px;
  color: #DDD;
  background-color: #242;
  background-image: -moz-linear-gradient(270deg, #121 0%, #242 50%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #121), color-stop(0.5, #242));
  border-top: 1px solid #333;
}
div.end h6 {
  margin: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
}
div.end h6 a {
  color: #DDD;
}
pre {
  font-family: Consolas, Menlo, monospace;
  padding: 10px;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  background-color: #EEE;
  font-size: 10pt;
}
div.band:hover a {
  text-decoration: underline;
}

@media (max-width: 1023px) {
  div.pagewidth, div.head, div.band, div.posts, div.end {
    padding-left: 40px;
  }
  div.head div.title {
    left: 40px;
  }
}