body{text-align:center;}
#container{ background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DEDEDE;
    box-shadow: 10px 10px 2px #999999;
    color: #444444;
    float: right;
    height: 130px;
    left: 50%;
    margin-right: 0px;
    margin-top: 20px;
    padding: 5px 20px;
    right: 10px;
    width: 180px;}
#info{margin:10px;width:320px;font-size:14px;font-family:Helvetica,sans-serif;}
#player{margin-top:20px;width:188px;}
#zen{
font-family:"Trebuchet MS";
font-size:18px;
color:#95590C;
margin-left:20px;
}


* {
	margin:0;
	padding:0;
}
h2 {
	padding:1em 0 0 0;
}
p {
	line-height:1.4em;
}
p + p {
	text-indent:2em;
}
body {
	font-size:100%;
	text-align:center;
	background-color:#FFF;
	background-position:0px 112px;
}

pre {
	display:block;
	margin:1em 0 0 0;
	width:488px;
}
pre code {
	background:#eee;
	display:block;
	padding:10px;
}
.r {
	float:right;
	padding:0 0 10px 20px;
}

/* Landscape mode (default) */
#wrap {
	margin:0 auto;
	width:1024px;
	position:relative;
	overflow:hidden;
	text-align:left;
	background-image:url(yoda.jpg);
	background-repeat: no-repeat;
	/*background-position:115px -208px;!important*/
	
}
#header {
	float:left;
	width:1024px;
	padding:10px 0 10px 0;
	border-bottom:1px solid #999999;
	background-image:url(header.jpg);
	background-repeat:repeat-x;
	color:#999999;
	background-color:#FFFFFF;
}
#main h1 {
	color:#FFFFFF;
	font-size: 18px;
	
	}
#main p {
	padding:0 30px;
	line-height:1.4em;
}
#content {
	float:left;
	width:1024px;
	/*background:#eee;*/
	position:relative;
	left:768px;
}
#main {
    float: left;
    padding: 199px 0;
    position: relative;
    right: 387px;
    width: 708px;
	}
#side {
	float:right;
	width:216px;
	position:relative;
	right:788px;
	padding-bottom:20px;
}
#sidea,
#sideb,
#sidec {
	clear:left;
	float:left;
	width:216px;
}
#footer {
	clear:both;
	bottom:10px;
	position: fixed;
	width:1024px;
	border-top:1px solid #FFF;
	background:#3D2767;
	padding-top:15px;
}
#footer p {
	padding:20px 30px;
}

@media only screen and (orientation:portrait){
	/* portrait mode */
	
	body {
	background-image:url(bg.jpg);
	background-repeat:no-repeat!important;
	background-attachment:fixed;
	background-position:5px 8px;!important
	background-color:#fff;
	
}
	#header
	{
		width:768px;
		left:10px;
	}
	#wrap{width:768px;
	background-image:none;!important}
	#footer {
	    width:768px;
		bottom:10px;
		position: fixed;
		}
	#content {
		left:0;
		
	}
	#main {
    float: left;
    padding: 269px 0;
    position: relative;
    left: 274px;
    width: 708px;
}
	
	#side {
		clear:left;
		bottom:90px;
		float:left;
		position: fixed;
		width:750px;
		left:10px;
		right:0;
		padding-bottom:20px;
		background:#eee;
	}
	#sidea {
		clear:none;
		width:216px;
		float:left;
		position:relative;
		left:30px;
		padding-top:20px;
	}
	#sideb {
		clear:none;
		width:216px;
		float:left;
		position:relative;
		left:60px;
		padding-top:20px;
	}
	#sidec {
		clear:none;
		width:216px;
		float:right;
		position:relative;
		right:30px;
		padding-top:20px;
	}
}