super-cooper

I have a bad habit of relying on Notepad to edit my CSS files. This bit me in the ass tonight. I don’t quite know what causes this, but my file automagically went from looking like this (this is only a small sampling of the screw-up):

1. #nav {
2. font-family: "trebuchet ms", verdana, sans-serif;
3. font-size: 11px;
4. margin: 0px 0px 0px 0px;
5. padding: 0;
6. text-align: center;
7. }
8. #nav ul {
9. border: 0;
10. margin: 0;
11. padding: 0;
12. list-style-type: none;
13. text-align: center;
14. clear: left;
15. }
16.  
17. #nav ul li {
18. display: block;
19. float: left;
20. text-align: center;
21. text-transform: none;
22. padding: 0;
23. margin: 0;
24. }
25.  
26. #nav ul li a {
27. background: #DCDCDC;
28. width: 139px;
29. height: 2em;
30. border-left:1px solid #9F9A75;
31. border-bottom:1px solid #9F9A75;
32. border-right:none;
33. padding: 0;
34. margin: 0 0 10px 0;
35. color: #666666;
36. text-decoration: none;
37. display: block;
38. text-align: center;
39. font-weight: normal;
40. letter-spacing: 1px;
41. line-height: 2em;
42. voice-family: "\"}\"";
43. voice-family: inherit;
44. }
45.  
46. #nav ul li a:hover {
47. color: #9F9A75;
48. background: #EEEEEE;
49. }
50.  
51. #nav a:active {
52. background: #EEEEEE;
53. color: #000;
54. }
55.  
56. #nav ul li#one a {
57. border-left:none;
58. }
59.  
60. #nav ul li#five a {
61. width:140px;
62. }

to looking like this:

1. #nav {  font-family: "trebuchet ms", verdana, sans-serif;   font-size: 11px;    margin: 0px 0px 0px 0px;    padding: 0; text-align: center;}#nav ul {   border: 0;  margin: 0;  padding: 0; list-style-type: none;  text-align: center; clear: left;}#nav ul li {   display: block; float: left;    text-align: center; text-transform: none;   padding: 0; margin: 0;}#nav ul li a {   background: #DCDCDC;    width: 139px;   height: 2em;    border-left:1px solid #9F9A75;  border-bottom:1px solid #9F9A75;    border-right:none;  padding: 0; margin: 0 0 10px 0; color: #666666; text-decoration: none;  display: block; text-align: center; font-weight: normal;    letter-spacing: 1px;    line-height: 2em;   voice-family: "\"}\"";      voice-family: inherit;   }#nav ul li a:hover {  color: #9F9A75; background: #EEEEEE;}#nav a:active {    background: #EEEEEE;    color: #000;}#nav ul li#one a { border-left:none;}#nav ul li#five a {   width:140px;}

Yeah, that’s right, from 62 lines to 1. Does anyone know what the hell causes this? It’s like it removes the line breaks or something. Is it something I’m doing? Probably. I need to start using Dreamweaver to edit my CSS files I guess. Thank God for backups. I’m taking this as a sign to step away from wp-layout.css for a while.