/* COLORS  AND BORDERS */
/*
body { background-color:#000; color:#ccc; }
.widget { background-color:#777; }
.widget .widget-content { background: #333; color: #DDD; }
h1, h2, h3, h4 { color:#eee; }
*/

/* COLORS  AND BORDERS */
body { background-color:#000; color:#ccc; }
.widget { background-color:#444; }
.widget .widget-content { background: #222; color: #DDD; }
/* h1, h2, h3, h4 { color:#eee; } */
h1, h2 { color:#c44; }
h3 { color:#c44; }
h4 { color:#eee; }

/* COLORS  AND BORDERS */
/*
body { background-color:#fff; color:#555; }
.widget { background-color:#ccc; }
.widget .widget-content { background: #eee; color: #555; }
h1, h2, h3, h4 { color:#900; }
*/


.widget { 
 -moz-border-radius: 2px; -webkit-border-radius: 2px; 
}

.widget .widget-content {
    -moz-border-radius-bottomleft: 2px;  
    -moz-border-radius-bottomright: 2px;  
    -webkit-border-bottom-left-radius: 2px;  
    -webkit-border-bottom-rightright-radius: 2px;  
}

ul { list-style:none; }

/* FONTS */
body { font-family: Verdana; font-size:12px; }
h1, h2, h3, h4 { font-family:Trebuchet MS; }
h2 { font-size:3.5em; }
h4 { font-size:1em; }
table { font-size: 10px; }


/* MARGINS AND PADDINGS AND POSITIONING*/
h2 { margin: 0px 20px 0px 40px; }
h4 { margin: 0px 5px; }
hr { margin: 0px; }
table tr td { margin: 0px; padding 0px; }
#preview p { margin: 2px 5px; }

canvas {
  width:100%;
  min-height:300px;
//  min-width:500px;
}
ul { margin:0px; }
.jcolumn {  
  float: left;  
  width: 50%;  
  min-height: 400px;
  min-width: 450px;    
  height: auto !important;  
  height: 400px;
  padding-left:0px;
  -webkit-padding-start: 0px;
}

#column1 .widget { margin: 10px 5px 10px 5px; padding:2px; }  
#column2 .widget { margin: 10px 5px 10px 5px; padding:2px; }

ul.jcolumn li { min-height:24px }
.widget .widget-head {
  overflow: hidden;
  width: 100%;
  height: 16px;  
  line-height: 16px;  
}
.widget h3 { padding: 0 0px; float:left; margin:5px;}
.widget .widget-content {
    clear:both;
    padding: 5px;  
    line-height: 1.2em;  
    overflow: hidden;  
}  

/* misc */
#colorpicker { display:none; }
#coloropen { background: url(img/buttons.gif) no-repeat -38px 0; margin: 8px 0 8px 4px; }
textarea { resize: vertical; } /*chrome resize */
form  { margin-bottom: 0px; }