* {
  box-sizing: border-box; }

body {
  margin: 0 auto;
  line-height: 1.7em;
  background: url(img/bg.jpg) repeat;
  color: #dcdccc;
  font-family: 'Helvetica', 'Arial', sans-serif;
  background-color: #333; }

h1, h2, h3, h4, h5 {
  font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
  font-weight: normal;
}

pre {
  background: #303030;
  padding: 0.5em;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); }

a {
  color: #8cd0d3;
  text-decoration: none; }

a:hover {
  text-decoration: underline;
  color: #dca3a3; }

.pure-button {
  background-color: #88b090; }

.header {
  text-align: center;
  background: url(img/strip.png) repeat-x;
  line-height: 0; }

p.portletItemDetails {
  margin: 0.5em 0;
  font-size: 14px; }

dl, menu, ol, ul {
  padding: 0 0 0 20px; }

.pure-menu.pure-menu-open.pure-menu-horizontal.l-main-menu {
  text-align: center;
  background: url(img/topnav_strip.gif) repeat-x; }

.pure-menu a {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.68); }

.pure-menu .pure-menu-selected a {
  color: #9ece9e; }

li.pure-menu-selected a,
.pure-menu li a:hover {
  background: transparent;
  color: #dca3a3;
  text-shadow: 0 3px 5px rgba(0, 0, 0, 0.68); }

li.pure-menu-selected,
.pure-menu li:hover {
  background: url(img/topnav_hover.gif) no-repeat center top; }

.portal-logo {
  height: 200px;
  background: url(img/logo.jpg) no-repeat center top; }

div.center-portlet,
div.portlet,
div.blog {
  -moz-border-radius: 10px;
  background-color: #3f3f3f;
  border-radius: 10px;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
  color: #dcdccc;
  margin-bottom: 30px;
  margin-top: 10px;
  padding: 1.5em;
  text-shadow: 1px 1px 1px black;
  word-break: break-word;
  }

div.blog tt {
  color: #ffcfaf;
  font-size: 1.1em; }

div.center-portlet.left {
  margin-right: 10px; }

div.center-portlet.right {
  margin-left: 10px; }

.float-left {
  float: left; }

.portlet a.rss-image {
  float: right; }

.portlet a.rss-image img {
  height: 20px; }

div.portlet ul {
  padding-left: 1em; }

aside.content div {
  margin: 10px 30px 30px 30px; }

div.home {
  padding-top: 10px; }

header.content {
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.38);
  margin: 0 auto 20px auto;
  min-height: 137px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33); }

header.home {
  background: #202020 url(img/moon.jpg) no-repeat center top;
  background-size: 100%; }

header.blog {
  background: #202020 url(img/blog.jpg) no-repeat center top;
  background-size: cover; }

header.software {
  background: #202020 url(img/crab.jpg) no-repeat center top;
  background-size: cover; }

header.about {
  background: #202020 url(img/sunset.jpg) no-repeat center top;
  background-size: cover; }

header.contact {
  background: #202020 url(img/mountain.jpg) no-repeat center top;
  background-size: cover; }

h2.main {
  margin: 0;
  color: #222222;
}

h2.home {
  font-size: 50px;
  padding: 30px 0 0 25%; }

h2.blog {
  font-size: 60px;
  padding: 65px 0 0 20%; }

h2.software {
  font-size: 60px;
  padding: 30px 60% 0 0; }

h2.about {
  font-size: 60px;
  padding: 30px 50% 0 0; }

h2.contact {
  font-size: 60px;
  padding: 20px 50% 0 0; }

div.portlet section {
  display: inline-block;
  float: left; }

div.portlet section img {
  padding-right: 5px;
  max-width: 100px;
  float: left; }

h1 {
  font-size: 1.8em;
  margin-top: 2em;
  color: #ffcfaf; }

h1, h3, h3 {
  line-height: 1.2em;
}

h1.title {
  font-size: 2em;
  color: #efef8f;
}

.blog_post_title {
  font-size: 2em;
  margin-bottom: 0;
  line-height: 1.2em;
}

h2 {
  font-size: 1.5em;
  color: #9ccc9c; }

h3 {
  color: #9ece9e; }

#alpine-blog-injected {
  background-color: darkslategrey;
  padding: 1em;
  border-box: 10px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); }

article.software h4,
article.software h3 {
  color: #AAA;
  font-size: 26px;
  margin-bottom: -1; }

article.software h4 {
  margin-top: 0.5em;
  font-size: 16px; }

h3.portlet {
  margin: 0; }

p.caption {
  font-size: 80%;
  margin-top: 0; }

p.portlet {
  margin: 0;
  font-size: 14px;
  margin-bottom: 0.5em;
  line-height: 1.5em; }

div.blog_post {
  padding-bottom: 1.5em; }

div.blog_post header p {
  margin: 0 0 0 0em; }

div.blog_post header small {
  font-size: 12px; }

a.read-more {
  padding-left: 1em;
  font-size: 12px; }

.clear {
  clear: both; }

.highlight {
  background-color: transparent; }

.highlight .k {
  color: #8cd0d3; }

.highlight .nf {
  color: #efef8f; }

.highlight .nt {
  color: #bc8cbc; }

.pygments_murphy {
  background-color: transparent; }

.pygments_murphy .k {
  color: #b191ef; }

.pygments_murphy .kn,
.pygments_murphy .nn {
  color: #91efb1; }

.pygments_murphy .o {
  color: #777; }

.pygments_murphy .s {
  background-color: #404040; }

article.about img {
  float: left;
  margin-right: 1em;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); }

.portlet li {
  margin-bottom: 1em; }

aside.info {
  padding: 0.3em;
  border-radius: 5px;
  text-align: center;
  color: #313633;
  background-color: #ccdc90;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); }

aside.error {
  padding: 0.3em;
  border-radius: 5px;
  color: #e37170;
  background-color: #3d3535;
  text-align: center;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); }

article .figure {
  margin: 1em; }

article .figure img {
  margin: 0; }

article img {
  margin: 1em; }

article .figure.align-left,
article img.align-left {
  float: left; }

article .figure.align-right,
article img.align-right {
  float: right; }

iframe {
  padding-bottom: 1em; }

iframe,
article .figure.align-center,
article img.align-center {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.strike {
  text-decoration: line-through; }

.note p.admonition-title {
  display: none; }

.note {
  font-size: 14px;
  border: solid 1px #efef8f;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 0 15px 7px 15px;
  text-shadow: none; }

.note p {
  margin: 0.5em 0;
  line-height: 1.3em;
  }

.note p strong {
  color: #efef8f; }

#twitter-portlet ul {
  padding-left: 0;
  list-style: none; }

.spinner {
  background: url(img/spinner.gif) center no-repeat;
  height: 200px; }

.post_item {
  margin-bottom: 0; }

.post_time {
  font-size: 12px;
  font-style: italic;
  margin-left: 1em;
  color: #9ccc9c;
  margin-top: 0;
  line-height: 1.5em; }

#tag_cloud {
  margin: 0px;
  padding: 0px; }

#tag_cloud .size_5 {
  font-size: 2.75em; }

#tag_cloud .size_4 {
  font-size: 2.4em; }

#tag_cloud .size_3 {
  font-size: 2.05em; }

#tag_cloud .size_2 {
  font-size: 1.7em; }

#tag_cloud .size_1 {
  font-size: 1.35em; }

#tag_cloud .size_0 {
  font-size: 1.0em; }

/*# sourceMappingURL=opkode.css.map */