body 
{
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans", sans-serif;
	font-size: 100%;
	background: #333;
	background-image:url(pattern.jpg);
}


/* Header
-------------------------------------------------- */

#header
{
	width: 360px;
	margin: 0 auto;
	padding-top: 20px;
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
}

#header h1
{
	color: #fff;
	font-weight: normal;
	margin: 30px 10 3px 0;
	letter-spacing: .04em;
	font-size: 24px;
}

#header h3
{
	color: #fff;
	font-weight: normal;
	font-size: 10px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	letter-spacing: .04em;
}

#header p
{	
	color: #fff;
	
}


/* Containers
-------------------------------------------------- */

.container
{
	width: 320px;
	height: 415px;
	margin: 30px auto;
	margin-top: -1px;
	padding: 15px 20px 0px 20px;
	border: 10px solid #fff;
	-moz-border-radius: 15px;
	-webkit-border-radius: 1em;
	color: #fff;
	font-size: .75em;
	line-height: 2em;
}

.container h2
{
	padding: 5px 10px;
	width: 200px;
	font-size: 18px;
}

.container ul
{
	list-style-position: inside;
	margin: 0;
	padding: 0;
}

.container ul li  	{ margin-bottom: 10px; }
.container a		{ color: #fff; }

.container a:hover
{
	background: #fff;
	color: #555;
}

.container2
{
	width: 320px;
	height: 415px;
	margin: 30px auto;
	margin-top: -1px;
	padding: 15px 20px 0px 20px;
	border: 10px solid #fff;
	-moz-border-radius: 15px;
	-webkit-border-radius: 1em;
	color: #fff;
	font-size: .75em;
	line-height: 2em;
}

.container2 h2
{
	padding: 5px 10px;
	width: 200px;
	font-size: 18px;
}


#home		{ background: #15add1; }
#home h2	{ background: #007aa5; }
#archive	{ background: #ff9933; }
#archive h2	{ background: #cc6633; }
#error	{ background: #cc3333; }
#error h2	{ background: #993333; }

/* Tabs
-------------------------------------------------- */

#ctab /* <--- Tab container */
{
	width:320px;
	height:25px;
	margin: 0 auto;
	padding: 0;
}

.btab
{
	float:right;
	width: 120px;
	height: 20px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	background: #15add1;
	border-top: 5px solid #fff;
	border-right: 5px solid #fff;
	border-left: 5px solid #fff;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}

.btab h4
{	
	margin: 0;
	padding: 0;	
	color: #fff;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	text-align: right;
	padding-right: 15px;
	padding-bottom: 0px;
}
.btab a
{
	text-decoration: none;
	color: #fff;
}

.otab
{
	float:right;
	width: 120px;
	height: 20px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	background: #ff9933;
	border-top: 5px solid #fff;
	border-right: 5px solid #fff;
	border-left: 5px solid #fff;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}

.otab h4
{
	margin: 0;
	padding: 0;	
	color: #fff;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	text-align: right;
	padding-right: 20px;
	padding-bottom: 0px;
}
.otab a
{
	text-decoration: none;
	color: #fff;
}

/* Navigation
-------------------------------------------------- */

.nav			
{
text-align: center;
padding: 0;
}
.nav a img 		{border: none;}
.nav a:hover img	{border: none;}
.nav a:link img 	{border: none;}


/* Footer
-------------------------------------------------- */

#footer
{
	width: 220px;
	margin: 0 auto;
	margin-bottom: 0;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	text-align: "center";
	font-size: 11px;
}

#footer p
{
	color: #aaa;
}

#footer a
{
	text-decoration: none;
	color: #ffff66;
}

#footer a:hover
{
	text-decoration: underline;
	color: #ffcc66;
}

/* iPhone Properties
-------------------------------------------------- */

#iheader
{
	width: 320px;
	margin: 0 auto;
	font-size: .75em;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
}

#iheader h1
{
	color: #fff;
	font-weight: normal;
	margin: 0 auto;
}