@media screen, projection {
  html{color:#000;background:#FFF;}*{margin:0; padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}caption,th{text-align:left;}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}em{font-weight:italic;}ul,ol{margin:0 0 20px 25px;}p{margin:0 0 20px;}

/**
 * Redeclarations
 */
	html                              {height:100%; background:#fff; }
	body                              {color:#333; background:#fff url(/images/logo.gif) 20px 20px no-repeat; height:100%; padding-bottom:1px; font:12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;} 
  table                             {border:solid #ccc; border-width:5px 0; width:100%;}
  blockquote                        {font-style:italic; margin:20px 30px; padding:15px 20px 0; border:1px solid #ccc; border-width:1px 0; background:#eee;}
  blockquote p                      {margin:0 0 15px; padding:0;}
  pre													      {overflow:auto; width:650px; background:#f9f9f9; border:1px solid #ccc; border-width:1px 0; margin:0 0 30px; padding:5px 10px; font-family:monospace; font-size:13px;}
  code 												      {font-size:13px;}
  a                                 {color:#000; font-weight:bold;}
  a:hover                           {text-decoration:none;}
  ul li, ol li                      {margin:0 0 5px;}
  h1                                {margin:-7px 0 15px; padding:0; font-size:18px; color:#000; line-height:30px;}
  h2                                {margin:30px 0 15px;}
  h4                                {margin:0 0 10px;}
  
/**
 * Style Chunks
 */
  code span.brackets 					        {font-weight:bold;}
  code span.comment 	  			        {color:#999;}
  code span.keywords                  {color:#8C4A1C;}

  code.javascript span.string,      
  code.css span.urls,               
  code.css span.selectors,          
  code.ruby span.string 			        {color:#03c;}

  code.javascript span.global,      
  code.css span.properties,         
  code.ruby span.symbol 			        {color:#2c85cc;}
  
  div#recent                          {margin:30px 0 0;}
    div#recent h3                     {border-bottom:1px solid #eee; margin:0 0 5px; padding:0 0 5px;}
    div#recent_articles,
    div#recent_tips                   {float:left; display:inline; width:310px;}
    div#recent_articles               {margin:0 30px 0 0;}
    div.content ul                    {margin:0; padding:0;}
    div.content ul li                 {list-style-type:none; margin:0;}
    div.content ul li a               {display:block; overflow:hidden; white-space:pre; text-decoration:none; padding:3px 0; border-bottom:1px solid #eee; color:#777;}
    div.content ul li a:hover         {color:#333;}
  
/**
 * Layout
 */
  div#wrapper                         {width:650px; margin:0 auto; padding:0;}
  div#header                          {padding:30px 0 30px 0; overflow:auto;}
    div#header h3                     {margin:0 0 10px; padding:0; line-height:1;}
    div#header h3 a                   {display:block; font-size:24px; color:#333; text-decoration:none;}
    div#header h3 a span              {color:#666;}
    div#header p                      {margin:0; padding:0; line-height:1; color:#666;}
  
  div#video                           {width:640px; cursor:pointer; border:1px solid #eee; border-width:1px 0; padding:4px 0 0px;}
  
  div#footer                          {clear:both; float:left; display:inline; border-top:1px solid #eee; width:100%; margin:30px 0 0; padding:10px 0 30px 0;}
}