/*
 * Example styles for use in the visual editor.
 *
 * Two types of styles can be defined here: general styles to make the editor look
 * more like the theme and CSS classes that can be selected by the user.
 *
 * @package TinyMCE Kit
 *
 * Released under the GPL v.2, http://www.gnu.org/copyleft/gpl.html
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 */

/**
 * Example of general styles for the editor
 *
 * If you're styling the image caption, in the editor it's in 
 * <dl.wp-caption> <dt.wp-caption-dt> <dd.wp-caption-dd> structure.
 */
html .mceContentBody {
}
blockquote  {  background:url(../images/blockquote.png) no-repeat 0 0; padding: 10px 20px 10px 50px; color: #444; width:85%;  }
blockquote p { font-style:italic; font-family: Georgia, serif;}

/**
 * Example of styles that will be selectable by the user.
 *
 * The class names have to match the $classes array in tinymce-kit.php
 * and the styles must also be defined in your theme.
 *
 * These classes are applied either to the <p> tag if the whole patagraph is selected
 * or to a <span> tag if only some text is selected. For best results they have
 * to contain only "inline" styling, like color, font, text-decoration, etc.
 */
.alert, .download, .info, .note, .tick {  margin:10px 0 20px 0; padding:9px 10px 9px 50px; }
a.alert, a.download, a.info, a.note, a.tick,
span.alert, span.download, span.info, span.note, span.tick,
strong.alert, strong.download, strong.info, strong.note, strong.tick,
em.alert, em.download, em.info, em.note, em.tick {  display:inline-block; }
.alert { border-top:1px solid #f0baa2; border-bottom:1px solid #f0baa2; background:#ffd9c8 url(../images/ico-alert.png) no-repeat 20px 13px; }
.download { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(../images/ico-download.png) no-repeat 20px 13px; }
.tick { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(../images/ico-tick.png) no-repeat 20px 13px; }
.info { border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee url(../images/ico-info.png) no-repeat 20px 13px; }
.note { border-top:1px solid #efe3ae; border-bottom:1px solid #efe3ae; background:#fef6d2 url(../images/ico-note.png) no-repeat 20px 13px; }

/**
 * 
 */