/*reset.css*/body{color:#000;background:#FFF;}body,div,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
	/*fonts.css*/body {}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}



body
{
    color: #369;
	font-family: Geneva, Tahoma, Verdana, helvetica, Arial, Sans-Serif;
    background-color: #9AE4E8;
	font-size: 62.5%;}

a {
	color: #369;}

h2 {
	font-size: 1.6em;
	font-weight: bold;
	line-height: 2.2em;}

p, li {
	font-size: 1.2em;
	line-height: 1.6em;}

p {
	margin-bottom: 16px;}

#header {
	margin: 0 auto;
	overflow:hidden;
	padding:40px 10px;
	position: relative;
	text-align:center;
	width:900px;}
	
	#header a.logo {
		left:20px;
		position:absolute;
		top:20px;}

#content {
	clear:both;
	background-color: white;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 0 auto 20px auto;
	padding: 10px;
	width: 900px;}

p.instruct {
	text-align: center}

img.fail
{
	display: block;
	margin-left: auto;
	margin-right: auto	
}

#imagecontent
{
	clear:both;
}


#navigation 
{
	background: #fff url(/images/bg-navTop.gif) no-repeat top;
	float: right;
	width: 660px;
	margin-top: 30px;
}

#navigation ul {
	background: url(/images/bg-navBottom.gif) no-repeat bottom;
	overflow: hidden;
	padding: 10px 50px;
	margin: 0px;
	list-style: none;
	margin-left: auto;
    margin-right: auto;
}

#navigation li 
{
	float: left;
	white-space: nowrap;
	
}

#navigation ul li a, #navigation ul li span 
{
	display: block;
	float: left;
	padding: 1px 10px;
	margin: 10px 10px 10px 0;
	letter-spacing: 0.2em;
	font-family: Tahoma, Verdana, helvetica, Arial, Sans-Serif;
	font-weight: bold;
}

#navigation ul li a 
{
	color: #369;
	text-decoration: underline;
}

#navigation ul li a:hover 
{
	color: #369;
}

#navigation ul li span {
	color: #369;}

/* --------------- Classes ------------*/

.about {
	background: url(/images/bg-about.gif) repeat-x top left;}
	
.about div {
	background: url(/images/twitter-bird.png) no-repeat bottom right;
	padding: 0 330px 0 30px;}
		
.status 
{
    background: url(/images/bg-status.gif) repeat-x top left;
}

.gallery 
{
}

/* Stuff for status feed */

h3 {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 2.2em;}
	
.byline
{
	font-size: 0.6em;
}