$baseFontSize : 16px; $headerFontFamily : 'Avenir', 'arial', 'san-serif'; $headerFontWeight : normal; $ratio : 1.35; $rowWidth : 1200px; @import "compass"; @import "shared/formtastic"; @import "public/gallery"; @import "public/portlets"; @import "public/slider"; @import "foundation/settings"; @import "foundation/functions/all"; // Control which mixins you have access too @import "foundation/mixins/clearfix"; @import "foundation/mixins/css-triangle"; @import "foundation/mixins/font-size"; // Must include next two for semantic grid to work @import "foundation/mixins/respond-to"; @import "foundation/mixins/semantic-grid"; @import "modular-scale"; @import "foundation/common/globals"; // Must include the grid for any responsiveness @import "foundation/components/grid"; @import "foundation/common/typography"; body{ font-family : 'Avenir', 'arial', 'san-serif'; color:#333333; #top_anchor{ position:absolute; top:0px; left:0px; display:none; } #top{ border-bottom:8px solid #00ade2; padding:1em 0; #menu{ margin-top:90px; text-align:right; font-size:1.05em; a{ display:inline-block; padding:2px 0.5em; color:black; } } } #logo{ width:310px; max-width:310px; } #main{ h1{ color :#00ade2; } } }