/*
Theme Name: Proccli-V01
Version: 1.0
Author: Rob Hurring
*/

body{
  background:#97C369;
  margin:0;
  font:14px/20px helvetica, tahoma,arial,sans-serif;
  }

h1, h2, h3, h4, h5, h6 {
	font:bold 13px/16px helvetica,arial,freesans,clean,sans-serif;
	color:#000;
	margin:10px 0;
	}
	h1 {font-size:180%;line-height:90%;}
	h2 {font-size:180%;line-height:90%;}
	h3 {
	  font-size:130%; 
	  color:#000;
	  margin:15px 0;
	  line-height:20px;
	  }
	h4 {font-size:110%;}
	h5 {font-size:100%;}
	h6 {font-size:90%; margin:0; padding:0;}

img{ border:0; }

p{ margin:10px 0; }

a{
	color:#648D39;
	text-decoration:none;
	outline:none;
	}
a:hover{
	text-decoration:underline;
	}

code{
  background:#e9e9e9;
  padding:3px;
  }
  code span{
    color:#999;
    margin-right:10px;
    font-size:12px;
    font-family:monospace;
    }
    
blockquote{
  margin-left:25px;
  color:#7e7e7e;
  }
  
hr{
  height:2px;
  background:#eee;
  border:0;
  margin:-20px 0 30px; /* even up from the 50px bottom margin on posts and make a 30px sep */
  }
  
pre{
  overflow:auto;
  border:1px solid #ddd;
  background:#fafafa;
  padding:5px;
  margin:20px 0;
  }

/* Global Support */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.left{ 	float:left;		}
.right{ float:right;	}
.center{ margin:0 auto; }
.indent{ margin-left:20px; }

/* Layout */

#page_wrapper{ 
  height:100%; 
  min-height:100%;
  margin:0 auto;
  }
.container{
/*  width:920px;*/
  margin:0 auto;
  }

#header{
  padding:5px 100px 10px;
  background:#eee;
  border-bottom:2px solid #ddd;
  }
  #logo{
    float:left;
    width:40%;
    margin:0;
    padding:0;
    }
    #logo a{
      display:block;
      height:64px;
      width:104px;
      text-indent: -1000px;
      background:url(images/proccli-1.png) no-repeat 0 0;
      }
  #toplinks{
    float:right;
    width:45%;
    text-align:right;
    margin-top:25px;
    }

#footer{
  text-align:center;
  height:50px;
  border-top:8px solid #648D39;
  background:#97C369;
  color:#52742F;
  }
  #footer a{
    color:#52742F;
    }

#content{
  padding:30px 100px;
  margin:0 auto;
  background:#fff;
  }
  #yield{
    float:left;
    width:68%;
    }
  #sidebar{
    float:right;
    width:30%;
    }

#search{
  }
  input.text{
    border:3px solid #ddd;
    font-size:110%;
    float:left;
    width:82%;
    margin-top:4px;
    color:#333;
    }
  #search input.image{
    float:right;
    width:32px;
    height:32px;
    }

#comments{
  margin-top:30px;
  }

#respond{
  margin-top:30px;
  }
  .respond-content{
    border:1px solid #ddd;
    background:#fafafa;
    padding:10px;
    }
  .respond-content .text{
    border:3px solid #ddd;
    font-size:110%;
    float:none;
    width:98%;
    margin-top:4px;
    color:#333;
    }
  .respond-content label{
    display:block;
    }

#searchform{
  }
  #searchform .form-contents{
    padding:10px;
    background:#fafafa;
    border:1px solid #ddd;
    }
    input#s{
      border:3px solid #ddd;
      font-size:110%;
      float:left;
      width:80%;
      margin:5px 0;
      color:#333;
      }
    #searchsubmit{
      margin-top:10px;
      float:right;
      }

.forkable{
  position:relative;
  left:-70px;
  top:-75px;
  margin:0;
  padding:0;
  width:57px;
  height:19px;
  background:url(images/forkable.png) no-repeat 0 0;
  }
  .forkable a{
    position:relative;
    bottom:2px;
    left:6px;
    color:#fff;
    font-size:11px;
    }
    .forkable a:hover{
      color:#2E411A;
      text-decoration:none;
      }

/* Components */

.required{
  font-size:120%;
  font-weight:bold;
  color:red;
  }

.meta{
  font-size:13px;
  line-height:13px;
  color:#999;  
  }
  .meta img{
    padding:1px;
    border:1px solid #ddd;
    vertical-align:bottom;
    }
  .who{
    font-size:18px;
    color:#97C369;
    }
  .when{
    font-size:18px;
    color:#ccc;
    }
  .comments{
    margin-top:5px;
    }
    .comments a{
      font-size:15px;
      line-height:20px;
      color:#bbb;
      background:url(images/comment.png) no-repeat top left;
      padding-left:26px;
      }
  
.entry{
  margin-bottom:50px;
  }
  .entry img{
    padding:1px;
    border:1px solid #ddd;
    }
  .entry-content p{
    font-size:17px;
    line-height:25px;
    }

ul.nav{
  margin:1px 0 0 0;
  white-space:nowrap;
  margin-top:15px;
  }
  ul.nav li{
    list-style-type:none;
    display:inline;
    font-size:14px;
    margin-right:0;
    margin-left:20px;
    }
    ul.nav li a{
      font-weight:normal;
      color:#666;
      text-shadow: #fff 2px 2px 2px;
      }
    ul.nav li a:hover{
      text-decoration:underline;
      }
    ul.nav li.current_page_item a{
      color:#555;
      font-weight:bold;
      }

.links{
  border-top:2px solid #eee;
  margin-top:15px;
  }
  .links ul{
    list-style:none;
    margin:0;
    padding:0;
    }
    .links ul li{
      margin:15px 0;
      }
    .links a{
      font-size:18px;
      line-height:20px;
      }

.cancel-comment-reply a{
  font-size:20px;
  }
  
.comments_list{
  }
  .comment{
    border:1px solid #ddd;
    background:#fafafa;
    padding:5px;
    margin:2px;
    }
    .comment .meta .who{
      font-weight:bold;
      font-size:15px;
      }
      .byuser .meta .who{
        color:#7725AE;
        }
    .comment .meta .when{
      color:#999;
      font-size:14px;
      }
    .comment .meta .avatar{
      vertical-align:middle;
      padding:1px;
      border:1px solid #ddd;
      }
    .comment .meta .reply{
      float:right;
      }
      .comment .meta .reply a{
        background:url(images/alias.png) no-repeat right center;
        padding-right:18px;
        color:#999;
        }
    .comment-content{
      margin:5px 0;
      }
  .depth-2{ margin-left:15px; }
  .depth-3{ margin-left:30px; }
  .depth-4{ margin-left:45px; }
  .depth-5{ margin-left:60px; }

.byuser{
  background:#F3FBEA;
  }
  
.wp-pagenavi{
  margin-top:30px;
  text-align:right;
  }
  .wp-pagenavi .pages{
    color:#777;
    font-size:12px;
    margin-right:10px;
    }
  .wp-pagenavi .current,
  .wp-pagenavi a:hover{
    background:#648D39;
    color:#fff;
    padding:0 3px;
    margin:3px;
    text-decoration:none;
    }
  .wp-pagenavi a{
    border:1px solid #ddd;
    background:#fafafa;
    padding:0 3px;
    margin:3px;
    }

.simplekarma-widget{
  width:200px;
  text-align:right;
  }
  .simplekarma-widget img{
    vertical-align:bottom;
    }
  .simple-karma-message{
    text-align:right;
    font-size:11px;
    color:#999;
    }
  .karma-count{
    font-weight:bold;
    margin-right:5px;
    font-size:15px;
    position:relative;
    top:3px;
    color:#999;
    }
  .negative-karma{
    border-color:#93333D;
    background:#F6EDED;
    }
  .high-karma{
    border-color:#648D39;
    background:#EEF6ED;
    }

/* Boxin */

.success {
	background: #e2fad6 url(images/accept.png) no-repeat 10px 10px;
	border: 1px solid #91db6c;
	padding: 10px;
	padding-left: 35px;
	color: #404040;
	margin-bottom: 10px;
	font-size:14px;
	line-height:20px;
}

.error{
	background: #fae1d6 url(images/exclamation.png) no-repeat 10px 10px;
	border: 1px solid #f59b73;
	padding: 10px;
	padding-left: 35px;
	color: #404040;
	margin-bottom: 10px;
	font-size:14px;
	line-height:20px;
}

.help {
	background: #eaf0f6 url(images/help.png) no-repeat 10px 10px;
	border: 1px solid #bcc6d0;
	padding: 10px;
	padding-left: 35px;
	color: #404040;
	margin-bottom: 10px;
	font-size:14px;
	line-height:20px;
  }

.tip {
	background: #fafad6 url(images/wand.png) no-repeat 10px 10px;
	border: 1px solid #f6d87d;
	padding: 10px;
	padding-left: 35px;
	color: #404040;
	margin-bottom: 10px;
	font-size:14px;
	line-height:20px;
  }
  
/* about */

.about-me{
  line-height:25px;
  }
  .about-me img{
    float:right;
  	border: 1px solid #ddd;
  	background-color: #f3f3f3;
    padding:4px;
  	margin:0 10px;
  	-moz-border-radius: 3px;
  	-khtml-border-radius: 3px;
  	-webkit-border-radius: 3px;
  	border-radius: 3px;

    }

/* Gistin */

.gist{
  }  
  .gist .gist-file .gist-data{
    background:#fafafa !important;
    }
  .gist .gist-file .gist-meta a{
    color:#803DAE !important;
    }
  .gist-syntax .s1,
  .gist-syntax .sl,
  .gist-syntax .si,
  .gist-syntax .s2,
  .gist-syntax .se{ color:#EB4A03 !important;} /* strings, etc */
  .gist-syntax .no{ color:#4E9109 !important;} /* classes, etc */
  .gist-syntax .nb{ color:#864BAE !important;} /* require, puts, etc */
  .gist-syntax .mi{ } /* numbers */
  .gist-syntax .nc{ color:#648D39 !important;} /* CSS classes, etc */
  
/* OpenLike */

.openlike{
  margin-bottom:30px;
  }
  
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
  }
.wp-caption{
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
  }
  .wp-caption img{
  	margin: 0;
  	padding: 0;
  	border: 0 none;
    }
  .wp-caption p.wp-caption-text{
  	font-size: 11px;
  	line-height: 17px;
  	padding: 0 4px 5px;
  	margin: 0;
    }