@charset "UTF-8";

body{
	color:#000;
	font: 90% "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
}

#wrapper {
	width: 954px;
	margin: 0 auto;
	min-height:600px;
	position: relative;
}

h1{
	text-decoration: none;
 	font-size: 110px;
	font-family: neuropol-x-light,sans-serif;
 	text-shadow: 0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
	color: white;
	filter: Shadow(Color=#666666, 	
			Direction=135, 
			Strength=5);
	-webkit-transform: rotate(-5deg);	
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	transform: rotate(-5deg);
	margin-top:0;

}


#content{
	margin-top:22px;
}

#maincontent{
	width:700px;
	padding:7px 12px;
	line-height:1.9em;
	letter-spacing:0.03em;
}

#maincontent a{
	text-decoration:underline;
	color:#333;
}

/*

sidebars - turn on and off as necessary during work:

*/

/*

#rsidebar{
	width:200px;
	float:right;
	padding:22px 12px;
}

*/

#rsidebar{
	position:fixed;
	top:150px;
	width:200px;
	padding:22px 12px;
	margin-left:730px;
}


#rsidebar li{
	list-style-type:none;
	line-height:140%;
	margin-left:0;
	text-align:right;
}

#rsidebar a{
	color:#666;
}

/* Floating image containers */

.fltimgl {
	background-image:url(/images/furniture/wtrans50.png);
	float:left;
	padding:9px;
	margin-top:.5em;
	margin-right:.5em;
	border:#FFF thin solid;
}

.fltimgr {
	background-image:url(/images/furniture/wtrans50.png);
	float:right;
	padding:9px;
	margin-top:.5em;
	margin-left:.5em;
	border:#FFF thin solid;
}

.spr8{
	clear:both;
	padding-top:.35em;
}



/* Options - these properties are overriden in some pages such as the app pages which have their own look */
#hdrrollbg {
	background-image: url(/images/pghdrs/arollbg.gif);
	background-repeat: repeat-x;
}
#hdrgradbg {
	background-image: url(/images/pghdrs/agradbg.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#hdrpkimg {
	background-image:url(/images/pghdrs/thpackshot.png);
	background-repeat: no-repeat;
	background-position: 95%;
	height: 140px;
}
/* end Options */
.offline {
	color: #666;
}
.new {
	background-color: #F00;
	margin: 1px;
}

.qleft{
	float:left;
	width:200px;
	padding:9px 5px 5px 0;
	margin:.5em .6em 0 0;
	font-size:150%;
	color:#999;
}

.qright{
	float:right;
	width:200px;
	padding:9px 5px 5px 0;
	margin:.5em 0 0 .6em;
	font-size:150%;
	color:#999;
}

.qright p{
	margin-bottom:0;	
}

.qleft p{
	margin-bottom:0;	
}

.qright h4{
	display:none;	
}

.qleft h4{
	display:none;	
}



.qcredit{
	font-size:60%;
	text-align:right;
	color:#999;
	margin:0;
}

.badbrowser{
	 background-color:#F00;
	 padding-left:.5em;
}

.badbrowser h3{
	margin-top:.3em;
	margin-bottom:.3em;
}

.badbrowser p{
	padding:.1em;
	margin:0;
}


#wrapper #content #maincontent #steveJobs {
	border: 2px solid #000;
}

#strapline {
	position: absolute;
	top: 0em;
	left: 5px;
	margin-top: .3em;
}