gremmie@1: /* -------------------------------------------------------------------
gremmie@1: // markItUp! Universal MarkUp Engine, JQuery plugin
gremmie@1: // By Jay Salvat - http://markitup.jaysalvat.com/
gremmie@1: // ------------------------------------------------------------------*/
gremmie@1: .markItUp * {
gremmie@1: 	margin:0px; padding:0px;
gremmie@1: 	outline:none;
gremmie@1: }
gremmie@1: .markItUp a:link,
gremmie@1: .markItUp a:visited {
gremmie@1: 	color:#000;
gremmie@1: 	text-decoration:none;
gremmie@1: }
gremmie@1: .markItUp  {
gremmie@1: 	width:700px;
gremmie@1: 	margin:5px 0 5px 0;
gremmie@1: }
gremmie@1: .markItUpContainer  {
gremmie@1: 	font:11px Verdana, Arial, Helvetica, sans-serif;
gremmie@1: }
gremmie@1: .markItUpEditor {
gremmie@1: 	font:12px 'Courier New', Courier, monospace;
gremmie@1: 	padding:5px;
gremmie@1: 	width:690px;
gremmie@1: 	height:320px;
gremmie@1: 	clear:both; display:block;
gremmie@1: 	line-height:18px;
gremmie@1: 	overflow:auto;
gremmie@1: }
gremmie@1: .markItUpPreviewFrame	{
gremmie@1: 	overflow:auto;
gremmie@1: 	background-color:#FFF;
gremmie@1: 	width:99.9%;
gremmie@1: 	height:300px;
gremmie@1: 	margin:5px 0;
gremmie@1: }
gremmie@1: .markItUpFooter {
gremmie@1: 	width:100%;
gremmie@1: }
gremmie@1: .markItUpResizeHandle {
gremmie@1: 	overflow:hidden;
gremmie@1: 	width:22px; height:5px;
gremmie@1: 	margin-left:auto;
gremmie@1: 	margin-right:auto;
gremmie@1: 	background-image:url(images/handle.png);
gremmie@1: 	cursor:n-resize;
gremmie@1: }
gremmie@1: /***************************************************************************************/
gremmie@1: /* first row of buttons */
gremmie@1: .markItUpHeader ul li	{
gremmie@1: 	list-style:none;
gremmie@1: 	float:left;
gremmie@1: 	position:relative;
gremmie@1: }
gremmie@1: .markItUpHeader ul li:hover > ul{
gremmie@1: 	display:block;
gremmie@1: }
gremmie@1: .markItUpHeader ul .markItUpDropMenu {
gremmie@1: 	background:transparent url(images/menu.png) no-repeat 115% 50%;
gremmie@1: 	margin-right:5px;
gremmie@1: }
gremmie@1: .markItUpHeader ul .markItUpDropMenu li {
gremmie@1: 	margin-right:0px;
gremmie@1: }
gremmie@1: /* next rows of buttons */
gremmie@1: .markItUpHeader ul ul {
gremmie@1: 	display:none;
gremmie@1: 	position:absolute;
gremmie@1: 	top:18px; left:0px;	
gremmie@1: 	background:#FFF;
gremmie@1: 	border:1px solid #000;
gremmie@1: }
gremmie@1: .markItUpHeader ul ul li {
gremmie@1: 	float:none;
gremmie@1: 	border-bottom:1px solid #000;
gremmie@1: }
gremmie@1: .markItUpHeader ul ul .markItUpDropMenu {
gremmie@1: 	background:#FFF url(images/submenu.png) no-repeat 100% 50%;
gremmie@1: }
gremmie@1: .markItUpHeader ul .markItUpSeparator {
gremmie@1: 	margin:0 10px;
gremmie@1: 	width:1px;
gremmie@1: 	height:16px;
gremmie@1: 	overflow:hidden;
gremmie@1: 	background-color:#CCC;
gremmie@1: }
gremmie@1: .markItUpHeader ul ul .markItUpSeparator {
gremmie@1: 	width:auto; height:1px;
gremmie@1: 	margin:0px;
gremmie@1: }
gremmie@1: /* next rows of buttons */
gremmie@1: .markItUpHeader ul ul ul {
gremmie@1: 	position:absolute;
gremmie@1: 	top:-1px; left:150px; 
gremmie@1: }
gremmie@1: .markItUpHeader ul ul ul li {
gremmie@1: 	float:none;
gremmie@1: }
gremmie@1: .markItUpHeader ul a {
gremmie@1: 	display:block;
gremmie@1: 	width:16px; height:16px;
gremmie@1: 	text-indent:-10000px;
gremmie@1: 	background-repeat:no-repeat;
gremmie@1: 	padding:3px;
gremmie@1: 	margin:0px;
gremmie@1: }
gremmie@1: .markItUpHeader ul ul a {
gremmie@1: 	display:block;
gremmie@1: 	padding-left:0px;
gremmie@1: 	text-indent:0;
gremmie@1: 	width:120px; 
gremmie@1: 	padding:5px 5px 5px 25px;
gremmie@1: 	background-position:2px 50%;
gremmie@1: }
gremmie@1: .markItUpHeader ul ul a:hover  {
gremmie@1: 	color:#FFF;
gremmie@1: 	background-color:#000;
gremmie@1: }