@charset "UTF-8";

/* =reset file */
/*
	source of this reset stylesheet can be found at:
	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* =random background */
html, #wrap-location { height: 100%; background: #5a5a5a url(IMG/png/02.png) 0 0; }/* a custom font for Chinese language */
body *[lang|='zh-Hans-CN'] {
  font-family: SongChienWenTing, Chinese, serif;
  font-size: 115%;
  line-height: 1.7;
}
h3 [lang|='zh-Hans-CN'],
dt [lang|='zh-Hans-CN'] {
  font-family: Chinese, serif;
  font-size: 1em;
  line-height: 1;
}
/* end of custom fonts for chineses */

body {
  height: 100%;
  font: italic 10px/1.5 Georgia, serif;
  color: #ccc;
  background: transparent;
}

h1 {
  font-size: 40px;
  text-transform: uppercase;
}
  h1 img {
    text-indent: 10px;
  }

h3 {
   clear: both;
  margin: 24px 0 8px;
  font-size: 16px;
  line-height: 16px;
}

h4 {
   clear: both;
   padding-top: 8px;
  margin: 36px 0 8px;
  border-top: solid 1px;
  font-variant: small-caps;
  font-size: 12px;
  line-height: 12px;
}

img {
  max-width: 100%;
  height: auto !important;
}

object {
   max-width: 100%;
}

strong {
  font-weight: 900;
}

q { quotes: "“" "”" "‘" "’" }
q:before { content: open-quote }
q:after  { content: close-quote }

a:link {
  color: #ccc;
}
a:visited {
  color: #4d4d4d;
}
a:hover, a:focus {
  color: #ff0074;
}

code {
   font-family: monospace;
}

hr {
  clear: both;
  padding: 0;
  margin: 0;
  border: none;
  visibility: hidden;
}

#container, #navigation {
  position: relative;
  width: 100%;
  max-width: 900px;
  margin: auto;
}
/* hides the content while the SPIP generated CSS is calculated
#content {
  
  display: none;
}*/

#scripts {
  clear: both;
  height: 50px;
  visibility: hidden;
}

#loading {
  position: fixed;
  width: 100%;
  height: 100%;
}
  #loading img {
    display: block;
    position: relative;
    top: 50%;
    width: 24px;
    height: 24px;
    padding: 8px;
    margin: -21px auto auto;
/*    border: solid 1px #C400F4;*/
    border-radius: 5px;
    background: #212121;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
  }

.main-frame {
   overflow: auto;
  max-width: 888px;
  border: solid 6px #1a1a1a;
  border-radius: 5px;
  background: #1a1a1a;

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

/******************************************************************************/
/* =handheld specific                                                         */
/******************************************************************************/
.navigation-sections.js, #flipmood-home h2.js {
  display: none;
}
#flipmood-home #content.js {
  max-width: 100%;
  margin: auto;
}
#flipmood-projects #content.js > div {
  clear: none;
}

/******************************************************************************/
/* =navigation                                                                */
/******************************************************************************/
#navigation {
  padding: 34px 0 0;
  margin: 0 auto 10px;
  font: bold italic 14px/17px Georgia, serif;

}
  #navigation li a,
  .navigation-sections li a {
    text-decoration: none;
    color: #ff0074;
    opacity: .7;
    filter: alpha(opacity=70);
  }
  #navigation li a:hover,
  #navigation li a:focus,
  .navigation-sections li a:hover,
  .navigation-sections li a:focus {
    text-decoration: none;
    color: #ff0074;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  #navigation li a:active,
  #navigation li span,
  .navigation-sections li a:active {
    text-decoration: none;
    color: #7c7c7c;
  }
  #feed {
    float: right;
  }
  #navigation ul {
    max-width: 438px;
    margin: 6px 0 0;
    text-align: center;
    border-radius: 14px;
    background: #1a1a1a;

    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
  }
    #navigation li {
      display: inline;
    }
    #navigation li:after {
      content: "|";
      margin: 0 5px 0 9px;
    }
    #navigation li:last-child:after {
      display: none;
    }

#warning_ie {
   padding-left: 2em;
   margin-top: 10px;
   margin-bottom: 10px;
   font-size: 1.25em;
}
   #warning_ie p {
      width: 33em;
   }
   #warning_ie li {
      display: list-item;
      list-style-type: decimal;
   }

/******************************************************************************/
/* =articles                                                                  */
/******************************************************************************/
.article-content {
  float: right;
  clear: both;
  max-width: 100%;
  margin: 0 30px;
}
  .current > h3:first-child {
    margin: 0 0 8px;
  }
  .article-content h2, .infos, .hat, .text {
    max-width: 510px;
    padding: 20px 10px 24px 85px;
    border-top: 1px solid;
    text-align: justify;
  }
  .article-content h2 {
    border-top: none;
    font-weight: bold;
    font-size: 24px;
    text-transform: uppercase;
  }
  .article-content div[lang],
  .article-content div[lang]+p,
  .article-content div[lang]+ul,
  .article-content div[lang]+ol,
  .article-content div[lang]+dl,
  .article-content div[lang]+blockquote,
  .article-content p+[lang],
  .article-content p+p,
  .article-content p+ul,
  .article-content p+ol,
  .article-content p+dl,
  .article-content p+blockquote,
  .article-content ol+ol,
  .article-content ol+ul,
  .article-content ol+dl,
  .article-content ol+[lang],
  .article-content ol+p,
  .article-content ol+blockquote,
  .article-content ul+ul,
  .article-content ul+ol,
  .article-content ul+dl,
  .article-content ul+[lang],
  .article-content ul+p,
  .article-content ul+blockquote,
  .article-content dl+dl,
  .article-content dl+ul,
  .article-content dl+ol,
  .article-content dl+[lang],
  .article-content dl+p,
  .article-content dl+blockquote,
  .article-content blockquote+blockquote,
  .article-content blockquote+[lang],
  .article-content blockquote+p,
  .article-content blockquote+ul,
  .article-content blockquote+ol,
  .article-content blockquote+dl,
  .article-content .embedded+[lang],
  .article-content .embedded+p,
  .article-content .embedded+ul,
  .article-content .embedded+ol,
  .article-content .embedded+dl,
  .article-content .embedded+blockquote {
    margin-top: 16px;
  }
  .article-content ul,
  .article-content ol,
  .article-content blockquote {
/*    overflow: hidden;*/
    padding-left: 2.5em;
    overflow: auto;
    list-style-type: disc;
    list-style-position: outside;
  }
  .article-content ol {
    list-style-type: decimal-leading-zero;
  }
  .article-content li ul {
    list-style-type: circle;
  }
  .article-content li ol {
    list-style-type: lower-latin;
  }
  .article-content blockquote {
    border-left: 2px solid;
  }
  
  
  .infos {
    padding: 7px 10px 7px 85px;
    line-height: 18px;
  }
    .category {
      font-weight: bold;
      font-size: 16px;
      text-transform: capitalize;
    }
    .article-content p.date {
      margin-top: 0;
      font-size: 14px;
      text-transform: capitalize;
      color: #4d4d4d;
    }
  .hat {
    font-size: 22px;
  }
    .hat .media {
      margin-top: 8px;
      font-size: 12px;
    }
  .text {
    overflow: hidden;
    margin-bottom: 50px;
    border-bottom: solid 1px;
    font-size: 11px;
  }
  #credits {
    clear: both;
    padding: 18px 10px 50px 85px;
    margin-top: -50px;
    font-size: 11px;
    line-height: 11px;
  }
    #credits dt {
      float: left;
      clear: left;
      margin: 0 .5em 7px 0;
    }
    #credits dt.last {
      margin-bottom: 34px;
    }
    #credits dd {
      float: left;
      margin-right: .5em;
    }

.menu-light {
  font-size: 11px;
}
  .menu-light a {
    text-decoration: none;
  }
    .menu-light li {
      padding: 0 6px;
      text-align: center;
    }

#nav-projects {
  border-bottom: 1px solid;
  padding: 0 0 3px;
  margin: 0;
  text-align: right;
}
    #nav-projects li {
      display: inline;
    }
    #nav-projects li:first-child {
      float: left;
    }
    #nav-projects li:last-child[class=ok] {
      border-left: 1px solid;
    }
#nav-internal {
  position: relative;
  margin: 10px auto;
}
  #nav-internal .current {
    padding: 3px 0 0;
    border-top: 1px solid;
  }
    #nav-internal li:last-child {
      position: absolute;
      right: 0;
      top: 3px;
    }

/* =media display *************************************************************/
.media {
  clear: both;
  padding: 20px 20px 0;
  margin: 30px auto 69px;
  border-radius: 14px;
  text-align: center;
  background: #1f1f1f;

  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
}
.media.embedded {
  float: left;
  clear: both;
  width: auto;
  max-width: 510px;
  padding: 20px 20px 0;
  margin: 16px 32px 16px -20px;
  border-radius: 10px;
  background: #121212;

  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.media.embedded.right {
  float: right;
  clear: none;
  margin-right: -20px;
  margin-left: 32px;
}
.media.dual {
  text-align: right;
  overflow: hidden;
}
  .media.dual div {
    display: block;
    float: left;
      max-width: 100%;
      height: auto !important;
  }
  .media.dual div:first-child {
    margin-right: 14px;
    margin-bottom: 8px;
  }
  .media p.legend {
    min-height: 16px;
    line-height: 14px;
    text-align: right;
    color: #4d4d4d;
  }

.video {
  max-width: 800px;
}
.video.dual {
  max-width: 860px;
  padding: 14px 14px 0;
}
   .video a.player {
      position: relative;
      display: block;
      overflow: hidden;
      max-width: 100%;
      height: auto;
      background: url(../img/stripes-opacity-.3.png);
   }
      .video a.player img {
         display: block;
      }
      .video a img.button-play {
         position: absolute;
         padding: 8px 11px 8px 15px;
         margin: -24px 0 0 -34px;
         left: 50%;
         top: 50%;
         border: solid 1px;
        border-radius: 5px;
         background: #1f1f1f;
        opacity: .7;
        filter: alpha(opacity=70);

        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
      }
      .video a:hover img.button-play,
      .video a:focus img.button-play {
       opacity: .95;
       filter: alpha(opacity=95);
      }
  .video.dual.full p.legend {
     clear: both;
    min-height: 14px;
  }
.video.dual.embedded {
  padding: 20px 20px 0;
}

.visual {
  max-width: 545px;
  margin: 20px auto;
  overflow: hidden;
}
  .visual.dual div:first-child {
    margin-right: 21px;
    margin-bottom: 8px;
  }
  .visual .downloads {
    float: left;
    padding-right: 8px;  
  }
    .visual .downloads+p {
      margin-top: 0;
    }
    .visual .downloads>* {
      display: inline;
    }
    .visual .downloads dt {
      color: #ccc;
    }
/* refer to css/spip-screen.html skeleton for this property
      
*/
      .visual .downloads a:visited {
        color: #4D4D4D;
      }
      .visual .downloads a:hover,
      .visual .downloads a:focus {
        color: #ccc;
      }

.audio.embedded {
  width: 100%;
  padding: 14px;
  margin: 20px auto 20px -14px;
  text-align: left;
}
.current>.audio {
  margin: 0 auto 20px -14px;
}
.current>*+.audio {
  margin-top: 8px;
}
  .audio img {
    display: block;
    border-radius: 5px 5px 0 0;
    margin: 0 auto 28px;

    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
  }
  .audio object {
    display: block;
    width: 100%;
    margin: 28px auto 0;
  }
  .audio object:first-child {
    margin: 0 auto;
  }
  .audio dl {
    margin: 14px 0 0;
  }
h3 + .media.embedded {
  margin-top: 0;
}
h3 + .media.embedded.right {
  margin-top: 8px;
}
/******************************************************************************/
/* =home                                                                      */
/******************************************************************************/
#flipmood-home #content {
  max-width: 696px;
  margin: 0 auto;
}
#flipmood-home h2, .navigation-sections {
  border: solid 3px #212121;
  border-radius: 8px;
  text-align: center;
  background: #212121;

  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
#flipmood-home h2 {
  margin: 40px 0 10px;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
}
.navigation-sections {
  display: table;
  width: 95%;
  margin: 0 auto;
  table-layout: auto;
  font-size: 11px;
}
  .navigation-sections li {
    display: table-cell;
    text-align: center;
  }

.carousel {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 10px;
}
.carousel.js {
  float: left;
  max-width: 742px;
}
  .carousel-wrap {
    width: 100%;
    max-width: 742px;
    margin: auto;
/* please refer to css/spip-screen.html for this property
    background: transparent url(squelettes/img/opacity-.2.png);*/
  }
    .js .project-wrap {
      float: left;
      width: 100%;
      max-width: 742px;
    }
      
      #flipmood-home div.project {
        max-width: 722px;
        margin: 10px 0;
        border: solid 10px #1a1a1a;
        border-radius: 14px;
        background: #1a1a1a;

        -moz-border-radius: 14px;
        -webkit-border-radius: 14px;
      }
      #flipmood-home .js div.project {
        float: left;
        height: 185px;
        margin: 0 23px;
      }
        #flipmood-home div.project img {
          width: 100%;
          padding: 0 0 10px;
          border-bottom: solid 1px;
          border-radius: 5px;

          -moz-border-radius: 5px 5px 0 0;
          -webkit-border-radius: 5px 5px 0 0;
        }
        div.project dl {
          float: left;
          width: 100%;
          margin: 0 auto;
          font: bold italic 18px georgia, serif;
          line-height: 24px;
          background: #1a1a1a;
        }
        div.project dt {
          float: left;
          max-width: 98%;
          padding: 0 7px 0 0;
          line-height: 24px;
          white-space: nowrap;
          overflow: hidden;
          text-transform: uppercase;
          text-overflow: ellipsis;
          
          -o-text-overflow: ellipsis;
        }
        div.project dd {
          float: left;
          font-size: 16px;
          line-height: 26px;
          text-transform: capitalize;
        }
        div.project dd.date {
          float: right;
          font: italic 12px/30px georgia, serif;
          text-align: right;
          color: #333;
        }
.button {
  float: right;
  position: relative;
  width: 64px;
  height: 205px;
  margin: 0 0 0 15px;
  border-radius: 5px;
/* please refer to css/spip-screen.html for this property
  background: transparent url(squelettes/img/opacity-.8.png);
  background: transparent url(squelettes/img/opacity-.2.png);*/
  cursor: pointer;

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.button.prev {
  float: left;
  clear: left;
  margin: 0 15px 0 0;
}
/* please refer to css/spip-screen.html for this rule
.button:hover,
.button:focus {
  background: transparent url(squelettes/img/opacity-.8.png);
}*/
  .button img {
    position: relative;
    left: 20px;
    top: 86px;
    opacity: .4;
    filter: alpha(opacity=40);
  }
  .button:hover img,
  .button:focus img {
    opacity: 1;
    filter: alpha(opacity=100);
  }
.button.disabled {
  cursor: inherit;
  visibility: hidden;
}

.shadow {
  position: absolute;
  left: 0;
  top: 0;
}
.shadow.right {
  left: auto;
  right: 0;
}


/*  in case the window is resized *********************************************/
/*  we overwrite some of the previous rules ***********************************/
#container.resized,
#navigation.resized {
  width: 600px;
}
  .resized .carousel {
    width: 442px;
  }
    .resized .carousel-wrap {
      width: 442px;
      height: 167px !important;
    }
      .resized .carousel .project-wrap {
        width: 442px;
      }
        #flipmood-home .resized .js div.project {
          width: 376px;
          height: 147px !important;
        }
          .resized .carousel .project img {
            width: 376px !important;
            height: 88px !important;
          }
          .resized .carousel dd {
            line-height: 24px;
          }
.resized .button {
  height: 167px;
}
  .resized .button img {
    top: 67px;
  }

.resized .shadow {
  height: 167px;
}


/******************************************************************************/
/* =country selection                                                         */
/******************************************************************************/
#location_switcher {
  position: absolute;
  right: 0;
  top: 0;
}
  #location_switcher ul {
    padding: 0 10px;
    margin: 0;
    border-radius: 0 0 5px 5px;

    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
  }
    #location_switcher input {
      padding: 0;
      margin: 0;
      border: none;
      font: inherit;
      font-size: 10px;
      text-transform: uppercase;
      background: transparent;
      color: #4d4d4d;
    }
    #location_switcher .selected input {
      color: #ff0074;
    }
    #location_switcher input:hover,
    #location_switcher input:focus {
      color: #ccc;
      cursor: pointer;
    }

/******************************************************************************/
/* =projects                                                                  */
/******************************************************************************/
#flipmood-projects #content > div {
  clear: both;
}

#flipmood-projects .navigation-sections {
  width: 159px;
}
  #flipmood-projects .navigation-sections li,
  #flipmood-projects .navigation-sections li a {
    display: block;
  }

#flipmood-projects .thumbnail,
#flipmood-projects .navigation-sections {
  float: left;
  position: relative;
  left: -7px;
  top: 0;
  margin: 0 0 7px 7px;
  border: 7px solid #1a1a1a;
  border-radius: 5px;
  text-transform: uppercase;
  background: #1a1a1a;

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
  #flipmood-projects .thumbnail a {
    display: block;
    position: relative;
  }
  #flipmood-projects img.thumb {
    display: block;
    width: 159px;
    height: 106px;
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
  }
  #flipmood-projects h2.thumbnail img.thumb {
    margin: 0 0 16px;
    border-bottom: 7px solid #1a1a1a;
/* please refer to css/spip-screen.html for this property
    background: #333 url(http://flipmood.com/local/cache-gd2/df53fb467e42be5dc837b68413958696.png);*/
  }
  #flipmood-projects img.new {
    display: block;
    position: absolute;
    right: -3px;
    top: -3px;
    z-index: 100;
  }
#flipmood-projects .hide {
  display: none;
}
#flipmood-projects h3 {
  width: 159px;
  margin: 7px auto 0;
  border-top: 1px solid;
  font: inherit;
  font-size: 12px;
  line-height: 15px;
}
  #flipmood-projects .thumbnail.project h3 a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  
    -o-text-overflow: ellipsis;
  }
    #flipmood-projects .thumbnail.project a span.date {
      position: absolute;
      left: 0; top: 0;
      width: 100%;
      height: 100%;
      visibility: visible;
      text-indent: -10000em;
      background: transparent;
    }
/* please refer to css/spip-screen.html for this property
    #flipmood-projects .thumbnail.project a:visited span.date {
      background-image:  url(http://flipmood.com/local/cache-gd2/14b949267fd4e931f6d24c62d751c99a.png);
    }*/
    #flipmood-projects .thumbnail.project:hover a:visited span.date {
      background: none;
    }
      #flipmood-projects .thumbnail.project img.thumb {
        opacity: .3;
      }
      #flipmood-projects .thumbnail:hover img.thumb {
        opacity: 1;
      }
/******************************************************************************/
/* =links                                                                     */
/******************************************************************************/
#first,
#second,
#third {
  float: left;
  width: 293px;
  margin: 0 10px 0 0;
}
#third {
  width: 294px;
  margin: 0;
}
.resized #second,
.resized #third {
  margin: 0;
}
#first .main-frame,
#second .main-frame,
#third .main-frame {
  padding: 0 0 0 5px;
}

#flipmood-links h2 {
  margin-top: 40px;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  color: #ff0074;
}
#flipmood-links #navigation {
  margin-bottom: 0;
}
#flipmood-links dl {
  margin-top: 5px;
}
#flipmood-links dt {
  font-size: 12px;
  font-weight: 900;
  text-transform: capitalize;
}
#flipmood-links dd a {
  display: block;
  font-size: 11px;
  text-decoration: none;
  color: #4d4d4d;
}
#flipmood-links .main-frame a:visited:after {
  content: "✓";
}
#flipmood-links dd a:hover {
  color: #ff0074;
}

/******************************************************************************/
/* =404                                                                       */
/******************************************************************************/
#flipmood-404 .doomed {
  display: block;
  margin: 50px auto;
}

/******************************************************************************/
/* =about                                                                     */
/******************************************************************************/
#flipmood-about .main-frame img {
  display: block;
  margin: 30px 0 8px 34px;
  border: solid #1f1f1f 14px;
  border-radius: 10px;
  
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#flipmood-about #nav-projects a {
  padding: 0 6px;
}

#flipmood-about .text {
  border-top: none;
}
#flipmood-about .hat {
  padding-bottom: 0px;
  font-weight: 900;
/* please refer to css/spip-screen.html for this property
  color: #();*/
}
#flipmood-about #credits a {
  text-decoration: none;
  color: #fff;
}

#copyrights {
  clear: both;
  padding: 12px 0 18px;
  color: #fff;
}

/******************************************************************************/
/* styles extracted from the carousel script                                  */
/******************************************************************************/
.js .children {
  position: absolute;
  top: 0;
}
.carousel-wrap {
  overflow: hidden;
  position: relative;
}

/* =spip generated styles */

/* declaration of webfonts */
@font-face {
  font-family: Chinese;
  src: url('http://flipmood.com/squelettes/polices/SongChienWenTing.otf') format("opentype");
}
/* end of webfonts declarations */


.section_1 h2,
.section_1 h3,
.section_1 h4,
.section_1 h3 a,
.section_1 p.shortTitle,
.section_1 p.shortTitle a,
.section_1 dt,
.section_1 dt a,
.section_1 q,
.section_1 code,
.section_1 strong,
.section_1 img {
	color: #44DFC6;
	border-color: #44DFC6;
	text-decoration: none;
}

.section_1.warning a:hover { color: #44DFC6; }
#flipmood-home h2.section_1 { color: #212121; background: #44DFC6; }
#flipmood-projects .section_1 h2 { background: #44DFC6; }

.section_2 h2,
.section_2 h3,
.section_2 h4,
.section_2 h3 a,
.section_2 p.shortTitle,
.section_2 p.shortTitle a,
.section_2 dt,
.section_2 dt a,
.section_2 q,
.section_2 code,
.section_2 strong,
.section_2 img {
	color: #9eff00;
	border-color: #9eff00;
	text-decoration: none;
}

.section_2.warning a:hover { color: #9eff00; }
#flipmood-home h2.section_2 { color: #212121; background: #9eff00; }
#flipmood-projects .section_2 h2 { background: #9eff00; }

.section_3 h2,
.section_3 h3,
.section_3 h4,
.section_3 h3 a,
.section_3 p.shortTitle,
.section_3 p.shortTitle a,
.section_3 dt,
.section_3 dt a,
.section_3 q,
.section_3 code,
.section_3 strong,
.section_3 img {
	color: #C400F4;
	border-color: #C400F4;
	text-decoration: none;
}

.section_3.warning a:hover { color: #C400F4; }
#flipmood-home h2.section_3 { color: #212121; background: #C400F4; }
#flipmood-projects .section_3 h2 { background: #C400F4; }

.section_4 h2,
.section_4 h3,
.section_4 h4,
.section_4 h3 a,
.section_4 p.shortTitle,
.section_4 p.shortTitle a,
.section_4 dt,
.section_4 dt a,
.section_4 q,
.section_4 code,
.section_4 strong,
.section_4 img {
	color: #FF0074;
	border-color: #FF0074;
	text-decoration: none;
}

.section_4.warning a:hover { color: #FF0074; }
#flipmood-home h2.section_4 { color: #212121; background: #FF0074; }
#flipmood-projects .section_4 h2 { background: #FF0074; }

.section_5 h2,
.section_5 h3,
.section_5 h4,
.section_5 h3 a,
.section_5 p.shortTitle,
.section_5 p.shortTitle a,
.section_5 dt,
.section_5 dt a,
.section_5 q,
.section_5 code,
.section_5 strong,
.section_5 img {
	color: #ff6d00;
	border-color: #ff6d00;
	text-decoration: none;
}

.section_5.warning a:hover { color: #ff6d00; }
#flipmood-home h2.section_5 { color: #212121; background: #ff6d00; }
#flipmood-projects .section_5 h2 { background: #ff6d00; }

.section_6 h2,
.section_6 h3,
.section_6 h4,
.section_6 h3 a,
.section_6 p.shortTitle,
.section_6 p.shortTitle a,
.section_6 dt,
.section_6 dt a,
.section_6 q,
.section_6 code,
.section_6 strong,
.section_6 img {
	color: #0079A2;
	border-color: #0079A2;
	text-decoration: none;
}

.section_6.warning a:hover { color: #0079A2; }
#flipmood-home h2.section_6 { color: #212121; background: #0079A2; }
#flipmood-projects .section_6 h2 { background: #0079A2; }

.section_7 h2,
.section_7 h3,
.section_7 h4,
.section_7 h3 a,
.section_7 p.shortTitle,
.section_7 p.shortTitle a,
.section_7 dt,
.section_7 dt a,
.section_7 q,
.section_7 code,
.section_7 strong,
.section_7 img {
	color: #FF6A74;
	border-color: #FF6A74;
	text-decoration: none;
}

.section_7.warning a:hover { color: #FF6A74; }
#flipmood-home h2.section_7 { color: #212121; background: #FF6A74; }
#flipmood-projects .section_7 h2 { background: #FF6A74; }

.section_8 h2,
.section_8 h3,
.section_8 h4,
.section_8 h3 a,
.section_8 p.shortTitle,
.section_8 p.shortTitle a,
.section_8 dt,
.section_8 dt a,
.section_8 q,
.section_8 code,
.section_8 strong,
.section_8 img {
	color: #ff6d00;
	border-color: #ff6d00;
	text-decoration: none;
}

.section_8.warning a:hover { color: #ff6d00; }
#flipmood-home h2.section_8 { color: #212121; background: #ff6d00; }
#flipmood-projects .section_8 h2 { background: #ff6d00; }





































.section_16 h2,
.section_16 h3,
.section_16 h4,
.section_16 h3 a,
.section_16 p.shortTitle,
.section_16 p.shortTitle a,
.section_16 dt,
.section_16 dt a,
.section_16 q,
.section_16 code,
.section_16 strong,
.section_16 img {
	color: #ff0074;
	border-color: #ff0074;
	text-decoration: none;
}

.section_16.warning a:hover { color: #ff0074; }
#flipmood-home h2.section_16 { color: #212121; background: #ff0074; }
#flipmood-projects .section_16 h2 { background: #ff0074; }







		
.current,
.current blockquote {
	border-color: #9eff00 !important;
}
.current a:hover,
.current a:focus {
	color: #9eff00 !important;
}

/******************************************************************************/
/* =home                                                                      */
/******************************************************************************/
.carousel-wrap {
	background: transparent url(squelettes/img/opacity-.2.png);
}

.button {
	background: transparent url(squelettes/img/opacity-.2.png);
}
.button:hover,
.button:focus {
	background: transparent url(squelettes/img/opacity-.8.png);
}

/******************************************************************************/
/* =projects                                                                  */
/******************************************************************************/
#flipmood-projects h2.thumbnail img.thumb {
	margin: 0 0 16px;
	border-bottom: 7px solid #1a1a1a;
	background: #333 url(http://flipmood.com/local/cache-gd2/df53fb467e42be5dc837b68413958696.png);
}
#flipmood-projects .thumbnail.project a:visited span.date {
	background-image:  url(http://flipmood.com/local/cache-gd2/14b949267fd4e931f6d24c62d751c99a.png);
}

.visual .downloads a {
	color: #9eff00;
	text-decoration: none;
}

/******************************************************************************/
/* =about                                                                     */
/******************************************************************************/
#flipmood-about .hat {
	color: #9eff00;
}

/******************************************************************************/
/* =scripts                                                                     */
/******************************************************************************/
#scripts {
	/* pre-loads the picture used for roll-overs on buttons */
	background: transparent url(squelettes/img/opacity-.8.png);
}


/* =lightbox */