/*  
Theme Name: yellowhite3c
Theme URI: http://www.megatazimjamil.com/yellowhite3c/
Description: My modified <a href="http://www.megatazimjamil.com/yellowhite3c/">yellowhite three column</a> theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>. - test
Version: 1.0.0modMS
Author: Megat Azim Jamil mod. by Martin Schuette
Author URI: http://www.megatazimjamil.com/

        yellowhite3c v1.0.0
        http://www.megatazimjamil.com/

        This theme was originally designed and built by Michael Heilemann,
        whose blog you will find at http://binarybonsai.com/

        This theme was re-designed by Robin Hastings into a three column,
        whose blog you will find at http://www.rhasting.net/

        This theme was re-designed and re-built by Megat Azim Jamil,
        whose blog you will find at http://www.megatazimjamil.com/blog/

        The CSS, XHTML and design is released under GPL:
        http://www.opensource.org/licenses/gpl-license.php

		Modified and converted to SCSS by Martin Schuette
*/
body {
  font-size: small;
  line-height: 150%;
  font-family: 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', 'Verdana', 'Geneva', sans-serif;
  text-align: left;
  background-color: white;
  color: #333333;
  margin: 0;
  padding: 0; }

#header {
  text-align: right;
  width: 12%;
  min-width: 4em;
  float: left;
  padding: 1.5em 1em 1em;
  border-top: 1px solid #cccccc; }
#sidebar {
  width: 16%;
  min-width: 5em;
  float: left;
  border-bottom: 1px solid #cccccc;
  padding: 1.5em 1em 1em;
}
#content {
  width: 54%;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  float: left;
  margin: 0;
  padding: 0 2em 1.5em;
}

/*** IDs ***/
#page {
  background-color: white;
  width: 100%;
  margin: 20px auto;
  padding: 0; }

#content {
  font-size: small;
}

#sidebar {
  font-size: 1em;
  border-top: 1px solid #cccccc;
  }
  #sidebar h2 {
    font-size: small;
    text-transform: lowercase;
    text-decoration: none;
    margin: 5px 0 0;
    padding: 0; }
  #sidebar ul {
    margin: 0;
    padding: 0; }
    #sidebar ul ol {
      margin: 0;
      padding: 0; }
    #sidebar ul li {
      list-style-type: none;
      list-style-image: none;
      margin-bottom: 15px; }
    #sidebar ul p, #sidebar ul select {
      margin: 5px 0 8px; }
  #sidebar div ul, #sidebar ul ol {
    margin: 2px 0 0 10px; }
  #sidebar div li, #sidebar ul li {
    color: #666666;
    margin: 3px 0 0;
    padding: 0; }
  #sidebar #searchform #s {
    width: 80%;
    max-width: 20em;
    border-style: ridge;
    padding: 1px; }
  #sidebar #searchsubmit {
    padding: 1px; }

#commentform input {
  width: 170px;
  background-color: white;
  border-style: ridge;
  margin: 5px 5px 1px 0;
  padding: 2px; }
#commentform textarea {
  width: 100%;
  background-color: white;
  border-style: ridge;
  padding: 2px; }
#commentform #submit {
  float: right;
  margin: 0; }
#commentform p {
  margin: 5px 0; }

#footer {
  text-align: center;
  font-size: xx-small;
  width: auto;
  clear: both;
  margin: 0 auto;
  padding: 0 0 0 1px; }

/*** Elements ***/
h1, h2, h3, p.fakeh1 {
  text-decoration: none;
  font-weight: bold;
  font-size: small;
  margin: 0 0 0;
  padding: 0;
  color: #333333; }
  h1 a, h2 a, h3 a, p.fakeh1 a {
    text-decoration: none;
    color: #333333; }
    h1 a:visited, h2 a:visited, h3 a:visited, p.fakeh1 a:visited {
      text-decoration: none;
      color: #333333; }

h2, h3 {
  margin: 30px 0 0; }

h3.comments {
  margin: 40px auto 20px;
  padding: 0; }

small {
  font-size: x-small; }

cite {
  text-decoration: none; }

q {
  font-style: italic; }

p {
  text-indent: 0;
  margin-top: 0.6em;
  margin-bottom: 0; }
  p + p {
    text-indent: 1.4em; }

div p {
  text-indent: 1.4em; }

small, blockquote, strike {
  color: #666666; }

select {
  width: 130px; }

acronym, abbr {
  border-bottom: 1px dashed #999; }

blockquote {
  padding-left: 20px;
  border-left: 5px solid #cccccc;
  margin: 15px 30px 0 10px; }
  blockquote cite {
    display: block;
    margin: 5px 0 0; }

/*
hr {
  display: none; }
*/
pre, code {
  font: medium monospace;
  white-space: pre-wrap;
  text-indent: 0; }

a, h2 a:hover, h3 a:hover {
  color: #995511;
  text-decoration: none; }

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

a:active {
  position: relative;
  top: 1px; }

a img {
  border: none; }

/*** Classes ***/
.pagepost {
  border-top: 1px solid #cccccc;
  margin: 0 0 40px; }

.post {
  border-top: 1px solid #cccccc;
  clear: both;
  margin: 0 0 15px; }

.alt {
  background-color: #f8f8f8;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  margin: 0;
  padding: 10px; }

/*
.entry ul {
  margin-left: 0;
  list-style: none;
  text-indent: -10px;
  padding: 0 0 0 10px; }
.entry ol {
  margin: 0;
  padding: 0 0 0 35px; }
.entry li {
  margin: 7px 0 8px 10px; }
*/

/* .entry li:before, */
#sidebar li:before, li.collapsing.item:before {
  content: "\00BB\0020"; }

.postmetadata {
  text-align: center;
  font-size: xx-small;
  line-height: 125%;
  padding-top: 5px;
  margin: 10px 0; }

.entry a:visited {
  color: #995511; }

.commentlist li {
  list-style: none;
  font-size: 0.9em;
  margin: 15px 0 3px;
  padding: 5px 10px 3px; }
.commentlist cite {
  font-style: normal;
  font-size: small; }
  .commentlist cite a {
    font-style: normal;
    font-size: small; }
.commentlist p {
  text-transform: none;
  margin: 10px 5px 10px 0; }

.commentmetadata {
  display: block;
  margin: 0; }

.nocomments, .postmetadata {
  color: #666666; }

/*
ol li {
  list-style: decimal outside; }
*/
.commentlist {
  text-align: justify;
  padding: 0; }

.nocomments {
  text-align: center;
  margin: 0;
  padding: 0; }

.alignright {
  text-align: right;
  float: right; }

.alignleft {
  text-align: left;
  float: left; }

.aligncenter {
  text-align: center;
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.navigation {
  display: block;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 60px; }

.entry img, .entrytext img {
  margin: 1ex;
  padding: 1ex; }

.theme {
  font-size: 80%;
  text-align: left; }

p.wp-caption-text {
  font-size: xx-small;
  margin-bottom: 10px; }

img.flattr_btn {
  vertical-align: middle;
  margin: 0;
  padding: 0 0 0 1em; }

.entry li {
  margin: 0;
  padding: 0; }

.entry form, .center {
  text-align: center; }

.sym {
  font-size: small; }

/* for plugins */
#sidebar div.widget > ul.collapsLinkList li.collapsLink:before {
  content: ''; }
#sidebar div.widget > ul.collapsing.categories.list li.collapsing.categories:before {
  content: ''; }
#sidebar div.widget > ul.collapsing.categories.list li.collapsing.categories.item:before {
  content: "\00BB\0020"; }
#sidebar div.widget ul li.collapsing.archives:before {
  content: ''; }
#sidebar div.widget ul li.collapsing.archives.item:before {
  content: "\00BB\0020" !important; }


/*** Extra version for small/narrow screens ***/
@media (max-width : 800px) {
  #header {
    text-align: center;
    width: 100%;
    padding: 0;
    border: 0;
  }
  #content {
    margin: .5em;
    padding: 0em;
    width: auto;
    border: 0;
  }
  #sidebar {
    bottom: 0pt;
    width: auto;
    padding: 0;
    border: 0;
  }
  #sidebar div.widget {
    float: left;
    width: 30%;
    min-width: 10em;
    margin: 0%;
    padding: 1%;
    border-radius: 10px;
    border: 1px solid #cccccc;
  }
  #sidebar div.widget_categories {
    clear: left;
  }
}