body{
	font-family: monospace;
}

h2 {
}

h4 {
	padding-top: 12px;
    padding-left: 10px;
}

.list {
}

.list > li {
  background-color: #ddd;
  padding:10px;
  width: 200px;
  height: 500px;
  margin: 5px;
  border: 1px solid #000;
  list-style: none;
  float: left;
  box-shadow: 1px 1px 0px #999,
                2px 2px 0px #000,
                3px 3px 0px #999,
                4px 4px 0px #000,
                5px 5px 0px #999,
                6px 6px 0px #000,
                7px 7px 0px #999,
                8px 8px 0px #000,
                9px 9px 0px #999,
                10px 10px 0px #000,
                11px 11px 0px #999,
                12px 12px 0px #000,
                13px 13px 0px #999,
                14px 14px 0px #000,
                15px 15px 0px #999,
                16px 16px 0px #000,
                17px 17px 0px #999,
                18px 18px 0px #000;
        
}

.header{
	display: inline-flex;
}
.avatar {
  max-width: 150px;
}
img {
	max-width: 100%;
	border: 1px  solid #000000;
	opacity: 0.5;
	-webkit-transition: opacity 0.5s, border 0.5s; 
    transition: opacity 0.5s, border 0.5s;
    width: 200px;
    height: 283px;
}

img:hover {
	opacity: 1;
	border: 1px  solid #ff0000;
}

h3 {
	font-size: 16px;
	margin:0 0 15px;
	font-weight:bold;
	height: 48px;
	text-align: center;
}
p {
	margin-top: 10px;
    height: 100px;
    overflow-y: scroll;
}

input {
  border:solid 1px #000;
  border-radius: 0px;
  padding:7px 14px;
  margin-bottom:10px;
  margin-left: 100px;
  margin-top: 15px;
}
input:focus {
  outline:none;
  border-color:#000;
}
.anchorlink{
	float: right;
}
.tags{
	display: inline-flex;
}
.sort {
  padding:8px 30px;
  border-radius: 6px;
  border:none;
  display:inline-block;
  color:#fff;
  text-decoration: none;
  background-color: #28a8e0;
  height:30px;
}
.sort:hover {
  text-decoration: none;
  background-color:#1b8aba;
}
.sort:focus {
  outline:none;
}
.sort:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  content:"";
  position: relative;
  top:-10px;
  right:-5px;
}
.sort.asc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  content:"";
  position: relative;
  top:13px;
  right:-5px;
}
.sort.desc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  content:"";
  position: relative;
  top:-10px;
  right:-5px;
}