/*
Theme Name: Builder 
Theme URI: http://merit.oryo.us/
Description: A theme dedicated to building a site worthy of merit.
Author: Jesse Eickholt
Author URI: http://merit.oryo.us/
*/

/***************************************************
  Coding Guidelines 
    - set default sytle
    - html elements/general element style
    - layout divs
    - classes
    
    for each group ...
    x {
      
    }

    everything is put in alpha order

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

/* Set default style */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { 
  margin: 0; 
  padding:0 
}

body {
  font: 62.5%/1.5 verdana, "trebuchet MS", helvetica, sans-serif;  
  /* font: 62.5%/1.5 "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif; */
  background: #ffffff; 
  /*text-align:center;*/
  padding: 20 0px;
}

a img,:link img,:visited img { 
  border: none; 
}

ul,ol { 
  list-style:none; 
}

/* layout divs */
#footer {
  background: url(img/footer_background.png) top center no-repeat #d6e4f8;
  border-top: 1px solid #6199ed;
  padding: 10px 20px;  
}


#header {
  background: url(img/header_guides.png) bottom left no-repeat;
  height: 5.8em;
  margin: 0px 0px 5px 275px;
  padding: 10px 0px 18px 0px;
}

#menu {
  background: url(img/menu_background.png) 50% 0 repeat-x;
  border-top: 1px solid #a7a7a7;
  border-bottom: 1px solid #a7a7a7;
}

#blueprint {
  background: url(img/blueprint.png) 0 0 repeat-x;
  height: 272px;
  position: absolute;
  top: 0px
  left: 0px;
  width: 263px;
  z-index: 50;
}

#page {
  min-width: 1024px;
}

#content-wrapper {
  background: url(img/content_background.png) top left repeat-y;
  padding: 10px 0 10px 0;
  margin: 0 0 0 165px;
}

#content {
  float: left;
  padding-right: 20px;
  width: 525px;
}

#sidebar {
  float: left;
  overflow: hidden;
  padding: 3px 11px 20px 8px;
  width: 270px;
}

#similar_posts {
  border: 1px solid #6199ed;
  border-left: 0px;
  border-right: 0px;
  background: url(img/level.png) 20px 50% no-repeat #dfeae8;
  padding: 10px 0px 10px 90px;
  margin: 25px 0px;
  width: 410px;

}

/* html elements style */
a {}
  #footer a {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
  }
  #header a {
    color: #424242;
    text-decoration: none;
  }
  #menu a {
    color: #ffffff;
    font-size: 1.6em;
    font-weight: bold;
    text-decoration: none;
  }
  #content h2 a {
    color: #424242;
    text-decoration: none;
  }
  #content a {
    color: #88b500;
  }
  #sidebar a {
    color: #6199ed;/*#a7a7a7*/;
    text-decoration: none;
  }
  #similar_posts a {
    /*color: #ffffff;*/
    text-decoration: none;
  }

h1 {
  font-size: 2.2em;  
}
  #header h1 {
    font-size: 3.9em;
    font-weight: normal;
    line-height: .9em;
    margin: 0px 0px 0px 15px;
    padding: 0px;
  }
    
h2 {
  font-size: 2.2em;    
}
  #content h2 {
    font-weight: normal;
    line-height: 1.2em;
    margin: 8px 0px 10px 0px;
    padding: 0px;
  }  
h3 {
  font-size: 2.0em;
}
  h3#respond, h3#comments {
    color: #424242;
    font-weight: normal;
    margin: 5px 0px;
  }

  #header h3 {
    color: #a7a7a7;
    line-height: .9em;
    font-weight: normal;    
    margin: 2px 0px 0px 15px;
    padding: 0px;
  } 
  #sidebar h3 {
    color: #ffffff;
    padding: 2px 0px 9px 35px;    
  }   
  #sidebar h3.search {
    background: url(img/lupa.png) 0 5px no-repeat;
  }
  #sidebar h3.popular {
    background: url(img/medal.png) 0 5px no-repeat;
    padding-bottom: 18px;
    padding-top: 2px;
  }

h4 {
  font-size: 1.6em;    
}
    
h5 {
  font-size: 1.4em;    
}
  #similar_posts h5 {
    color: #424242;
  }
img {
 
 }
  div.entry img {
    border: 1px solid #a7a7a7;
    margin: 15px 5px;
  }


  #header img {
    float: right;
    margin-right: 15px;
  } 
input {}
  #commentform input#submit {
    background: url(img/button_bg.png) 0 0 repeat-x;
    border: 1px solid #a7a7a7;
    color: #ffffff;
  }

  #searchform input#s {
    background: #292929;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 1.6em;
    margin: 10px 5px 2px 10px;
    width: 94%;

  }

li {}
  #menu li {
    display: inline;
    margin-left: 25px;
  }
  #sidebar li {
    /*border-bottom: 1px solid #3d3d3d;*/
    color: #ffffff;
    font-weight: bold;
    padding: 0px 4px;
    margin: 0px;
  }
  #similar_posts li {
    color: #ffffff;
    font-size: 1.4em;
    font-weight: bold;
  }
p {
  font-size: 1.2em;    
}
  #commentform p {
    margin: 2px 0px;
  }

  #content p {
    line-height: 1.6;
    margin: 10px 10px 10px 0px;
  }
 
  #footer p {
    color: #424242;
    font-size: 1.0em;
    text-align: right;
  }
  #sidebar p {
    color: #ffffff;
    padding-left: 5px;
  

}
textarea {}
  textarea#comment {
    border: 1px solid #6199ed;
    margin: 2px 0px;
    width: 468px;
  }

ul {}
  #menu ul {
    display: inline;
    padding: 3px 0px 3px 0px;
  }
  #sidebar ul {
    font-size: 1.4em;
    line-height: 1.2em;
    padding: 0px 0px 0px 15px;
  }
  #similar_posts ul {
    margin-left: 10px;
  }

/* classes */
.small_ad {
  float: left;
  padding-bottom: 7px;
  padding-left: 7px;
}

.shift-left {
  margin-left: 40px;
}

.clear {
  clear:both;
}

.right {
  float: right;
}

.left {
  float: left;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    margin: 0;
    padding: 0;
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */