@charset "utf-8";

/*
 * CSS Document
 * Created: 28/07/2010
 * Updated: 23/08/2010
*/

/* =Html Reset
------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6{               font-size:100%; font-weight:normal;}
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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin:0; padding:0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
ul, ol{                               list-style:none;}
a img, :link img, :visited img{       border:0;}
:link, :visited{                      text-decoration:none;}
article,aside,canvas,details,div,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display:block; margin: 0; padding: 0; }

/* =Global
------------------------------------------------------------------*/
html{                                 font-size:100.01%;}
  body{                               background:#fff; color:#000; font:1em Arial, Helvetica, sans-serif, Verdana; margin:0;}
  .main-wrapper{                      width:58.75em; margin:auto; clear:both; overflow:hidden;/* border:1px solid #f00;*/}
  #cover{                             margin-top:1em;}
  .column{                            float:left; overflow:hidden;}
  #header h1 a, #nav-join a, #home-swims .button, #home-news .one ul li, #help-avatars, #help-prints, #help-logos, #help-tshirts, #help-banners, #help-letters, #help-donations, #disclaimer h1, blockquote, #journal-content .two, #book .two h1{background:url(/images/sprites-main.png) 0 0 no-repeat;}
  #help-avatars, #help-prints, #help-logos, #help-tshirts, #help-banners, #help-letters, #help-donations{display:block; width:5.5em; padding:5em 0 0 0; text-align:center;}

/* =Header
------------------------------------------------------------------*/
  
#header{                              background:url(/images/bg-nav.png) repeat-x; position:relative; width:100%;}
  #header h1 a{                       display:block; float:left; height:7.375em; margin:4.5em 0 1em 0; outline:0; text-indent:-3000px; width:23.44em;}
  #background{                        position:absolute; overflow:hidden; top:0; margin:auto; text-align:center; width:100%; z-index:-1; height:42.875em;}
    
/* =Navigation
------------------------------------------------------------------*/
nav{                                  position:absolute; margin:0 0 0 2em;}
  nav ul{                             }
    nav ul li{                        float:left; display:block;}
      nav ul li a{                    color:#fff; font-size:0.8em; font-weight:bold; display:block; padding:1em; text-transform:uppercase;}
        nav ul li a:hover{            background:url(/images/bg-nav.png) repeat-x; color:#fff;}
    #nav-join{                        position:absolute; right:0; top:7em;}
      #nav-join a{                    background-position:0 -289px; padding:1.7em 2em 1.7em 5em;}
    #nav-lang{                        position:absolute; right:0; top:11em;}
      #nav-lang a{                    font-size:0.7em; padding:0.2em 0.5em;}
.home nav #nav-home, .mdg nav #nav-mdg, .marcos nav #nav-marcos, .journal nav #nav-journal, .project nav #nav-project, .help nav #nav-help, .ambassadors nav #nav-ambassador{
                                      background:#fff;}
.home nav #nav-home a, .mdg nav #nav-mdg a, .marcos nav #nav-marcos a, .journal nav #nav-journal a, .project nav #nav-project a, .help nav #nav-help a, .ambassadors nav #nav-ambassador a{
                                      color:#000;}
.home nav #nav-home a:hover, .mdg nav #nav-mdg a:hover, .marcos nav #nav-marcos a:hover, .project nav #nav-project a:hover, .help nav #nav-help a:hover, .ambassadors nav #nav-ambassador a:hover{
                                      background:#fff; color:#000;}

/* =Home
------------------------------------------------------------------*/
.home #cover{                         text-align:center; width:58.75em; margin:auto; clear:both; overflow:hidden; background:url(/images/bg-nav.png); padding:10px 0;}
#home-swims{                          margin-top:2em;}
  #home-swims .column{                width:23.8%; margin:0 0.6%;}
    #home-swims .button{              background-position:0 -370px; width:100%;}
      #home-swims .button a{          color:#fff; display:block; font-size:0.7em; padding:0.9em 1em;}
        #home-swims .button a em{     font-size:1.2em; font-weight:bold;}
    #home-swims .column img,
    #home-news .column img{           border:5px solid #ccc; margin:0 0 0.5em 0;}
    #home-swims h1, #home-news  h1{   border:1px dotted #ccc; border-left:none; border-right:none; color:#666; font-size:1.4em; font-weight:bold; margin:0 0 1em 0; padding:0.2em 0; text-transform:uppercase;}
#home-news{                           border-bottom:1px solid #ccc; margin:2em auto 1em auto; padding:0 0 2em 0;}
#home-news .one{                      width:32%; margin:0 2% 0 0;}
  #home-news .one ul li{              background-position:-467px -449px;}
  #home-news .one ul li a{            color:#333; display:block; font-size:0.8em; margin:0 0 1em 0; padding:0 0 0 1em;}
#home-news .two{                      width:66%;}
  #home-news .two ul li{              color:#2f415d; font-size:0.8em; font-weight:bold; float:left; margin:0 0.6em 0 0; text-align:center;}
#home-help{                           background:#2f415d;}
  #home-help .one{                    width:43%; padding:3% 2% 3% 3%;}  
    #home-help .one h1{               color:#fff; font-size:1.8em; font-weight:bold; margin:0 0 0.5em 0; text-transform:uppercase;}
    #home-help .one p{                color:#ccc; font-size:0.8em; line-height:1.6em; margin:0 0 1em 0;}
  #home-help .two{                    width:47%; padding:4% 0 3% 3%;}
    #home-help .two ul{               margin:2em 0;}
      #home-help .two ul li{          float:left; margin:0 0.5em 0 0;}
        #home-help .two ul li a{      color:#fff; font-size:0.6em; margin:0 0.2em 0 0;}
        #help-avatars{                background-position:-451px 7px;}
        #help-prints{                 background-position:-452px -57px;}
        #help-logos{                  background-position:-452px -189px;}
        #help-tshirts{                background-position:-452px -120px;}
        #help-banners{                background-position:-450px -248px;}
        #help-letters{                background-position:-454px -313px;}
        #help-donations{              background-position:-454px -380px;}
#book{                                width:57.5em; height:31.75em; background:url(/images/book.jpg) no-repeat; margin:auto; overflow:hidden;}
  #book .one{                         width:50%; margin:2em 0 0 0; float:left;}
	  #book .one p{                     font-size:0.8em; text-transform:uppercase; font-family:Tahoma, Geneva, sans-serif; color:#666; margin:0 1em 2em 2.4em; text-align:left; line-height:1.8em;}
  #book .two{                         width:50%; margin:2em 0 0 0; float:right;}  
    #book .two h1{                    background-position:0 -430px; height:92px; text-indent:-7000px; width:311px; margin:1em 3em;}
    #book .two h2{                    font-size:0.8em; text-transform:uppercase; font-family:Tahoma, Geneva, sans-serif; color:#666; margin:0 2em 2em 4em; text-align:left; line-height:1.8em;}
#sign_form #message{                  margin:1em 2em 0 3em; text-align:left;}
  #sign_form #message p{              color:#333; font:0.8em Tahoma, Geneva, sans-serif; line-height:1.6em;}
  #sign_form #message p em{           color:#333; font-weight:bold;}
	#sign_form .error{                  color:#f00; font-size:0.8em; text-align:left;}

/* =MDG
------------------------------------------------------------------*/
.mdg #background{                    height:40.7em;}
.mdg #cover{                         height:27em;}
  .mdg #cover h1{                    margin:4em auto 0 auto; text-align:center;}
  .mdg #cover #navigation{           position:absolute; top:38.5em; margin:0 0 0 8em;}
  .mdg #cover #navigation li{        float:left; margin:0 0.5em 0 0;}
    .mdg #cover #navigation li a{    background:#333; border:1px solid #666; color:#ccc; display:block; font-size:0.7em; font-weight:bold; padding:0.3em 0.6em; -moz-border-radius:4px; -webkit-border-radius:4px;}
    .mdg #cover #navigation li a:hover{background:#1b1b1b; border:1px solid #ccc; color:#fff;}
#mdg-content{                        margin:2em auto;}
  #mdg-content .one{                 width:32%; margin:2em 1% 0 0; text-align:center;}
  #mdg-content .two{                 width:66%;}
    #mdg-content .two h1{            background:url(/images/bg-headers.jpg) repeat-x; color:#fff; font-size:1.2em; font-weight:bold; margin:2em 0 1em 0; padding:0.3em 1em;  -moz-border-radius:4px; -webkit-border-radius:4px;}
    #mdg-content .two p{             font-size:0.9em; margin:0 0 1em 0; line-height:1.6em;}
    #mdg-content .two ol li{         font-size:1.2em; font-weight:bold;  line-height:1.6em; list-style:decimal; margin:0 0 1em 3em; padding:0 1em;}
      #mdg-content .two ol li p{     font-size:0.8em; font-weight:normal;}

/* =Project
------------------------------------------------------------------*/
.project #background{                height:40.7em;}
#project-content{                    margin:30em auto 2em auto;}
  .project-intro, .project-swims{    margin:0 0 2em 0; overflow:hidden;}
    .project-intro .one{             margin:0 3% 0 0; float:left; text-align:left; width:36%;}
    .project-intro .two{             float:left; width:60%;}
    .project-intro .one p,
    .project-footer .one p{          font-size:0.9em; margin:0 0 1em 0; line-height:1.6em;}
    .project-intro .one p.highlighted{color:#293B55; font-size:1em; font-weight:bold; text-transform:uppercase;}
    .project-intro .one a{           color:#069;}
    .project-intro .one a:hover{     text-decoration:underline;}
    .project-swims h1{               border:1px dotted #ccc; border-left:none; border-right:none; color:#666; font-size:1.2em; font-weight:bold; margin:0 0 2em 0; padding:0.4em 0; text-align:center; text-transform:uppercase;}
    .project-swims img, 
    .project-footer img{             border:5px solid #ccc; margin:0 0 0.5em 0;}
    .project-swims .column{          border-bottom:1px dotted #ccc; margin:0 0 1em 0; overflow:hidden;}
    .project-swims .column .one{     float:left; width:36%;}
      .project-swims .one h2{        border:none; color:#293B55; font-size:1em; font-weight:bold; float:right; margin:0; padding:0; text-align:center; text-transform:uppercase; width:40%;}
        .project-swims .one h2 em{   display:block; font-size:5em; margin:0 0 -0.1em 0; padding:0;}
          .project-swims .one h2 span{display:inline; font-size:0.5em; text-transform:lowercase;}
    .project-swims .column .two{     float:left; width:60%; padding:2em 0 0 0;}
      .project-swims .column .two  p{font-size:0.9em; line-height:1.6em; margin:0 0 1em 0;}
    .project-footer .one{            float:left; width:60%; margin:0 3% 0 0;}
    .project-footer .two{            float:left; width:32%;}

/* =Help
------------------------------------------------------------------*/
.help #background{                   height:40.7em;}
#help-content{                       margin:30em auto 2em auto;}
.help-intro{                         margin:0 0 3em 0; overflow:auto;}
  .help-intro h1{                    float:left; margin:0 6% 0 0; width:30%;}
  .help-intro p{                     float:left; font-weight:bold; line-height:1.6em; margin:1em 0 0 0; width:60%;}
  .help #navigation{                 margin:0 0 2em 0; overflow:hidden;}
  .help #navigation li{              float:left; margin:0 0.5em;}
    .help #navigation li a{          background:url(/images/bg-headers.jpg) repeat-x; border:1px solid #fff; color:#fff; display:block; font-size:1em; padding:0.3em 1em;  -moz-border-radius:6px; -webkit-border-radius:6px;}
    .help #navigation li a:hover{    background:#1b1b1b; border-color:#293B55; color:#fff;}
  .help-gallery{                     margin:1em 0 1em 0; overflow:hidden;}
  .help-posters{                     overflow:hidden;}
    .help-posters  li{               float:left; margin:0.3em;}
      .help-posters  li a{           border:5px solid #ccc; display:block;}
        .help-posters  li a:hover{   border-color:#666;}
				#downloads{                  border:none;}				
  .help-tshirts{                     overflow:hidden;}
    .help-tshirts .one{              float:left; width:40%;}
    .help-tshirts .two{              float:left; width:60%;}
      .help-tshirts .two h1{         border:1px dotted #ccc; border-left:none; border-right:none; color:#666; font-size:1.2em; font-weight:bold; margin:0 0 2em 0; padding:0.4em 0; text-align:left; text-transform:uppercase;}
      .help-tshirts .two ul{         margin:0 0 1em 0;}
        .help-tshirts .two ul li{    display:inline; margin:0 1em 0 0;}
        .help-tshirts .two p{        font-size:0.9em; line-height:1.6em;} 
    
/* =Marcos
------------------------------------------------------------------*/
.marcos #cover{                       height:27em;}
  .marcos #cover h1{                  margin:4em 0 0 30em;}
#marcos-content{                      margin:2em auto;}
  #marcos-content .one{               width:36%; margin:0 3% 0 0; text-align:center;}
    #marcos-content blockquote{       background-position:-458px -520px; color:#293b55; font-size:0.9em; font-weight:bold; line-height:1.6em; margin:1em 0.5em 0 1em; padding:0 1em 0 3em; text-align:left;}
    #marcos-content .one img{         border:5px solid #ccc; margin:0 0 0.5em 0;}
  #marcos-content .two{               width:58%;}
    #marcos-content .two p{           font-size:0.9em; margin:0 0 1.5em 0; line-height:1.6em;}

/* =Journal
------------------------------------------------------------------*/
.journal #background{                 height:15.6em;}
#journal-content, 
#journal-content-inner{               margin:4em auto;}
  #journal-content h1,
  #journal-content-inner h1{          border:1px dotted #ccc; border-left:none; border-right:none; color:#666; font-size:1.4em; font-weight:bold; margin:0 0 1em 0; padding:0.2em 0; text-transform:uppercase;}
  #journal-content .column{           border-bottom:1px dotted #ccc; padding:0 0 1em 0; margin:0 0 1em 0;}
    #journal-content .one{            float:left; width:24%; margin:0 2% 0 0;}
       #journal-content .one img,
      #journal-content-inner .one img,
      #journal-content-inner .two img{border:5px solid #ccc; margin:0 0 1em 0;}
    #journal-content .two{            background-position:590px -523px; float:left; width:62%; padding:0 7% 0 0;}
      #journal-content .two h1{       border:none; font-size:1em; font-weight:bold; margin:0 0 1em 0; padding:0.2em 0; text-transform:none;}
        #journal-content .two h1 a{   color:#000;}
      #journal-content .two p{        font-size:1em; line-height:1.6em;}
#journal-content-inner .one{          margin:0 3% 0 0; width:70%;}
  #journal-content-inner .one p{      font-size:0.9em; line-height:1.6em; margin:0 0 1em 0;}
    p.author{                         font-weight:bold; margin:1em 0;}
#journal-content-inner .two{          float:right; width:20%;}

/* =Ambassadors
------------------------------------------------------------------*/
.ambassadors #background{             height:15.6em;}
#ambassadors-content{                 margin:4em auto;}
  #ambassadors-content li{            float:left; margin:0.3em;}
    #ambassadors-content li a{        border:5px solid #ccc; display:block;}
      #ambassadors-content li a:hover{border-color:#666;}

/* =Footer
------------------------------------------------------------------*/
#networks{                            margin-top:2em;}
  #networks ul li{                    float:right; font-size:0.8em; margin:0 0 0 1em;}
    #networks ul li a{                color:#000; font-weight:bold;}
      #networks ul li a em{           color:#f00;}
  #networks p{                        }
#footer{                              background:#ececec; border-top:1px dotted #ccc; margin-top:2em; padding:2em 0 0 0; width:100%;}
  #disclaimer{                        padding:0 0 1em 0;}
    #disclaimer h1{                   background-position:0 -150px; float:left; height:6em; margin:0 5em 0 0; text-indent:-3000px; width:14.25em;}
    #disclaimer p{                    color:#333; font-size:0.8em; line-height:1.6em; margin:1em 1em 0 0;}

h1 span, h2 span{                     display:none;}
strong{                               font-weight:bold;}

#sponsors ul li{                      background:#2f415d; border-bottom:1px solid #49658d;}
  #sponsors ul li a.sponsor-line{     color:#ccc; display:block; font-size:0.8em; font-weight:bold; text-transform:uppercase; padding:0.7em 0; width:72em; margin:auto; clear:both; overflow:hidden;}
    #sponsors ul li a:hover{          color:#fff; background:#405980;}
    #sponsors ul li #li-sponsors{     background:#838e92 url(/images/logos/partners.jpg) 50% 10px no-repeat; display:block; margin:0; padding:0; height:6.5em;}
    #sponsors ul li #li-collaborators{background:#838e92 url(/images/logos/partners.jpg) 50% -90px no-repeat; display:block; margin:0; padding:0; height:27em;}
    #sponsors ul li #li-media{        background:#838e92 url(/images/logos/partners.jpg) 50% -510px no-repeat; display:block; margin:0; padding:0; height:12em;}
      #li-sponsors li,
      #li-collaborators li,
      #li-media li{                   display:none;}

/* =Forms
------------------------------------------------------------------*/
fieldset{                             border:none; padding:1em;}
input, textarea{                      -moz-border-radius:7px; -webkit-border-radius:7px; border:1px solid #ccc;}
legend{                               font-weight:bold;}

#sign_form input{                     font-size:1.2em; padding:0.4em; width:14em;}
#sign_form button{                    font-size:1.2em; padding:0.4em;}