/*======================================================================*\
|| #################################################################### ||
|| # SteamFriends CSS File for SteamFriends Website    				  # ||
|| # ---------------------------------------------------------------- # ||
|| # All code in this file is copyrighted 2008 SteamFriends.          # ||
|| # This file may not be redistributed in whole or significant part. # ||
|| # http://www.steamfriends.com							          # ||
|| #################################################################### ||
\*======================================================================*/

#bigspanner {
	margin: 0 auto 0 auto;
	padding: 0px;
	width: 728px;
	height: 90px;
}


html {
	overflow-x: auto; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
}

body {
  margin: 0;
  padding: 0;
  color: #000;
  background-color: #fdb464;
  background-image: url(/images/background.gif);
  font: normal 16px/18px Arial, Helvetica, sans-serif;
  /*letter-spacing: -1px;*/
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#frame {
	margin: 0 auto;
	width: 1000px;
}

#construction-logo {
	margin-top: 50px;
	text-align: center;
}

.clear {
	clear: both;
}

/* MAIN STYLES */
#failpage {
	margin: 0 auto 0 auto;
	padding: 20px 8px 8px 20px;
	padding-top: 0px;
	width: 1000px;
}

#left-sidebar {
	float: left;
	width: 270px;
	margin: 0;
	padding: 0;
}

#inner-content {
	float: left;
	width: 460px;
	margin-left: -40px;
}

#right-sidebar {
	float: right;
	width: 300px;
	margin: 0 0 0 0;
	padding: 0;
}

#footer {
	margin-top: 24px;
	width: 100%;
	text-align: center;
	height: 18px;
	line-height: 18px;
	font-size: 13px;
}

#logo {
	width: 270px;
	height: 340px;
	/*margin-top: -30px;*/
	background-image: url(/images/logo.png);
	background-position: 0 0;
	cursor: pointer;
}

#subscribe {
	margin-top: 70px;
	margin-left: 50px;
	display: block;
	font-weight: bold;
	line-height: 24px;
	width: 133px;
}

#rss {
	background-image: url(/images/subscribe.png);
	background-position: -24px 0;
	width: 24px;
	height: 24px;
	display: block;
	float: right;
	cursor: pointer;
}

#mail {
	background-image: url(/images/subscribe.png);
	background-position: 0 0;
	width: 24px;
	height: 24px;
	float: right;
	margin-left: 5px;
	cursor: pointer;
}

#mailform  {
	visibility: hidden;
	margin: 0 auto 0 auto;
	width: 200px;
}

#mailinput {
	width: 100px;
	border: 1px solid #eee;
	color: #666;
}

#mailsend {
	width: 50px;
}

#mailstatus {
	text-align: center;
	color: #f00;
	font-weight: bold;
	font-size: 13px;
	width: 85%;
}

#controls {
}

#controls h1 {
	font-size: 32px;
	line-height: 32px;
	color: #fff;
	margin: 16px 0 0 0;
	letter-spacing: -3px;
}

#controls span.description {
	margin-top: 4px;
	position: relative;
	top: 10px;
	letter-spacing: 0px;
}

#controls div.links {
	background-image: url(/images/controlbg.gif);
	border: 1px solid #ff8d1a;
	height: 26px;
	padding: 0 8px 0 8px;
}

#controls div.links span {
	float: left;
	line-height: 26px;
}

#controls div.links div {
	float: right;
	padding-top: 4px;
}

#controls a.prev {
	position: relative;
	top: -40px;
	right: 490px;
	width: 95px;
	text-decoration: none;
	color: #eee;
	line-height: 39px;
	height: 39px;
	font-weight: bold;
	display: block;
	cursor: pointer;
	float: right;
}

#controls a.prev span {
	float: left;
	letter-spacing: -1px;
}

#controls a.prev  span.button {
	width: 39px;
	height: 39px;
	background-image: url(/images/nav.png);
	background-position: 0 0;
	float: right;
}

#controls a.next {
	position: relative;
	top: -40px;
	left: 485px;
	width: 95px;
	text-decoration: none;
	color: #eee;
	line-height: 39px;
	height: 39px;
	font-weight: bold;
	display: block;
	cursor: pointer;
	float: left;
}

#controls a.next span {
	float: right;
	letter-spacing: -1px;
}

#controls a.next span.button {
	width: 39px;
	height: 39px;
	background-image: url(/images/nav.png);
	background-position: -39px 0;
	float: left;
}

#video {
	padding-right: 30px; 
	margin-top: 15px;
	width: 460px;
	height: 345px;
}

#ad {
	margin-top: 15px;
	width: 300px;
	height: 280px;
}

#adloader {
	padding: 0;
	margin: 0;
}

#ad div {
	background-image: url(/images/controlbg.gif);
	border: 1px solid #ff8d1a;
	height: 15px;
	font-size: 12px;
	line-height: 15px;
	text-align: right;
	padding: 0 4px 0 4px;
	letter-spacing: 1px;
}

#tbfnomnom {
	margin-top: 15px;
	width: 300px;
	height: 280px;
}

#adloader {
	padding: 0;
	margin: 0;
}

#tbfnomnom div {
	background-image: url(/images/controlbg.gif);
	border: 1px solid #ff8d1a;
	height: 15px;
	font-size: 12px;
	line-height: 15px;
	text-align: right;
	padding: 0 4px 0 4px;
	letter-spacing: 1px;
}

#navbar {
	width: 100%;
	height: 26px;
	line-height: 26px;
	background-image: url(/images/controlbg.gif);
	border: 1px solid #ff8d1a;
	border-right: 0;
	border-left: 0;
}

#navcontainer {
	width: 1000px;
	margin: 0 auto;
	padding-top: 3px;
}

#navcontainer .logo {
	float: left;
	margin-top: -2px;
}

#navcontainer div.links ul {
	margin: 0;
	padding: 0;
	float: right;
}
#navcontainer div.links ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

/* CALENDAR */
#cal {
	position: relative;
	width: 115px;
	height: 142px;
	background-image: url(/images/calendar.png);
	left: 62px;
	top: 250px;
}

#cal div.month {
	position: relative;
	width: 100%;
	font-size: 26px;
	font-weight: bold;
	line-height: 25px;
	text-align: center;
	top: 18px;
	left: -4px;
	color: #c36701;
}
#cal div.day {
	position: relative;
	width: 100%;
	font-size: 52px;
	font-weight: bold;
	line-height: 55px;
	text-align: center;
	top: 12px;
	left: -4px;
	color: #eee;
}

#ratethefail {
	width: 120px;
	height: 119px;
	background-image: url(/images/ratethefail.png);
	margin: -20px 0 0 -5px;
	float: left;
}

#ratethefail_graph {
	width: 190px;
	height: 78px;
	margin-top: -3px;
	float: left;
	margin-left: -14px;
}

#ratethefail_graph div.chart {
	height: 58px;
}

#ratethefail_graph div.nums {
	margin-top: 3px;
	height: 20px;
}

#ratethefail_graph div.nums div {
	float: left;
	height: 20px;
	margin-left: 19px;
}

#ratethefail_arrow {
	width: 17px;
	height: 20px;
	background-image: url(/images/ratethefail.png);
	background-position: 0 -119px;
}

#ratethefail_1 {
	float: left;
	width: 14px;
	background-image: url(/images/ratethefail.png);
	background-position: -17px -119px;
	cursor: pointer;
}

#ratethefail_2 {
	float: left;
	width: 16px;
	background-image: url(/images/ratethefail.png);
	background-position: -31px -119px;
	cursor: pointer;
}

#ratethefail_3 {
	width: 16px;
	background-image: url(/images/ratethefail.png);
	background-position: -47px -119px;
	cursor: pointer;
}

#ratethefail_4 {
	width: 18px;
	background-image: url(/images/ratethefail.png);
	background-position: -63px -119px;
	cursor: pointer;
}

#ratethefail_5 {
	width: 16px;
	background-image: url(/images/ratethefail.png);
	background-position: -81px -119px;
	cursor: pointer;
}

/* Scale Graphs */

div.ratethefailbar {
	margin-left: 19px;
	margin-right: 2px;
	width: 14px;
	position: relative;
	float: left;
}
div.ratebartop {
	height: 4px;
	width: 14px;
	background-image: url(/images/graph.png);
	background-position: 0px 0px;
}
div.ratebarmid {
	width: 14px;
	background-image: url(/images/graph.png);
	background-position: 0px -4px;
}
div.ratebarbot {
	width: 14px;
	height: 4px;
	background-image: url(/images/graph.png);
	background-position: 0px 4px;
}

#voteresult {
	position: relative;
	top: 8px;
	text-align: center;
	height: 15px;
	float:left;
	width: 180px;
	font-weight: bold;
}	

/* Old fail scale */
/*
#failscaletext {
	width: 172px;
	height: 23px;
	background-image: url(/images/images.png);
	background-position: 0 -218px;
	margin-bottom: 6px;
}

#failscale {
	width: 288px;
	height: 7px;
	background-image: url(/images/images.png);
	background-position: 0 -241px;
}

#scalearrow {
	width: 20px;
	height: 20px;
	background-image: url(/images/images.png);
	background-position: 0 -250px;
	margin-left: 135px;
}

#scalearrowpath {
	width: 288px;
	height: 20px;
	margin-top: -7px;
}

#scalenumbers {
	width: 300px;
	height: 21px;
}
*/

/* Keep this vidscroll stuff for later */
/*
#vidscroll {
	width: 510px;
	height: 98px;
	padding: 0;
	margin: 45px auto 0 auto;
	overflow: hidden;
}

#vidscroll div {
	width: 1020px;
	height: 98px;
	padding: 0;
	margin: 0;
	white-space: no-wrap;
}

#vidscroll div img {
	width: 98px;
	height: 98px;
	padding: 0;
	margin: 0 2px 0 2px;
}

#vidscroll_left {
	float: left;
}

#vidscroll_right {
	float: right;
}
*/

/* *******************
 Gallery
******************** */
#gallery {
	border: 2px solid #FF8D1A;
	height: 70px;
	overflow: hidden;
}

#gallery-title {
	width: 109px;
	height: 35px;
	background-image: url(/images/stat_sprite.png);
	background-position: -0px 52px;
}

#gallery-scroll {
	height: 20px;
	background-image: url(/images/controlbg.gif);
	border: 2px solid #FF8D1A;
}

#scrollhandle {
	width: 70px;
	height: 20px;
	background-image: url(/images/stat_sprite.png);
	background-position: -0px 72px;
}	

#gallery div.rank {
	float: left;
	position: relative;
	top: 50px;
	color:#FFFFFF;
	font-size:32px;
	letter-spacing:-3px;
	line-height:32px;
	width: 100px;
	text-align: center;
}

#gallery div.next_rank {
	float: left;
	position: relative;
	top: 25px;
	width: 100px;
	text-align: center;
}
#gallery div.prev_rank {
	float: left;
	position: relative;
	top: 75px;
	width: 100px;
	text-align: center;
}

#mostfail {
	float: left;
	/*width: 177px;
	height: 134px;*/
 	display:inline;
}
#mostviews {
	float: right;
	width: 177px;
	height: 134px;
}

#mostviews a.img img, #mostfail a.img img {
	border: 2px solid #ff8d1a;
}


.most_fail_text {
	color:#FFFFFF;
	font-size:32px;
	letter-spacing:-3px;
	line-height:32px;
	position: absolute;
	margin-left: 220px;
	margin-top: -50px;
}




div.numbers {
	margin-left: 8px;
	
	margin-top: -32px;
	width:30px;
}



._1 {
	float: left;
	width: 15px;
	height: 24px;
	background-image: url(/images/stat_sprite.png);
	background-position: -0px -100px;
	margin-right: -3px;
}

._2 {
	float: left;
	width: 20px;
	height: 24px;
	background-image: url(/images/stat_sprite.png);
	background-position: -19px -100px;
	margin-right: -3px;
}

._3 {
	width: 18px;
	height: 24px;
	background-image: url(/images/stat_sprite.png);
	background-position: -42px -100px;
	float: left;
	margin-right: -3px;
}

._4 {
	width: 20px;
	height: 24px;
	background-image: url(/images/stat_sprite.png);
	background-position: -63px -100px;
	margin-right: -3px;
	float: left;
	margin-right: -3px;
}

._5 {
	width: 20px;
	height: 24px;
	background-image: url(/images/stat_sprite.png);
	background-position: -86px -100px;
	float: left;
	margin-right: -3px;
}

._6 {
	width: 20px;
	height: 24px;
	background-image: url(/images/stat_sprite.png);
	background-position: -109px -100px;
	cursor: pointer;
	float: left;
	margin-right: -3px;
}

._7 {
	width: 20px;
	height: 24px;
	background-image: url(/images/stat_sprite.png);
	background-position: -132px -100px;
	float: left;
	margin-right: -3px;
}

._8 {
	width: 20px;
	height: 24px;
	background-image: url(/images/stat_sprite.png);
	background-position: -154px -100px;
	float: left;
	margin-right: -3px;
}

._9 {
	width: 20px;
	height: 24px;
	background-image: url(/images/stat_sprite.png);
	background-position: -177px -100px;
	float: left;
	margin-right: -3px;
}

._0 {
	width: 19px;
	height: 24px;
	background-image: url(/images/stat_sprite.png);
	background-position: -200px -100px;
	float: left;
	margin-right: -3px;
}

._percent {
	width: 27px;
	height: 24px;
	background-image: url(/images/stat_sprite.png);
	background-position: -221px -100px;
	float: left;
	margin-right: -3px;
}

._period {
	width: 11px;
	height: 24px;
	background-image: url(/images/stat_sprite.png);
	background-position: -250px -100px;
	float: left;
	margin-right: -3px;
}


##########################

a#fdbk_tab {
  top: 25%;
  left: 0;
  width: 42px;
  height: 102px;
  color: #FFF;
  cursor:pointer;
  text-indent:-100000px;
  overflow:hidden;
  position: fixed;
  z-index: 100000;
  margin-left: -7px;
  background-image: url(http://www.todaysbigfail.com/images/facebook-side.png);
  _position: absolute;
  _background-image: url(http://www.todaysbigfail.com/images/facebook-side.png);
}

a#fdbk_tab:hover {
    margin-left: -4px;
}

a.fdbk_tab_right {
  right: 0 !important;
  left: auto !important;
  margin-right: -7px !important;
  margin-left: auto !important;
}
a.fdbk_tab_right:hover {
    margin-right: -4px !important;
    margin-left: auto !important;
}
a.fdbk_tab_bottom {
  top: auto!important;
  bottom: 0 !important;
  left: 20% !important;
  height: 38px !important;
  width: 102px !important;
  background-position: 0 -102px !important;
  margin-bottom: -7px !important;
  margin-left: auto !important;
}
a.fdbk_tab_bottom:hover {
    margin-bottom: -4px !important;
    margin-left: auto !important;
}
a.fdbk_tab_hidden {
  display:none !important;
}

  
a#fdbk_close {
  position: absolute;
  cursor:pointer;
  outline:none;
  top: 0;
  left: 0;
  z-index: 4;
  width:42px;
  height:42px;
  overflow:hidden;
  background-image: url(https://s3.amazonaws.com/getsatisfaction.com/feedback/feedback-close.png);
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://s3.amazonaws.com/getsatisfaction.com/feedback/feedback-close.png', sizingMethod='crop');
}
#fdbk_close:hover {
    background-position: -42px 0;
}

.feedback_tab_on embed, .feedback_tab_on select, .feedback_tab_on object {
  visibility:hidden;
}