/* @override http://other.cameron.io/test/stylus/style.css */

/*
============== Reset css by Eric Meyer: 
-------------- http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/

*{
	margin: 0;
	padding: 0;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: #333;
	background: white;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/*
============== General styles
*/

html{
	font-size:100%;
}

body{
	background: #fff;
	font-size: 0.8em;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	color: #333;
	background: url(images/header-bar.gif) top center repeat-x;
}

a{
	color: #99afbc;
}

a:hover{
	color: #333;
	text-decoration: none;
}

p{
	margin: 0 0 1.5em 0;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
	margin: 0 0 1em 0;
	line-height: 1.1em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	border: 0;
}

h1{
	font-size: 3em;
	line-height: 1em;
}

h2{
	font-size: 1.6em;
}

h3{
	font-size: 1.4em;
}

h4{
	font-size: 1.1em;
}

.clear{
	clear: both;
}

a img{
	border: 0;
}

#header .inner #iphone-header-menu{
	display: none;
}

/*
============== Main layout
*/

#header, #footer, #content{
	min-width: 846px;
}

/*
============== #header styles
*/

#header{
	background: url(images/iphone-tp.gif) 0 0 no-repeat;
	height: 104px;
	margin: 21px 0 0 0;
	padding: 1px 0 0 1px;
}

#header h1{
	margin: 0;
	padding: 0;
}

#header h1 a{
	display: block;
	padding: 0;
	height: 68px;
	width: 109px;
	text-indent: -9999px;
	background: url(images/header.gif) center center no-repeat;
	margin: 40px 0px 0 662px;
}



/*
============== #content styles
*/

#content #main{
	float: left;
	width: 369px;
	margin: 5em 0 0 206px;
}

#content #main .post{
	position: relative;
	margin: 0 0 6em 0;
}

#content #main fieldset{
	border: 0;
	margin: 2em 0 2em 0;
}

#content #main fieldset label{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.8em;
	display: block;
	float: left;
	clear: both;
	width: 110px;
	height: 20px;
	margin: 0 0 20px 0;
	color: #aaa;
}

#content #main fieldset input{
	padding: 3px;
	height: 20px;
	display: block;
	float: left;
	margin: 0 0 20px 0;
	width: 240px;
	font-size: 1.1em;
	
}

#content #main fieldset textarea{
	width: 228px;
	display: block;
	float: left;
	margin: 0 0 40px 0;
	padding: 10px;
	min-height: 228px;
	resize: none !important;
}

#content #main fieldset input.zemSubmit{
	float: none;
	margin: 0 0 0 110px;
	clear: both;
	width: inherit;
	font-size: 1.3em;
}

#content #main fieldset br{
	display: none;
}

#content #main fieldset legend{
	display: none;
}

#content #main h3.archivedate{
	text-align: center;
	text-transform: uppercase;
	font-size: 0.9em;
	margin: 0 0 3em 0;
	background: #efefef;
	padding: 10px;
}

#content #main .post table{
	margin: 0 0 1.5em 0;
	border-spacing: 0;
	border-collapse: collapse;
}

#content #main .post table tr{
	
}

#content #main .post table td{
	border: 1px solid #ddd;
	padding: 7px;
	background: #efefef;
}

#content #main .post blockquote{
	margin: 0 0 0 10px;
	padding: 0 0 0 20px;
	border-left: 2px solid #ddd;
}

#content #main .post ul, #content #main .post ol{
	margin: 0 0 1.5em 30px;
}

#content #main .post ul li, #content #main .post ol li{
	margin: 0 0 0.4em 0;
}

#content #main .article h2{
	margin: 0 0 0 0;
}

#content #main .article h2 a{
	text-decoration: none;
	font-weight: normal;
	color: #000;
	letter-spacing: 1px;
}

#content #main .article span.date{
	color: #888;
	display: block;
	margin: 0 0 1.5em 0;
}

#content #main .article .icon{
	background: url(images/article-icon.gif) center center no-repeat;
	height: 21px;
	width: 14px;
	display: block;
	border: 0;
	text-decoration: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 0 0 -25px;
}

#content #main .link .icon{
	background: url(images/link-icon.gif) center center no-repeat;
	height: 21px;
	width: 14px;
	display: block;
	border: 0;
	text-decoration: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 0 0 -25px;
}

#content #main .link{
	
}

#content #sidebar{
	float: left;
	width: 104px;
	margin: 6.5em 0 0 90px;
	font-size: 0.8em;
}

#content #sidebar img{
	margin: 0 0 1em 0;
}

#content #sidebar p{
	margin: 0 0 1.8em 0;
}

#content #sidebar input{
	margin: 0 0 1.8em 0;
	width: 104px;
}

/*
============== #footer styles
*/

#footer{
	background: url(images/iphone-bottom.gif) 0 0 no-repeat;
	clear: both;
	margin: 0;
	padding: 1px 0 0 0;
	width: 100%;
	min-height: 61px;
}

#footer .inner{
	padding: 1px 0 1px 1px;
	margin: 61px 0 0 0;
	background: url(images/footer-bar.gif) top left repeat-x;
}

#footer .inner p#navigation{
	margin: 16px 0 0 206px;
	clear: both;
	width: 369px;
	position: relative;
	min-height: 30px;
}

#footer .inner p#navigation a#prev{
	display: block;
	height: 20px;
	width: 100px;
	position: absolute;
	top: 0;
	left: 0;
}

#footer .inner p#navigation a#next{
	display: block;
	height: 20px;
	width: 100px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}

#footer .inner p#copyright{
	margin: 2em 0 3em 206px;
	clear: both;
	width: 369px;
        text-align: center;
}


#home_button{
	position: absolute;
	left: 206px;
	top: 15px;
	width: 360px;
        height: 100px;
}

#home_button a{
	text-decoration: none;
}

#home_button a img{
	width: 360px;
	height: 100px;
}

.fusiontext a{
	text-decoration: none;
	color: #888;
	font-size: larger;	
}

.fusionpowered {
	text-decoration: none;
}