/*
 * base element styles
 */

body {
    background: url(/web/20161226231522oe_/https://sunlightlabs.github.io/img/sfapp_bg.jpg) center 48px repeat-x #FFFFFF;
    color: #3B3633;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 19px;
    margin-top: -9px;
}

/*.container { padding-left: 10px; padding-right: 10px;}*/

.grid-left-container a {font-size: 16px; color: #c2950c}
a:hover, a:active {outline: none; }
a, a:active, a:visited { color: #c9a706; }
a:hover { color: #827b78; }

h4 a {color: #78bcc0 !important;}
p a { color: #c9a706 !important;}

.projects-container a {font-size: 16px; color: #c2950c;}

fieldset { margin-bottom: 3em; }
fieldset p { margin: 1em 0; }
fieldset ul { padding-top: 2em; }

/*
 * override bootstrap styles
 */

::selection { background:#CA5703; color:#fff; text-shadow: none; }


/* Fix for Google Maps image elements */
.gmnoprint img, .gmnocsreen img {
     max-width: none;
}

.clear { clear: both; }

.form-actions, .well { background-color: #eeebe1; }

input:focus,
textarea:focus {
    border-color: rgba(201, 167, 6, 0.3);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(201, 167, 6, 0.3);
       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(201, 167, 6, 0.3);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(201, 167, 6, 0.3);
}

.btn, .btn:link, .btn:active, .btn:visited {
    color: #333;
    border: 3px solid #e9e8e3;
    font-family: "Georgia", "Times New Roman", "Times", serif;
    font-style: normal;
    font-weight: normal;
    padding: 4px 15px 4px;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
        -ms-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
}

.btn-sunlight, .btn-sunlight:hover, .btn-sunlight:link, .btn-sunlight:active, .btn-sunlight:visited {
    color: #fdfcfb;
    background-color: #ce6100;
    background-image: -moz-linear-gradient(top, #ce6100, #ba5300);
    background-image: -ms-linear-gradient(top, #ce6100, #ba5300);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ce6100), to(#ba5300));
    background-image: -webkit-linear-gradient(top, #ce6100, #ba5300);
    background-image: -o-linear-gradient(top, #ce6100, #ba5300);
    background-image: linear-gradient(top, #ce6100, #ba5300);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce6100', endColorstr='#ba5300', GradientType=0);
    border-color: #ba5300 #ba5300 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    font-style: normal;
    text-shadow: 0 1px 1px rgba(186, 83, 0, 0.75);
}
.btn-sunlight:hover,
.btn-sunlight:active,
.btn-sunlight.active,
.btn-sunlight.disabled,
.btn-sunlight[disabled] {
    color: #fdfcfb;
    background-color: #ba5300;
}
.btn-sunlight:active,
.btn-sunlight.active {
    background-color: #ba5300;
    background-color: #ba5300 \9;
}

.messages ul { list-style: none; margin: 0; padding: 0; }

input,button,select,textarea { font-family: "Georgia", "Times New Roman", "Times", serif; }

form input, form select { border: 2px solid #e7e4dc; }
.container form select { padding: 3px 4px; height: 30px; }
form ul { list-style: none; margin: 0; padding: 0; }
form li { clear: both; }

ul.nav { margin-bottom: 0; }
ul.nav li a { color: #222; }
ul.nav li a:hover { background-color: inherit; color: #C9A706; }

.row li { margin-bottom: 15px; }

.nav i { margin-top: 2px; padding-right: 5px;}
.listNav { float: right; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 120%;}
.listNav li { border-left: 1px solid #b7b2b0; margin-left: 20px; padding-left: 20px; float: right; }
.listNav .first { border: none; }
.listNav a:link, .listNav a:active, .listNav a:visited { color: #76716E; padding-bottom: 2px;}
.listNav a:hover { border-bottom: 1px dotted #C9A706; text-decoration: none;}

/*
 * wrapper-specific styles
 */

h1, h2, h3, h4, legend { font-weight: normal; color: #635f5c;}
h1 { font-family: Georgia, 'Times New Roman', Times, serif; font-size: 220%; line-height: 40px; margin-bottom: 30px;}
h2 { margin-bottom: 30px; font-size: 260%; line-height: 38px; text-transform: uppercase;}
h3, .h2, legend { font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 25px; font-size: 194.88%; line-height: 29px; text-transform: normal; }
h4, .h3 .sltag { font-size: 170%; margin-bottom: 20px; line-height: 27px; text-transform: normal; font-family: Georgia, 'Times New Roman', Times, serif;}
h5, .h4 { font-weight: bold; margin-bottom: 20px; font-size: 140%; line-height: 22px; text-transform: normal;}
h6, .h5 { font-weight: bold; font-size: 125%; margin-bottom: 15px; text-transform: capitalize;}

h1 a, h1 a:active, h1 a:visited, h2 a, h2 a:active, h2 a:visited, h3 a, h3 a:active, h3 a:visited, h4 a, h4 a:active, h4 a:visited, h5 a, h5 a:active, h5 a:visited { color: #635f5c; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { color: #b9a609; }

.subnav { padding-bottom: 10px; margin-bottom: 40px; border-bottom: 1px solid #D6D3D2; width: 100%;}
.subnav li.active { margin-top: -5px; background-color: white; border-left: 1px solid #EEEDEC; border-top: 1px solid #EEEDEC; border-right: 1px solid #EEEDEC; padding-bottom: 20px; padding-top: 15px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px;}
.subnav li { padding: 10px 20px; background-color: #78716F; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-right: 10px;}
.subnav a:link, .subnav a:active, .subnav a:visited  { color: #EFEBE9; font-size: 115%;}
.subnav li:hover a:link, .subnav li:hover a:active, .subnav li:hover a:visited { color: #EFEBE9; }
.nav-pills > li > a { padding: 0;}
.subnav li:hover { background-color: #5B5553;}

.module { margin-bottom: 60px;}
.content .moduleSm { margin-bottom: 5px; padding-bottom: 0;}

.textCallout { background: #CA5703; color: #fff; padding: 0.1em 0.3em; }
.boxCallout { background-color: #f9f8f8; border: 1px solid #f0eded; padding: 25px 15px; text-align: center;}
.boxCallout li { text-align: left;}
.sideCallout { background-color: #FCFCFC; border: 1px solid #F4F4F4; padding: 10px 15px;  }

.tip, time { font-family: Georgia, 'Times New Roman', Times, serif; font-style: oblique; color: #97928f; display: block; line-height: 21px; max-width: 680px; padding-bottom: 13px;}
.withTip { margin-bottom: 5px;
  line-height: 20px; margin-top: 14px; float:left;} 
.textReplace { display: block; text-indent: -9999em; }
.inlineTip { display: inline; }
.datacommtip { font-family: Georgia, 'Times New Roman', Times, serif; font-style: oblique; color: #97928f; display: block; line-height: 21px; max-width: 680px; padding-bottom: 13px; padding-top:20px;}

.pushInward { margin-left: 25px;}

.viewMore { font-family: Georgia, 'Times New Roman', Times, serif; font-style: oblique; font-size: 115%; margin-top: 20px; display: block;}

.subscribe-thanks { display: none; }

.slf-list { padding-left: 15px; margin: 0;}
.slf-list li { list-style-image: url(/web/20161226231522oe_/https://sunlightlabs.github.io/img/bg_list.png); margin-bottom: 25px; }
.slf-list a:active, .slf-list a:visited, .slf-list a:link { color: #76716E; border-bottom: 1px dotted #c9a706; }
.slf-list a:hover { color: #827b78; }

.form-inline li { float: left; display:inline; margin-right: 20px; margin-bottom: 15px; margin-left: 0; clear: none;}
.form-inline li.last, .form-inline li:last-child { margin-right: 0; }
.form-inline.compact li button { margin-top: 20px;}
.form-inline.compact label, .form-inline.compact input { display: block;}

.module .form-vertical input { width: 95%;}
.form-vertical li { margin-bottom: 0;}

.floatList li { float: left; margin-right: 15px;}

.withLine li { border-bottom: 1px solid #DDDDDD; padding: 15px 5px 5px;}
.elementWithLine { border-bottom: 1px dashed #DDDDDD; padding-bottom: 20px; margin-bottom: 15px;  }

.bottomBtn { margin-top: 50px; }

.street-address { display: block; }

dl { margin: 0; }
dd { margin-bottom: 25px; }
.floatedList { padding-bottom: 10px; margin-top: 0; }
.floatedList dt { float: left; margin-right: 5px; margin-bottom: 0; }
.floatedList dd { float: left; margin-right: 15px; margin-left: 0; margin-bottom: 0; }

legend { padding-bottom: 5px; font-size: 115%; font-weight: bold; margin-bottom: 15px; }

#sfapp-subscribe-form li { float: left; margin-right: 10px; }
#sfapp-subscribe-form input[name=email] { width: 140px; }
#sfapp-subscribe-form input[name=zipcode] { width: 95px; }

#shareBtns { float: right; clear: right; margin-top: -30px;}
#shareBtns li { width: 16px; height: 16px; float: right; margin-right: 10px;}
#shareBtns li a { width: 16px; height: 16px; }
#facebook a { background: url(/web/20161226231522oe_/https://sunlightlabs.github.io/img/social_sprites.png) left -188px no-repeat;}
#facebook a:hover { background: url(/web/20161226231522oe_/https://sunlightlabs.github.io/img/social_sprites.png) left -52px no-repeat;}
#twitter a { background: url(/web/20161226231522oe_/https://sunlightlabs.github.io/img/social_sprites.png) left -103px no-repeat;}
#twitter a:hover { background: url(/web/20161226231522oe_/https://sunlightlabs.github.io/img/social_sprites.png) left -1px no-repeat;}
#twitter a { background: url(/web/20161226231522oe_/https://sunlightlabs.github.io/img/social_sprites.png) left -103px no-repeat;}
#twitter a:hover { background: url(/web/20161226231522oe_/https://sunlightlabs.github.io/img/social_sprites.png) left -1px no-repeat;}
#youTube a { background: url(/web/20161226231522oe_/https://sunlightlabs.github.io/img/social_sprites.png) left -137px no-repeat;}
#youTube a:hover { background: url(/web/20161226231522oe_/https://sunlightlabs.github.io/img/social_sprites.png) left -86px no-repeat;}

form label { font-family: Georgia, "Times New Roman", Times, serif; font-size: 110%; }

.span6 input, .span7 input, .span5 input, .span8 input, .content .form-horizontal .asInput, .span6 textarea, .span7 textarea, .span5 textarea, .span8 textarea, .span6 select, .span7 select, .span5 select, .span8 select { width: 300px; font-weight: normal;}
.content .form-horizontal label { float: left; width: 160px; text-align: left; padding-top: 5px;}
.form-horizontal input { clear: right;}
form li { margin-bottom: 15px; }
input[type=checkbox] { width: 15px; }
.container .content .checkbox input { width: 15px; margin-right: 10px; float: left; margin-top: 5px;}
.normalList li { clear: both; }

.sf-footerWrapper { background-color: #fafaf7; border-top: 1px solid #ece9e9; margin-top: 70px; padding-top: 50px; min-height: 220px;}
.sf-footer { color: #9f9a97;}
.sf-footer h4 { color: #9f9a97; margin-bottom: 0.5em; }
.sf-footer .tip { color: #9f9a97;}

.span-divider {
    border-right: 1px dashed #e8e6de;
    margin-right: -1px;
}

.hero-unit { padding: 40px; border: 1px solid #d6d3d3; border-radius: 0; font-size: 120%; }
.withBorder { border: 1px solid #F0EDED; }

.terms { margin-top: 30px; }

.sf-footer div.terms p{
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 95%;
    font-style: oblique;
    line-height: 18px;
}

.hidden { display: none; }

/* July Edits */

/* Header for SL logo */

.sf-header {
    background: url(/web/20161226231522oe_/https://sunlightlabs.github.io/img/sfapp_bg_header.jpg) center bottom repeat-x;
    background-color: rgb(231, 240, 233);
    height: 60px;
    margin-bottom: 50px;
}
.sf-header a.sf-logo {
    background: url(/web/20161226231522oe_/https://sunlightlabs.github.io/img/sfapp_logo.png) top right no-repeat;
    display: block;
    float: right;
    height: 40px;
    text-indent: -9999px;
    width: 160px;
    margin-top: 8px;
    background-size: contain;
}

/* Top menu overview */

.clearfix-nav i { margin-top: 2px; padding-right: 5px;}
.mainsf-nav { float: left; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px;; margin-top: -40px; margin-right:0; margin-left:0px;}
.mainsf-nav li { border-right: 1px solid #a1bfb5; margin-left: 10px; padding-right: 10px; float: left; padding-left: 0;}
.mainsf-nav .first { border: none; }
.mainsf-nav a:link, .listNav a:active, .listNav a:visited { color: #76716E; padding-bottom: 2px;}
.mainsf-nav a:hover { color: #c2950c; text-decoration: none;}
.leaderboard {border: none !important; padding-left:0px !important;}
.mainsf-nav li:first-of-type {margin-left: 0;}


/* Sunlight Labs Github Projects */

div.title-projects h1 { font-weight: normal;
  font-style:normal;
  font-size: 200%;
  color: #584E4A;
  font-family: "prenton-condensed","Helvetica Neue","Helvetica","Arial",sans-serif;
  }

.sl-subtitle { font-family: Georgia, serif; font-size: 14px;font-style: italic;font-weight: normal;max-width: 940px;color: #949494;}
.sl-subtitle a:hover { color: #AD8B21!important;}

/* Main section */

.grid-left-container {
  padding-left: 0px;
  padding-top: 45px;
  width: 620px;
  float:left;
}

.grid-right-container {
  padding-left: 0px;
  padding-top: 0px;
  width: 300px;
  float: right;
}

.section { border-top: 1px dashed #D6D3D2;}

a:link, a:visited {
    text-decoration: underline;
}

div a:hover {
    color: #AD8B21;
}


li.libraries {padding-left: 20px;}
.section img {float:left; margin-top:18px; margin-left:9px;}
.textmiddle {vertical-align: middle;}
.withTip-left {float: left;}
.section p {
  margin: 0 0 0 0;
  clear: both;
  height: auto; 
  padding-top: 9px; 
  font-size:12px; 
  max-width: 445px;
}

/* Libraries */

p.lib-sortby {float:left; padding-right:10px;}

li.libraries {padding-bottom: 10px;}
}

.grid-left-container .lib_sort-by ul li {
    display: inline;
    padding-left: 0px;
    padding-right: 25px;
}

.lib_sort-by ul li {display: inline; font-weight:bold;}


.active {
  background: url(/web/20161226231522oe_/https://sunlightlabs.github.io/img/drop-arrow.png) no-repeat;
  background-position-x: right;
  background-position-y: bottom;
  color: #c2950c;
  text-decoration: underline ;
  margin-left: 0px;
  font-weight:bold;
  padding-right: 14px;
  padding-left: 5px;
}

.unactive {padding-left:10px;}


li.lib-sortby {
  font-weight: normal !important;
}

.lib_sort-by {
  padding-left: 0px;
  padding-bottom: 15px;
  color: #6d6d6d;
}

/* Projects */

.projects-container {
    width: 290px;
    margin-right:10px;
}

.title-projects h4 {
    font-family: Georgia, serif;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    max-width: 940px;
    color: #949494;
}

.title-projects h1, p {
    margin-left: 0;
    margin-right: 0;
}

.title-projects {
    width: 100%;
}

/* Right container */

.recently-updated {
  display:inline;
  float: right;
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
  width: 290px;
  padding-top: 46px;
}

#recent1, #recent2 {
    margin-left: 17px;
}

.recently-updated-left {float:left;}
.stars-forks-right {float:right; text-align:right;}
.stars-forks-right a, .stars-forks-right a:active, .stars-forks-right a:visited {color:#9d9d9d; text-decoration: none;}
.stars-forks-right a:hover {text-decoration: none; color:#787878;}
.recently-updated-list {margin: 0 0 10px 0px; padding-left: 0;}
.recently-updated-title {font-size: 16px; font-weight:bold;}
.recently-updated-left a, .recently-updated-left a:active {color: #d2793f; text-decoration: none;}
.recently-updated-left a:hover {color: #ca6429; text-decoration: none;}

.view-all-git {
    margin-left: 16px;
    font-family: Georgia;
    font-style: italic;
    font-weight: normal;;
}

a.view-all-git {color: #abd3df !important; font-style: oblique; font-size:13px; font-family: Georgia; margin-left: 0px;}
.view-all-git a:hover {color: #fff !important;}

.sometimes-we-container {
  display:inline;
  float: right;
  clear: both;
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
  width: 290px;
  padding-top:40px;
}


#recent1 a:link #recent2 a:link{
  text-decoration: underline; color: #e07c3e;
}

.sometimes-we-container a, a:active, a:visited { font-size:16px; font-weight:bold; text-decoration: underline;}
ul.sometimes-we-list  {margin: 0 0 10px 0px !important; padding-left: 0;}
.sometimes-we-container .sometimes-we-list ul {margin: 0 0 0 0;}
.sometimes-we-list ul li  {padding-left: 0; padding-bottom:20px; padding-top:0px;}
.rightside-date {font-size: 13px; font-style: oblique; color:#97928f;}
.sometimes-we-container a:hover { color: #AD8B21; }
a.right-container-link {color: #abd3df; font-family: Georgia, serif; font-style: oblique; font-size: 13px; font-weight:normal;}

.recently-updated-repos li span.time a {text-decoration: none !important; color: #97928f !important;}

.sometimes-title {color: #c9a706;;}
/* Headers, zebra backgrounds, tags, and images */

div.header h1, div.grid-left-container h1, div.sometimes-we-container h1, div.projects-container h1, .recently-updated h1 {
  font-weight: normal;
  font-style:normal;
  font-size: 200%;
  color: #584E4A;
  font-family: Georgia;
  }

.libraries-zebra {
  width: 580px;
}

.libraries-zebra ul li {
  margin: 0 0 0 0;
}

ul.libraries-zebra > li:nth-of-type(even) {
  background-color: #f9f8f8;
}

ul.libraries-zebra {
  margin: 0 0 0 0;
}

p.morepages {margin-left: 0px; font-weight: bold;}
.more-expand { margin-left:250px; margin-top: 20px; width: 100px;}
.more-underline {text-decoration:underline; clear:both; margin-bottom:1px; margin-left: 9px; margin-top: -2px; font-size:13px; color: #78bcc0;}
.morearrow { float:left; margin-left: -2px; background: url(/web/20161226231522oe_/https://sunlightlabs.github.io/img/morearrow.png) no-repeat; height: 19px; width: 63px;}

.git-button {margin-top: 15px;float:left;padding-right: 10px;}
.git-star {float:right; margin-bottom: 4px;}
.git-fork {float:right; clear:both;}

.zebrasection-box {float:left; width:458px;}
.blogtags-container {padding-bottom: 10px;}
.blogtags ul li { margin: 0px 0px 0px 0px; padding-bottom: 20px; float: left;}
ul.blogtags {margin: 0 0 0 0 !important;}
.blogtags li { font-size: 85%; font-family: Georgia, 'Times New Roman', Times, serif; font-style: oblique; color: #97928f; display: inline; line-height: 21px; max-width: 680px; padding-left: 0px; padding-right: 2px; }