/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
body { background-color: #ccc; margin: auto; }
body .container { width: 1000px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background-image: url("../img/linen.jpg"); }
body .row { margin: 0; }
body .row div:first-child { margin-left: 30px; }
body .row div:last-child { margin-right: 30px; }

h1 { font-size: 40px; }

h2 { font-size: 32px; }

h3 { font-size: 28px; }

h4 { font-size: 24px; }

h5 { font-size: 20px; }

h6 { font-size: 18px; }

p, ul, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; }

h1, h2, h3, h4, h5, h6 { margin-top: 20px; }

p, ul { margin: 20px 0; }

ul { margin-left: 30px; }

p, li { font-family: "Palatino", "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; font-size: 16px; line-height: 1.25; }

.hero-unit { background-image: url("../img/hero-bg.png"); background-size: 100% 100%; padding: 30px 0; margin-bottom: 0; }
.hero-unit h1 { margin: 10px 0; text-align: right; font-size: 40px; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grand", "Geneva", Verdana, sans-serif; color: #bee6f0; }
.hero-unit h3 { margin: 115px 10px 0 0; text-align: right; font-size: 28px; font-family: "Palatino", "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; color: #bee6f0; }

.logo { margin: 15px 0; }
.logo img { width: 125%; height: auto; }

.spacer { padding-top: 20px; }

input.span3 { margin-bottom: 15px; }

input.span3 + input.span3 { margin-left: 15px; }

#username { display: none; }

footer { margin-top: 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background-color: #052d0f; color: white; text-align: right; padding: 6px 20px; }

.small { font-size: 12px; }