@charset "utf-8";
/************************************
UberGames Website
Main Typography Formats (ie font styles)
By Timothy 'TiM' Oliver
23-2-2008
************************************/

body
{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	color:					#d7d7d7;
	text-align:				justify;
	font-size:				10px;
	line-height:			160%;
}

a:link,
a:active
{
	color:					#fff;
	text-decoration:		underline;	
}

a:visited
{
	color:					#CCCCCC;
}

.page_heading
{
	color:					#898989;
	font-size:				23px;
	font-weight:			bold;
	line-height:			100%;
	text-align:				left;
}

.page_heading2
{
	color:					#9b9b9b;
	font-size:				22px;
	line-height:			100%;
	text-align:				left;
}

h2, .page_subheading
{
	text-align:				left;
	color:					#bababa;
	font-size:				20px;
	font-family:			Arial, Helvetica, sans-serif;
	font-weight:			normal;
	line-height:			130%;
	padding:				0;
	margin:					0;
}

h3, .p_heading
{
	color:					#bababa;
	font-size:				14px;
	font-family:			Arial, Helvetica, sans-serif;
	font-weight:			bold;
	line-height:			120%;
	margin:					0;
	padding:				0;
}

h6
{
	font-size:				9px;
	line-height:			130%;
	font-weight:			normal;
	text-align:				left;
	margin:					0;
	padding:				0;
}

fieldset
{
	width:					auto;
	border:					1px solid #7A7A7A;
}

.topic_title
{
	color:					#bababa;
	font-size:				22px;
	font-family:			Arial, Helvetica, sans-serif;
}

.topic_title2
{
	color:					#bababa;
	font-size:				18px;
	font-family:			Arial, Helvetica, sans-serif;
}

.topic_subtitle
{
	color:					#8a8a8a;
	font-size:				9px;
	padding-top:			4px;
}

.potn_desc 
{
	width:					135px;
	text-align:				center;
	margin:					0 auto;
}

.potn_desc a
{
	font-size:				9px;
}

#page_body .main_content .content_body
{
	color:					#C3C3C3;
	font-size:				11px;
}

.content_footer_text
{
	color:					#8a8a8a;
	font-size:				9px;
	text-align:				center;
}

.itemHeading
{
	font-size:				14px;
	font-style:				italic;
	text-decoration:		underline;
}

.subBox
{
	text-align:				center;
}

.error_msg
{
	color:					#f00;
	font-weight:			bold;
	font-style:				italic;
	font-size:				11px;
}

.success_msg
{
	color:					#0f0;
	font-weight:			bold;
	font-style:				italic;
	font-size:				11px;
}

.righthand_msg
{
	float:					right;
	font-size:				10px;
	line-height:			100%;
}

/************************************
UberGames Website
Main Framework CSS 
By Timothy 'TiM' Oliver
28-1-2008
************************************/

body
{
	background-image:		url(/skin/UberGames_Main/style_default/images/page_elements/bg_scanlines.gif);
	padding:				0px;
	margin:					0px;
	z-index:				-50;
	background-color:		#333333;
}

img
{
	padding:				0px;
	margin:					0px;
	border:				0 none;
}

a img
{
	border:				0 none;
}

ul
{
	margin:				3px;
	margin-left:		30px;
	list-style:			square outside;
	padding:			0;
	line-height:		200%;
	text-align:			left;
}

li
{
	margin:				0;
	padding:			0;
}

hr
{
	background-color:	#5b5b5b;
	height:				1px;
	border:				0 none;
}

#container
{
	margin: 				22px auto 0px; /*30px auto 50px;*/
	padding:				0px 15px;
	background-image:		url(/skin/UberGames_Main/style_default/images/page_elements/container/bg.gif);
	background-repeat:		repeat-y;
	width:					950px;
	display:				block;
	position:				relative;
	z-index:				auto;
	background-color:		#262626;
}

#container .top_shadow
{
	width:					950px;
	height:					16px;
	position:				absolute;
	top:					-15px;
	background-image:		url(/skin/UberGames_Main/style_default/images/page_elements/container/top_shadow.gif);
	background-repeat:		repeat-x;
	z-index:				auto;
}

#container .top_left_corner
{
	width:					11px;
	height:					11px;
	position:				absolute;
	top:					4px;
	left:					-11px;
	z-index:				auto;
}

#container .top_right_corner
{
	width:					11px;
	height:					11px;
	position:				absolute;
	top:					4px;
	right:					-11px;
	z-index:				auto;
}

#container .bottom
{
	width:					950px;
	height:					16px;
	position:				absolute;
	display:				block;
	bottom:					-16px;
	background-image:		url(/skin/UberGames_Main/style_default/images/page_elements/container/bottom_shadow.gif);
	background-repeat:		repeat-x;
	z-index:				auto;
}

#container .bottom_left_corner
{
	width:					11px;
	height:					11px;
	background-image:		url( /skin/UberGames_Main/style_default/images/page_elements/container/bottom_left_shadow.gif );
	background-repeat:		no-repeat;
	top:					-1px;
	left:					-11px;
	z-index:				auto;
	position:				absolute;
	float:					left;
}

#container .bottom_right_corner
{
	width:					11px;
	height:					11px;
	background-image:		url( /skin/UberGames_Main/style_default/images/page_elements/container/bottom_right_shadow.gif );
	background-repeat:		no-repeat;
	top:					-1px;
	right:					-11px;
	z-index:				auto;
	position:				absolute;
	float:					right;
}

#banner
{
	padding:				0px;
	margin:					0px;
	width:					950px;
	display:				block;
	z-index:				auto;
	line-height:			0;	/*XHTML 1.0 Strict Hack*/
	font-size:				0;
}

#banner .extension
{
	position: 				absolute;
	width:					36px;
	left:					-21px;
	top:					131px;
	z-index:				auto;
	
}

#quote
{
	background-image:		url(/skin/UberGames_Main/style_default/images/page_elements/quote_bar/bg.gif);
	background-repeat:		repeat-x;
	height:					25px;
	display:				block;
	width:					950px;
	margin:					0px;
	position:				relative;
	overflow:				hidden;
}

#quote h1
{
	color:					#fff;
	text-align:				center;	
	font-size:				10px;
	padding:				5px 0px;
	font-weight:			normal;
	margin:					0px;
}

#page_body
{
	width: 					950px;
	display:				block;
	padding:				0px;
	margin:					0px auto;
	border:					0px none;
}

#page_body #menu_column_left
{
	margin:					0px 0px;	
	padding-left:			2px;
	width:					167px;
	overflow:				hidden;
	position:				relative;
}

#page_body #menu_column_right
{
	margin:					0px 0px;	
	padding-right:			2px;
	width:					167px;
	overflow:				hidden;
	position:				relative;
}

.quote_shadow
{
	margin:					0px;
	padding:				0px;
	height:					3px;
	width:					166px;
	background-image:		url(/skin/UberGames_Main/style_default/images/page_elements/menu_column/top_shadow.gif);
	background-repeat:		repeat-x;
	position:				relative;
}

#page_body #menu_column_left .hr,
#page_body #menu_column_right .hr
{
	height:					2px;
	width:					160px;
	margin:					0px auto 8px;
	padding:				0px;
	background-image:		url(/skin/UberGames_Main/style_default/images/page_elements/menu_column/break.gif);
	background-repeat:		no-repeat;
	position:				relative;
	display:				block;
	border:					0px none;
}

#page_body #content_column
{
	margin:					10px auto;
	padding:				0px 0px 7px;
	width:					614px;
	overflow:				hidden;
	position:				relative;
}

#page_body #content_column .main_content
{
	display:				block;
	position:				relative;
	background-image:		url(/skin/UberGames_Main/style_default/images/page_elements/middle_content/bg.gif);
	background-repeat:		repeat-y;
	width:					614px;
	padding:				0px;
	margin:					0px;
	background-color:		#3b3b3b;
}

#page_body .main_content .content_top
{
	display:				block;
	position:				relative;
	background-image:		url(/skin/UberGames_Main/style_default/images/page_elements/middle_content/top.gif);
	background-repeat:		repeat-x;
	width:					614px;
	height:					7px;
}

#page_body .main_content .top_left
{
	display:				inline;
	position:				absolute;
	float:					left;
	width:					4px;
	height:					7px;
	top:					0px;
	left:					0px;
}

#page_body .main_content .top_right
{
	display:				inline;
	position:				absolute;
	float:					right;
	width:					4px;
	height:					7px;
	top:					0px;
	right:					0px;
}

#page_body .main_content .content_body
{
	padding:				10px 30px 15px;
	display:				block;
	margin:					0px;
}

#page_body .main_content .content_body .hr
{
	border:					0 none;
	background:				#333 url(/skin/UberGames_Main/style_default/images/page_elements/middle_content/break.gif) no-repeat center bottom;
	height:					2px;
	width:					550px;
	margin:					15px 0px 15px;
	text-align:				center;
}

#page_body .main_content .content_body .heading
{
	margin:					15px 0px 0px;
}

#page_body .main_content .content_body .project_banner
{
	margin:					0 auto;
	width:					552px;
	border:					#5b5b5b 1px solid;
}

#page_body .main_content .content_footer
{
	background-image:		url(/skin/UberGames_Main/style_default/images/page_elements/middle_content/footer.gif);
	background-repeat:		no-repeat;
	position:				relative;
	padding:				0px;
	margin:					0px;
	width:					614px;
	height:					15px;
	bottom:					0px;
	display:				block;
}

#footer
{
	display: 				block;
	background-image:		url(/skin/UberGames_Main/style_default/images/page_elements/footer/bg.gif);
	background-repeat:		repeat-x;
	margin:					0px 1px;
	height:					27px;
	overflow:				hidden;
	background-color:		#060606;
}

#footer .left_text
{
	color:					#b2b2b2;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				9px;
	position:				relative;
	display:				inline;
	top:					6px;
	left:					10px;
	float:					left;
}

#footer .left_text a
{
	color:					#b2b2b2;
	text-decoration:		underline;
}

#footer .left_text a:hover
{
	color:					#d6d6d6;
	text-decoration:		underline;
}

#footer .right_text
{
	color:					#343434;
	font-size:				9px;
	position:				relative;
	display:				inline;
	right:					5px;
	top:					6px;
	float:					right;
}

/*Inner page table styles*/
table.table_bg
{
	background-color:		#5b5b5b;
}

td.heading
{
	color:					#fff;
	padding:				4px;
	background-repeat:		repeat-x;
	border-bottom:			1px solid #212121;
	background-image:		url(/skin/UberGames_Main/style_default/images/page_elements/table/header_bg.gif);
	line-height:			100%;
}

td.alt1
{
	background:				#3C3C3C none repeat scroll 0%;
	/*color:					#C3C3C3;*/
	color:					#fff;
}

td.alt2
{
	background:				#3C3C3C url(/skin/UberGames_Main/style_default/images/page_elements/table/alt_bg.gif) repeat-x;
	/*color:					#C3C3C3;*/
	color:					#fff;
}

td.tfoot
{
	background:				#323232 url(/skin/UberGames_Main/style_default/images/page_elements/table/footer_bg.gif) repeat-x bottom;
	color:					#A5A5A5;
	font-size:				10px;
	line-height:			100%;
	padding:				0;
}

div.alt1
{
	border:					#5b5b5b 1px solid;
	padding: 				6px; ;
	background:				#3C3C3C none repeat scroll 0%;
	margin:					10px 0;
}

div.alt2
{
	border:					#5b5b5b 1px solid;
	padding: 				6px; 
	background:				#3C3C3C url(/skin/UberGames_Main/style_default/images/page_elements/table/alt_bg.gif) repeat-x;
	margin:					10px 0;
}

.subBox
{
	padding:				5px;
	margin:					10px auto;
	background-color:		#3a3a3a;
	border:					1px solid #5b5b5b;
}

.bb_quote
{
	margin: 				0 0 20px;
	border:					1px solid #5a5a5a;
	background-color:		#3a3a3a;
	line-height:			150%;
	padding:				5px;
}

.bb_quote_source
{
	margin:					0;
	padding:				0;
	line-height:			100%;
	font-style:				normal;
	font-weight:			bold;
}

.bb_quote_message
{
	margin-top:				5px;
	line-height:			150%;
	font-style:				italic;
}

/**************************************
The Crew
**************************************/
.crew_thumbnail
{
	width:					150px;
	height:					150px;
	display:				table-cell;
	vertical-align:			middle;
	text-align:				center;
}

.crew_joystick
{
	overflow:				hidden;
	width:					205px;
	height:					215px;;
	background-image:		url(/images/misc/ubergames_joystick_right.jpg);
	background-repeat:		no-repeat;
	background-position:	right top;
	position:				absolute;
	top:					0;
	right:					-21px;
}

/**************************************
Gallery Screenshot Inner Page Boxes
**************************************/
.galleryBox
{
	margin:					3px 8px;
	padding:				3px;
	border:					1px solid #5b5b5b;
	text-align:				center;
	max-width:				145px;
	line-height:			110%;
	padding-bottom:			5px;
	background:				#3C3C3C url(/skin/UberGames_Main/style_default/images/page_elements/table/alt_bg.gif) repeat-x;
}

.galleryBox img
{
	border:					1px solid #5b5b5b;
	margin:					0 auto 3px;
	position:				relative;
}

/********************************************
UberGames Screenshots/Subpages Page CSS defines
********************************************/

.subpage
{
	padding:				0;
	margin:					0;
}

.subpage h1
{
	margin:					10px 0 5px;
	font-size:				17pt;
	line-height:			110%;
	width:					auto;
}

.subpage img
{
	padding:				0;
	margin:					0;
	line-height:			0;
}

.subpage .banner
{
	margin:					0;
	width:					100%;
	height:					85px;
	background:				#242224 url(/skin/UberGames_Main/style_default/images/banner/small_bg.jpg ) repeat-x;
	border:					0 none;
	border-bottom:			1px solid #727272;
	position:				relative;
}

.subpage .banner .left
{
	border:					0 none;
	position:				absolute;
	left:					0;
	top:					0;
	width:					292px;
	height:					85px;
}

.subpage .banner .right
{
	border:					0 none;
	position:				absolute;
	right:					0;
	top:					0;
	width:					711px;
	height:					85px;
}

.subpage .container
{
	margin: 				25px auto 10px;
	padding:				0px 25px 0;
	background-color:		#262626;
	border:					1px solid #4e4e4e;
	position:				relative;
	text-align:				center;
	width:					0;	/*Hack to override CSS and get the table tag to work.*/
	line-height:			0;	/*XHTML Strict Hack*/
}

.subpage .description
{
	margin:					0 auto 15px;
	line-height:			120%;
}

.subpage .resize_message
{
	line-height:			130%;
	background-color:		#3c3c3c;
	padding:				3px;
	margin:					0 auto;
	padding:				3px 0;
	color:					#898989;
	font-size:				10px;
	font-weight:			bold;
	border:					1px solid #4f4f4f;
}

.subpage .footer_info
{
	line-height:			140%;
	font-size:				10px;
	font-style:				italic;
	text-align:				center;
	margin:					5px 0;
	width:					auto;
}

/*Preview Box holds thumbnails for other
screenshots along the bottom of the screen*/
.subpage .previewBox
{
	border:					1px solid #3c3c3c;
	background-color:		#262626;
	padding:				0;
	margin:					5px auto 10px;
	width:					auto;
	max-height:				150px;
	max-width:				710px;
}

.subpage .previewBox img
{
	margin:					5px;
	margin-right:			0;
	border:					1px solid #5a5a5a;
}

/*****************************************************************
Form Elements
*****************************************************************/
.button
{
	display:				inline;
	font-size: 				10px;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	/*background-color: 		#333333;
	color:					#FFFFFF;
	border-width:			1px;
	border-color:			#999999;
	border-style:			solid;*/
	padding:				2px;
	margin:					2px;
	background-image:		url(/skin/UberGames_Main/style_default/images/page_elements/table/header_bg.gif);
	color:					#fff;
	border-top:				1px solid #909090;
	border-left:			1px solid #909090;
	border-right:			1px solid #2b2b2b;
	border-bottom:			1px solid #2b2b2b;
}

.dropdown
{
	display:				inline;
	font-size: 				11px;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	padding:				2px;
	margin:					2px;
}

.textarea
{
	color:					#fff;
	background-color:		#292929;
	border:					1px solid #5b5b5b;
	font-size:				10px;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	padding:				2px;	
}

/************************************
UberGames Website
Main Page Menu Button CSS 
By Timothy 'TiM' Oliver
28-1-2008
************************************/

.menu
{
	text-align: 			left;
	font-size: 				10px;
	color:					#fff;
	width:					158px;
	background-image:		url(/skin/UberGames_Main/style_default/images/page_elements/menu_column/menu/bg.gif);
	background-repeat:		repeat-y;
	padding:				0px 0px;
	margin:					3px auto 4px;
	padding:				0px 4px;
	overflow:				hidden;
	background-color:		#3e3e3e;
}

.menu .heading
{	
	background-image: 		url(/skin/UberGames_Main/style_default/images/page_elements/menu_column/menu/top_bg.gif);
	background-repeat:		repeat-x;
	height:					28px;
	position:				relative;
	width:					158px;

}

.menu .heading .text
{
	color:					#bababa;
	font-weight:			bold;
	font-size:				12px;
	display:				inline;
	position:				absolute;
	z-index:				100;
	margin:					8px 12px;
	overflow:				hidden;
}

.menu .heading .top_left
{
	width:					12px;
	height:					27px;
	z-index:				auto;
	display:				inline;
	padding:				0px;
	margin:					0px;
	position:				absolute;
	left:					-4px;
	top:					0px;
}

.menu .heading .top_right
{
	width:					12px;
	height:					28px;
	z-index:				auto;
	display:				inline;
	padding:				0px;
	margin:					0px;
	position:				absolute;
	right:					-4px;
	top:					0px;
}

.menu .menu_footer
{
	background-image:		url(/skin/UberGames_Main/style_default/images/page_elements/menu_column/menu/bottom.gif );
	background-repeat:		no-repeat;
	height:					15px;
	width:					166px;
	padding:				0px;
	margin:					0px;
	position:				relative;
	bottom:					0px;
	left:					-4px;
}

.menu .top_highlight
{
	background-color:		#777777;
	height:					1px;
	width:					158px;
	display:				block;
}

.menu .bottom_shadow
{
	background-color:		#353535;
	height:					1px;
	width:					158px;
	display:				block;
}

.menu .content
{
	padding:				6px 10px;
	display:				block;
	margin:					0px;
}

.menu .content .gallery_pane
{
	/*background-image:		url(/skin/UberGames_Main/style_default/images/page_elements/menu_column/menu/potn_shadow.gif);*/
	/*background-position:	1px 0px;
	background-repeat:		no-repeat;
	padding:				0;
	padding-top:			1px;
	padding-left:			1px;*/
	padding:				0;
	margin:					0px auto;
	width:					142px; /*147px*/
	/*height:					113px;*/
	overflow:				visible;
	position:				relative;
	left:					-1px;
	text-align:				center;
	/*left:					-3px;*/
}

.menu .content .hr_break
{
	background-image:		url(/skin/UberGames_Main/style_default/images/page_elements/menu_column/menu/break.gif);
	background-repeat:		no-repeat;
	padding:				0px 0px;
	margin:					4px auto;
	width:					142px;
	height:					2px;
}

/*.menu .buttons a
{
	background-image:		url( /skin/UberGames_Main/style_default/images/page_elements/menu_column/menu/button_rolled.gif );
}*/

.menu .buttons a:link,
.menu .buttons a:active,
.menu .buttons a:visited
{
	background:		url(/skin/UberGames_Main/style_default/images/page_elements/menu_column/menu/button.gif ) repeat-x 0 0;
	position:				relative;
	display:				block;
	height:					25px;
	color:					#fff;
	text-decoration:		none;
	text-indent:			13px;	/*Used instead of padding as IE 7 hack */
	line-height:			23px;
}

.menu .buttons a:hover,
.menu .buttons a:focus
{
	background:		url( /skin/UberGames_Main/style_default/images/page_elements/menu_column/menu/button.gif ) repeat-x 0 -25px;	
}

.menu .buttons a .arrow
{
	background-image:		url( /skin/UberGames_Main/style_default/images/page_elements/menu_column/menu/button_arrow.gif );
	background-repeat:		no-repeat;
	position:				absolute;
	height:					5px;
	width:					3px;
	right:					12px;
	top:					10px;
}

/*Dynamic Menu Entries*/
.menu .high_button
{
	background-image:		url( /skin/UberGames_Main/style_default/images/page_elements/menu_column/menu/button_high.gif );
	background-repeat:	repeat-x;
	padding:			3px 9px 3px 13px;
	margin:				0;
	border-top:			1px solid #777777;
	border-bottom:		1px solid #151515;
	color:				#bababa;
}

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

.menu .high_button a:hover
{
	text-decoration:		underline;
}

.menu .high_button .forum_date
{
	text-align:			right;
	font-style:			italic;
	color:				#8a8a8a;
}

.menu .button_break
{
	height:					6px;
	line-height:			0;
	margin:					0;
	background-repeat:		repeat-x;
	background-image:		url( /skin/UberGames_Main/style_default/images/page_elements/menu_column/menu/button_break.gif );
}

/************************************
UberGames Ventrilo List Styles

Styles for the Ventrilo List on the 
Ventrilo Link
************************************/

#ventrilo 
{
	float:					right;
    width:					240px;
	/*background:				url(http://www.typefrag.com/img/controlpanel/icons_typefrag.gif) no-repeat;*/
	padding:				45px 10px 20px 15px;
	border:					solid 1px #dddddd;
	font-family:			Tahoma, Verdana, Arial, Sans-Serif;
	color: 					#212D33;
	font-size:				11px;
	line-height:			150%;
	text-align:				left;
	overflow:				hidden;
	position:				relative;
	background-color:		#FFFFFF;
	background-position:	5px 0;
	background-repeat:		no-repeat;
	background-image:		url( /skin/UberGames_Main/style_default/images/icons/ventrilo_title.gif );
}

#ventrilo .user 
{
	padding:				0;
	margin:					0;
}

#ventrilo .connect 
{
	padding:				0;
	margin:					0;
}

#ventrilo .channel 
{
	padding:				0;
	margin:					0;
}

#ventrilo .locked 
{
	padding:				0;
	margin:					0;
}

#ventrilo .channel li 
{
	background: 			url(http://www.typefrag.com/img/controlpanel/icons_plus.gif) no-repeat;
	list-style-type:		none;
	padding:				0 0 0 20px;
	margin:					10px 0 0 0;
	font-size:				11px;
	text-align:				left;
}

#ventrilo .locked li 
{
	background: 			url(http://www.typefrag.com/img/controlpanel/icons_locked.gif) no-repeat;
	list-style-type:		none;
	padding:				0 0 0 20px;
	margin:					10px 0 0 0;
	font-size:				11px;
	text-align:				left;
}

#ventrilo .user li 
{
	background: 			url(http://www.typefrag.com/img/controlpanel/icons_user.gif) no-repeat;
	list-style-type:		none;
	padding:				0 0 0 20px;
	margin:					10px 0 0 0;
	font-size:				11px;
	text-align:				left;
}

#ventrilo .connect li 
{
	background:				url(http://www.typefrag.com/img/controlpanel/icons_connected.gif) no-repeat;
	list-style-type:		none;
	padding:				0 0 0 8px;
	margin:					0 0 0 0;
	font-size:				10px;
	border-bottom:			0;
	text-align:				left;
}