/* @override http://localhost/jeroen/www.happymakinggames.com/downloads.css */

/*---------------------------------------------------------------------------------------*/
/** STANDARD standard tags and generic selectors 
*/

html {
	min-width: 60em;
	min-height: 38.60em;
	border: 0;
	margin: 0;
	padding: 0;
}

html * {
	border: 0;
	margin: 0;
	padding: 0;
}

body {
	font-size:  1em;
	min-width: 60em;
	min-height: 38.60em;
	background-color: #00162d;
	width: 100%;
}

body * { 
	border-collapse: collapse;
	font-weight: bold;
	font-family: helvetica, sans-serif;
	font-size: 1em;
	color: #8bb6cc;
}

* a {              
	margin: 0.2em;
	padding: 0.2em;
	border-color: #00162d;
	border: 0.12em solid transparent;
	text-decoration: none;
	color: #f8f848;
}

* a:hover{	 
	color: #ffffff;
	border: 0.12em solid #004477;
	background-color: #00162d;
}

#min_size {
	min-width: 60em;
	width: 100%;
	text-align: center;
}

/*---------------------------------------------------------------------------------------*/
/** TOP_BANNER top of screen menu and header (masthead) graphic
*/

#top_header_menu {
	overflow: hidden;
	min-width: 60em;
	height: 6em;
	width: 100%;
	left: 0%;
	top: 0%;
	z-index: 10;
	float: left;
	position: absolute;
	visibility: visible;
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
}

/*---------------------------------------------------------------------------------------*/
/** HEADER top of screen header (masthead) graphic
*/

#header {
	min-width: 60em;
	height:3.8em;
	border: 0;
	margin: 0;
	padding: 0;
	background-color: #00162d;
	text-align: center;
}

#header a {
	text-decoration: none;
	border: 0;
	padding: 0;
	margin: 0;
}
#header a.hover {
	border: 0;
	padding: 0;
	margin: 0;
	text-decoration: none;
}

#header img {
	height: 3.8em;
}

/*---------------------------------------------------------------------------------------*/
/** MENU top of page menu items and link types
*/

#menu_bar {
	overflow: hidden;
	background-color: #002244;
	color: #f8f848;
	min-width: 60em;
	visibility: visible;
	display: block;
	border: 0;
	border-top: 0.12em solid #004477;
	border-bottom: 0.12em solid #004477;
	margin: 0;
	padding: 0;
	height: 1.7em;
	line-height: 180%;
	text-decoration: none;
	letter-spacing: 0.16em;
	text-transform: lowercase;
	text-align: center;
	text-decoration: none;
}

#menu_bar a {
	height: 100%;
	padding-left: 0.3em;
	padding-right: 0.3em;
	padding-top: 0.4em;
	padding-bottom: 0.5em;
	margin: 0;
	border: 0;
	border: 0.12em solid #002244;
	text-decoration: none;
	color: #f8f848;
}

#menu_bar a:hover{
	border: 0.12em solid #004477;
	background-color: #00162d;
}

/*---------------------------------------------------------------------------------------*/
/** CENTER_SPLASH center of page graphic with overlaid links and such
*/
* p { font-size: 0.9em; font-weight: normal; letter-spacing: 0.1em; line-height: 150%; padding-bottom: 2em; }
* ul { padding-left: 1em; padding-bottom: 1em; }
* ol { font-size: 0.9em; font-weight: normal; letter-spacing: 0.1em; line-height: 150%; padding-bottom: 1em; }
* li { font-size: 0.9em; font-weight: normal; letter-spacing: 0.1em; line-height: 150%; padding-bottom: 1em; }
* h1 { font-family: helvetica, sans-serif; color: #ffff88; text-shadow: #52bCb3 0 0 2em; font-size: 2em; font-weight: bold; letter-spacing: 0.1em; line-height: 150%; padding-top: 0.5em; padding-bottom: 1em; text-align: center; }
* h4 { font-family: helvetica, sans-serif; color: #bddaaa; font-size: 1.2em; font-weight: bold; letter-spacing: 0.1em; line-height: 150%; padding-top: 1em; padding-bottom: 1.5em; }
* h6 { font-family: helvetica, sans-serif; color: #bddaaa; font-size: 0.75em; font-weight: normal; padding-top: 0.5em; }

#left_column_td {
	text-align: center;
	vertical-align: top;
	border: 0;
	margin: 0;
	padding: 0;
	min-width: 9em;	
	left: 0%;
	width: 15%;
	right: 85%;
	height: 100%;
}

#right_column_td {
	vertical-align: top;
	border: 0;
	margin: 0;
	padding: 0;
	min-width: 6em;	
	left: 85%;
	right: 0%;
	height: 100%;
	width: 15%;
}

#right_column_ads {
	width: 100%;
	min-width: 9em;
	text-align: center;
}

#middle_column_td {
	border: 0;
	margin: 0;
	padding: 0;
	z-index: 0;
	left: 15%;
	right: 15%;
	text-align: left;
	border-right: 0.12em solid #004477;
	background-color: #001933;
	min-width: 52em;
	width: 70%;
}

#middle_column_td_search {
	border: 0;
	margin: 0;
	padding: 0;
	z-index: 0;
	left: 15%;
	right: 15%;
	text-align: left;
	border-right: 0.12em solid #004477;
	border-left: 0.12em solid #004477;
	background-color: #001933;
	color: #fff;
	
	min-width: 52em;
	width: 70%;
}
.search
{
	border-collapse:collapse;
	border-style: none;
	border-spacing: 0pt;
	border-width: 0pt;
	margin: 0pt;
	border: 0pt;
	padding: 0pt;
	line-height: 150%;
	width: 100%;
	background-color: #00162d;
	font-size: 10pt;
	}


.middle_content {
	background-color: #001933;
	font-weight: normal;	
	letter-spacing: 0.16em;
	border: 0;
	margin: 0;
	padding: 2em;
	visibility: visible;
	display: block;
	z-index: 1;
	text-align: left;
	border-left: 0.12em solid #004477;
}

.middle_image_strip {
	z-index: 1;
	margin: 0;
	padding: 0;
	padding-top: 2em;
	background-color: #00162d;
	padding-bottom: 2em;
	text-align: center;
	border: 0;
	width: 85%;
	border-right: 0.12em solid #004477;
	border-top: 0.12em solid #004477;
	border-bottom: 0.12em solid #004477;
}

#content_area_table {
	border: 0;
	margin: 0;
	border-collapse: collapse;
	padding: 0;
	min-width: 60em;
	width: 100%;
}

#content_area_tr {
	border-collapse: collapse;
	border: 0;
	margin: 0;
	padding: 0;
	min-width: 60em;
	width: 100%;
}

#content_area {
	font-size: 0.9em;
	font-weight: normal;	
	letter-spacing: 0.16em;
	border: 0;
	margin: 0;
	padding: 0;
	padding-top: 6em;
	padding-bottom: 0;
	visibility: visible;
	display: block;
	z-index: 0;
	text-align: center;
	min-width: 60em;
	width: 100%;
}

#content_area a {              
}

#content_area a:hover{	 
	background-color: #002244;
}

.linkinfo {
	color: #8bb6cc;
	text-decoration: italic;
	padding: 0em;
	padding-top: 0.25em;
	padding-bottom: 0.75em;
	font: italic 0.8em helvetica, sans-serif;
}

#all_links {
	width:100%;
}

.links_column {
	width: 45%;
	text-align: center;
	vertical-align: top;
}

.links_break_column {
	width: 10%;
}

/*---------------------------------------------------------------------------------------*/
/** FOOTER
*/

.footer {
	position: relative;
	float:left;
	min-width: 60em;
	text-align: center;
	z-index: 10;
	background-color: #002244;
	border: 0;
	border-top: 0.12em solid #004477;
	margin: 0;
	padding: 0;
	left: 0;
	width: 100%;
}

.footer_search {
	position: relative;
	float:left;
	min-width: 60em;
	text-align: center;
	z-index: 10;
	background-color: #002244;
	border: 0;
	border-top: 0.12em solid #004477;
	margin: 0;
	padding: 0;
	left: 0;
	bottom: 0;
	width: 100%;
}

.footer_copyright {
	display: block;
	visibility: visible;
	border: 0;
	margin: 0;
	padding: 0;
	padding-top: 0.2em;
	font-weight: normal;
	font-size: 0.7em;
	color: #004477;
}

.footer_ads {
	z-index: 99; 
	display: block; 
	visibility: visible;
	opacity: 1.0; 
	width: 100%; 
	height: 60px;
}

a.real_image_link {
	text-decoration: none;
	background-color: #001933;
	margin: 0;
	border: 0;
	border-style: none;
	padding: 0.2em;
	padding-bottom: 0.1em;
	}
a:hover.real_image_link {
	background-color: #001933;
	text-decoration: none;
	}
img.real_image_link {
	text-decoration: none;
	background-color: #001933;
	margin: 0;
	border: 0.12em;
	border-color: transparent;
	border-style: solid;
	padding: 0.2em;
	padding-bottom: 0.1em;
	}
img:hover.real_image_link {
	text-decoration: none;
	border: 0.12em;
	border-color: #004477;
	border-style: solid;
	background-color: #002244;
	color: #ffffff;
	}

/*---------------------------------------------------------------------------------------*/
/** END OF FILE
*/