diff --git a/images/bg_hr.png b/images/bg_hr.png
new file mode 100644
index 0000000000000000000000000000000000000000..514aee5056a320b059a4b92fc31385b01f3fd707
Binary files /dev/null and b/images/bg_hr.png differ
diff --git a/images/blacktocat.png b/images/blacktocat.png
new file mode 100644
index 0000000000000000000000000000000000000000..e160053a5bfc1f1891c5df1a04244b46132ed91c
Binary files /dev/null and b/images/blacktocat.png differ
diff --git a/images/icon_download.png b/images/icon_download.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a793f17688b22d0c98f8b32855f69daff65afaf
Binary files /dev/null and b/images/icon_download.png differ
diff --git a/images/sprite_download.png b/images/sprite_download.png
new file mode 100644
index 0000000000000000000000000000000000000000..f9f8de24c1c49ce421a44ce2a24ac22d045a39fe
Binary files /dev/null and b/images/sprite_download.png differ
diff --git a/index.html b/index.html
index ae20b6e8a0be571c29d33d79cfe440b1f123280e..44300e4e6be5ffbda5933a5fa1ecf6e366588710 100644
--- a/index.html
+++ b/index.html
@@ -1,4 +1,120 @@
-<p>
-Github Repository of <a href="http://www.unil.ch/dee/home/menuinst/people/post-docs--associates/dr-elsa-guillot.html">Dr Elsa Guillot </a>, Postdoc at University of lausanne <br/>
-Reach the <a href="http://elzaguillot.github.io/Allele-Frequency-Spectrum-simulations">Allele-Frequency-Spectrum repository</a>
-</p>
+<!DOCTYPE html>
+<html>
+
+ <head>
+ <meta charset='utf-8'>
+ <meta http-equiv="X-UA-Compatible" content="chrome=1">
+ <meta name="description" content="Elsa G Guillot : Computational Biostatistics">
+
+ <link rel="stylesheet" type="text/css" media="screen" href="stylesheets/stylesheet.css">
+
+ <title>Elsa G Guillot</title>
+ </head>
+
+ <body>
+
+ <!-- HEADER -->
+ <div id="header_wrap" class="outer">
+ <header class="inner">
+ <a id="forkme_banner" href="https://github.com/elzaguillot">View on GitHub</a>
+
+ <h1 id="project_title">Elsa G Guillot</h1>
+ <h2 id="project_tagline">Computational Biostatistics</h2>
+
+ </header>
+ </div>
+
+ <!-- MAIN CONTENT -->
+ <div id="main_content_wrap" class="outer">
+ <section id="main_content" class="inner">
+ <h2>
+<a id="publications" class="anchor" href="#publications" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Publications</h2>
+
+<p>Guillot EG and Cox MP. High Frequency Haplotypes are Expected Events, not Historical Figures [version 2; referees: 1 approved, 2 approved with reservations] F1000Research 2015, 4:666 (doi: 10.12688/f1000research.7023.2)</p>
+
+<p>Guillot, E.G., M.L. Hazelton, T.M. Karafet, J.S. Lansing, H. Sudoyo and M.P. Cox. 2015. Relaxed Observance of Traditional Marriage Rules Allows Social Connectivity without Loss of Genetic Diversity. Molecular Biology and Evolution 32:2254-2262</p>
+
+<p>Guillot, E.G. and M.P. Cox. 2014. SMARTPOP: Inferring the Impact of Social Dynamics on Genetic Diversity through High Speed Simulations. BMC Bioinformatics 15:175 doi 10.1186/1471210515175</p>
+
+<p>Guillot, E.G., M.K. Tumonggor, J.S. Lansing, H. Sudoyo and M.P. Cox. 2013. Climate Change Influenced Female Population Sizes through Time across the Indonesian Archipelago. Human Biology 85:135152 doi : 10.3378/027.085.0306
+Moussaïd, M., E.G. Guillot, M. Moreau, J. Fehrenbach, O. Chabiron, S. Lemercier, J. Pettré, C. AppertRolland, P. Degond and G. Theraulaz. 2012. Traffic Instabilities in self- organized pedestrian crowds. PLoS Computational Biology 8, 3: e100244 doi : 10.1371/journal.pcbi.1002442</p>
+
+<h2>
+<a id="cv" class="anchor" href="#cv" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>CV</h2>
+
+<ul>
+<li><p>2015-2016 Post-Doctorat
+Département Écologie Évolution, Université de Lausanne, Suisse
+With Prof. Marc Robinson-Rechavi and Prof Jérôme Goudet</p></li>
+<li><p>2011-2015 PhD in statistics
+“Modeling the role of social construct in population genetics”
+Institut des sciences fondamentales (IFS), Massey University, Palmerston North, Nouvelle-Zélande (NZ)
+Distinction : Dean's list of exceptionnal thesis
+Supervised by Prof. Murray P Cox and Prof. Martin L Hazelton</p></li>
+<li><p>2010-2011 Master, computer sciences option modeling of complex systems
+École Normale Supérieure (ENS), Lyon, France</p></li>
+<li><p>2006-2011 Master of Engineering, speciality in bioinformatics and modeling
+Institut National des Sciences Appliquées (INSA), Lyon, France</p></li>
+<li><p>2011 Master project
+"Modeling bidirectional flow of pedestrians"
+CRCA, University Paul Sabatier, Toulouse, France
+With Prof. Guy Theraulaz</p></li>
+</ul>
+
+<h2>
+<a id="softwares" class="anchor" href="#softwares" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Softwares</h2>
+
+<h3>
+<a id="smartpop--forward-in-time-simulations-of-structured-population-genetics" class="anchor" href="#smartpop--forward-in-time-simulations-of-structured-population-genetics" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>SMARTPOP : Forward in Time simulations of structured population genetics</h3>
+
+<p><a href="smartpop.sourceforge.net">smartpop.sourceforge.net</a></p>
+
+<h3>
+<a id="carpntrees--reconstructing-female-and-male-lineages-from-haplogroups-in-humans-with-marie-zufferey" class="anchor" href="#carpntrees--reconstructing-female-and-male-lineages-from-haplogroups-in-humans-with-marie-zufferey" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>CARPnTREES : Reconstructing female and male lineages from haplogroups in humans (with Marie Zufferey)</h3>
+
+<p><a href="carpntrees.shinyapps.io/shinyapp">carpntrees.shinyapps.io/shinyapp</a></p>
+
+<h2>
+<a id="research-interests" class="anchor" href="#research-interests" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Research Interests</h2>
+
+<p>Computational statistics:</p>
+
+<ul>
+<li><p>Inference tools using heavy programming machinery</p></li>
+<li><p>Simulation models</p></li>
+<li><p>Bayesian inferences</p></li>
+<li><p>Big data</p></li>
+</ul>
+
+<p>Biostatistics:</p>
+
+<ul>
+<li><p>Population genetics</p></li>
+<li><p>Social evolution (culture, languages, marriage rules)</p></li>
+<li><p>Genetic evolution</p></li>
+</ul>
+
+<p>Contact: <a href="mailto:elsa.guillot@unil.ch">elsa.guillot@unil.ch</a></p>
+
+<h2>
+<a id="other-interests" class="anchor" href="#other-interests" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Other Interests</h2>
+
+<p>Sports (Handball, Squash, Running)
+Writing
+Outreach</p>
+
+<p><a href="http://www.unil.ch/dee/en/home/menuinst/people/post-docs--associates/dr-elsa-guillot.html">http://www.unil.ch/dee/en/home/menuinst/people/post-docs--associates/dr-elsa-guillot.html</a></p>
+ </section>
+ </div>
+
+ <!-- FOOTER -->
+ <div id="footer_wrap" class="outer">
+ <footer class="inner">
+ <p>Published with <a href="https://pages.github.com">GitHub Pages</a></p>
+ </footer>
+ </div>
+
+
+
+ </body>
+</html>
diff --git a/javascripts/main.js b/javascripts/main.js
new file mode 100644
index 0000000000000000000000000000000000000000..d8135d37b1f4b5043a444dadecb5ed610a1d33f9
--- /dev/null
+++ b/javascripts/main.js
@@ -0,0 +1 @@
+console.log('This would be the main JS file.');
diff --git a/params.json b/params.json
new file mode 100644
index 0000000000000000000000000000000000000000..b28c9aadd6ec4166313bf7a6e8f656d56e42c40c
--- /dev/null
+++ b/params.json
@@ -0,0 +1 @@
+{"name":"Elsa G Guillot","tagline":"Computational Biostatistics","body":"\r\n\r\n## Publications\r\nGuillot EG and Cox MP. High Frequency Haplotypes are Expected Events, not Historical Figures [version 2; referees: 1 approved, 2 approved with reservations] F1000Research 2015, 4:666 (doi: 10.12688/f1000research.7023.2)\r\n\r\nGuillot, E.G., M.L. Hazelton, T.M. Karafet, J.S. Lansing, H. Sudoyo and M.P. Cox. 2015. Relaxed Observance of Traditional Marriage Rules Allows Social Connectivity without Loss of Genetic Diversity. Molecular Biology and Evolution 32:2254-2262\r\n\r\nGuillot, E.G. and M.P. Cox. 2014. SMARTPOP: Inferring the Impact of Social Dynamics on Genetic Diversity through High Speed Simulations. BMC Bioinformatics 15:175 doi 10.1186/1471210515175\r\n\r\nGuillot, E.G., M.K. Tumonggor, J.S. Lansing, H. Sudoyo and M.P. Cox. 2013. Climate Change Influenced Female Population Sizes through Time across the Indonesian Archipelago. Human Biology 85:135152 doi : 10.3378/027.085.0306\r\nMoussaïd, M., E.G. Guillot, M. Moreau, J. Fehrenbach, O. Chabiron, S. Lemercier, J. Pettré, C. AppertRolland, P. Degond and G. Theraulaz. 2012. Traffic Instabilities in self- organized pedestrian crowds. PLoS Computational Biology 8, 3: e100244 doi : 10.1371/journal.pcbi.1002442\r\n\r\n## CV\r\n\r\n* 2015-2016 Post-Doctorat \r\nDépartement Écologie Évolution, Université de Lausanne, Suisse\r\nWith Prof. Marc Robinson-Rechavi and Prof Jérôme Goudet\r\n\r\n* 2011-2015 PhD in statistics \r\n“Modeling the role of social construct in population genetics”\r\nInstitut des sciences fondamentales (IFS), Massey University, Palmerston North, Nouvelle-Zélande (NZ)\r\nDistinction : Dean's list of exceptionnal thesis\r\nSupervised by Prof. Murray P Cox and Prof. Martin L Hazelton\r\n\r\n* 2010-2011 Master, computer sciences option modeling of complex systems\r\nÉcole Normale Supérieure (ENS), Lyon, France\r\n\r\n* 2006-2011 Master of Engineering, speciality in bioinformatics and modeling\r\nInstitut National des Sciences Appliquées (INSA), Lyon, France\r\n\r\n* 2011 Master project\r\n\"Modeling bidirectional flow of pedestrians\"\r\nCRCA, University Paul Sabatier, Toulouse, France\r\nWith Prof. Guy Theraulaz\r\n\r\n\r\n## Softwares\r\n\r\n### SMARTPOP : Forward in Time simulations of structured population genetics\r\n[smartpop.sourceforge.net](smartpop.sourceforge.net)\r\n\r\n### CARPnTREES : Reconstructing female and male lineages from haplogroups in humans (with Marie Zufferey)\r\n[carpntrees.shinyapps.io/shinyapp](carpntrees.shinyapps.io/shinyapp)\r\n\r\n## Research Interests\r\nComputational statistics:\r\n* Inference tools using heavy programming machinery\r\n\r\n* Simulation models\r\n\r\n* Bayesian inferences\r\n\r\n* Big data\r\n\r\nBiostatistics:\r\n* Population genetics\r\n\r\n* Social evolution (culture, languages, marriage rules)\r\n\r\n* Genetic evolution\r\n\r\nContact: elsa.guillot@unil.ch\r\n\r\n## Other Interests\r\nSports (Handball, Squash, Running)\r\nWriting \r\nOutreach\r\n \r\n\r\nhttp://www.unil.ch/dee/en/home/menuinst/people/post-docs--associates/dr-elsa-guillot.html\r\n","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."}
\ No newline at end of file
diff --git a/stylesheets/github-light.css b/stylesheets/github-light.css
new file mode 100644
index 0000000000000000000000000000000000000000..872a6f4b278380e83df9a3db922039309eb015c1
--- /dev/null
+++ b/stylesheets/github-light.css
@@ -0,0 +1,116 @@
+/*
+ Copyright 2014 GitHub Inc.
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+*/
+
+.pl-c /* comment */ {
+ color: #969896;
+}
+
+.pl-c1 /* constant, markup.raw, meta.diff.header, meta.module-reference, meta.property-name, support, support.constant, support.variable, variable.other.constant */,
+.pl-s .pl-v /* string variable */ {
+ color: #0086b3;
+}
+
+.pl-e /* entity */,
+.pl-en /* entity.name */ {
+ color: #795da3;
+}
+
+.pl-s .pl-s1 /* string source */,
+.pl-smi /* storage.modifier.import, storage.modifier.package, storage.type.java, variable.other, variable.parameter.function */ {
+ color: #333;
+}
+
+.pl-ent /* entity.name.tag */ {
+ color: #63a35c;
+}
+
+.pl-k /* keyword, storage, storage.type */ {
+ color: #a71d5d;
+}
+
+.pl-pds /* punctuation.definition.string, string.regexp.character-class */,
+.pl-s /* string */,
+.pl-s .pl-pse .pl-s1 /* string punctuation.section.embedded source */,
+.pl-sr /* string.regexp */,
+.pl-sr .pl-cce /* string.regexp constant.character.escape */,
+.pl-sr .pl-sra /* string.regexp string.regexp.arbitrary-repitition */,
+.pl-sr .pl-sre /* string.regexp source.ruby.embedded */ {
+ color: #183691;
+}
+
+.pl-v /* variable */ {
+ color: #ed6a43;
+}
+
+.pl-id /* invalid.deprecated */ {
+ color: #b52a1d;
+}
+
+.pl-ii /* invalid.illegal */ {
+ background-color: #b52a1d;
+ color: #f8f8f8;
+}
+
+.pl-sr .pl-cce /* string.regexp constant.character.escape */ {
+ color: #63a35c;
+ font-weight: bold;
+}
+
+.pl-ml /* markup.list */ {
+ color: #693a17;
+}
+
+.pl-mh /* markup.heading */,
+.pl-mh .pl-en /* markup.heading entity.name */,
+.pl-ms /* meta.separator */ {
+ color: #1d3e81;
+ font-weight: bold;
+}
+
+.pl-mq /* markup.quote */ {
+ color: #008080;
+}
+
+.pl-mi /* markup.italic */ {
+ color: #333;
+ font-style: italic;
+}
+
+.pl-mb /* markup.bold */ {
+ color: #333;
+ font-weight: bold;
+}
+
+.pl-md /* markup.deleted, meta.diff.header.from-file */ {
+ background-color: #ffecec;
+ color: #bd2c00;
+}
+
+.pl-mi1 /* markup.inserted, meta.diff.header.to-file */ {
+ background-color: #eaffea;
+ color: #55a532;
+}
+
+.pl-mdr /* meta.diff.range */ {
+ color: #795da3;
+ font-weight: bold;
+}
+
+.pl-mo /* meta.output */ {
+ color: #1d3e81;
+}
+
diff --git a/stylesheets/stylesheet.css b/stylesheets/stylesheet.css
new file mode 100644
index 0000000000000000000000000000000000000000..3da348529914e7510610228b8703fc10219ff56a
--- /dev/null
+++ b/stylesheets/stylesheet.css
@@ -0,0 +1,425 @@
+/*******************************************************************************
+Slate Theme for GitHub Pages
+by Jason Costello, @jsncostello
+*******************************************************************************/
+
+@import url(github-light.css);
+
+/*******************************************************************************
+MeyerWeb Reset
+*******************************************************************************/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font: inherit;
+ vertical-align: baseline;
+}
+
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+
+ol, ul {
+ list-style: none;
+}
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+/*******************************************************************************
+Theme Styles
+*******************************************************************************/
+
+body {
+ box-sizing: border-box;
+ color:#373737;
+ background: #212121;
+ font-size: 16px;
+ font-family: 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif;
+ line-height: 1.5;
+ -webkit-font-smoothing: antialiased;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ margin: 10px 0;
+ font-weight: 700;
+ color:#222222;
+ font-family: 'Lucida Grande', 'Calibri', Helvetica, Arial, sans-serif;
+ letter-spacing: -1px;
+}
+
+h1 {
+ font-size: 36px;
+ font-weight: 700;
+}
+
+h2 {
+ padding-bottom: 10px;
+ font-size: 32px;
+ background: url('../images/bg_hr.png') repeat-x bottom;
+}
+
+h3 {
+ font-size: 24px;
+}
+
+h4 {
+ font-size: 21px;
+}
+
+h5 {
+ font-size: 18px;
+}
+
+h6 {
+ font-size: 16px;
+}
+
+p {
+ margin: 10px 0 15px 0;
+}
+
+footer p {
+ color: #f2f2f2;
+}
+
+a {
+ text-decoration: none;
+ color: #007edf;
+ text-shadow: none;
+
+ transition: color 0.5s ease;
+ transition: text-shadow 0.5s ease;
+ -webkit-transition: color 0.5s ease;
+ -webkit-transition: text-shadow 0.5s ease;
+ -moz-transition: color 0.5s ease;
+ -moz-transition: text-shadow 0.5s ease;
+ -o-transition: color 0.5s ease;
+ -o-transition: text-shadow 0.5s ease;
+ -ms-transition: color 0.5s ease;
+ -ms-transition: text-shadow 0.5s ease;
+}
+
+a:hover, a:focus {text-decoration: underline;}
+
+footer a {
+ color: #F2F2F2;
+ text-decoration: underline;
+}
+
+em {
+ font-style: italic;
+}
+
+strong {
+ font-weight: bold;
+}
+
+img {
+ position: relative;
+ margin: 0 auto;
+ max-width: 739px;
+ padding: 5px;
+ margin: 10px 0 10px 0;
+ border: 1px solid #ebebeb;
+
+ box-shadow: 0 0 5px #ebebeb;
+ -webkit-box-shadow: 0 0 5px #ebebeb;
+ -moz-box-shadow: 0 0 5px #ebebeb;
+ -o-box-shadow: 0 0 5px #ebebeb;
+ -ms-box-shadow: 0 0 5px #ebebeb;
+}
+
+p img {
+ display: inline;
+ margin: 0;
+ padding: 0;
+ vertical-align: middle;
+ text-align: center;
+ border: none;
+}
+
+pre, code {
+ width: 100%;
+ color: #222;
+ background-color: #fff;
+
+ font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
+ font-size: 14px;
+
+ border-radius: 2px;
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+}
+
+pre {
+ width: 100%;
+ padding: 10px;
+ box-shadow: 0 0 10px rgba(0,0,0,.1);
+ overflow: auto;
+}
+
+code {
+ padding: 3px;
+ margin: 0 3px;
+ box-shadow: 0 0 10px rgba(0,0,0,.1);
+}
+
+pre code {
+ display: block;
+ box-shadow: none;
+}
+
+blockquote {
+ color: #666;
+ margin-bottom: 20px;
+ padding: 0 0 0 20px;
+ border-left: 3px solid #bbb;
+}
+
+
+ul, ol, dl {
+ margin-bottom: 15px
+}
+
+ul {
+ list-style-position: inside;
+ list-style: disc;
+ padding-left: 20px;
+}
+
+ol {
+ list-style-position: inside;
+ list-style: decimal;
+ padding-left: 20px;
+}
+
+dl dt {
+ font-weight: bold;
+}
+
+dl dd {
+ padding-left: 20px;
+ font-style: italic;
+}
+
+dl p {
+ padding-left: 20px;
+ font-style: italic;
+}
+
+hr {
+ height: 1px;
+ margin-bottom: 5px;
+ border: none;
+ background: url('../images/bg_hr.png') repeat-x center;
+}
+
+table {
+ border: 1px solid #373737;
+ margin-bottom: 20px;
+ text-align: left;
+ }
+
+th {
+ font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ padding: 10px;
+ background: #373737;
+ color: #fff;
+ }
+
+td {
+ padding: 10px;
+ border: 1px solid #373737;
+ }
+
+form {
+ background: #f2f2f2;
+ padding: 20px;
+}
+
+/*******************************************************************************
+Full-Width Styles
+*******************************************************************************/
+
+.outer {
+ width: 100%;
+}
+
+.inner {
+ position: relative;
+ max-width: 640px;
+ padding: 20px 10px;
+ margin: 0 auto;
+}
+
+#forkme_banner {
+ display: block;
+ position: absolute;
+ top:0;
+ right: 10px;
+ z-index: 10;
+ padding: 10px 50px 10px 10px;
+ color: #fff;
+ background: url('../images/blacktocat.png') #0090ff no-repeat 95% 50%;
+ font-weight: 700;
+ box-shadow: 0 0 10px rgba(0,0,0,.5);
+ border-bottom-left-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+#header_wrap {
+ background: #212121;
+ background: -moz-linear-gradient(top, #373737, #212121);
+ background: -webkit-linear-gradient(top, #373737, #212121);
+ background: -ms-linear-gradient(top, #373737, #212121);
+ background: -o-linear-gradient(top, #373737, #212121);
+ background: linear-gradient(top, #373737, #212121);
+}
+
+#header_wrap .inner {
+ padding: 50px 10px 30px 10px;
+}
+
+#project_title {
+ margin: 0;
+ color: #fff;
+ font-size: 42px;
+ font-weight: 700;
+ text-shadow: #111 0px 0px 10px;
+}
+
+#project_tagline {
+ color: #fff;
+ font-size: 24px;
+ font-weight: 300;
+ background: none;
+ text-shadow: #111 0px 0px 10px;
+}
+
+#downloads {
+ position: absolute;
+ width: 210px;
+ z-index: 10;
+ bottom: -40px;
+ right: 0;
+ height: 70px;
+ background: url('../images/icon_download.png') no-repeat 0% 90%;
+}
+
+.zip_download_link {
+ display: block;
+ float: right;
+ width: 90px;
+ height:70px;
+ text-indent: -5000px;
+ overflow: hidden;
+ background: url(../images/sprite_download.png) no-repeat bottom left;
+}
+
+.tar_download_link {
+ display: block;
+ float: right;
+ width: 90px;
+ height:70px;
+ text-indent: -5000px;
+ overflow: hidden;
+ background: url(../images/sprite_download.png) no-repeat bottom right;
+ margin-left: 10px;
+}
+
+.zip_download_link:hover {
+ background: url(../images/sprite_download.png) no-repeat top left;
+}
+
+.tar_download_link:hover {
+ background: url(../images/sprite_download.png) no-repeat top right;
+}
+
+#main_content_wrap {
+ background: #f2f2f2;
+ border-top: 1px solid #111;
+ border-bottom: 1px solid #111;
+}
+
+#main_content {
+ padding-top: 40px;
+}
+
+#footer_wrap {
+ background: #212121;
+}
+
+
+
+/*******************************************************************************
+Small Device Styles
+*******************************************************************************/
+
+@media screen and (max-width: 480px) {
+ body {
+ font-size:14px;
+ }
+
+ #downloads {
+ display: none;
+ }
+
+ .inner {
+ min-width: 320px;
+ max-width: 480px;
+ }
+
+ #project_title {
+ font-size: 32px;
+ }
+
+ h1 {
+ font-size: 28px;
+ }
+
+ h2 {
+ font-size: 24px;
+ }
+
+ h3 {
+ font-size: 21px;
+ }
+
+ h4 {
+ font-size: 18px;
+ }
+
+ h5 {
+ font-size: 14px;
+ }
+
+ h6 {
+ font-size: 12px;
+ }
+
+ code, pre {
+ min-width: 320px;
+ max-width: 480px;
+ font-size: 11px;
+ }
+
+}