/* Taralax Studios 2010 Design */
@font-face {
	font-family: Larabie;	
	src: url('assets/fonts/larabief.ttf');
}
html {
	background: url('/assets/gfx/stars.jpg') #000;
	border: 0px;
	margin: 0px;
	padding: 0px;
	top: 0px;
	font-family: Larabie, Arial, Tahoma, Helvetica, sans-serif;
}

body {
	
	margin-top: -30px;
	padding: 0px;
}

a {
	color: #333;
	}

a:link {
	color: #333;
	background-color: inherit;
}

a:visited {
	color: #333;
	background-color: inherit;
}

a:focus {
	color: #333;
	background-color: inherit;
	text-shadow: 0.1em 0.1em 0.2em #244;
	text-decoration: none;
}

a:hover {
	color: #333;
	background-color: inherit;
	text-shadow: 0.1em 0.1em 0.2em #244;
	text-decoration: none;
}

#main {
	top: 0px;
	width: 900px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

#header {
	margin-bottom: 10px;
	text-align: center;
	height: 90px;
	width: 900px;
	background: transparent;
}

#header-main {
	height: 20px;
	background-color: rgba(255,255,255,0.7);
}

#header h1 {
	text-align: left;
	padding-left: 110px;
	font-variant: small-caps;
	color: rgba(255,255,255,0.7);
}

#header-top  {
	margin-top: -29px;
	margin-bottom: -16px;
}

#body-top, #header-top {
	opacity:0.7;
	height:15px;
	background:url('/assets/gfx/page-900-top.png') no-repeat;
}
#body-main {
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: rgba(255,255,255,0.7);
	color: #222;
	padding-left: 80px;
	padding-right: 100px;
	padding-top: 10px;
	padding-bottom: 20px;
}
#body-bottom, #header-bottom {
	opacity:0.7;
	height:15px;
	background:url('/assets/gfx/page-900-bottom.png') no-repeat;
}

#project-list {
	text-align: center;
}

#project-links {
	width: 23%;
	position: relative;
	top: 75px;
	left: 0px;
}
#project-content {
	position: relative;
	left: 23%;
	top: -50px;
	width: 77%;
}
img {
  border: 0px;
  margin: 0px;
  padding: 0px;
}

.copy {text-align: center;}
.warn {
  color: #d42;
  background-color: inherit;
  font-family: "Lucida Console", Tahoma, "Courier New", monospace;
  letter-spacing: 0.9em;
  font-weight: bold;
}