body { margin:0; padding:0; background:#1F1F1F; font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#fff; }

h2 { color:#FF074F; }
h3 { color:#FF074F; }
h4 { color:#FF074F; }

a { color:#FF074F; cursor:pointer; text-decoration:none; }

input { padding:5px; width:80%; min-width:250px; font-size:24px; border:1px solid #FF074F; } 
.chkbox { border:1px; solid #000; width:16px; height:16px; margin-top:3px; margin-right:20px; } 

#menu { border-bottom:1px solid #333; font-size:14px; font-weight:bold; width:100%; padding:10px; background:#191919; position:fixed; }

.logo { font-size:16px; color:#fff; }

#newtask { margin-top:10px; } 

.navigation { color:#fff; float:right; margin-right:20px; padding-top:2px; } 
.navigation a { padding:4px; margin-right:8px; } 
.navigation a:hover { background:#FF074F; color:#fff; } 

#confirmclear, #about { font-size:10px; } 
#confirmclear a { font-size:16px; padding:4px; margin-right:8px; }
#confirmclear a:hover { background:#FF074F; color:#fff; }

.aboutclose, .newtaskclose { background:#FF074F; color:#fff; float:right; margin-right:30px; font-size:12px; padding:5px; margin-top:-24px; }
.aboutclose:hover, .newtaskclose:hover {  }

#tasklist { padding-top:40px; width:100%; color:#ffffff; } 
.taskitem { cursor:pointer; } 

#sortable { list-style-type: none; margin: 0; padding:0; }
#sortable li { color:#000; margin: 0 -1px -1px -1px; padding:10px; padding-left:50px; padding-right:50px; font-size:20px; border:1px solid #333; }
#sortable .complete { background-color:#666; }
/*#sortable li:hover { background:#FF074F; color:#fff; }*/
#sortable li span { position: absolute; margin-left: -1.3em; }

#sortable .green { background:#8CB202; }
#sortable .yellow { background:#ECE223; }
#sortable .red { background:#E52116; }
#sortable .break { margin-left:-20px; color:#fff; background:#444; height:25px; }
#sortable .break:hover { background:#444; }
#sortable .complete { text-decoration:line-through; background:#666; }
#sortable .complete .control { text-decoration:none; }


.control { display:inline; float:right; font-size:10px; margin-top:6px; }
.control a { color:#fff; padding:4px; }
.control a:hover { background-color:#fff; color:#000; }
.notasks  { padding-left:10px; width:100%; color:#FF074F; font-size:10px; font-weight:normal; margin-left:auto; margin-right:auto; }