/* www.bbriley.com */
html 		{ 
			padding: 0px;
			margin: 0px;
			height:101%;
			}
				
body		{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:10px;
			color: #b7b7b7;
			background-color: #57565b;
			text-align:center;
			margin:  0px auto;
			<!--[if gt IE 5]>
scrollbar-width: 5px;
scrollbar-base-color: #adadad;
scrollbar-3d-light-color: #57565c;
scrollbar-arrow-color: #57565c;
scrollbar-darkshadow-color: #adadad;
scrollbar-face-color: #adadad;
scrollbar-highlight-color:#adadad;
scrollbar-shadow-color: #adadad;
scrollbar-track-color: #57565c;
<![endif]-->
			}

#wrapper		{
				width:831px;
				background-image:url(../layout_images/wrapper_background.jpg);
				background-repeat:repeat-y;
				height:auto;
				margin: 0px auto;
				padding: 0px;
				text-align:left;height:101%;
				}
/* page layout */

#head		{
			background-image:url(../layout_images/head.jpg);
			width: 831px;
			height: 80px;
			float:left;
			position: relative;
			}
#navigation		{
			background-image:url(../layout_images/navi_background.jpg);
			background-repeat:no-repeat;
			float: left;
			width: 162px;
			min-height: 342px;
			height: 342px;
			position: relative;	
			padding-left: 15px;
			padding-top: 15px;	
			}
#content	{
			background-image:url(../layout_images/content_background.jpg);
			background-repeat:no-repeat;
			float: left;
			width: 654px;
			min-height: 1200px;
			position: relative;
			}
#footer	{
			background-image:url(../layout_images/footer_background.jpg);
			background-repeat: no-repeat;
			width: 831px;
			height: 25px;
			float: left;
			position: relative;
			}
#footer_old	{
			background-image:url(../layout_images/footer_background.jpg);
			background-repeat: no-repeat;
			width: 831px;
			height: 25px;
			float: left;
			position: relative;
			color: #CCCCCC;
			background-color: #57565b;
			}
#ss_footer	{
			text-align: center;
			color: #CCCCCC;
			background-color: #57565b;
			}
#section_image		{
			width: 275px;
			float:left;
			padding-bottom:25px;
			}
#games	{
			width: 260px;
			float:left;
			position:relative;
			}
#game_navigation	{
			width: 260px;
			float:left;
			}

div.scroll 		{
			height: 500px;
			width: 275px;
			overflow: auto;
			border-left: 1px solid #666569;
			border-top: 1px solid #666569;
			border-bottom: 1px solid #666569;
			padding: 8px;
			float: left;
			margin-left: 5px;
			}

/* main navigation */
.main:hover			{	background-image:url(../navigation/hoover.gif);}

/* text and image formatting */
			
#textbox	{
		padding-top: 15px;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 10px;
		border-right: 1px solid #858489;
		border-left:1px solid #666569;
		float:left;
		width: 340px;
		min-height: 342px;
		height:1200px;
		margin: 0px;
		}
/* special formatting for the resume textbox */
#res_textbox	{
		padding-top: 15px;
		padding-left: 0px;
		padding-right: 10px;
		padding-bottom: 10px;
		border-right: 1px solid #858489;
		border-left:1px solid #666569;
		float:left;
		width: 340px;
		min-height: 342px;
		height:1200px;
		margin: 0px;
		}		
/* end special formatting  */		
h1		{
		font-weight: bold;
		font-size: 14px;
		}
h2		{
		text-decoration:underline;
		padding-top: 10px;
		font-weight: bold;
		font-size: 10px;
		}
h3		{
		text-decoration:underline;
		padding-top: 10px;
		font-weight: bold;
		font-size: 12px;
		}
h4		{
		margin: 0px;
		padding-top: 6px;
		padding-bottom: 2px;
		}
h5		{
		text-decoration:underline;
		padding-top: 10px;
		font-weight: bold;
		font-size: 2px;
		}
		
.thumbnails	{
			border:1px solid #b7b7b7;
			padding: 2px;
			margin: 2px;
			}
.thumb_empty	{
			padding: 2px;
			margin: 3px;
			}
#thumbnails	{
			text-align:center;
			}

/* textlinks */	
A:link		{
		font-weight: bold;	
		color: #FFFFFF;
		background-color: inherit;
		}
A:visited		{
		font-weight: bold;
		color: #FFFFFF;
		background-color: inherit;
		}
A:active		{
		font-weight: bold;
		color: #FFFFFF;
		background-color: inherit;
		}
A:hover			{
		font-weight: bold;
		color: #b7b7b7;
		text-decoration:none;
		background-color: inherit;
		}
		
.thumbnails:link		{
		font-weight: bold;	
		color: #FFFFFF;
		background-color: inherit;
		}
.thumbnails:hover		{
		font-weight: bold;	
		color: #FFFFFF;
		background-color: #FFFFFF;
		}
				
/* form formatting */

.textfield	{
		width: 230px;
		padding: 2px;
		background-color:#57565b;
		border: 1px solid #858489;
		color: #b7b7b7;
		font-size: 10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
			}
.textarea	{
		width: 230px;
		height: 80px;
		background-color:#57565b;
		border: 1px solid #858489;
		padding: 2px;
		color: #b7b7b7;
		font-size: 10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
			}
.button	{
		width: 100px;
		background-color:#57565b;
		border: 1px solid #858489;
		color: #b7b7b7;
		font-size: 10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		}