




input.blog-title {
    font-size: 35px;
    width: 500px;
}

#main.blog #blog-form h1.title {
    color: #686868;
    margin-bottom: 30px;
    border: 1px solid #aeaeae;
    background: #f2f2f2;
    font-size: 25px;
    padding-left: 5px;
}

#main.blog .label-title {
    color: #686868;
}

#blog-form .step-cont {
    background-color: #f2f2f2;
}

#blog-form .step {
    background-color: #f2f2f2;
}

#blog-form .step-header-text {
    background: #e64946;
    height: 25px;
    color: white;
    font-size: 16px;
    line-height: 25px;
    padding-left: 20px;
    cursor: default;
}

#blog-form .step-header-btn-cont {
    float: right;
    height: 25px;
    width: 25px;
    background: #b21411;

}

#blog-form .step-header-btn {
    height: 20px;
    width: 20px;
    /*padding: 9px 0 1px 9px;*/
    background: url(../images/blog-create.png) no-repeat;
}

#blog-form .step-header-btn-close {
    background-position: 0 0;
    background-size: 45px 110px;
    background-color: #b21411;
    margin: 3px auto 0 auto;
}

#blog-form .step-header-btn-add {
    background-position: -20px 0;
    background-size: 45px 110px;
    background-color: #b21411;
    margin: 3px auto 0 auto;
}

#blog-form .step-content {
    padding: 20px 30px 20px 30px;
}

#blog-form .step-content input[type=text] {
    width: 550px;
}

#blog-form .step-content span.step-help {
    color: #9eb2c0;
}

#blog-form .title textarea {
    font-weight: bold;
    font: 30px/35px 'Tahoma', Georgia, 'Times New Roman', Times, serif;
}

#blog-form .step-image {
    position: relative;
    text-align: center;
}

#blog-form .step-image input.upload-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

#blog-form .step-image-empty input.upload-image {
    height: 50%;

}

#blog-form .step-image .empty-image { display: none; }

#blog-form .step-image-empty .empty-image { display: block; }
#blog-form .step-image-empty img { display: none; }

#blog-form .step-image .remove-image {
    position: absolute;
    top: 10px;
    width: 17px;
    height: 17px;
    z-index: 100;
    cursor: pointer;
    background-color: white;
    border: 1px solid gray;
    opacity: 0.5;
    border-radius: 2px;

}

#blog-form .step-image .remove-image-icon {
    z-index: 101;
    position: absolute;
    top: 10px;
    cursor: pointer;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.7;
}

#blog-form .step-image a.remove-image-icon:hover {
    opacity: 1;
}

#blog-form .step-video-animate .empty-image {
    -webkit-transition: padding 400ms, -webkit-transform 400ms;
    transition:padding 400ms, transform 400ms;
}

#blog-form .step-video-animate .empty-image .add-image,
#blog-form .step-video-animate .empty-image .upload-or-url {
    -webkit-transition: font-size 1400ms,margin 400ms,width 400ms, height 400ms, padding 400ms, -webkit-transform 400ms;
    transition: font-size 400ms, margin 400ms,width 400ms, height 400ms, padding 400ms, transform 400ms;
}

#blog-form .step-video-animate .empty-image .add-video label {
    -webkit-transition: font-size 400ms, -webkit-transform 400ms;
    transition: font-size 400ms, transform 400ms;
}

#blog-form .step-video-animate .add-video-icon {
    display: none;
}

#blog-form .step-video-animate .add-video-label {
    display: none;
}

#blog-form .step-video .empty-image {
    padding: 0;
}

#blog-form .step-video .empty-image .add-video label {
    font-size: 16px;
}

#blog-form .step-video .empty-image .add-image,
#blog-form .step-video .empty-image .upload-or-url {
    padding: 0;
    font-size: 0;
}

#blog-form .step-video .empty-image .upload-or-url,
#blog-form .step-video .empty-image .add-image-icon {
    display: none;
}

#blog-form .step-video input.upload-image {
    display: none;
}


#blog-form.select-featured-image .step-header:hover .step-header-text {
    background: #CC423F;
    cursor: pointer;
}







#blog-form div.description,
#blog-form div.instructions {
    color: #838383;
    /*padding: 0 60px 10px 60px;*/
}

div.empty-image {
    /*background: #cccccc;*/
    /*width: 600px;*/
    text-align: center;
    padding: 0 60px 10px 60px;
}

div.step-instructions {
    padding: 0 10px 10px 10px;
}

div.step-instructions .instructions:after {
    content: ' ';
    display: block;
    clear: both;
}

div.empty-image div.add-image-icon,
div.empty-image div.add-video-icon {
    background: url(../images/blog-create.png) no-repeat;
    width: 135px;
    height: 135px;
    margin: 0 auto 10px auto;
}

div.empty-image div.add-image-icon {
    background-position: 0 -60px;
    margin-top: 30px;
}

div.empty-image div.add-video-icon {
    background-position: 0 -195px;
}

div.empty-image div.add-image {
    color: #989898;
    font-size: 18px;
}

div.empty-image div.add-image .optimal {
    font-size: 16px;
}

div.empty-image div.upload-or-url {
    margin-bottom: 80px;
}

div.empty-image div.hr {
    color: #852322;
    font-size: 40px;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #989898;
}

div.empty-image div.add-video {
    color: #852322;
    font-size: 0;
}

div.empty-image div.add-video label {
    display: block;
    color: #989898;
    font-size: 18px;
}

div.empty-image div.add-video input {
    color: #838383;
    font-size: 17px;
    width: 90%;
    margin-bottom: 10px;
    background: white url(../images/blog-create.png) no-repeat;
    background-position: -107px 4px;
    padding: 6px 5px 4px 40px;
    border: 1px solid #dae4eb;
}

form.image-upload-form {
    display: none;
}











#blog-form.select-featured-image .step-image img { border: solid 3px #66B14C; cursor: pointer; }

#blog-form.select-featured-image .step-image img:hover { border: solid 3px #4D8F15; }

#blog-form.select-featured-image .step-image input { display: none; }


#blog-form .featured-image:after {
   position: absolute;
   content: "";
   background: url(/images/featured.png);
   width: 64px;
   height: 64px;
   left: 0;
   top: 0;
   margin: 0 0 0 0;
}

#blog-form .addStep,
#blog-form .add-facebook-image  {
    margin: 20px 0;
}

#blog-form .addStep a {
    color: #c33332;
}

#blog-form a {
    color: #c33332;
}

.change-featured-image {
    margin: 10px 0 10px 0;
}

.change-featured-image a {
    color: #c33332;
}

#submit-blog-sidebar {
    margin-top: 10px;
}

#blog-form .meta-description textarea {
    width: 100%;
}

.add-facebook-image-hide {display: none;}
.add-facebook-image-show {display: block;}

.blog .add-facebook-image-step {
    margin: 20px 0;
}