/* CSS Document */



/*
Colors used:
Light tan: #fff7e2
Tan: #ccc99e
Gray: #32322d
Blue: #9ec1cc
Orange: #db4104
Darker tan: #A6A378
Mid-light Tan: #e6e3c0
*/

	body {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		background-image: url(images/background_lines.gif);
		color:#32322d;
		text-align:center;
		padding:0px;
		margin:0px;
	}
	#header {
		position:relative;
		background-image: url(images/header_bg.gif);
		padding-left:20px;
		padding-top:25px;
		height:85px;
		
		color:#db4104;
		font-weight:bold;
		font-size:50px;
	}
	#footer {
		border-top: 1px dotted #cccccc;
		color:#666666;
		font-size:12px;
		
		padding:10px;
		text-align:center;
		
	}
	#main {
	margin-left:auto;
	margin-right:auto;
	
	text-align:left;
	width:760px;
	background-color:#fff7e2;
	border-left:2px solid #ccc99e;
	border-right:2px solid #ccc99e;
	
	}
	
	#content {
	
	padding-left: 20px;
	padding-right:10px; 
	
	
	width:550px;
	height:100%;
	}
	.sidebar {
	float:right;
	width:150px;
	background-color: #9ec1cc;
	padding:10px;
	background-image: url(images/sidebar_bg.gif);
	background-repeat: repeat-x;
	/*min-height:400px; */
	border-left: 1px solid #A6A378;
	border-bottom: 1px solid #A6A378;
	}
	
	.sidebar h1 {
		font-size:12px;
		color:#db4104;
	}
	
	ul {
	
	
	}
	
	strong {
		color:#db4104;
	}
	
	
	
	a {
	text-decoration:none;
	color:#db4104;
	}
	
	a.hidden { 
		color:inherit;
	}
	
	a:hover {
	text-decoration:underline;
	}
	
	#content .item {
		background-color: #e6e3c0;
		/*background-image: url(images/callout_bg.gif);*/
		background-repeat:repeat-x;
		border-bottom:2px dotted #fff7e2;
		/*
		border-left: 1px solid #A6A378;
		border-right:1px solid #A6A378;
		*/
		padding-left:100px;
		padding-right:10px;
		padding-bottom:20px;
		padding-top:20px;
		color: #32322d;
		background-repeat:no-repeat;
		background-position: 30px 50%;
	}
	
	#content .item.sudoku {
		background-image:url(images/sudoku_icon.gif);
	}
	
	#content .item.roll {
		background-image:url(images/roll_icon.gif);
	}
	
	#content .item.flipside {
		background-image:url(images/flipside_icon.gif);
	}
	#content .item.orb {
		background-image:url(images/orb_icon.gif);
	}
	#content .item.grid {
		background-image:url(images/grid_icon.gif);
	}
	
	#content .item:hover {
		background-color: #ccc99e;
	}
	
	#content .item.top {
		border-top:2px dotted #fff7e2;
	}
	
	#content .item h1 {
		color:#db4104;
		font-size:16px;
		margin:0px;
	}
	
	#content .item h3 {
		font-size: 12px;
		color: #A6A378;
		margin:0px;
	}
	
	.sidebar img {
		margin-right: 5px;
		margin-bottom:5px;
	}
	
	#content .item p {
		margin: 5px 0px 5px 0px;
	}
	
	.subtle {
		color:#9ec1cc;
		}
	.call-out {
	background-color:#ccc99e;
	background-image: url(images/callout_bg.gif);
	background-repeat:repeat-x;
	border: thin solid #333333;
	padding: 5px 15px 5px 15px;
	margin:15px;
	}
	
	.call-out h3 {
		color: #ccc99e;
		margin:0px;
	}
	
	.call-out h1 {
	color: #990000;
	margin:0px;
	}
	
	.call-out ul {
	
	padding-left:25px;
		
	}
	
	.call-out ul li {
		margin-bottom:2px;

	}
	
	.call-out ul span {
		color: #db4104;
		font-weight:bold;
	}
	
	.copyright {
color:#ccc99e;
}