/* GENERAL LAYOUT
**************************************/
body {
 background: #70B2A8 url(img/bg_body.jpg) repeat-x center bottom;
  font-size: small;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-variant: small-caps;
}

div#bannerWrap { width: 904px; margin: 0 auto;}
div#wrap { float: left; background: url(img/bg_banner.gif) repeat-x top left; width: 100%;}

div#content {float: left; color: #2C1B13; background: url(img/bg_content.png) repeat-y center top; }

div.text p { padding-bottom: 10px; }

a:visited, a, a:hover {
  color: #C03820;
}

/*** HEADER
**************************************/
div#header {
  float: left;
  width: 904px;
  background: url(img/bg_content.png) repeat-y top center;
}
div#header a#banner { 
  background: url(img/title_slothfight.gif) no-repeat top center;
  float: left; 
  width: 904px; 
  height: 221px;
  text-indent: -999em;
}
div#header ul { background: url(img/dotted_line-turq.PNG) repeat-x bottom; float: left; padding: 5px 0 3px 20px; margin-bottom: 20px;  width:875px;}
div#header ul li { float: left; padding: 10px 10px 0 0; }
div#header ul li.rss { float: right; }
div#header li a { display: block; text-indent: -999em; outline: hidden; margin-left: 10px;}

div#header li a#archive { width: 97px; height: 36px; margin-top: 7px; background: url(img/nav_archive.gif) no-repeat; }
div#header li a#archive:hover { background-position: 0 -40px;}

div#header li a#about { width: 99px; height: 38px; margin-top: 7px; background: url(img/nav_about.gif) no-repeat; }
div#header li a#about:hover { background-position: 0 -40px;}

div#header li a#bet { width: 230px; height: 49px; background: url(img/nav_bet.gif) no-repeat; }
div#header li a#bet:hover { background-position: 0 -48px;}

div#header li a#rss { width: 92px; height: 41px; margin-top: 5px; background: url(img/nav_rss.gif) no-repeat; }
div#header li a#rss:hover { background-position: 0 -42px;}

/*** CONTENT
**************************************/
/*** Home ***/
div#picInfo { float: left; width: 420px; }
div#content h1, div#content h2 { 
  background-color: #C03820;
  width: 355px;
  font-size: 140%; 
  padding: 10px 20px 10px 10px;
  margin:  0 0 20px -20px;
  float: left;
}

div.text { 
  float: left;
  background-color: #FFF;
  padding: 20px;
  min-height: 200px;
  width: 350px;
  margin-left: 40px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin-bottom: 30px;
}

div#wrap div#content div.text h2 { 
  padding: 10px 0; 
  font-size: 150%;
  margin: 0;
  width: auto;
  background-color: #FFF;
  float: none;
}

/* Comment box */
div#div-5261143234102907759 {
  float: left;
  margin: 0 0 70px 40px;
}

img#current { float: right; padding-right: 100px;}
		
#content h2.pastWeek { margin-top: 30px; width: 600px; }
#pastWeek {
	padding: 0 0 0 127px;
	text-align: center;
	float: right
}
	
#pastWeek li {
	margin-right: 15px;
	width: 81px;
	height: 63px;
	position: relative;
	float: left;
}
	
#pastWeek a img { border: 1px solid #000;}
#pastWeek a.archive { padding-top: 15px;}
			

/*** Archive - Past Fights ***/
div.archive ol { 
  width: 800px;
  padding: 0 30px 0 40px;
  float: left;
}

div#content ol li { 
  float: left; 
  padding: 0 0 8px 8px; 
}
div#content ol li.monthTitle { 
  width: 760px; 
  padding: 0 0 10px 0; 
}

/*** Betting on my Failure ***/
div#bannerWrap div.bet h1 { margin-right: 200px;}
div#cal { 
  width: 300px;
  float: right; 
  padding-right: 50px;
}

div#cal a#prev, div#cal a#next {
  display: block;
  float: left;
  width: 39px;
  height: 70px;
  margin-top: 50px;
  text-indent: -999em;
}
div#callMaster { float: right; width: 350px}
div#callMaster div.key { float: left; padding: 20px 0 0 0px;}
div#callMaster div.key span.taken{ height: 31px; width: 31px; background-color: #70B2A8; display: block; float: left;}
div#callMaster div.key p { float: left; padding: 7px 0 0 10px;}

div#calWrap {float: left; border: 1px solid #2C1B13; }
div#cal a#prev {background: url(img/btn_prevMonth.gif) no-repeat;}
div#cal a#next {background: url(img/btn_nextMonth.gif) no-repeat;}

div#cal table { width: 217px; float: left;}
div#cal table caption {  
  font-weight: bold; 
  background-color: #70B2A8;
  padding: 5px;
  border-bottom: 1px solid #2C1B13;
}

div#cal tbody, div#cal tr, div#cal td { float: left; }
div#cal tr { width: 217px; }
div#cal td, div#cal th { width: 31px; height: 31px; text-align: center; vertical-align: middle; }
div#cal td a {display: block; float: left; width: 31px; height: 31px; }
div#cal td a.taken { background-color: #70B2A8;}

/***  FOOTER
**************************************/
div#smallPrint { 
  width: 860px; 
  float: left; 
  padding: 75px 0 20px 0; 
  text-align: center;
}

div#smallPrint p { 
  width: 600px;
  margin-left: 125px;
  padding: 20px;
  border: 2px dashed #2C1B13;
}

/*** SHADOWBOX VIEWER
**************************************/
div#sb-body,#sb-loading {
  background:transparent url(img/bg_sb_content.png) repeat-y;
  border: 0;
}

div#sb-body-inner { background: url(img/dotted_line-brown.png) repeat-x bottom;}
div#sb-content { background: url(img/dotted_line-brown.png) repeat-x top; padding-top: 15px;}

div#sb-wrapper div#imageDetail { padding: 0 20px;}
div#sb-wrapper div#imageDetail h1 { font-size: 140%; padding-bottom: 10px; float: right;}
div#sb-wrapper div#imageDetail img { padding-left: 50px; }
div#sb-wrapper div#imageDetail p {
  text-align: left;
  padding: 10px;
  margin-top: 10px;
  background-color: #FFF;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  width: auto;
  float: none;
}

/*** Betting form ***/
#sb-content form {float: left; padding: 20px;}
#sb-content form li {float: left; padding-bottom: 10px; width: 400px;}
#sb-content form label {padding-bottom: 5px; float: left; width: 400px;}
#sb-content form input { background-color: #70B2A8; border: 1px solid #2C1B13; margin-left: 20px; float: left; }

#sb-content form li.checkbox label {width: auto;}
#sb-content form li.checkbox input {margin-left: 0;}
#sb-content form li.button input {margin-left: 0;}

#sb-content h1.contentTitle { background-color: #C03820; float: left; width: 200px; padding: 10px; font-size: 110%; margin-bottom: 20px;}
#sb-content p { color: #2C1B13; float: left; width: 410px; padding: 0 20px 20px;}