/** General */
html, body {
	background: black;
	color: silver;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	height: 100%;
}

a {
	color: silver;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

* :focus { outline: 0; }

h1 {
	font-size: 22px;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 14px;
	margin: 2px;
}

img {
	border: 0;
}

.small {
	font-size: 12px;
	color: gray;
	font-style: italic;
}

.thumbnail {
	width: 100px;
	height: 100px;
	border: 1px dotted gray;
	text-align: center;
	vertical-align: middle;
}

.thumbnail a {
	display: block;
	width: 100px;
}

.thumbnail:hover {
	border-style: solid;
}

.thumbnail img {
	max-width: 100px;
	max-height: 100px;
}


/** Navigation */
.nav {
	width: 100%;
	table-layout: fixed;
	text-align: center;
}

.nav a {
	display: block;
	text-decoration: none;	
}

.nav_top {
	height: 25px;
	border-top: 3px solid #5c5d5f;
}

.appsTable td {
	border: 1px dotted gray;
	text-align: center;
	padding: 10px;
}

.appsTable td:hover {
	border-style: solid;
}

.appInfo {
	width: 100%;
	margin-left: 20px;
}

/** Navigation */

/**
 * colors:
 * green:  AFF500
 * pink:   E50082
 * blue:   00CFFF
 * yellow: F5E900
 * showcase very dark: 101010
 * showcase lighter:   202020
 */

#gotoHome:hover {
	border-color: #AFF500;
}

#gotoAbout:hover, #gotoBlog:hover {
	border-color: #00CFFF;
}

#gotoApps:hover {
	border-color: #E50082;
}

#gotoContact:hover {
	border-color: #F5E900; /* #FFE0FF */
}

#navigation_top {
	border-bottom: 1px dotted gray;
	font-size: 17px;
	background: url(/images/nav_bg2.png) repeat-x;
}
#navigation_middle {
	background: url(/images/nav_bg4.png) repeat-x;
	border-top: 1px dotted gray;
}

#navigation_middle a:hover {
	text-decoration: underline;
}

/** Content */
#main {
	position:absolute; 
	left:50%; 
	width:860px; 
	margin-left:-430px;
}

#logo {
	width: 100%;
	height: 250px;
	background: url(/images/logo.png) no-repeat center left;
}

#content {
	border-top: 1px dotted gray;
	padding-bottom: 25px;
}

.box {
	float: right;
	margin: 20px;
	padding: 5px;
	display: block;
	background: #202020;
	border: 1px solid gray;
}

.invisible {
	border: none;
	background: none;
}

#showcase {
	width: 250px;
	height: 250px;
}

#social {
	width: 250px;
	height: 50px;
	position: relative;
}

#news {
	width: 300px;
	height: 90px;
	position: relative;
	top: 50px;
}

#footer {
	text-align: right;
	font-size: 14px;
	border-top: 1px dotted gray;
}

#trademarks {
	font-size: 12px;
	color: gray;
	text-align: center;
}