/* Getting the new tags to behave - always first priority!*/
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

@font-face {
	font-family: 'Lobster1.1Regular';
	src: url('/fonts/Lobster_1.1_-webfont.eot');
	src: url('/fonts/Lobster_1.1_-webfont.woff') format('woff'), url('/fonts/Lobster_1.1_-webfont.ttf') format('truetype'), url('/fonts/Lobster_1.1_-webfont.svg#webfont30G9S4nm') format('svg');
	font-weight: normal;
	font-style: normal; }
    
@font-face {
	font-family: 'RalewayThin';
	src: url('/fonts/raleway_thin-webfont.eot');
	src: url('/fonts/raleway_thin-webfont.woff') format('woff'), url('/fonts/raleway_thin-webfont.ttf') format('truetype'), url('/fonts/raleway_thin-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal; }

/* Site-wide properties ======================================================== */
body{
    font: normal normal 10px/10px Tahoma, Arial, Helvetica, Verdana, sans-serif;
}
    
    /* Fibonacci based heading scale ratio */
    h1{ font-size: 4.4em; font-weight: normal; }
    h2{ font-size: 2.8em; font-weight: bold; }
    h3{ font-size: 1.6em; font-weight: bold; }
    h4{ font-size: 1.2em; font-weight: bold; }

/* Reusable classes ============================================================ */

/* Left & Right alignment */
.left{ float: left; }
.right{ float: right; }

/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 20px; }

/* The fraction classes are useful for column lists */
.half, .third, .quarter, .fifth, .sixth{ width: 100%; }
.half li, .third li, .quarter li, .fifth li, .sixth li{ float: left; }
.half li{ padding-right: 5%; width: 45% }
.third li{  padding-right: 5%; width: 28.3% }
.quarter li{  padding-right: 5%; width: 20% }
.fifth li{  padding-right: 5%; width: 15% }

/* For when a <br /> just ain't enough */
.separator{
    clear: both;
    float: left;
    height: 1px;
    width: 100%; }

/* Basic Structure ============================================================= */
#wrap{
    margin: 0 auto;
    position: relative;
    width: 960px; }

    /* Header */
    header{
        float: left;
        width: 100%; }
    
    /* Content */
    section{
        float: left;
        width: 66.7%; }
    
    /* Sidebar */
    aside{
        float: left;
        width: 33.3%; }
        
    /* Footer */
    footer{
        float: left;
        width: 100%; }
    
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */

body{
    background: #b4c0bc url(../img/bg.jpg) top center no-repeat;
    color: #010000; }
    
    a{ color: #e12617; }
        a:hover{ color: #fa1c37; }
        
    p{
        font: normal normal 1.2em/1.86em Tahoma, Arial, Helvetica, Verdana, sans-serif;
        margin: 0 0 1em 0; }
        
    a{
        font: normal normal 1.2em/2em Tahoma, Arial, Helvetica, Verdana, sans-serif;
        outline: none;
        text-decoration: none }
        
    ul, ol{ margin: 0 0 2em 0; }
      
    li{
        font: normal normal 1.2em/2em Tahoma, Arial, Helvetica, Verdana, sans-serif;
        list-style: none }
        
    h2{
        color: #4a5954;
        font: normal normal 4em/1em 'Lobster1.1Regular', Tahoma, Arial, Helvetica, Verdana, sans-serif;
        margin: 0 0 0.2em 0; }
        
    h3{
        color: #4a5954;
        font: normal normal 4em/1em RalewayThin, Tahoma, Arial, Helvetica, Verdana, sans-serif;
        margin: 0 0 0.2em 0; }
        
    h4{
        color: #4a5954;
        font: normal normal 1.6em/1.6em Tahoma, Arial, Helvetica, Verdana, sans-serif;
        margin: 0 0 1em 0; }
        
    /* Header */
    #register{
        color: #fff;
        background: #d3133c;
        background-image: -moz-linear-gradient(100% 100% 90deg, #c5163c, #e60e3c );
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e60e3c), to(#c5163c));
        border: 2px solid #dfe0db;
        border-radius: 10px;
       -moz-border-radius: 10px;
       -webkit-border-radius: 10px;
       -khtml-border-radius: 10px; 
        display: block;
        font: normal bold 1.35em/2em Tahoma, Arial, Helvetica, Verdana, sans-serif;
        letter-spacing: -0.3px;
        padding: 3px 19px;
        position: absolute;
        right: 20px;
        text-shadow: 0px 1px 0 #111;
        top: 20px; }

        #download-this-sick-puppy:hover{
            color: #fff;
            background: #d3133c;
            background-image: -moz-linear-gradient(100% 100% 90deg, #c5163c, #e60e3c );
            background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e60e3c), to(#c5163c));
            border: 2px solid #ab1233;
            box-shadow: 0 0 5px #797a76;
           -moz-box-shadow: 0 0 5px #797a76;
           -webkit-box-shadow: 0 0 5px #797a76;
           -khtml-box-shadow: 0 0 5px #797a76;
            text-shadow: 0px 1px 0 #111}
    
    h1{
        float: left;
        font: normal normal 6em/0.8em 'Lobster1.1Regular', Tahoma, Arial, Helvetica, Verdana, sans-serif;
        margin: 0 0 20px 0; }
    
        h1 a{ font: normal normal 1em 'Lobster1.1Regular', Tahoma, Arial, Helvetica, Verdana, sans-serif; line-height: 0; }
        
        h1 small{
            display: block;
            float: left;
            width: 100%; }
            
            h1 small a{
                color: #000;
                font: normal normal 0.5em RalewayThin, Tahoma, Arial, Helvetica, Verdana, sans-serif;
                opacity: 0.4 }
                
                h1 small a:hover{
                    color: #000;
                    opacity: 1; }
            
    /* Menu */
    nav{
        border-top: 1px dashed #a2a39e;
        border-bottom: 1px dashed #a2a39e;
        float: left;
        margin: 0 0 20px 0;
        padding: 20px 0 20px 0;
        width: 101%; }
        
        nav ul li{
            display: block;
            float: left;
            margin: 0 13px 0 0; }
            
            nav ul li:last-child{ margin:0; }
            
            nav ul li a{
                color: #045763;
                display: block;
                font: normal bold 2em/2em 'Lobster1.1Regular', Tahoma, Arial, Helvetica, Verdana, sans-serif;
                letter-spacing: -0.3px;
                padding: 3px 13px; }
                
                nav ul li a:hover{
                    color: #045763;
                    opacity: 0.5; }
                    
    /* Sidebar List */
    aside li{
        background: #ddddd5;
        border-radius: 8px;
       -moz-border-radius: 8px;
       -webkit-border-radius: 8px;
       -khtml-border-radius: 8px;
        font-size: 1.4em;
        margin: 0 0 10px 0;
        padding: 0 10px 0 10px;
        text-shadow: 1px 1px 0px #d5e0dc; }
        
        aside li ul{ margin: 0; }
            aside li ul li{
                font-size: 0.8em;
                list-style: disc;
                list-style-position: inside;
                text-shadow: none; }

    /* Footer */
    footer{ background: #71837d; }
    
        footer .inside{
            color: #fff;
            margin: 0 auto;
            width: 920px; }
            
    /* Download end */
    #download-this-sick-puppy-end{
        color: #fff;
        background: #d3133c;
        background-image: -moz-linear-gradient(100% 100% 90deg, #c5163c, #e60e3c );
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e60e3c), to(#c5163c));
        border: 2px solid #dfe0db;
        border-radius: 10px;
       -moz-border-radius: 10px;
       -webkit-border-radius: 10px;
       -khtml-border-radius: 10px; 
        display: block;
        font: normal bold 2em/2em Tahoma, Arial, Helvetica, Verdana, sans-serif;
        letter-spacing: -0.3px;
        padding: 3px 19px;
        text-shadow: 0px 1px 0 #111;
        width: 280px; }

        #download-this-sick-puppy-end:hover{
            color: #fff;
            background: #d3133c;
            background-image: -moz-linear-gradient(100% 100% 90deg, #c5163c, #e60e3c );
            background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e60e3c), to(#c5163c));
            border: 2px solid #ab1233;
            box-shadow: 0 0 5px #797a76;
           -moz-box-shadow: 0 0 5px #797a76;
           -webkit-box-shadow: 0 0 5px #797a76;
           -khtml-box-shadow: 0 0 5px #797a76;
            text-shadow: 0px 1px 0 #111}    


.logos {
  float: right;
  clear:both;
  text-align:center;
}

.logos th {
  width: 100%;
  font-size: large;
  border-top: 1px solid #797a76;
  border-bottom: 1px solid #797a76;
  padding-top: 5px;
  padding-bottom: 5px;
}

#sponsorkit {
  font-size: 125%;
}

#summary {
  border: 2px solid #000;
  padding: 10px;
  background-color: #CCC;
  color: #000;
}

.under, .proving, .breaking, .training, .poolside {
  font: normal normal 10px/10px Tahoma, Arial, Helvetica, Verdana, sans-serif;
}

.under a, .proving a, .breaking a, .training a, .poolside a {
  font: normal normal 10px/10px Tahoma, Arial, Helvetica, Verdana, sans-serif;
  color: #045763;
  font-weight: bold;
}