/*
        _____                                  _  __ __      
     __/\  __`\                              /' \/\ \\ \     
    /\_\ \ \/\ \  __  __    __  _ __  __  __/\_, \ \ \\ \    
    \/\ \ \ \ \ \/\ \/\ \ /'__`\\`'__\\ \/\ \/_/\ \ \ \\ \_  
     \ \ \ \ \\'\\ \ \_\ \\  __/ \ \/\ \ \_\ \ \ \ \ \__ ,__\
     _\ \ \ \___\_\ \____/ \____\ \_\ \/`____ \ \ \_\/_/\_\_/
    /\ \_\ \/__//_/\/___/ \/____/\/_/  `/___/> \ \/_/  \/_/  
    \ \____/                              /\___/             
     \/___/                               \/__/              
     
     Copyright 2010-forever (mt) Media Temple, Inc.
     
     jQuery 14 contest page by: Dain Kennison

*/
html, body {
  font-family: "Georgia","times",serif;
  background: #e3edeb;
  color: #1d3546;
  text-align: center;
}
a {
  color: #000;
  background: #fff;
  text-decoration: none;
  -webkit-transition-property: color, background;
  -webkit-transition-duration: .15s, .15s;
}
a:hover, a:focus {
  color: #fff;
  background: #ee7b00;
}
h1, h2, h3, dt, .steps b, .prizes li b {
  color: #ee7b00;
}
.oblique {
  color: #7a8285;
  font-size: 14px;
  font-style: oblique;
  line-height: 40px;
  font-weight: bold;
}
.wrapper {
  width: 960px;
  margin: 0 auto;
  text-align: left;
}
.header {
  padding: 40px 0 20px;
  color: #fff;
  background: #192835 url(http://s3.mt-cdn.net/jquery14/headerbg__f9171cd.png) repeat-x center bottom;
  font-size: 19px;
}
.header .wrapper {
  text-align: center;
}
.header p {
  margin: 0 0 30px;
}
h1 {
  font-family: "kulturista-web-1","kulturista-web-2","Georgia","times",serif;
  font-size: 70px;
  line-height: 82px;
  font-weight: 600;
  padding: 0 0 55px;
}
h1 span {
  display: block;
  color: #fff;
}
a.mt-header-logo b,
a.jquery-header-logo b {
  position: absolute;
  left: -9999em;
}
a.mt-header-logo,
a.jquery-header-logo {
  display: block;
  background: none;
  background: url(http://s4.mt-cdn.net/jquery14/contentsprite__7eb59d3.png) no-repeat;
  margin: 0px auto;
}
a.mt-header-logo {
  width: 75px;
  height: 30px;
  background-position: left top;
}
a.jquery-header-logo {
  width: 158px;
  height: 40px;
  background-position: left -64px;
}
.section, .footer {
  padding: 30px 0 60px;
}
.odd {
  background: #c6d9d2;
}
.lcol {
  float: left;
  width: 600px;
}
.rcol {
  float: right;
  width: 290px;
}
h2 {
  font-size: 16px;
  line-height: 36px;
  padding: 0 0 8px;
  text-transform: uppercase;
} 
p {
  font-size: 20px;
  line-height: 30px;
  padding: 0 0 1em;
}
.intro {
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  letter-spacing: -1px;
  padding: 0 0 .5em;
  margin-top: -10px; /* offset line-height to get text to align with top */
}
.steps li {
  border-bottom: 1px solid #afc2be;
  padding: 29px 0 10px;
}
.steps p,
.steps b {
  display: block;
  float: left;
}
.steps b {
  font-size: 20px;
  line-height: 35px;
  width: 38px;
  height: 38px;
  text-align: center;
  background: #e2ede8;
  font-weight: normal;
  margin: 5px 25px 0 0;
}
.steps p {
  width: 87%;
}
.prizes li {
  padding: 30px;
  background: #e2ede8;
  border-bottom: 1px solid #afc2be;
}
.prizes li:last-child {
  border: 0;
}
.prizes li b {
  display: block;
  font-size: 26px;
  line-height: 40px;
  height: 45px;
  width: 50px;
  text-align: center;
  background: #141e28;
  margin: 0 0 37px;
  font-weight: normal;
}
.prizes li p {
  text-align: center;
  font-size: 12px;
  line-height: normal;
  padding: 30px 0 10px;
}
.prizes li p span {
  display: block;
  font-size: 16px;
}
.prize1 {
  background: url(http://s1.mt-cdn.net/jquery14/gsicon__9acce93.png) no-repeat right 3px;
}
.prize2 {
  background: url(http://s2.mt-cdn.net/jquery14/mbpicon__9e98fa9.png) no-repeat center 5px;
}
.prizes li .prize2 b {
  margin-bottom: 55px;
}
.sidelist {
  background: #c9d5d4;
  padding: 10px 25px;
}
.sidelist li {
  padding: 20px 0;
  border-bottom: 1px solid #a7b2b0;
}
.sidelist li:last-child {
  border: 0;
}
.sidelist li p {
  font-size: 14px;
  line-height: 20px;
  padding: 0 5px;
}
.winners {
  margin-right: -20px;
}
.winners li {
  position: relative;
  display: block;
  float: left;
  padding: 10px 20px 20px 0;
}
.winners li a {
  display: block;
  width: 110px;
  height: 110px;
  border: 5px solid #d6e4e0;
  font-size: 52px;
  color: #cfe0db;
  line-height: 105px;
  text-align: center;
  -webkit-transition: all .15s linear;
}
.winners li a:hover,
.winners li a:focus {
  background: #fff;
  border-color: #ee7b00;
  color: #ee7b00;
}
.winners li a span {
  display: block;
  width: 110px;
  height: 110px;
}
.winners li a.won span {
  opacity: 0;
  text-shadow: 0px 0px 8px rgba(0,0,0, .3);
}

.winners dl {
  display: none;
  position: absolute;
  top: 150px;
  left: -90px;
  background: #141E28;
  font-size: 14px;
  padding: 13px 24px;
  white-space: nowrap;
  width: 250px;
  z-index: 999;
}
.winners dd {
  color: #fff;
}
.winners dt,
.winners dd {
  display: block;
  float: left;
  padding: 7px 0;
}
.winners dt {
  clear: left;
  width: 65px;
}
.winners dd.tail {
  display: block;
  position: absolute;
  top: -26px;
  left: 135px;
  height: 0px;
  width: 0px;
  overflow: hidden;
  border-bottom: 13px solid #141E28;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
}
.winners li:hover {
  cursor: pointer;
}
.winners li:hover dl {
  display: block;
}

.grandprize dl,
.grandprize dt,
.grandprize dd,
.grandprize .project-screenshot {
  display: block;
  float: left;
}
.grandprize .project-screenshot {
  font-size: 24px;
  text-transform: uppercase;
  color: #cfe0db;
  width: 255px;
  height: 228px;
  text-align: center;
  border: 5px solid #c6d9d2;
  background: #fff url(http://s2.mt-cdn.net/jquery14/mbpicon__9e98fa9.png) no-repeat center 37px;
  margin-right: 55px;
  -webkit-transition: border-color .15s linear;
}
.grandprize .project-screenshot:hover {
  border-color: #ee7b00;
}
.grandprize .project-screenshot span {
  display: block;
  padding: 163px 0 0;
}
.grandprize dt,
.grandprize dd {
  font-size: 22px;
  padding: 5px 0 15px;
}
.grandprize dt {
  clear: left;
  width: 95px;
}
.grandprize dd {
  max-width: 540px;
}
.aside {
  text-align: center;
  background: #e2ede8;
  padding: 20px 30px;
}
.aside p,
.aside ul,
.copyright {
  text-align: left;
  font-size: 16px;
  line-height: 22px;
}
.big-mt-logo,
.big-mt-logo:hover,
.big-mt-logo:focus {
  display: block;
  width: 190px;
  height: 90px;
  margin: 0 auto 10px;
  background: url(http://s3.mt-cdn.net/jquery14/big-mt-logo__68aa708.png) no-repeat 50% 50%;
}
.big-mt-logo em {
  position: absolute;
  left: -9999em;
}
#about .lcol p {
  padding-bottom: 2em;
}
.share-tweet em {
  position: absolute;
  left: -9999em;
}
#nav,
.share-tweet, .share-tweet:hover, .share-tweet:focus  {
  display: block;
  position: fixed;
  width: 38px;
  height: 135px;
  right: 0;
  top: 175px;
  background: #ee7b00 url(http://s4.mt-cdn.net/jquery14/contentsprite__7eb59d3.png) no-repeat -165px 10px;
  z-index: 1000;
  box-shadow: 0px 0px 8px rgba(11,16,20, .3);
  -webkit-box-shadow: 0px 0px 8px rgba(11,16,20, .3);
  -moz-box-shadow: 0px 0px 8px rgba(11,16,20, .3);
}
#nav:hover, #nav:focus,
.share-tweet:hover, .share-tweet:focus  {
  width: 45px;
  outline: none;
}
#nav {
  left: 0;
  background: #ee7b00;
}
#nav ul {
  padding: 8px 0 0 8px;
}
#nav:hover ul {
  padding: 8px 0 0 15px;
}
#nav a {
  display: block;
  position: relative;
  width: 20px;
  height: 13px;
  margin: 0 0 8px;
  background: #f29a3b;
  background: rgba(255,255,255, .23);
}
#nav a:hover,
#nav a:focus {
  width: 30px;
  background: #fff;
  background: rgba(255,255,255, 1);
  outline: none;
}
#nav span {
  display: none;
  position: absolute;
  left: 30px;
  top: -6px;
  font-size: 16px;
  width: 120px;
  height: 25px;
  line-height: 23px;
  color: #1D3546;
  background: #fff;
  text-align: left;
/*
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
*/
  text-indent: 8px;
  box-shadow: 3px 0px 3px rgba(11,16,20, .1);
  -webkit-box-shadow: 4px 0px 3px rgba(11,16,20, .1);
  -moz-box-shadow: 3px 0px 3px rgba(11,16,20, .1);
  z-index: 999;
  overflow: hidden;
}
#nav a:hover span,
#nav a:focus span {
  display: block;
}

#nav.scroll {
  position: fixed;
  top:175px;
}
#nav.scroll-stop {
  position: absolute;
  bottom: 0;
}

/* self-clear floats */
.wrapper:after,
.steps li:after,
.winners dl:after,
.clearme:after {
	content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clearme,
* html .wrapper,
* html .steps li,
* html .winners dl { /* IE6 */
	height: 1%;
}
*:first-child+html .clearme,
*:first-child+html .wrapper,
*:first-child+html .steps li,
*:first-child+html .winners dl { /* IE7 */
	min-height: 1px;
}