#browse { text-align: center
        ; font-size: 1.4em
        ; margin: 1.6em
        }

#info { text-align: center
      ; margin: 1em auto
      ; padding: 1em
      ; border: solid 1px #ccc
      ; width: 90%
      ; max-width: 950px
      ; background-color: #fff
      ; -moz-border-radius: 20px
      ; -webkit-border-radius: 20px
      ; border-radius: 20px
      ; behavior: url(../assets/border-radius.htc)
      ; behavior: url(../../assets/border-radius.htc)
      }

h4 { margin: 0.5em 0 0.7em }

#info > div { text-align: center
            ; font-size: 1.3em
            ; width: 31%
            ; max-width: 400px
            ; float: left
            ; display: inline
            ; padding: 0.5em 0.2em
            ; border-left: dashed 1px #aaa
            }

#info > div:first-child { border-left: none }

#info ul { list-style-type: none
	 ; text-align: center
	 ; padding: 0
	 ; margin: 0
	 }

#info li { padding: 0.2em 0
	 ; margin: 0
	 }

#info > br.clear { clear: both }

@media only screen and (max-device-width:480px) {
  #info { width: 70%
        ; padding: 0 1em
        }

  #info > div { clear: left
              ; width: 100%
              ; max-width: 100%
              ; padding: 0.5em 0.2em 1em
              ; border-left: none
              ; font-size: 1em
              }
}

#contributors-box a { line-height: 1.8em }


/*
 * Github Finder
 *
 */

#gh-finder { font-size: 12px; font-family: Helvetica, Verdana, sans-serif; margin: 3em auto 1em; padding: 0; width: 92% }
#gh-finder .clear { clear:both }
#gh-finder a { color: #22a; text-decoration: none; border-bottom: none }
#gh-finder a:active { outline: none }
#gh-finder :focus { -moz-outline-style: none; outline: none;}
#gh-finder .p { padding: 10px; }
#gh-finder img { border: 0px}

#finder { width: 100%; overflow: hidden; height: 343px }

#r_w { width: 100%; background-color: #EAEAEA; border-bottom: 1px solid #CCC }
.tbb { border-bottom: 3px solid #CCC;} /* thick bottom border */


/* logo */
.big { font-size: 14px; font-weight: bold;} 
#r_w { -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; border-top-right-radius: 7px;
       -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; border-top-left-radius: 7px
     }
#in { color: transparent; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
#in.on { background-color: #4F4A45; color: white }

#b_w { overflow: hidden; overflow-x: auto; height: 300px }
.panel { float: left; width: 200px; border-right: 1px solid #CCC; overflow: hidden; overflow-y: auto;
height: 300px }

.files { padding: 0; margin: 0; font-size: 1.3em }
.files li { list-style:none outside none; border-bottom: 1px solid #CCC; background-color: #F8F8F8; }

.t { padding: 10px; border-bottom: 1px solid #CCC; font-size: 14px; font-weight: bold} /* title */

.tree { background: #F8F8F8 url('./img/la.gif') no-repeat 95% 50%; font-weight: bold; }
.ico { background:url('./img/txt.gif') no-repeat 3px 50%; display: block;}
.tree .ico { background-image: url('./img/dir.gif'); }
.cur { background: #3D8CFF url('./img/la_h.gif') no-repeat 95% 50% !important;}
#gh-finder .cur a { color: white;}
.blob { background-image: none !important; }
.files a { padding: 8px 8px 8px 23px; display:block; }

#f_c_w .p {padding: 10px}
#f_c { overflow: hidden; }
#f_c_s { overflow-y: auto; }
#f { border: 1px solid #CCC; }

#commits .big { padding: 10px; border-bottom: 1px solid #CCC;}

/* commit entry */
.ce { padding: 10px 0; border-bottom: 1px solid #CCC; }

pre, #code, .meta, .diff { font:12px Monaco,monospace; margin: 0; }

.meta, .diff thead th { background-color: #EEE; color:#333; overflow:hidden; padding:10px; border-bottom: 1px solid #CCC}
.meta span { margin-left: 5px; padding-left: 9px;}
.meta span:first-child { display: none }

.ln, .diff th { background-color:#ECECEC; border-right:1px solid #DDD; color:#AAA; text-align: right; padding: 5px 5px }
#code { padding: 5px;}
/*.hover { background-color: #FFFFC7; }*/

.insert { background-color:#9E9 }

#footer { padding: 10px }


/* extension stuff */
.resize { cursor: col-resize; float: left; background-color: #DCDCDC;border-right: 1px solid #CCC;}
.hrz { cursor: row-resize !important; background-color: #DCDCDC; ;border-bottom: 1px solid #CCC;height: 3px; line-height: 3px; width: 99.9%}
#bml_w { float: right; font-size: 11px; width: 300px;}
.bml { border: 1px solid #CCC; padding: 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-weight: bold;}
.bml:hover { background-color: white;}


/**** code highlighting ****/

#code.Dark { background-color: #191919; color: white; }
#code.Dark .comment { color: #5E5A5F; }
#code.Dark .string { color: #93996D; }
#code.Dark .keywords { color: #CAA76F;}
#code.Dark .brackets { color: #F5F8F8; }
#code.Dark .symbol { color: #C06F52; }

/* CSS */
#code.Dark .properties { color: #C4AD7A}
#code.Dark .selectors { color: #977042 }




#code.Light { background-color: white; color: black; }
#code.Light .comment  { color: green; }
#code.Light .string   { color: teal; }
#code.Light .keywords { color: navy; font-weight: bold; }
#code.Light .brackets { color: navy; }
#code.Light .symbol   { font-weight: bold; }

/* CSS */
#code.Light .properties { color: #C4AD7A}
#code.Light .selectors { color: #977042 }

/* CPP */
#code.Light .datatype { color: #006699; }
#code.Dark .datatype { font-weight: bold;}