body {background-color: #fff;}
.center {text-align:center;}
h1, .light {font-weight:300;}
div.relative {position:relative;}

a.icon-link {text-indent:20px;width:auto;}
hr.black {border-top-color:#ddd;}
.header.navbar.navbar-fixed-top {position:relative;margin:0;}

/* header */
#header {background:#fff;z-index:3;position:relative;width:100%;height:80px;box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);}
#header .logo {margin-top:6px;position:relative;}
#header .logo a:hover {text-decoration: none;}


#navbar_action{z-index:9999;position:fixed;left:0;right:0;top:-70px;height:65px;line-height:50px;background:#fff;box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);}
#navbar_action h1{display:inline-block}
#navbar_action h1.collect,#navbar_action h1.organize{margin-right:80px}
#navbar_action h1.disabled{color:#ddd}
#navbar_action a{position:absolute;right:20px;top:16px;}

/*  Hero  */
#heroshadow {z-index:10;background:#333;position:absolute;height:3px;bottom:0;left:0;right:0;}

/* splash pix */
#hero.splash {overflow:hidden;position:relative;width:100%;height:auto;clear:both;background:#333 url(../images/fireflies3.jpg) 50% 0 no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;}

#hero.splash h1.hero-title {font-size:36px;font-weight:300;padding:10px 0 20px;margin:0;line-height:45px;color: #fff;text-shadow: 2px 2px #333;}
#hero.splash h2 {font-size:20px;line-height:28px}

#hero.splash .init span{font-weight:bold;text-shadow:0 1px 2px rgba(0,0,0,0.14);font-size:16px;color:#fff;}
#hero.splash #actionbox{position:relative;padding:20px;background:#fff;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;box-shadow:0 0 3px #E1E1E3;-moz-box-shadow:0 0 3px #E1E1E3;-webkit-box-shadow:0 0 3px #E1E1E3;}
#hero.splash #actionbox h4{margin:0;padding:0;}
#hero.splash #actionbox hr{margin:10px 0 16px}
#actionbox a, #actionbox a:hover {text-decoration:none;}


#hero.splash input{font-size:18px;height:46px;margin-bottom:0;}

#hero.splash .footer{padding:5px 10px;background:rgba(255,255,255,0.4);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
#hero.splash .footer p{margin:0;}
#hero.splash .footer p a{color:#000;text-decoration:underline}

/* page */
#page  {position:relative;clear:both;}
#page .form {margin:0;}
.container .row-fluid .white {padding:20px;background:#fff;box-shadow:0 0 3px #E1E1E3;-moz-box-shadow:0 0 3px #E1E1E3;-webkit-box-shadow:0 0 3px #E1E1E3;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
#page .container .row-fluid.margin {margin-bottom:40px;}
#page .container .row-fluid .transparent {background:none;border:none;}

/*Footer*/
#footer {margin-top:50px;padding:10px 0;background:#fff;border-top:1px solid #ddd}
#footer #ulcontainer{width:860px;margin:0 auto;}
#footer ul{display:block;float:left;width:120px;height:110px;list-style:none;padding:10px 20px 0;margin:0 5px;border-right:1px solid #eee;}
#footer ul:first-child{border-left:1px solid #eee;}
#footer ul li h4{font-weight:normal;}
#footer ul li a{color:#666;}
#footer ul li p{color:#666;}
#footer ul li p a{color:#dd4b39;}

#hero.splash .licensetext {color:#ccc; padding-bottom:10px; font-style: italic; text-shadow:0 1px 2px rgba(0,0,0,0.14);}
#hero.splash .licensetext a {text-decoration: none; color:#ccc;}
#hero.splash .licensetext a:hover {color:#fff;}


@media (min-width: 769px) {
    
    /* Page */
    #page_header .row-fluid {text-align:center;margin:0 0 60px;}
    #page_header .row-fluid h1 {font-size:36px;letter-spacing:normal;}
    #page_header .row-fluid p {font-size:20px;letter-spacing:normal;line-height:1.5;font-weight:300;}
    #page_header .row-fluid p small {font-size:12px;color:#eee;font-weight:normal;}
    #page {margin-top:50px;}
    #page.notop {margin-top:0px;}
    #page .container .row-fluid .content {padding:20px 40px;}
    #page .container .row-fluid h2 {font-size:24px;}
    #page .container .row-fluid h3 {font-size:20px;}
}

@media (max-width: 1024px) {
    #header {display:none;}
    .header.navbar.navbar-fixed-top {display:block;}  
    #hero .row-fluid .span5 .input-xlarge {width:169px;}
}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
    body {padding:0}
    .row-fluid .span12,.row-fluid .span6,.row-fluid .span10, .row-fluid .span4 {padding:0 20px}
    #hero {height:auto;background:none}
    #hero .init {height:auto}
    #hero .init h1.hero-title {font-size:26px;padding-top:10px}
    #hero .init h2 {font-size:18px}
    #hero .init .item {display:none}
    
    #heroshadow {display:none}
    h1 {font-size:20px;font-weight:bold;line-height:normal;}
    h3 {font-size:16px}
    .span10 {text-align:center}
    
    /* Page */
    #page_header .row-fluid {margin-bottom:10px;}
    #page_header .row-fluid .span12 {text-align:center;}
}