Using Head First and I'm confused...

Using Head First and I'm confused...

Furry Friend Campaigns
Ok so I bought head first a couple of weeks ago and just got around to using it. and I think i typed something wrong because the code doesn't work.
Here is the code to the Index.html
  2. <html>
  3. <head>
  4. <title>Furry Friend Campaigns</title>
  5. <link rel="stylesheet" type="text/css" 

  7. href="styles/my_style.css">
  8. </head>
  9. <body>
  10. <div id="#clickMe">Show me the furry friend of the 

  12. day</div>
  13. <div id="#picframe"><img 

  15. src="images/furry_friend.jpg"></div>
  16. <script src="scripts/jquery-1.11.3.min.js"></script>
  17. <script>
  18. $(document).ready(function(){
  19. $("#clickMe").click(function() {

  21. $("img").fadeIn(1000);
  22. $("#picframe").slideToggle("slow");

  24. });

  26. });

  28. </script>

  30. </body>

  32. </html>

Here is the code to the Style sheet

  2. #clickMe {
  3. background:#D8B36E
  4. Padding:20px;
  5. text-align: center:
  6. width: 205px;
  7. display:block;
  8. border: 2px solid #FFF;

  10. }

  12. #picframe {
  13. background:#D8B36E
  14. Padding:20px;
  15. text-align: center:
  16. width: 205px;
  17. display:block;
  18. border: 2px solid #FFF;

  20. }