/*========================================
STYLES
==========================================*/



html{
  padding: 5%;
  /*font-family:verdana,geneva,helvetica,arial,sans-serif;*/
  background-color:#f7f7f7;
  font-size:11px;
  font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}



figure {
	 	padding: 0px;
 	margin: 0px;
}
 figcaption {
 	padding: 0px;
 	margin: 0px;
 }

.panel {
  border-radius: 0px;
  border: 0px;
  box-shadow: 0;
  height: 300px;
}

.panel li {
  border-radius: 0px;
  border: 0px;
  box-shadow: 0;
  list-style: none;
  padding:0px;
}

.panel li {
  padding: 0px;
  margin: 0px;
}

.tree ul a {}
.tree ul li {
    margin:2px;
    margin-left:5px;
}

.tree ul li li {
    margin:1px;
    margin-left:25px;
    font-size: 10px;
}

div {
    display: block;
}

.left {
  float: left;
  border:0px solid;
}

.middle {
  float: left;
  border:0px solid;
  width:500px;
}


@media only screen and (max-width: 600px) {
  body, html {
    padding: 0%;
    margin: 0%;
  }

  html {
    margin:5%;
  }

  .middle {
    float: left;
    border:0px solid;
    width:100%;
  }

  .container {
    width: 100%;
    padding: 0%;
    margin: 0%;
  }

  .panel {
    border-radius: 0px;
    border: 0px;
    box-shadow: 0;
    height: 80px;
  }

  div.container {
     /*border: 1px soid #ff0000;*/
     width: 100%;
  }

  div.middle {
    /*border: 1px soid #ff0000;*/

  }

  div.col-md-7 {
    width: 100%;
     /*border: 1px soid #ff0000;*/
  }

  div.page {
    /*padding-top: 40px;*/
  }

}


h1 {font-size:18px;padding-top:30px;padding-bottom:15px;text-decoration: none;padding-left: 5px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;padding-bottom: 0px;margin: 0px;}
h5 {font-size:11px;padding-bottom: 0px;margin: 0px;}
/*h2 {padding-top:30px;padding-bottom:15px;}*/
/*h3 {padding-top:30px;padding-bottom:15px;}*/
.blog-list-detail {
  padding-bottom: 50px;
}

.panel ul       {text-decoration:none;list-style:none;color:#333333;padding:0px;margin:0px;}
.panel a        {width:400px;background-color:#f7f7f7;color:#666666;padding-right:50px;padding-left:4px;text-decoration: none;}
.panel a:hover  {width:400px;background-color:#333333;color:#fefefe;padding-right:50px;padding-left:4px;text-decoration: none;}
.panel a:active {width:400px;background-color:#fefefe;color:#333333;padding-right:50px;padding-left:4px;text-decoration: none;}
.active a       {width:300px;background-color:#999999;color:#fefefe;padding-right:50px;padding-left:4px;}
.panel ul li    {width:300px;}

.middle a       {background-color:#ddd;color:#333333;padding:1px;text-decoration: none;}
.middle a:hover {background-color:#fefefe;color:#333333;padding:1px;}
.middle li       {padding:3px;}

a {
  color:#000;
}

 code {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 95%;
    line-height: 140%;
    white-space: pre;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    background: #ddd;
    margin: 0px;
    padding: 5px;
}

#content code {
    display: block;
    /*padding: 0.5em 1em;*/
    border: 1px solid #bebab0;
}












/*========================================
ITEMS
==========================================*/


div.items  {
  position: absolute;
  float: left;
  list-style: none;
  /*width: 100%;*/
  /*border: 1px solid #ff0000;*/
}

.items ul {
  float: left;
  list-style: none;
  /*width: 1000px;*/
  /*border: 1px solid #ff0000;*/
  padding: 0px;
}


.items ul {
  float: left;
  list-style: none;
  /*width: 1000px;*/
  /*border: 1px solid #ff0000;*/
  padding: 0px;
}

.items li {
  float: left;
  list-style: none;
  width: 330px;
  height: 200px;
  overflow: hidden;
}

.items li h2 {
  margin: 0px;
  padding: 0px;
  position: absolute;
}

.items a       {background-color:transparent;color:#333333;padding:1px;text-decoration: none;}
.items a:hover {background-color:transparent;color:#f7f7f7;padding:1px;}

.middle h2 a       {margin-left: 5px;background-color:#ddd;color:#333333;padding:1px;text-decoration: none;font-size: 10px;}
/* .middle h2 a:hover {background-color:#fefefe;color:#333333;padding:1px;} */

.items a:hover {
	filter: none;
	filter: grayscale(10%);
	/*margin-left: 5px;*/
}

.items a {
	margin-left: 1px;
	filter: grayscale(110%);
	transition: .1s ease-in;
}



/*========================================
TAGS
==========================================*/

div.tag-cloud {
  clear: both;
   /*height: 200px;*/
   display: block;

}

.tag-cloud  {
	float: left;
	list-style: none;
	/*width: 1000px;*/
	/*border: 1px solid #ff0000;*/
	padding: 0px;
	margin: 0px;
  /*height: auto;*/
  /*height: 200px;*/
}

ul.tag-cloud {
 /*height: 200px; */
 margin-bottom: 50px;
}

ul.list-inline  {
  padding: 0px;
   /*height: 200px;*/
}

.list-inline  {
	padding: 0px;
}


.tag-cloud li {
	float: left;
	list-style: none;
	/*width: 1000px;*/
	/*border: 1px solid #ff0000;*/
	padding: 0px;
	padding-right: 10px;
}