.blog {margin: 0 5px 0 5px; border-bottom: 1px solid #dddddd;}
.blog small {font-size: 10px;}
.blog-video {display: block; position: relative; width: 100%; text-align: center; height: 0; }
.blog-video iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.blog-photo {display: block; padding: 5px; position: relation; width: 99%; height: auto;}
.blog-left, .blog-right {display: block; width: 100%; position: relative; margin-bottom: 10px;}
.blog-left {float: left; margin-left: 5px;}
.blog-right {float: right; margin-right: 5px;}
.blog-editor {overflow:scroll; height: 500px; max-height:500px;}
.blog-form {padding-left: 10px; padding-right: 10px; }

#editor {
  min-height: 250px;
  max-height: 90%;  
  height: 80%;
  background-color: white;
  border-collapse: separate;
  border: 1px solid rgb(204, 204, 204);
  padding: 4px;
  box-sizing: content-box;
  -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0 1px 1px 0 inset;
  box-shadow: rgba(0, 0, 0, 0.0745098) 0 1px 1px 0 inset;
  border-top-right-radius: 3px; border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; border-top-left-radius: 3px;
  overflow: scroll;
  outline: none;
  margin-top: 10px;
}

#editor:focus{
    border-color:rgba(82, 168, 236, 0.8);
    outline:0;
    outline:thin dotted \9;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}