/**
 * Copyright John Nunemaker 2008+
 */
@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:430px; background:#f9f9f9; border:1px solid #ccc; border-width:1px 0; margin:0 0 20px; 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;}
  
  
/**
 * Style Chunks
 */
  #cse-search-box                   {margin:22px 0 0; padding:0;}
  #q                                {border:1px solid #d9d9d9; font-size:11px; -webkit-border-radius:3px; -moz-border-radius:3px; margin:0; padding:3px; width:100px;}
  
  code.highlight {font-weight:bold;}
  code span.brackets                {font-weight:bold;}
  code span.comment                 {color:#999;}
  code span.keywords,
  code span.tag                     {color:#8C4A1C;}
                                    
  code.javascript span.string,      
  code.css span.urls,               
  code.css span.selectors,          
  code.ruby span.string,
  code span.instance                {color:#03c;}
                                    
  code.javascript span.global,      
  code.css span.properties,         
  code.ruby span.symbol,
  code span.method                  {color:#2c85cc;}
                                    
  img.image,                        
  img.image_full                    {border:1px solid #ccc; padding:2px;}
  img.full,                         
  img.image_full                    {width:450px;}
  img.right,                        
  img.small                         {float:right; margin:0 0 15px 15px;}
  img.quicktime                     {position:relative; top:3px; margin:0 5px 0 0;}
  
  ul.dates                          {float:left; margin:0 0 30px; padding:0; width:100%;}
  ul.dates li                       {clear:left; float:left; width:100%; margin:0; list-style-type:none; border-bottom:1px solid #eee; padding:5px 0;}
  ul.dates li a                     {text-decoration:none;}
  ul.dates li a:hover               {text-decoration:underline;}
  ul.dates li span.article small    {float:right; display:inline; margin:5px 0 0 10px;}
  ul.dates li span.count            {float:left; display:block;}
  
  #archive_bar_graph                {clear:both; float:left; display:inline; width:902px; margin:0; padding:0 0 20px 0;}
  #archive_bar_graph li             {float:right; display:inline; list-style-type:none; position:relative; width:40px; margin:0 0 0 1px; padding:20px 0 0; min-height:110px;}
  #archive_bar_graph li span.label  {position:absolute; bottom:0; left:0; display:block; text-align:center; width:100%; color:#aaa;}
  #archive_bar_graph li a           {text-decoration:none;}
  #archive_bar_graph li a span.count{position:absolute; bottom:20px; display:block; width:100%; padding:5px 0 12px; background:#ddd; color:#fff; text-align:center;}
  #archive_bar_graph li a:hover span.count {background:#444; color:#fff;}
  
  
  #adzerk                           {width:120px; font-size:11px;}
  #adzerk img                       {border:1px solid #ccc; -webkit-border-radius:2px;}
  div.sponsors                      {margin:30px 0 0;}
  div.sponsors a.sponsor            {display:block; margin:0 0 20px;}
  
  #advertise_here                   {margin:-10px 0 0;}
  #advertise_here a                 {display:block; text-transform:lowercase; font-size:11px; text-align:center; color:#333;}
  #advertise_here a:hover           {text-decoration:none;}
  
  img.feed_icon                     {float:left; margin:4px 5px 0 0;}
  a.chicklet                        {display:block; margin:5px 0 0;}
  
  #related_articles ul.dates                  {padding-bottom:20px;}
  #related_articles ul.dates li span.date     {width:95px; text-align:left; margin-right:0;}
  #related_articles ul.dates li span.article  {width:355px;}
  
  div.figure                        {margin:0 0 20px;}
  
  span.figure                       {display:block; float:right; margin:0 0 20px 20px;}
  span.figure img                   {display:block; border:1px solid #ccc; padding:2px;}
  span.figure small                 {display:block; margin:5px 0 0; font-size:10px; text-align:center; color:#666;}
  
  div#about_images                  {float:left; display:inline; width:100%; margin:5px 0 10px;}
  div#about_images a                {float:left; display:block; margin:0 9px 0 0;}
  div#about_images a:hover img      {border:1px solid #999;}
  
  /* Searches */
  div#search_info                   {margin:0 0 20px; padding:0 0 0 200px;}
  
  /* Pagination */
  div.pagination                    {float:left; display:inline; width:450px; margin:0 0 20px; padding:0 0 0 200px;}
  div.pagination a                  {margin:0 -4px; padding:2px 4px;}
  div.pagination a:hover            {background:#000; color:#fff; text-decoration:none;}
  div.pagination a.previous         {float:left; display:block;}
  div.pagination a.next             {float:right; display:block;}
  
  /* more links on home page */
  div#more_links                          {margin:0 0 30px 200px;}
  div#more_links a                        {margin:0 5px;}
  
  /* topics in sidebar */
  ul#topics                         {margin:0; padding:0;}
  ul#topics li                      {list-style-type:none; float:left; display:inline;}
  ul#topics li a                    {display:block; float:left;  padding:2px 3px; text-decoration:none; color:#333;}
  ul#topics li a:hover              {background:#333; color:#fff;}

  #network_bar                 {float:left; display:inline; width:100%; margin:0; padding:0; background:#222; color:#ccc;}
  #network_bar ul              {float:left; display:inline; margin:0; padding:0;}
  #network_bar ul li           {float:left; display:inline; margin:0; padding:0; border-right:1px solid #333; list-style-type:none;}
  #network_bar ul li a         {float:left; display:block; margin:0; padding:6px 10px; color:#aaa; font:11px/11px helvetica, arial, sans-serif !important; text-decoration:none; text-align:center;}
  #network_bar ul li a:hover   {color:#fff;}
  #network_bar ul li a.current {color:#fff;}

/**
 * Layout
 */
  div#wrapper                       {width:900px; margin:0 auto; position:relative;} 
  div#header                        {float:left; display:inline; width:700px; padding:30px 0 30px 200px;}
  div#header h3                     {margin:0 0 10px; padding:0; line-height:1; width:400px;}
  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#header p img                  {margin:0 4px 0 0; position:relative; top:2px;}
  div#nav                           {float:left; display:inline; margin:10px 0 0; padding:10px 0 0; border-top:1px solid #eee;}
  div#nav ul                        {float:left; margin:0 0 5px; padding:0;}
  div#nav ul li                     {float:left; display:inline; margin:0 10px 0 0;}
  div#nav ul li a                   {float:left; display:block; background:#eee; color:#666; padding:5px 6px; vertical-align:middle; 
font-size:11px; line-height:1; text-decoration:none; font-weight:normal; -webkit-border-radius:3px; -moz-border-radius:3px;}
  div#nav ul li a:hover             {background:#ddd; color:#333;}
  div#nav form                      {float:left;}
  div#nav form #q                   {margin:1px 0 0; width:80px; height:15px; color:#666;}
  
  div#content                       {float:left; display:inline; width:100%; padding:0 0 10px;}
  div#primary                       {float:left; display:inline; width:650px; margin:0 50px 0 0;}
    div.post                        {margin:0 0 40px; padding:0 0 0 200px;}
    div#primary div.post:last-child {margin:0 0 30px;}
    div.post div.excerpt p          {margin:0 0 10px;}
    div#search_info h1,
    div.post div.title h1           {font-size:18px; color:#000; margin:0 0 10px; padding:0; line-height:1.3;}
    div.post div.title h1 a         {color:#000; text-decoration:none; font-size:18px; line-height:18px;}
    div.post div.title h1 a:hover   {border-bottom:1px solid;}
    div.post div.when               {float:left; margin:3px 0 0 -150px;}
    div.post div.when h3            {color:#777; font-size:12px; font-weight:normal; line-height:18px; margin:2px 0 0; padding:0;}
    div.post div.when p.author      {color:#777; font-size:12px;}
    div.post h2                     {font-size:14px; margin:25px 0 5px;}
    div.post h3                     {font-size:13px; margin:15px 0 10px; color:#444;}
    h3#respond                      {clear:left; margin:10px 0 20px; padding:0;}
    h3#comments                     {clear:left; padding:0 0 10px 200px; border-bottom:1px solid #eee;}
    #comment-body                   {width:350px; height:100px;}
    ul.comments                     {clear:both; float:left; width:100%;}
    li.comment                      {clear:left; float:left; display:inline; width:600px; list-style-type:none; margin:5px 0; padding:10px;}
    li.author                       {border-left:3px double #333;}
    li.even                         {background:#eee;}
    li.comment .comment_author      {float:left; width:160px; font-size:12px; line-height:16px;}
    li.author .comment_author       {width:157px;}
    li.comment .comment_author img  {float:left; border:1px solid #ccc; margin:0 10px 10px 0; padding:1px; background:#fff;}
    li.comment .comment_author cite {font-style:normal;}
    li.comment .comment_author a    {font-weight:normal;}
    li.comment .comment_author a:hover {text-decoration:none;}
    li.comment p.date a             {text-decoration:none;}
    li.comment .comment_body        {float:left; width:435px;}
    li.comment pre                  {width:400px;}
    div#comment-form-wrapper        {clear:left; padding:0 0 0 200px;}
  
  div#secondary                     {float:left; display:inline; width:150px; font-size:11px; margin:0 0 30px;}
    div#secondary a                 {font-weight:normal;}
    div#secondary h3                {font-size:13px; font-weight:bold; line-height:18px; margin:0 0 5px;}
    div#secondary ul                {margin:0; padding:0;}
    div#secondary ul li             {list-style-type:none; border-bottom:1px solid #eee; margin:0; padding:0;}
    div#secondary ul li a           {display:block; padding:0 0 10px; text-decoration:none;}
    div#secondary ul li a:hover     {background:#eee;}
    div#secondary div.section       {float:left; display:inline; clear:both; margin:0 0 20px;}
    div#secondary div.bugs          {}
    div#secondary a.bug             {float:left; display:inline; margin:0 0 10px;}
    
  div#more                          {float:left; display:inline; clear:both; width:100%; margin:0; padding:30px 0 0; border-top:1px solid #eee; background:url(images/me.jpg) 0 100% no-repeat;}
    div#more div.section            {margin:0 0 30px;}
    div.row                         {float:left; display:inline; margin:0 0 30px;}
    div.cell                        {float:left; display:inline; margin:0 30px 0 0;}
    div.cell h3                     {margin:0 0 10px;}
    div.row h3                      {/*border-bottom:1px solid #eee;*/ margin:0 0 5px; padding:0 0 5px;}
    div.cell h3 small,
    div.cell h3 small a             {text-decoration:none; color:#666; font-size:11px; font-weight:normal;}
    div.cell h3 small a:hover       {color:#222;}
    div.cell ul                     {margin:0; padding:0;}
    div.cell ul li                  {margin:0; padding:0; list-style-type:none;}
    div.cell ul li a                {display:block; overflow:hidden; white-space:pre; text-decoration:none; padding:3px 0; border-bottom:1px solid #eee; color:#777; font-weight:normal;}
    div.cell ul li a strong         {color:#555; float:left; display:inline; min-width:30px; font-weight:normal;}
    div.cell ul li:last-child a     {border-bottom:none;}
    div.cell ul li a:hover          {color:#333;}
    div.cell ul li img.feed_icon    {margin:6px 5px 0 -17px;}
    
    div.row div.links               {width:330px;}
    div.row div.omega               {margin-right:0;}
    
    div#more_site_links             {width:180px;}
  
  #need-more                        {float:left; display:inline; clear:both; margin:0 0 0 210px;}
  #need-more ul                     {float:left; display:inline; margin:0; padding:0;}
  #need-more ul li                  {float:left; display:inline; padding:0 10px 0 0;}
  #need-more ul li a                {color:#777; text-decoration:none; font-weight:normal;}
  #need-more ul li a:hover          {color:#333;}  
  
  div#footer                        {clear:both; float:left; display:inline; border-top:1px solid #eee; width:700px; padding:10px 0 30px 210px;} 
}