/* Create hook for user to add custom styles to editor */
@import url('/css/ckeditor.css') all;

body
{
	/* Font */
	font-family: Georgia, 'Times New Roman', serif;
	
	font-size: 13px;

	/* Text color */
	color: #333;

	/* Remove the background color to make it transparent */
	background-color: #fff;

	margin: 20px;
}

.cke_editable h1,
.cke_editable h2,
.cke_editable h3,
.cke_editable h4,
.cke_editable h5{
	font-family: Helvetica, sans-serif, Arial, Verdana, "Trebuchet MS";
} 
.cke_editable hr{
	clear:both;
} 


/* hack -- image styles for editor */
.cke_editable figure{
	padding:5px;
	border:1px solid #ccc;
	background-color:#eee;
}
.cke_editable figure img{
	max-width:100%;
	float:none !important;
}  
.cke_editable figure figcaption{
	text-align: left !important;
	padding:5px;
	border:1px dotted #ccc;
}      
    
.cke_editable figure[align="left"],
.cke_editable figure[style*="float:  left"],
.cke_editable figure[style*="float: left"],
.cke_editable figure[style*="float:left"]{
	margin: 5px 30px 15px 0;
}
.cke_editable figure[align="right"],
.cke_editable figure[style*="float: right"],
.cke_editable figure[style*="float:  right"],
.cke_editable figure[style*="float:right"]{
	margin: 5px 0 15px 30px;
}

.cke_editable .panel figure[align="left"],
.cke_editable .panel figure[style*="float:  left"],
.cke_editable .panel figure[style*="float: left"],
.cke_editable .panel figure[style*="float:left"]
.cke_editable .panel figure[align="right"],
.cke_editable .panel figure[style*="float: right"],
.cke_editable .panel figure[style*="float:  right"],
.cke_editable .panel figure[style*="float:right"]{
    float:none !important;
}
/* endhack */