html
{
	background: #292930 url("images/border.png") repeat-y center top;
}

body
{
	margin: 0px; padding: 0px;
	font: 100 8pt Arial, Helvetica, sans-serif;
	color: #f00;
}

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

#logo
{
	width: 240px;
	margin: 0px auto 20px auto;
	background: #000 url("images/sarkscape-logo.png") no-repeat center top;
	height: 185px;
}

.test
{
	clear: both;
	width: 100px;
	border: 1px solid #fff;
	margin: 0px auto;
}

.info
{
	color: #bdf;
}

.require
{
	color: #bdf;
	font-style: italic;
}

.in-development
{
	color: #ffc;
}

.entry-short
{
	border: 0px solid #fff;
	clear: both;
	line-height: 1.6em;
	padding-left: 5px;
	width: 220px;
	margin: 0 auto 20px auto;
}

.entry-thumb
{
	float: left;
	margin-right: 20px;
}

.entry-name
{
	font-size: 160%;
	margin-bottom: 4px;
	color: #fff;
}

.entry-expanded
{
	clear: both;
	background: transparent url("images/topborder.png") no-repeat center top;
	width: 500px;
	margin: 0 auto 20px auto;
	padding-top: 14px;
	color: #ffa;
	line-height: 1.6em;
}

.entry-close
{
	color: #fc0;
	float: right;
	font-weight: 700;
	padding: 0px 10px;
}

.entry-expanded .content
{
	padding: 10px 20px;
	background: #000;
}

.entry-expanded p
{
	clear: both;
	margin: 1em 0px 0px 0px;
	padding: 0px;
	font-size: 9pt;
}

.entry-expanded .action
{
	text-align: right;
	font-size: 140%;
}

.entry-expanded .footer
{
	background: transparent url("images/bottomborder.png") no-repeat center bottom;
	width: 500px;
	height: 14px;
}

.copyright
{
	width: 200px;
	margin: 1em auto 1em auto;
	padding-top: 1em;
	border-top: 1px solid #555;
	color: #bbb;
	text-align: center;
}

.small-cr
{
	font-size: 70%;
	color: #999;
}

#contact-short
{
	width: 200px;
	margin: 0em auto 1em auto;
	color: #bbb;
	text-align: center;
}

#contact-short .active
{
	color: #fff;
}

#contact-expanded
{
	width: 220px;
	margin: 1em auto 0px auto;
	padding: 1em 0 2em 0;
	border-top: 1px dotted #555;
	color: #bdf;
}

#contact-expanded .field
{
	width: 95%;
	margin-bottom: 1em;
	background-color: #152939;
	border: 1px solid #354959;
	font: 100 8pt Arial, Helvetica, sans-serif;
	color: #fff;
}

#contact-expanded .send
{
	text-align: right;
}

/* utils */

.active
{
	cursor: pointer;
}

.clear
{
	width: 1px;
	margin: 0px auto;
	clear: both;
	height: 0px;
}

.iphone, .safari
{
	color: #ddd;
}

.opera
{
	color: #f52;
}

.firefox
{
	color: #fa2;
}

.ie
{
	color: #6cf;
}