@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,600,800);

a, a img, p, ul, li, table, td, tr, th, thead, tfoot, caption, legend, input, div, span{
margin :			0;
padding :			0;
border :			0;
text-decoration :   none;
list-style-position: inside;
}

body{
font-family:        'Open Sans';
font-weight :       300;
width :				100%;
margin :			0 auto 0 auto;
/* background :		#193472 url(../img/energy-network.jpg) no-repeat center top; */
background :		#ffffff;
min-width :			800px;
font-size :         15px;
}
    body#event{
        margin-top : 130px;
    }
.fixed{
}

b{
    font-weight :   600;
}

header{
position :          fixed;
top :               0;
bottom :            0;
height :            130px;
width :             100%;
margin :            0;
padding :           0;
overflow :          hidden;
background :        #ffffff;
border-bottom :     #eeeeee solid 1px;
z-index :           99999999999;
}
.scrolled-menu{
    height :            40px;
    background :        transparent;
    border :            none;
}
    .scrolled-menu ul.nav{
        height :            40px;
    }
        .scrolled-menu ul.nav li{
            height :        40px;
        }
        .scrolled-menu ul.nav li a:link,
        .scrolled-menu ul.nav li a:visited{
            margin :            0;
            padding :       6px 0 0 0;
        }
    #events-logo{
        position :      relative;
        float :         left;
        font-size :     16px;
        line-height :   24px;
        text-transform :uppercase;
        font-weight :   300;
        margin :        51px 0 45px 45px;
        color :             #909090;
    }
    ul.nav{
        float :             right;
        list-style :        none;
        height :            85px;
        padding :           0;
        margin :            0 45px 0 0;
    }
    
    ul.nav#all_events{
        float :             left;
        margin :            0 0 0 45px;
    }
        ul.nav li{
            display :           inline-block;
            height :            85px;
        }
            ul.nav li a:link,
            ul.nav li a:visited{
                display :           block;
                font-size :         16px;
                text-transform :    uppercase;
                line-height :       24px;
                height :            24px;
                padding :           51px 0 4px 0;
                margin :            0 12px 0 12px;
                color :             #909090;
                border-bottom :     transparent solid 4px;
            }
            
            ul.nav li a:hover,
            ul.nav li a:active{
                color :             #000000;
                border-color :      #000000;
            }
#video {
}
#title{
    padding :           60px 0;
    background :        #ffd400;
    color :             #ffffff;
}
    #index h1{
        width :             auto;
        font-size :         92px;
        line-height :       92px;
        color :             #ffd400;
        font-weight :       800;
        text-align :        left;
        margin :            36px 0 40px 45px;
    }
    #index-nav{
        float :             right;
        margin :            0 45px 0 0;
    }
    h1,
    h2{
        width :             50%;
        margin :            0 auto;
        text-align :        center;
        font-size :         56px;
        line-height :       56px;
    }
    h1{
        font-weight :       800;
        text-transform :    uppercase;
    }
    h2{
        font-weight :       300;
        font-size :         48px;
    }
  
#info {
    width :             50%;
    margin :            50px auto;
}
    p#description,
    #info ul li{
        line-height :       1.5em;
        text-align :        justify;
    }
        #info p#description ul li{
            font-weight :       800;
        }
        
h3{
    font-size :         36px;
    color :             #0c285d;
    text-transform :    uppercase;
}
#info a:link,
#info a:visited{
    color :             #000000;
    text-decoration :   underline;
}
#info a:hover,
#info a:active{
    text-decoration :   none;
}

#cta{
    margin :            40px auto;
}
    #cta a:link,
    #cta a:visited{
        display :           block;
        width :             100%;
        margin :            10px auto;
        background :        #0c285d;
        height :            70px;
        line-height :       70px;
        text-transform :    uppercase;
        text-decoration :   none;
        text-align :        center;
        font-size :         24px;
        font-weight :       300;
        color :             #ffffff;
    }
    #cta a:hover,
    #cta a:active{
        background :        #143e7c;
    }
    #cta p{
        text-align :        center;
    }

#schedule{
    padding :           50px 0;
    background :        #0c285d;
    text-align :        center;
    color :             #ffffff;
}
    #schedule p{
        margin-top :        30px;
        line-height :       1.75em;
    }
    
#tweets{
    width :             50%;
    margin :            50px auto;
}
    #tweets h1{
        color :             #0c285d;
        margin-bottom :     50px;
        width :             100%;
    }

#contact{
    width :             50%;
    margin :            50px auto;
    text-align :        center;
}
    #contact h1{
        color :             #0c285d;
        margin-bottom :     50px;
        width :             100%;
    }
    #contact a:link,
    #contact a:visited{
        text-decoration :   underline;
        color :             #606060;
    }
    #contact a:hover,
    #contact a:active{
        color :             #000000;
    }
    #contact img{
        width :             120px;
        height :            120px;
    }
    #contact span.name{
        display :           block;
        font-size :         20px;
    }
    
footer{
    padding :           50px 0;
    background :        #ffd400;
    overflow :          hidden;
}
    footer #euractiv-info p{
        margin :            0 0 0 50px;
    }
    footer a:visited,
    footer a:link{
        color :             #000000;
        text-decoration :   underline;
    }
    footer a:hover,
    footer a:active{
        text-decoration :   none;
    }
    #euractiv-info{
        float :             left;
    }
    
    /* terrible hack, will need to fix */
    
    #index #sponsored-by{
        display :           none;
    }
    
    #sponsored-by {
        float :             right;
        margin :            65px 45px 0 0;
    }
        #sponsored-by p{
            text-align :        right;
            margin-right :      5px;
        }
        #sponsored-by img{
            display :           block;
            height :            120px;
        }
#events-table{
    margin :                0 45px 50px 45px;
}
table{
    width :                 100%;
    border-collapse :       collapse;
    padding :               0;
}
    thead{
        height :                40px;
    }
        th{
            background :            #ffffff;
            font-size :             18px;
            border-left :           #dbdbdb dashed 1px;
            text-align :            left;
            padding :               0 0 0 15px;
            font-weight :           300;
        }
        th:first-child{
            border :                none;
        }
    tr{
        background :        #efefef;
        border-top :        #ffffff solid 1px;
    }
    tr:hover,
    tr:active{
        background :        #dbdbdb;
    }
        td{
            padding :           15px 10px;
            font-size :         18px;
            line-height :       22px;
        }
        td.date{
            font-size :             28px;
            line-height :           28px;
        }
        td.event-name{
            font-weight :           600;
        }
        table a:link,
        table a:visited{
            display :               block;
            color :                 #000000;
        }