/*
* Simple CSS stylesheet for a navigation bar and flash messages. */
main {
background-color: #eee; padding-bottom: 80px; width: 100%; }
header {
border: 1px solid #d4d4d4; background-image: linear-gradient(to bottom, white, #f2f2f2); background-color: #f9f9f9; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); margin-bottom: 20px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
} ul.nav li {
display: inline;
} ul.nav li a {
padding: 10px 15px 10px; color: #777777; text-decoration: none; text-shadow: 0 1px 0 white;
} .flash_notice, .flash_alert {
padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;
} .flash_notice {
background-color: #dff0d8; border-color: #d6e9c6; color: #468847;
} .flash_alert {
background-color: #f2dede; border-color: #eed3d7; color: #b94a48;
}