/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";

/* Page
-------------------------------------------------------------- */

#page { margin: 0 auto; width: 950px; }


/* Header
-------------------------------------------------------------- */

#header { margin-top: 20px; }


/* Body
-------------------------------------------------------------- */

#body { margin-top: 20px; }

#content { float: left; width: 400px; margin-right: 80px; }

#historyContainer { float: left; width: 201px; }

/* Footer
-------------------------------------------------------------- */
#footer { margin-top: 20px; }

#footer .tabs { width: 405px; border-top: 3px solid #eee; }
#footer .tabs a { padding: 10px 30px 10px 0; color: #666; text-decoration: none; }

#footer p.quiet { color: #ccc; }

#preload {
	display:none;
}

#choiceBoxLbl {
	display:block;
	font-weight:bold;
}

#choiceBox {
	width:201px;
	height: 200px;
	font-size: 2em;
	overflow:auto;
}

span.error {
	color:red;
}

span.strong {
	font-weight: bold;
}

span.ones {
	font-weight: bold;
	color: #F00;
}

span.sixes {
	font-weight: bold;
	color: #393;
}

span.doubles {
	font-weight: bold;
	color: #FFA500;
}

div.customDie {
	width:100px;
	height:100px;
	color:#fff;
	font-size:68px;
	font-weight:strong;
	background-image:url(../die.png);
	
	background-repeat:no-repeat;
	text-align:center;
	float:left;
	clear:right;
}

img.die {
	float:left;
	clear:right;
}

#errors { 
	margin: 0 0 10px 0;
	padding: 5px 10px;
	border: #FC6 1px solid;
	background-color: #FFC;
	display:none;
}

#errors p {
	margin: 0;
}
#errors em {
	color: #c00;
	font-style:normal;
	font-weight: bold;
}

#rollButton {
	margin-top:1em;
	margin-bottom: 1em;
}

div.headTop {
	background-image:url(../header.png);
	background-repeat:no-repeat;
	padding-top: 19px;
}

h3 {
	color: #fff;
	background-color: #252525;
	margin-top: 0;
	margin-bottom: 0;
	text-align:center;
}

div.contenth {
	border: solid 1px #252525;
}