#contentheader{
   text-align: justify;
}

#contentheader .column{
   padding-right: 0;
   width: 460px;
   font-size: 18px;
   line-height: 25px;
   color: #505050;
}

   #contentheader .column h2{
      margin-bottom: 10px;
   }


#content .column{
   margin: 0 50px 0 0;
   padding: 0;
}

#content .tricolumn{
   width: 290px;
   margin-right: 30px;
}

#content .news{
   width: 540px;
}

   #content .news h2{
      margin-bottom: -20px;
   }

      #content .news h2 a.feed{
         font-size: 14px;
      }

   #content .news a.twitter{
      margin-top: 0px;
   }

   #content .news h3{
      margin-top: 30px;
   }


#content #links{
   width: 360px;
   margin: 0 0 0 10px;

   overflow: visible !important;
   position: relative;
}

   #content #links .link{
      display: block;
      width: auto;
      margin-bottom: 15px;

      overflow: visible !important;
   }

   #content #links img{
      position: relative;
      behavior: url('/css/iepngfix.htc');
   }

   #content #links span.title{
      display: block;
      margin: 3px 0 5px 0;

      font-size: 30px;
      font-weight: bold;
      letter-spacing: -1px;
      line-height: 30px;
   }

   #content #links .donations{
      margin: 0 -15px 15px 0;
   }

      #content #links .donations span.border{
         height: 120px;
         display: block;
         margin-right: 15px;
         padding: 10px 35px 20px 15px;
         border: 3px solid #F9E98E;

         background-color: #FBF7AA;
         color: #a2844a;
         font-weight: normal;
         overflow: hidden;
      }
      #content #links .donations > span.border{
         height: auto;
      }

         #content #links .donations span.title{
            color: #915629;
            margin-bottom: 8px;
         }

      #content #links .donations img{
         margin: -55px -10px 0 0;
      }
      #content #links .donations > img{
         margin-right: 0;
      }


   #content #links .download{

   }

      #content #links .download img{
         margin: 8px -10px 0 0;
      }

      #content #links .download span.title{
         margin: 0;
         padding: 8px 15px;

         border: 3px solid #8FD401;
         background-color: #A2D959;
         color: #58792E;

         font-size: 22px;
      }

   #content #links .support{

   }

      #content #links .support img{
         margin: 8px -10px 0 0;
      }

      #content #links .support span.title{
         display: block;
         width: auto;
         padding: 8px 15px;

         border: 3px solid #68BADA;
         background-color: #90D8F0;
         color: #155F8F;
         font-size: 22px;
      }

   #content #links .demos{

   }

      #content #links .demos img{
         margin: 8px -10px 0 0;
      }

      #content #links .demos span.title{
         margin: 0;
         padding: 8px 15px;

         border: 3px solid #CE6F6F;
         background-color: #F79992;
         color: #9C2F2F;

         font-size: 22px;
      }


   #content #showcase{
      width: 566px;
      overflow: hidden;
   }

      #content #showcase .title{
         position: relative;
         padding: 0 0 6px;
         z-index: 10;

         font-size: 30px;
         line-height: 30px;
         vertical-align: bottom;
         text-align: center;
      }

         #content #showcase .title .next,
         #content #showcase .title .prev{
            padding: 3px 11px;

            border: 3px solid #E2E2E2;
            border-bottom-width: 0;
            background-color: #F1F1F1;
         }


      #content #showcase div.scrollable{
         position: relative;
         width: 560px;
         height: 264px;

         background-color: #F1F1F1;
         border: 3px solid #E2E2E2;
      }

         #content #showcase div.scrollable h2{
            color: #68BADA;
            margin: 0;
         }

         #content #showcase div.scrollable div.items{
            width: 20000em;
            position: absolute;
            margin-left: 5px;
         }

         #content #showcase div.scrollable div.items div{
            float: left;
            margin-right: 10px;
            padding: 10px;
            text-align: center;
            width: 540px;
         }

         #content #showcase div.scrollable div.items div.active{
            border: 1px inset #ccc;
            background-color: #fff;
         }


   /*
   Content - Features
   */
   #content #features{  }

      #content #features h2{
         margin-bottom: 11px;
      }

      #content #features h4{
         color: #A2D959;
      }

      #content #features ul.features{
         float: left;
         position: relative;
         margin-right: -1px;
      }

         #content #features ul.features li{
            line-height: 9px;
         }
         #content #features ul[class=features] li{ line-height: 21px; }

         #content #features ul.features li a,
         #content #features ul.features li a:link,
         #content #features ul.features li a:visited{
            display: block;
            padding: 12px 35px 12px 10px;
            position: relative;

            font-size: 21px;
            color: #505050;
         }
         #content #features ul.features li a.active{
            padding: 11px 30px 11px 15px;
            position: relative;

            border: 1px solid #e1e1e1;
            border-width: 1px 0 1px 1px;
            background-color: white;
            color: #68BADA;
         }

      #content #features p{
         margin: 10px 0;
      }

      #content #features ul.showcase{
         float: left;
         width: 674px;
         padding: 10px 20px 10px;

         border: 1px solid #e1e1e1;
         background-color: white;

         font-size: 16px;
         line-height: 22px;
         overflow: hidden;
      }
      #content #features ul[class=showcase]{ float: none; width: auto; }

         #content #features ul.showcase li{ display: none; }

            #content #features ul.showcase li.active{ display: block; }


         /*
            Content - Features - Browsers
         */
         #content #features ul.showcase li.browsers{}

            #content #features ul.showcase li.browsers .list{
               margin-top: 15px;
               padding: 13px 0 13px 65px;

               border-top: 1px solid #f2f2f2;
               border-bottom: 1px solid #f2f2f2;
            }

               #content #features ul.showcase li.browsers .list .browser{
                  width: 50px;
                  float: left;

                  margin: 0 45px 0 0;
                  overflow: hidden;

                  text-align: center;
               }

                  #content #features ul.showcase li.browsers .list .browser img{
                     height: 50px;
                     width: 50px;
                     margin: 3px 0 7px;

                     behavior: url('/css/iepngfix.htc');
                  }

            #content #features ul.showcase li.browsers p.note{
               padding: 10px 0;
            }


         /*
            Content - Features - Degradable
         */
         #content #features ul.showcase li.degradable{}

            #content #features ul.showcase li.degradable .example{
               text-align: center;
            }

               #content #features ul.showcase li.degradable .example img{
                  margin: 0 0 15px;
               }

         /*
            Content - Features - Rounded Corners
         */
         #content #features ul.showcase li.round{}

            #content #features ul.showcase li.round .solution,
            #content #features ul.showcase li.round .examples{
               padding: 8px 0;
               margin: 18px 0;

               border: 1px solid #f2f2f2;
               border-width: 1px 0;

               text-align: center;
               font-size: 18px;
               color: #68BADA;
            }

            #content #features ul.showcase li.round .examples{
               margin: 70px 0 90px;

               color: #505050;
            }

            #content #features ul.showcase li.round .qtip .qtip-content{
               text-align: center;
            }


         /*
            Content - Features - Tips
         */
         #content #features ul.showcase li.tips{}

            #content #features ul.showcase li.tips .cartoon{
               width: 118px;
               height: 126px;
               margin: 130px auto;
               text-align: center;

               background: transparent url('/projects/qtip/images/features/owl.png') no-repeat 50% 100%;
               behavior: url('/css/iepngfix.htc');
            }


         /*
            Content - Features - Easy Positioning
         */
         #content #features ul.showcase li.position{}

            #content #features ul.showcase li.position .wrong{
               float: right;
               margin: 10px 0 10px 20px;
            }

            #content #features ul.showcase li.position p{
               overflow: hidden;
            }

            #content #features ul.showcase li.position .corners{
               margin: 30px 0 10px;
               text-align: center;
            }


         /*
            Content - Features - Styles
         */
         #content #features ul.showcase li.styles{}

            #content #features ul.showcase li.styles .example{
               height: 83px;
               margin: 5px 0 7px;

               text-align: center;
            }

            #content #features ul.showcase li.styles code{
               padding: 8px 90px 8px 17px;
               margin: 15px 53px 15px 0;
               font-size: 14px;
               text-align: left;
            }

            #content #features ul.showcase li.styles p.note{ clear: both; }


         /*
            Content - Features - Degradable
         */
         #content #features ul.showcase li.stacking{}

            #content #features ul.showcase li.stacking .example{
               padding: 75px 0 15px;
               height: 80px;
            }

            #content #features ul.showcase li.stacking .example span{
               width: 40px;
            }


         /*
            Content - Features - Effects
         */
         #content #features ul.showcase li.effects{}

            #content #features ul.showcase li.effects h4 span{
               overflow: hidden;
               color: #8FD401;
               font-size: 19px;
            }

            #content #features ul.showcase li.effects .examples-preset,
            #content #features ul.showcase li.effects .examples-custom{
               height: 4px;
               margin: 20px 0 90px;
            }

            #content #features ul.showcase li.effects .qtip .qtip-content{
               cursor: pointer;
            }


         /*
            Content - Features - Dynamic content
         */

         #content #features ul.showcase li.ajax{}

            #content #features ul.showcase li.ajax .qtip{
               margin: 0 auto;
            }

            #content #features ul.showcase li.ajax .qtip .qtip-content{
               height: 250px;
               cursor: pointer;
            }

            #content #features ul.showcase li.ajax .example{
               margin: 20px 0 10px;
            }

         /*
            Content - Features - Scripting API
         */
         #content #features ul.showcase li.api{
            height: 410px;

            background: transparent url('/projects/qtip/images/features/code.png') no-repeat 110% 150%;
         }

            #content #features ul.showcase li.api img.apilogo{
               height: 115px;
               width: 150px;
               behavior: url('/css/iepngfix.htc');
            }