@import url("reset.css");
@import url("basic.css");
@import url("type.css");

.link-arrow {
background: url(../img/arrow.gif) no-repeat 0 2px;
padding: 0 0 0 13px;
}

h2.highlight {
font-size: 4em;
background: #000;
color: #fff;
text-transform: uppercase;
line-height: 0.8;
margin: 0 0 10px;
}

/* Blog */

div.post {
margin: 0 0 50px;
}

p.share {
background: url(../img/dash.gif) repeat-x;
height: 16px;
margin: 0;
padding: 9px 0 0;
}

p.share a {
float: right;
width: 125px;
height: 16px;
background: url(http://s7.addthis.com/static/btn/lg-share-en.gif) no-repeat;
text-indent: -999em;
overflow: hidden;
}

span.date {
padding: 3px 7px;
color: #fff;
background: #9b25ad;
font-weight: bold;
line-height: 25px;
}

span.date span.y {
background: url(../img/date-mountain.gif) no-repeat 0 100%;
padding: 3px 0 3px 30px;
}

/* Form */

div.form div.form-divider {
border-bottom: 1px solid #000;
margin: 0 0 20px;
}

div.form-row label {
font-size: 1.4em;
}

div.form-row .radios {
display: block;
}

div.form div.form-row {
margin: 0 0 20px;
}

div.form div.form-row p {
margin: 0;
}

div.form input.field {
display: block;
padding: 3px 2px;
border: 1px solid #000;
background: #fff;
width: 250px;
}

div.form input.filled {
background: #fff;
/*border-color: #fff;*/
}

div.form input.inactive {
background: #000;
border-color: #000;
}

div.form input.focus {
background: #fff;
border-color: #000;
}

div.form input.submit {
background: #000;
color: #fff;
border: none;
}

/* Layout */

body {
background: #000;
}

div#wrapper {
background: #fff;
width: 960px;
margin: 6px auto 40px;
}

div#header {
height: 300px;
background: url(../img/header-bg.jpg) no-repeat;
padding: 30px 17px 0;
}

div#header h1 {
width: 334px;
height: 149px;
margin: 0 0 119px;
}

div#header h1 a img {
display: block;
}

ul#navigation {
width: 800px;
height: 1em;
padding: 9px 0;
background: #fff;
overflow: hidden;
font-size: 1.4em;
line-height: 1em;
}

ul#navigation li {
float: left;
display: inline;
border-left: 1px solid #000;
margin: 0 0 0 -1px;
padding: 0 10px;
}

ul#navigation li a {
color: #000;
}

div#content {
padding: 0 32px;
}

div#main {
float: left;
width: 550px;
margin: 0 20px 0 0;
padding: 37px 0 0;
}

#start div#main {
padding: 0;
}

div#side {
float: left;
width: 205px;
margin: -20px 0 0;
position: relative;
}

#start div#side {
margin: 0;
}

div#side h2 {
font-size: 1.8em;
font-weight: bold;
line-height: 0.9;
text-align: right;
text-transform: uppercase;
letter-spacing: -0.015em;
padding: 0 0 6px;
border-bottom: solid 9px #000;
}

div#side h3 {
font-size: 1.4em;
font-weight: bold;
margin: 0 0 0.5em;
padding: 3px 7px;
color: #fff;
background: #9b25ad;
}

div#footer {
padding: 0 17px 26px;
background: url(../img/footer.jpg) no-repeat;
}

div#footer ul {
float: right;
overflow: hidden;
padding: 10px 145px 10px 0;
font-size: 1.1em;
line-height: 1;
}

div#footer ul li {
float: left;
display: inline;
padding: 0 10px;
border-left: solid 1px #000;
margin: 0 0 0 -1px;
}

div#footer ul#footer-navigation {
float: none;
font-size: 1.4em;
font-weight: bold;
padding: 200px 0 10px;
}

div#footer ul#footer-navigation li a {
color: #000;
}

div#footer p {
margin: 0;
padding: 0 10px;
font-size: 1.1em;
}

/* Sign up */

div#signup {
margin: -20px 0 20px;
}

div#signup ul {
border-bottom: 1px solid #000;
padding: 6px 0 0;
}

div#signup ul li {
float: left;
margin: 0 0 6px;
}

div#signup label {
float: left;
width: 40px;
font-size: 1.1em;
text-transform: lowercase;
}

div#signup input.field {
float: left;
width: 159px;
}

/* Brotherhood friends */

div#friends h2 {
margin: 0 0 13px;
font-size: 1.1em;
font-weight: normal;
line-height: 18px;
text-transform: lowercase;
border-bottom: 1px solid #000;
}

div#friends ul li {
float: left;
}

div#friends ul li a {
float: left;
background: no-repeat 50%;
text-indent: -999em;
overflow: hidden;
}

div#friends ul li#laax a {
width: 205px;
height: 88px;
margin: 0 0 22px;
background-image: url(../img/laax.gif);
}

div#friends ul li#dakine a {
width: 205px;
height: 28px;
margin: 0 0 19px;
background-image: url(../img/dakine.gif);
}

div#friends ul li#burton a {
width: 205px;
height: 29px;
margin: 0 0 16px;
background-image: url(../img/burton.gif);
}

div#friends ul li#surf a {
width: 50px;
height: 30px;
margin: 0 20px 0 0;
background-image: url(../img/surf.gif);
}

div#friends ul li#onboard a {
width: 99px;
height: 30px;
margin: 0 0 16px;
background-image: url(../img/onboard.gif);
}

div#friends ul li#transition a {
width: 85px;
height: 21px;
margin: 0 20px 0 0;
background-image: url(../img/transition.gif);
}

div#friends ul li#ware a {
width: 80px;
height: 21px;
background-image: url(../img/ware.gif);
}

/* Camps */

div#upcoming-camps {
width: 775px;
margin: 0 0 20px;
padding: 25px 0 0;
}

div#upcoming-camps ul {
font-size: 2.2em;
font-weight: bold;
line-height: 45px;
text-transform: uppercase;
}

div#upcoming-camps ul li {
padding: 0 247px 0 10px;
position: relative;
background: #191919;
color: #fff;
margin: 0 0 1px;
height: 45px;
}

div#upcoming-camps ul li span {
font-weight: normal;
font-size: 0.82em;
}

div#upcoming-camps ul li.alt {
background: #000;
}

div#upcoming-camps ul li ul {
position: absolute;
top: 0;
right: 0;
width: auto;
font-size: 1em;
}

div#upcoming-camps ul li ul li {
float: left;
padding: 0;
margin: 0;
text-align: center;
border-left: 1px solid #fff;
background: transparent;
}

div#upcoming-camps ul li ul li a {
float: left;
color: #fff;
}

div#upcoming-camps ul li ul li.more-info {
width: 130px;
font-size: 0.65em;
text-align: center;
}

div#upcoming-camps ul li ul li.more-info a {
float: none;
background: url(../img/icon-info.png) no-repeat 0 50%;
padding: 0 0 0 22px;
}

div#upcoming-camps ul li ul li.sign-up a {
width: 115px;
text-decoration: none;
background: #019844 url(../img/white-corner.png) no-repeat 100% 100%;
}

div#upcoming-camps ul li ul li.sign-up a:hover {
background-color: #00da43;
}

div.error-summary {
border: 1px solid #d00;
background: #fee;
padding: 10px;
margin: 0 0 10px;
font-size: 1.2em;
font-weight: bold;
}

div.error-summary ul {
font-size: 1em !important;
font-weight: normal;
margin-bottom: 0 !important;
}