Been struggling through the Google Homepage project for the past few days and while my page is mostly functional and looks OK, I am having a really difficult time understanding how to structure my CSS. How do I know where to put things in terms of order? Should I go least specific to most? Should I group them in terms of position on the webpage? I feel that this is an issue that is making certain elements on the page not style correctly, such as my footer links.
Here is a link to the project as it stands, please feel free to give me some criticism and a better way of doing things. Currently using a list to organize the header and footer but I think this is causing more headaches than intended.