
html, body { height: 100%; } 
body { background-color: #333;
     position: relative; }

#page { width: 1000px; height: 600px;
      top: 50%; left: 50%;
      margin: -300px 0 0 -500px;
      position: absolute;
      background-color: #fff;
      background-image: url('../img/ps_logo.jpg');
      background-repeat: no-repeat; 
}

#left { position: absolute;
      top: 500px; width: 490px;
      height: 200px; }
#left_inner { margin: 0 6px 6px 10px; }

#right { position: absolute; right: 0; top: 0;
       width: 500px; height: 600px; }
#right_inner { margin: 6px; }


#right_nav {
	   height: 100px;
	   padding: 0.5em 0 0 0; }  

#right_nav ul {
	   background-color: #090e0a; 
	   height: 3em; 
	   }

#right_nav ul li a {
	   float: left; 
	   padding: 1em;
	   }


#right_content { overflow-y: scroll;
	     height: 470px; }

#right_content p, #right_content li { line-height: 1.3em; }


.episode { margin: 0 0 2em 0; }

#tweets_nav { text-align: center; }
#tweets { padding: 1em; }
#tweets p { line-height: 2em; }

#tweets li { position: relative;
	margin: 0 0 2em 0; }
#tweets span { display: block; }
#tweets .thumb { position: absolute; }
	
#tweets .body {
	margin: 0 0 0 60px; line-height: 1.2em;
	padding: 0.5em; }
#tweets .content { line-height: 1.2em; }

#footer { position: absolute;
	bottom: -15px;
	right: 6px; }







.clear:after {
    content: ".";
    height: 0;
    display: block;
    clear: both;
    visibility: hidden; }
.clear { display: inline-block;}
/*  \*/
.clear {
    zoom: 1;
    display: block;
    }
/* */








/* typography */
body { font-family: helvetica, arial, sans-serif;
     color: #333; font-size: 62.5%; }

h1#new { font-size: 2em; line-height: 1.2em; }
h1 { font-size: 1.8em; }
h1#new, h1#new a { color: #222; text-decoration: none; }

#tweets_nav { text-transform: uppercase;
	    font-size: 1.5em; }

#tweets_nav a { text-decoration: none; color: #999; }


#tweets .content { font-size: 2em; color: #666; font-weight: normal; }
#tweets .content a { font-weight: bold; }

#footer { font-size: 1.1em; }
#footer a, #footer { color: #fff; }

#left_inner p { font-size: 1.1em; }
#right_inner p { font-size: 1.2em; }

#right_nav ul li a {
	   font-size: 1em;
	   font-weight: bold; 
	   text-transform: uppercase;
	   text-decoration: none; }
#right_nav ul li.current a { color: #fff; }

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

#right_content p { color: #666; }



#faq {
     font-size: 1.2em; 
     border-top: 1px solid #d2d2d2; margin: 1em 2em;
  list-style: none; padding: 0;
/*  list-style-image: url(http://pics.ebaystatic.com/aw/pics/uk/express_closed/arrow.gif);*/
}
#faq li { padding: 0.5em 0; border-bottom: 1px solid #d2d2d2;
  margin: 0; }
#faq li ul { display: none; list-style-image: none; list-style: none; padding: 1em 0 0 0; }
#faq li ul li { padding: 0.25em; }

/*#faq li ul li ul { list-style-image: url(http://pics.ebaystatic.com/aw/pics/uk/express_closed/circle.gif); padding: 1em 3em; }
*/

#faq li ul li, #faq li ul li ul li { border: 0; }

#faq li a { font-weight: bold; color: #333; text-decoration: none; }
#faq li a:hover { text-decoration: none; }

