<!-- Theme-options -->
<div id="theme-options">
  <div class="openclose"></div>
  <div class="title">
    <span>THEME OPTIONS</span>
    <p>Choose a combination of predefined colors And layouts here.</p>
  </div>
  <span>SKINS VERSION</span>
  <ul class="layout-style">      
    <li class="light active"><a href="?theme=light" title="Light Skin">SKIN LIGHT</a></li>
    <li class="dark"><a  href="?theme=dark" title="Dark Skin">SKIN DARK</a></li>                
  </ul> 
  <span>SKINS COLOR</span>
  <ul class="colorbox">      
    <li><a class="red" href="?theme=red" title="Red Skin"></a></li>
    <li><a class="blue" href="?theme=blue" title="Blue Skin"></a></li>                    
    <li><a class="yellow" href="?theme=yellow" title="Yellow Skin"></a></li>
    <li><a class="green" href="?theme=green" title="Green Skin"></a></li>
    <li><a class="orange" href="?theme=orange" title="Orange Skin"></a></li>
    <li><a class="purple" href="?theme=purple" title="Purple Skin"></a></li>
    <li><a class="pink" href="?theme=pink" title="Pink Skin"></a></li>
    <li><a class="cocoa" href="?theme=cocoa" title="Cocoa Skin"></a></li>
  </ul>
  <span>LAYOUT STYLE</span>
  <ul class="layout-style">      
    <li class="wide active">Wide</li>
    <li class="boxed">Boxed</li> 
    <li class="boxed-margin">Boxed Margin</li>               
  </ul>               
  <div class="patterns">
    <span>BACKGROUND PATTERNS</span>
    <ul class="backgrounds">
      <li class="bgnone" title="None - Default"></li>
      <li class="bg1"></li>
      <li class="bg2"></li>
      <li class="bg3"></li>
      <li class="bg4 "></li>
      <li class="bg5"></li> 
      <li class="bg6"></li>
      <li class="bg7"></li>
      <li class="bg8"></li>
      <li class="bg9 "></li>
      <li class="bg10"></li> 
      <li class="bg11"></li> 
      <li class="bg12"></li> 
      <li class="bg13"></li> 
      <li class="bg14"></li> 
      <li class="bg15"></li> 
      <li class="bg16"></li> 
      <li class="bg17"></li> 
      <li class="bg18"></li> 
      <li class="bg19"></li> 
      <li class="bg20"></li> 
      <li class="bg21"></li> 
      <li class="bg22"></li> 
      <li class="bg23"></li> 
      <li class="bg24"></li> 
      <li class="bg25"></li> 
      <li class="bg26"></li>                   
    </ul>  
  </div>
</div>
<!-- End Theme-options -->   