/**
 * The custom css
 */

/*******************************************************************************
 * Resets, Helpers & Global stuff
 ******************************************************************************/
* {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
}

body {
    margin: 0;
    padding: 0;
    /*overflow: hidden;
    overflow-y: scroll;*/

    background-image: url(../img/bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;

    font-family: 'Maven Pro', sans-serif;
}

.ellipsis {
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#main h1 {
    font-weight: normal;
    font-size: 30px;
    margin: 0;
    padding: 15px 0 0 0;
}
#main h2 {
    font-weight: normal;
    font-size: 24px;
    margin: 0;
    padding: 15px 0 0 0;
}

#main p {
    margin: 5px 0 4px 0;
    font-size: 16px;
    font-weight: normal;
    width: 475px;
}

#fb {
    margin-top: 10px;
}

/*******************************************************************************
 * Header
 ******************************************************************************/

#form {
    margin: 0 0 0 325px;
    color: #fff;
}

.logo {

}
.logo img {
    margin: 58px 0 0 325px;
}

/** social icons **/
.social-icons {
    list-style: none;
    float: right;
}
.social-icons li {
    display: inline;
    float: left;
}
.social-icons li a {
    display: block;
    cursor: pointer;
    width: 38px;
    height: 38px;
    margin: 0 3px;
}

.social-icons li.fb a {
    background-image: url(../img/icons/fb_n.png);
}
.social-icons li.fb a:hover {
    background-image: url(../img/icons/fb_o.png);
}

.social-icons li.tw a {
    background-image: url(../img/icons/tw_n.png);
}
.social-icons li.tw a:hover {
    background-image: url(../img/icons/tw_o.png);
}

.social-icons li.ms a {
    background-image: url(../img/icons/ms_n.png);
}
.social-icons li.ms a:hover {
    background-image: url(../img/icons/ms_o.png);
}

.grid {
    padding: 32px 0;
}

.leadin {
    margin-bottom: 32px;
}

.leadin .wrap {
    height: 368px;
}

.wrap {
    text-align: center;
    /*width: 1008px;*/
    margin: 0 auto;
    position: relative;
}


#video-background {
    height: 380px;
}

/* responsive videos
   -----------------
   http://webdesignerwall.com/tutorials/css-elastic-videos
*/

.video-container {
    position: absolute;
    overflow: hidden;
    padding-top: 40px;
    width: 960px;
    height: 350px;
    /*left: 0px;*/
    top: 325px;
    text-align: center;
    z-index: 100;
}

/*.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}*/

.chromeframe a,
.chromeframe a:hover,
.chromeframe  a:active,
.chromeframe a:visited {
    color: black;
}
/*******************************************************************************
 * Content
 ******************************************************************************/
#main {
    /*padding: 40px;*/
    margin: 0 auto;
    width: 960px;
}

#countdown {
    text-align: center;
}

/* Facebook */
.fb-posts   { margin: 0 0 30px 0; background-color: #fff; display: none; }
.fb-posts div.fp-posts-header   { height: 18px; padding: 1px 0 0 10px; color: #fff; font-weight: bold; font-size: 12px; background-color: #3b5997; }
.fb-posts ul.fb-posts-list  { padding: 0; margin: 0; list-style: none; }
.fb-posts ul.fb-posts-list li   { overflow: hidden; border-bottom: 1px solid #fff; }
.fb-posts ul.fb-posts-list li div.fb-img    { width: 50px; display: inline; float: left; }
.fb-posts ul.fb-posts-list li div.fb-img img   { /*max-width: 50px;*/ }
.fb-posts ul.fb-posts-list li div.fb-post-entry { margin: 0 0 0 10px; display: inline; float: left; }
.fb-posts ul.fb-posts-list li div.fb-post-entry-name    { font-size: 14px; text-transform: uppercase; }
.fb-posts ul.fb-posts-list li div.fb-post-entry-title a { font-size: 13px; color: #3b5998; text-decoration: none; }
.fb-posts ul.fb-posts-list li div.fb-post-entry-title a:hover   { color: #000; }
.fb-posts ul.fb-posts-list li div.fb-post-entry-date    { padding: 0 0 2px 0; font-size: 11px; color: #888; }
.fb-posts div.fb-icon   { width: 30px; height: 30px; margin: 0 0 0 -30px; background-color: transparent; position: absolute; }

/* newsletter */
.newsletter         {
    color: #fff;
    margin: 0 0 0 325px;
    width: 476px;
}

.newsletter label {

}
.newsletter input.email {
    width: 206px;
    height: 25px;
    border:none;
    padding: 0 0 0 4px
}

.newsletter .submit {
    float: right;
    width: 160px;
    height: 25px;

    background-color: transparent;
    background-image: url(../img/pb_buttons.png);
    background-position: 0 0;

    font-size: 14px;

    margin: 0;
    padding: 0;
    color:#fff;
    border: 0;
}

.newsletter .submit:hover {
    background-position: 0 -40px;
}
.newsletter .submit:active {
    background-position: 0 -80px;
}


#sponsors {
    margin: 32px 0 0 0;
}

#posts {
    width: 640px;
    margin: 0 0 0 160px;
}


/*******************************************************************************
 * Footer
 ******************************************************************************/
footer {
    background: #4d2683;
    color: #fff;
    width: 1022px;
    margin: 0 auto;
    padding-bottom: 30px;
}

footer .contact strong {
    font-size: 24px;
    font-weight: normal;
}

footer .contact {
    padding-top:24px;
    margin: 0 0 0 356px;
    font-size: 14px;
}
footer .top {
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
}

footer a {
    color: #fff;
}