/* Override some defaults */
html, body {
  background-color: #eee;
}
body {
  padding-top: 40px; /* 40px to make the container go all the way to the bottom of the topbar */
}
.container > footer p {
  text-align: center; /* center align it with the container */
}
.container {
  width: 820px; /* downsize our container to make the content feel a bit tighter and more cohesive. NOTE: this removes two full columns from the grid, meaning you only go to 14 columns and not 16. */
}

/* The white background content wrapper */
.content {
  background-color: #fff;
  padding: 20px;
  margin: 0 -20px; /* negative indent the amount of the padding to maintain the grid system */
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
          box-shadow: 0 1px 2px rgba(0,0,0,.15);
}

/* Page header tweaks */
.page-header {
  background-color: #f5f5f5;
  padding: 20px 20px 10px;
  margin: -20px -20px 20px;
}

.topbar .btn {
  border: 0;
}


/* tag_box ======================================================== */

.tag_box {
	list-style:none;
	margin:0;
	padding:5px 0 ;
	overflow:hidden;
}
.tag_box li {
	line-height:28px;
}
.tag_box.inline li {
	float:left;
}
.tag_box a {
	padding: 3px 6px;
	margin: 2px;
	background: #eee;
	color:#005F6B;
	border-radius: 3px;
	text-decoration:none;
}
.tag_box a span{
	vertical-align:super;
	font-size:0.8em;
}
.tag_box a.active {
	background:#57A957;
	border:1px solid #4C964D;
	color:#FFF;
}
	
/* posts index */
.post > h3.title {
  position:relative;
  padding: 2px 5px 5px 5px;
  border-top:3px solid #EEE;
  margin-bottom: 15px;
  font-size: 1.9em;
  font-weight: normal;
  font-family: 'PT Sans Narrow', sans-serif;
  background-color: #F5F5F5;
}
.post > h3.title a {
    color: black;
}
.post > h3.title a:hover {
    text-decoration: none;
}
.post > h3.title span.date { 
  position:absolute;
  right:5px;
  font-size:0.7em;
  color: #777;
}
.post > .more {
  margin:10px 0 18px 0;
  text-align:left;
}

.default_img img{
 display: block;
 max-width:400px; 
 max-height:400px; 
 border-radius: 6px;  
 box-shadow :0 0 10px #555;
 -webkit-box-shadow: 0 0 10px  #555;
 margin-left: auto;
 margin-right: auto;
 margin-top: 10px;
 margin-bottom: 10px;
} 





.default_pre pre {    
    display: block;
    padding: 5.0px;        
    border: 0px solid #ccc;
    border-radius: 6px;
    box-shadow :0 0 10px #555;
    -webkit-box-shadow: 0 0 10px  #555;
    background-color: #333;  
    color:#fff;   
}

.default_code code {        
   display: block;  
   background-color: #333;  
   color:#fff;   
   white-space:pre;     
}