.flow-content {
	overflow: hidden;
	height: 1%;
}

.clearfix:after {
	content:".";
	display: block;
	height:0;
	clear: both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.clearfix:after, x:-moz-any-link { clear: left; }
.clearfix:after, x:-moz-any-link, x:default { clear: both; }

body {
  background: #002b53 url("images/header_01.png") top center repeat-x;
  margin: 0;
  padding: 0;
  font-family: serif;
  font-size: 13px;
  text-align: center;
}

a { color: #00ae52; text-decoration: none; }
img, a img { border: 0; }

div.hr {
  background: url(images/hr.png) center left repeat-x;
  border: 0;
  height: 5px;
  margin: 5px 0;
}
div.hr hr { display: none; }

div#body {
  text-align: center;
  position: relative;
  background: url(images/footer_20.png) bottom left repeat-x;
}

div#body-content {
  text-align: left;
  width: 870px;
  margin: auto;
  position: relative;
}

a#learnmore { position: absolute; left: 810px; top: 0px; }

div#upload {
  width: 351px;
  height: 150px;
  position: absolute;
  top: 307px;
  left: 8px;
  background: url(images/boxes_03.png) no-repeat;
}

div#upload a#youtube-logo { position: absolute; display: block; left: 33px; top: 22px; }
div#upload a#youtube-upload { position: absolute; display: block; left: 15px; top: 75px; height: 35px; width: 129px; background: url(images/upload_video_sprite.png); overflow: hidden; text-indent: -9999px; }
div#upload #youtube-info { font-family: arial, sans-serif; position: absolute; left: 163px; top: 23px; width: 170px; font-size: 12px; }
div#upload #youtube-info p.deadline { color: #61666b; }

div#donate {
  width: 350px;
  height: 150px;
  position: absolute;
  top: 379px;
  left: 476px;
  background: url(images/boxes_06.png) no-repeat;
  z-index: 20;
}

div#donate input#amount { position: absolute; top: 22px; left: 50px; font-size: 30px; font-weight: bold; width: 200px; border: 0; color: #3a8f84; }
div#donate #donateButton { position: absolute; top: 77px; left: 201px; background: url(images/donate_now_sprite.png); cursor: pointer; }
div#donate #info { position: absolute; top: 73px; left: 39px; width: 150px; font-family: arial; font-size: 10px; }

#submitted-title { position: absolute; top: 441px; left: 75px; z-index: 40; }
div#youtube {
  width: 447px;
  height: 1095px;
  position: absolute;
  top: 471px;
  left: 2px;
  background: url(images/boxes_10.png) no-repeat;
  z-index: 10;
}

div#youtube .content { width: 335px; margin: 30px 0 0 20px; }

div.user { margin: 11px 0; }

div#twittervision {
  width: 447px;
  height: 349px;
  position: absolute;
  top: 546px;
  left: 387px;
  background: url(images/boxes_14.png) no-repeat;
  z-index: 20;
}

div#twittervision { padding: 10px 3px 1px; position: relative; }
div#twittervision iframe { border: 0; }

div#tweets {
  width: 450px;
  height: 619px;
  position: absolute;
  top: 905px;
  left: 387px;
  background: url(images/boxes_18.png) no-repeat;
  z-index: 20;
}

ul.tweet_list {
  padding: 0;
  margin: 0;
  list-style: none;
}

ul.tweet_list li { clear: left; height: 67px; background: url(images/hr.png) bottom left repeat-x; padding-top: 8px;}

a.tweet_avatar { float: left; width: 49px; height: 49px; margin-right: 10px;}

div#tweets div.content {
  margin: 65px 10px 10px;
}

div#footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
} 

div#footer div#footerlinks {
  width: 870px;
  height: 61px;
  margin: auto;
  text-align: left;
  font-family: arial;
  color: #455c6c;
}

div#footer div#footerlinks a,
div#footer div#footerlinks span {
  line-height: 6px;
  padding: 0 5px;
}
div#footer div#footerlinks img { 
  vertical-align: middle;
}

.pushable:hover,
.pushed { background-position: 0 -35px !important; }

ul#nav { margin: 0; padding: 0; list-style: none; position: absolute; top: 307px; left: 519px; }
ul#nav li { float: left; margin-right: 7px; }
ul#nav li a { display: block; overflow: hidden; text-indent: -9999px; background: url(images/nav.png); height: 23px; }
ul#nav li a#nav-home { width: 50px; background-position: 0 0; }
ul#nav li a#nav-about { width: 55px; background-position: -56px 0; }
ul#nav li a#nav-submit { width: 107px; background-position: -118px 0; }
ul#nav li a#nav-donate { width: 67px; background-position: -232px 0; }
ul#nav li a#nav-home:hover { width: 50px; background-position: 0 -27px; }
ul#nav li a#nav-about:hover { width: 55px; background-position: -56px -27px; }
ul#nav li a#nav-submit:hover { width: 107px; background-position: -118px -27px; }
ul#nav li a#nav-donate:hover { width: 67px; background-position: -232px -27px; }

div.box { background: #fff; padding: 5px 25px; width: 773px; position: relative; margin-bottom: 90px; z-index: 10; }
div.boxtop { background: url(images/about_11.png); width: 828px; height: 10px; position: absolute; top: -10px; left: -2px; }
div.boxbottom { background: url(images/about_15.png); position: absolute; width: 44px; height: 29px; bottom: -29px; right: 10px; }
div.box-title { position: absolute; top: -45px; left: 20px; }
div#about-content { padding-top: 565px; line-height: 1.4; padding-bottom: 80px; }
div.index-content { height: 1700px; overflow: visible; }
div.judge img { float: left; margin-right: 10px; }
div.judge a.twitter { display: block; }

div#rules ul {
  list-style-image: url(images/check.png);
}

a#twittervision-larger { position: absolute; right: 10px; top: -22px; color: #b7d0e5; font-weight: bold; text-decoration: underline;}
