nav { background: #333; -moz-border-radius: 8px; -webkit-border-radius: 10px; }
nav a { color: #fff; padding: 15px; display: block; border-right: solid #666 1px; }
nav a:hover { background-color: #000; }
nav ul { list-style: none; }
nav ul li { float: left; font-size: 16px; }

nav #primaryNav { margin-left: 10px; }

nav #secondaryNav li { float:right; }
nav #secondaryNav a { border-left:solid #666 1px; border-right:none; }
nav #secondaryNav { margin-right: 10px; }

aside { color: #666; }
header, footer { -moz-border-radius:10px; -webkit-border-radius:10px; }

section { margin-top: 2em; }

a.polaroid {  -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; display: block; background: #8dc05c; padding:5px; margin:10px 0px; -moz-box-shadow: #3e6715 5px 5px 5px; -webkit-box-shadow: #3e6715 5px 5px 5px; margin-bottom:1em; }
a.polaroid img { width:140px; }
a.polaroid:hover { -moz-box-shadow: #739b4a 5px 5px 5px; -webkit-box-shadow: #739b4a 5px 5px 5px; }

 

/* grid.css */
.column { float:left; margin:10px 10px; width:150px; padding:0px;}

.span-1  { width: 30px;}
.span-2  { width: 70px;}
.span-3  { width: 110px;}
.span-4  { width: 150px;}
.span-5  { width: 190px;}
.span-6  { width: 150px;}
.span-7  { width: 270px;}
.span-8  { width: 310px;}
.span-9  { width: 350px;}
.span-10 { width: 390px;}
.span-11 { width: 430px;}
.span-12 { width: 470px;}
.span-13 { width: 510px;}
.span-14 { width: 550px;}
.span-15 { width: 590px;}
.span-16 { width: 630px;}
.span-17 { width: 670px;}
.span-18 { width: 710px;}
.span-19 { width: 750px;}
.span-20 { width: 790px;}
.span-21 { width: 830px;}
.span-22 { width: 870px;}
.span-23 { width: 910px;}
.span-24 { width: 950px; margin: 0; }

.last { margin-right: 0; }