#id_tease {
    height: 45px;
}

#id_story {
    min-height: 750px;
}

/* STORY PREVIEW PANE */

#story-preview {
    float: right;
    width: 49%;
    display: block; 
    margin: 10px; 
    padding: 20px; 
    border: 1px solid #ddd; 
    clear: none; 
    overflow: hidden;
}


#story-preview p { 
    margin: 0 0 10px 0; 
    padding: 0; 
    font-size: 12px !important; 
    line-height: 16px !important; 
    font-family: Verdana, Arial, Helvetica, sans-serif !important; 
}

#story-preview .inline { 
    margin-bottom: 10px; 
    padding: 10px; 
    background: #eee; 
    font-size: 11px; 
    overflow: hidden; 
}

#story-preview .inline * input, body.news-story .inline * a:hover { 
    cursor:move; 
}
#story-preview .inline-left { 
    float:left; 
    clear:left; 
    margin-left:10px;
    margin-right:10px; 
    width:180px; 
}
#story-preview .inline-center { 
    float:none; 
    margin:1em auto; 
}
#story-preview .inline-full { 
    float:none; 
    margin:1em auto; 
    clear:both; 
}
#story-preview .inline-right { 

}


/* STORY FORM */
#story-form { 
    float: left; 
    margin: 0; 
    width:49%; 
    padding: 0; 
    border-bottom: none; 
}
#story-form #id_story { 
    padding: 5px 1%; 
    width: 98%; 
    height: 360px; 
}
#story-preview { 
    float: right; 
    display: block; 
    margin: 0; 
    padding: 20px 1%; 
    width: 45%; 
    min-height: 385px; 
    border: 1px solid #eee; 
    clear: none; 
}
#story-preview p { 
    margin: 0 0 10px 0; 
    padding: 0; 
}
/*
#story-preview .inline { 
    margin-bottom: 10px; 
    padding: 5px; 
    background: #bbd2e8; 
}
*/
/* STORY INLINES */

/*  
    Inline specific controls is the module where the inline selector is
    contained.  You can change the appearance box that appears here.
*/

#inline-specific-controls { 
    border: 1px solid #ccc;
    background: #eee; 
}
#inline-specific-controls p { 
    padding: 10px; 
    margin-left: 5px;
}


#story-preview ul,ol {
    margin-left: 0px;
}


.inline{
    float:left;
    clear:left;
    margin-bottom:.938em;
    word-break: break-word;
    position: relative;
    list-style-type: none;
    background: #eee;
    padding: 5px;
    font-size: .8em;
}
.text_show{border-left: 1px solid #ededed;border-right: 1px solid #ededed;border-top: 1px solid #ededed;}

.full-text-inline{
    margin-right: 15px;
    width: 100%;
    margin-bottom:15px;
    word-break: break-word;
    position: relative;
    list-style-type: none;
}
.inline .more{
    display: block;
    text-align: center;
    color: #000;
    background: #ededed;
    padding: 3px 4px;
}
a.inline span{
    text-align: center;
    position: absolute;
    bottom: 8px;
    left: 5px;
    display: block;
    background: rgba(0,0,0,.7);
    width: 100%;
    max-width: 180px;
    color: #fff;
    padding:5px;
}
.inline h4{color: #555;padding-bottom: 5px;font-size: 1.25em;}
.inline p{padding-right:.313em;padding-left: .313em;}
.full-text-inline h4{color: #555;padding-bottom: 5px;}
.inline-content{height: 200px; overflow: hidden;padding:10px;}
.inline:first-of-type{margin-top:1.7em;}
.inline img{width: 100%;}
.inline p{font-size: .85em;margin: .313em;}
.inline_photo_thumb{}
/*.inline_photo_thumb{float:left;margin:.5em;}
.inline_photo_thumb:after{clear:left;}*/

.inline h3 a {
    font-size: 1.4375rem;
}
.inline ol{
    margin-left: 1.875em;
}

.story-editor{padding:15px;width: 100%;font-size: 16px;}