Example of our HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Kiss925.com - Home page</title>
<link rel="stylesheet" type="text/css" media="all" href="_ui-preview/css/main.css" />
<link rel="stylesheet" type="text/css" media="print" href="_ui-preview/css/print.css" />
<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" media="all" href="_ui-preview/css/ie.css" />
<![endif]-->
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" media="all" href="_ui-preview/css/ie6.css" />
<script type="text/javascript" src="_ui-preview/js/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">
// DD_belatedPNG fix for IE6
DD_belatedPNG.fix('#header, #header .txt-num1-station span, #header .club, #header .sec-nav a, #header .play img, #spotlight .tab .frame');
</script>
<![endif]-->
</head>
<body class="home">
<div class="pattern">
<ol id="accessibility-nav">
<li><a href="#navigation">Skip to navigation</a></li>
<li><a href="#content">Skip to content</a></li>
<li><a href="#sidebar">Skip to sidebar</a></li>
</ol>
<!-- / accessibility-nav -->
<div class="top-banner"><a href="#"><img src="_media-preview/images/ad/03.png" width="728" height="90" alt="Ad" /></a></div>
<!-- / top-banner -->
<div id="header">
<hr />
<h1 class="site-name">KiSS 92.5 Hit Music<span></span></h1>
<!-- <a href="#" rel="home" title="Go to homepage" class="site-name">KiSS 92.5 Hit Music<span></span></a> -->
<div class="right">
<form action="#" class="club">
<fieldset>
<h3 class="ir txt-club">Loyalty Club<span></span></h3>
<p class="register"><a href="#">Register</a></p>
<ol>
<li class="user">
<input type="text" value="Username" class="text first" />
<input type="password" value="Password" class="text" />
</li>
<li class="submit"> <a href="#">Forgot username/password?</a>
<input type="image" src="_ui-preview/images/btn_login.png" alt="Login" title="Login" />
</li>
</ol>
</fieldset>
</form>
<hr />
<ul class="sec-nav">
<li class="photos"><a href="#">Photos</a></li>
<li class="videos"><a href="#">Videos</a></li>
<li class="podcasts"><a href="#">Podcasts</a></li>
</ul>
<!-- / sec-nav -->
<ul class="main-nav">
<li><a href="#">Concerts + Events</a></li>
<li><a href="#">Contests</a></li>
<li><a href="#">DJ’s + Shows</a></li>
<li><a href="#">Mobile</a></li>
</ul>
<!-- / main-nav -->
<hr />
<div id="player"> </div>
<!-- / player -->
<div class="follow-us">
<h3 class="ir txt-follow-us">Follow us<span></span></h3>
<ul>
<li><a href="#" class="ir facebook">Facebook<span></span></a></li>
<li><a href="#" class="ir youtube">YouTube<span></span></a></li>
<li><a href="#" class="ir twitter">Twitter<span></span></a></li>
<li><a href="#" class="ir rss">RSS<span></span></a></li>
</ul>
</div>
<!-- / follow-us -->
</div>
<!-- / right -->
</div>
<!-- / header -->
<hr />
<div class="container">
<div id="content">
<div id="spotlight">
<h2 class="ir txt-spotlight">Spotlight<span></span></h2>
<p class="ir rss"><a href="#">RSS<span></span></a></p>
<p class="sponsored"><strong>Sponsored by</strong> <a href="http://www.fido.ca/" class="fido"><img src="_ui-preview/images/adv_fido.png" width="71" height="23" alt="Fido" /></a></p>
<ul class="nav">
<li> <a href="#spotlight1" class="photo"><img src="_media-preview/images/artists/01.jpg" width="79" height="47" alt="Livvi Franc" /><span class="frame"></span></a>
<h3><a href="#">Now I'm That Bitch</a></h3>
<p>by Livvi Franc <br />
Feat. Pitbull</p>
</li>
<li> <a href="#spotlight2" class="photo"><img src="_media-preview/images/artists/02.jpg" width="79" height="47" alt="Livvi Franc" /><span class="frame"></span></a>
<h3><a href="#">Now I'm That Bitch</a></h3>
<p>by Livvi Franc <br />
Feat. Pitbull</p>
</li>
<li> <a href="#spotlight3" class="photo"><img src="_media-preview/images/artists/03.jpg" width="79" height="47" alt="Livvi Franc" /><span class="frame"></span></a>
<h3><a href="#">Now I'm That Bitch</a></h3>
<p>by Livvi Franc <br />
Feat. Pitbull</p>
</li>
<li> <a href="#spotlight4" class="photo"><img src="_media-preview/images/artists/04.jpg" width="79" height="47" alt="Livvi Franc" /><span class="frame"></span></a>
<h3><a href="#">Now I'm That Bitch</a></h3>
<p>by Livvi Franc <br />
Feat. Pitbull</p>
</li>
<li> <a href="#spotlight5" class="photo"><img src="_media-preview/images/artists/01.jpg" width="79" height="47" alt="Livvi Franc" /><span class="frame"></span></a>
<h3><a href="#">Now I'm That Bitch</a></h3>
<p>by Livvi Franc <br />
Feat. Pitbull</p>
</li>
</ul>
<div class="tab display" id="spotlight1"> <a href="#"><img src="_media-preview/images/artists/01-big.jpg" width="563" height="289" alt="Lady Gaga" /><span class="frame"></span></a>
<div class="text">
<h2><a href="#">Lorem ipsum 1</a></h2>
<p><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam dapibus leo, eget vulputate orci purus ut lorem. In fringilla mi in ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam dapibus leo, eget vulputate orci purus ut lorem. In fringilla mi in ligula.</a></p>
</div>
<!-- / text -->
</div>
<!-- / tab -->
<div class="tab" id="spotlight2"> <a href="#"><img src="_media-preview/images/artists/02-big.jpg" width="563" height="289" alt="Lady Gaga" /><span class="frame"></span></a>
<div class="text">
<h2><a href="#">Now I'm That Bitch</a></h2>
<p><a href="#">Lady Gaga drops by to promote her hot new album</a></p>
</div>
<!-- / text -->
</div>
<!-- / tab -->
<div class="tab" id="spotlight3"> <a href="#"><img src="_media-preview/images/artists/03-big.jpg" width="563" height="289" alt="Lady Gaga" /><span class="frame"></span></a>
<div class="text">
<h2><a href="#">Lady Gaga</a></h2>
<p><a href="#">Lady Gaga drops by to promote her hot new album</a></p>
</div>
<!-- / text -->
</div>
<!-- / tab -->
<div class="tab" id="spotlight4"> <a href="#"><img src="_media-preview/images/artists/04-big.jpg" width="563" height="289" alt="Lady Gaga" /><span class="frame"></span></a>
<div class="text">
<h2><a href="#">Lady Gaga drops by to promote</a></h2>
<p><a href="#">Lady Gaga drops by to promote her hot new album</a></p>
</div>
<!-- / text -->
</div>
<!-- / tab -->
<div class="tab" id="spotlight5"> <a href="#"><img src="_media-preview/images/artists/05-big.jpg" width="563" height="289" alt="Lady Gaga" /><span class="frame"></span></a>
<div class="text">
<h2><a href="#">Promote her hot new album</a></h2>
<p><a href="#">Lady Gaga drops by to promote her hot new album</a></p>
</div>
<!-- / text -->
</div>
<!-- / tab -->
</div>
<!-- / spotlight -->
<div class="content-middle">
<h2 class="ir txt-kiss-dish">The KiSS Dish<span></span></h2>
<ul class="rss-top">
<li><a href="#"><img src="_ui-preview/images/btn_rss2.png" width="16" height="16" alt="RSS" /></a></li>
</ul>
<div class="post">
<h3><a href="#">Post Title sit amet post Title sit amet</a></h3>
<p class="bar">Posted by <a href="#">Xeni Jardin</a>, Category <a href="#">Gossip</a>, August 18, 2009 12:23 PM</p>
<div> <img src="_media-preview/images/artists/06.jpg" width="454" height="229" alt="Post Title sit amet post Title sit amet" class="wide" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam dapibus leo, eget vulputate orci purus ut lorem. In fringilla mi in ligula. Pellentesque aliquam quam vel dolor. Nunc adipiscing.</p>
</div>
<p class="related">Related: <a href="#">Video</a>, <a href="#">music</a>, <a href="#">gosip</a></p>
<ul class="action">
<li class="comments-num"><a href="#">20</a></li>
<li class="recommend-num"><a href="#">8</a></li>
<li class="add-to-any"><a href="#" class="a2a_dd"><img height="16" width="171" alt="Share" src="http://static.addtoany.com/buttons/share_save_171_16.png" /></a></li>
</ul>
</div>
<!-- / post -->
<div class="post">
<h3><a href="#">Lorem ipsum dolor sit amet. Commodo ligula eget dolor. Aenean massa. </a></h3>
<p class="bar">Posted by <a href="#">Xeni Jardin</a>, Category <a href="#">Gossip</a>, August 18, 2009 12:23 PM</p>
<div>
<div class="youtube"><img src="_media-preview/images/placeholders/youtube1.jpg" width="425" height="355" alt="Post title" /></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam dapibus leo, eget vulputate orci purus ut lorem. In fringilla mi in ligula. Pellentesque aliquam quam vel dolor. Nunc adipiscing.</p>
</div>
<p class="related">Related: <a href="#">Video</a>, <a href="#">music</a>, <a href="#">gosip</a></p>
<ul class="action">
<li class="comments-num"><a href="#">20</a></li>
<li class="recommend-num"><a href="#">8</a></li>
<li class="add-to-any"><a href="#" class="a2a_dd"><img height="16" width="171" alt="Share" src="http://static.addtoany.com/buttons/share_save_171_16.png" /></a></li>
</ul>
</div>
<!-- / post -->
<div class="post">
<h3><a href="#">Lorem ipsum dolor sit amet. </a></h3>
<p class="bar">Posted by <a href="#">Xeni Jardin</a>, Category <a href="#">Gossip</a>, August 18, 2009 12:23 PM</p>
<div> <img src="_media-preview/images/artists/07.jpg" width="130" height="192" alt="Post Title sit amet post Title sit amet" class="narrow" />
<p class="top-margin">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam dapibus leo, eget vulputate orci purus ut lorem. In fringilla mi in ligula. Pellentesque aliquam quam vel dolor. Nunc adipiscing.</p>
</div>
<p class="related">Related: <a href="#">Video</a>, <a href="#">music</a>, <a href="#">gosip</a></p>
<ul class="action">
<li class="comments-num"><a href="#">20</a></li>
<li class="recommend-num"><a href="#">8</a></li>
<li class="add-to-any"><a href="#" class="a2a_dd"><img height="16" width="171" alt="Share" src="http://static.addtoany.com/buttons/share_save_171_16.png" /></a></li>
</ul>
</div>
<!-- / post -->
<div class="post">
<h3><a href="#">Post Title sit amet post Title sit amet</a></h3>
<p class="bar">Posted by <a href="#">Xeni Jardin</a>, Category <a href="#">Gossip</a>, August 18, 2009 12:23 PM</p>
<div> <img src="_media-preview/images/artists/06.jpg" width="454" height="229" alt="Post Title sit amet post Title sit amet" class="wide" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam dapibus leo, eget vulputate orci purus ut lorem. In fringilla mi in ligula. Pellentesque aliquam quam vel dolor. Nunc adipiscing.</p>
</div>
<p class="related">Related: <a href="#">Video</a>, <a href="#">music</a>, <a href="#">gosip</a></p>
<ul class="action">
<li class="comments-num"><a href="#">20</a></li>
<li class="recommend-num"><a href="#">8</a></li>
<li class="add-to-any"><a href="#" class="a2a_dd"><img height="16" width="171" alt="Share" src="http://static.addtoany.com/buttons/share_save_171_16.png" /></a></li>
</ul>
</div>
<!-- / post -->
<div class="post">
<h3><a href="#">Post Title sit amet post Title sit amet</a></h3>
<p class="bar">Posted by <a href="#">Xeni Jardin</a>, Category <a href="#">Gossip</a>, August 18, 2009 12:23 PM</p>
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam dapibus leo, eget vulputate orci purus ut lorem. In fringilla mi in ligula. Pellentesque aliquam quam vel dolor. Nunc adipiscing.</p>
</div>
<p class="related">Related: <a href="#">Video</a>, <a href="#">music</a>, <a href="#">gosip</a></p>
<ul class="action">
<li class="comments-num"><a href="#">20</a></li>
<li class="recommend-num"><a href="#">8</a></li>
<li class="add-to-any"><a href="#" class="a2a_dd"><img height="16" width="171" alt="Share" src="http://static.addtoany.com/buttons/share_save_171_16.png" /></a></li>
</ul>
</div>
<!-- / post -->
<div class="banner"> <img src="_media-preview/images/ad/02.png" alt="" width="468" height="60" /> </div>
<div class="post">
<h3><a href="#">Post Title sit amet post Title sit amet</a></h3>
<p class="bar">Posted by <a href="#">Xeni Jardin</a>, Category <a href="#">Gossip</a>, August 18, 2009 12:23 PM</p>
<div> <img src="_media-preview/images/artists/06.jpg" width="454" height="229" alt="Post Title sit amet post Title sit amet" class="wide" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam dapibus leo, eget vulputate orci purus ut lorem. In fringilla mi in ligula. Pellentesque aliquam quam vel dolor. Nunc adipiscing.</p>
</div>
<p class="related">Related: <a href="#">Video</a>, <a href="#">music</a>, <a href="#">gosip</a></p>
<ul class="action">
<li class="comments-num"><a href="#">20</a></li>
<li class="recommend-num"><a href="#">8</a></li>
<li class="add-to-any"><a href="#" class="a2a_dd"><img height="16" width="171" alt="Share" src="http://static.addtoany.com/buttons/share_save_171_16.png" /></a></li>
</ul>
</div>
<!-- / post -->
<div class="post">
<h3><a href="#">Lorem ipsum dolor sit amet. Commodo ligula eget dolor. Aenean massa. </a></h3>
<p class="bar">Posted by <a href="#">Xeni Jardin</a>, Category <a href="#">Gossip</a>, August 18, 2009 12:23 PM</p>
<div>
<div class="youtube"><img src="_media-preview/images/placeholders/youtube1.jpg" width="425" height="355" alt="Post title" /></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam dapibus leo, eget vulputate orci purus ut lorem. In fringilla mi in ligula. Pellentesque aliquam quam vel dolor. Nunc adipiscing.</p>
</div>
<p class="related">Related: <a href="#">Video</a>, <a href="#">music</a>, <a href="#">gosip</a></p>
<ul class="action">
<li class="comments-num"><a href="#">20</a></li>
<li class="recommend-num"><a href="#">8</a></li>
<li class="add-to-any"><a href="#" class="a2a_dd"><img height="16" width="171" alt="Share" src="http://static.addtoany.com/buttons/share_save_171_16.png" /></a></li>
</ul>
</div>
<!-- / post -->
<div class="post">
<h3><a href="#">Lorem ipsum dolor sit amet. </a></h3>
<p class="bar">Posted by <a href="#">Xeni Jardin</a>, Category <a href="#">Gossip</a>, August 18, 2009 12:23 PM</p>
<div> <img src="_media-preview/images/artists/07.jpg" width="130" height="192" alt="Post Title sit amet post Title sit amet" class="narrow" />
<p class="top-margin">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam dapibus leo, eget vulputate orci purus ut lorem. In fringilla mi in ligula. Pellentesque aliquam quam vel dolor. Nunc adipiscing.</p>
</div>
<p class="related">Related: <a href="#">Video</a>, <a href="#">music</a>, <a href="#">gosip</a></p>
<ul class="action">
<li class="comments-num"><a href="#">20</a></li>
<li class="recommend-num"><a href="#">8</a></li>
<li class="add-to-any"><a href="#" class="a2a_dd"><img height="16" width="171" alt="Share" src="http://static.addtoany.com/buttons/share_save_171_16.png" /></a></li>
</ul>
</div>
<!-- / post -->
<div class="post">
<h3><a href="#">Post Title sit amet post Title sit amet</a></h3>
<p class="bar">Posted by <a href="#">Xeni Jardin</a>, Category <a href="#">Gossip</a>, August 18, 2009 12:23 PM</p>
<div> <img src="_media-preview/images/artists/06.jpg" width="454" height="229" alt="Post Title sit amet post Title sit amet" class="wide" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam dapibus leo, eget vulputate orci purus ut lorem. In fringilla mi in ligula. Pellentesque aliquam quam vel dolor. Nunc adipiscing.</p>
</div>
<p class="related">Related: <a href="#">Video</a>, <a href="#">music</a>, <a href="#">gosip</a></p>
<ul class="action">
<li class="comments-num"><a href="#">20</a></li>
<li class="recommend-num"><a href="#">8</a></li>
<li class="add-to-any"><a href="#" class="a2a_dd"><img height="16" width="171" alt="Share" src="http://static.addtoany.com/buttons/share_save_171_16.png" /></a></li>
</ul>
</div>
<!-- / post -->
<div class="post">
<h3><a href="#">Post Title sit amet post Title sit amet</a></h3>
<p class="bar">Posted by <a href="#">Xeni Jardin</a>, Category <a href="#">Gossip</a>, August 18, 2009 12:23 PM</p>
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam dapibus leo, eget vulputate orci purus ut lorem. In fringilla mi in ligula. Pellentesque aliquam quam vel dolor. Nunc adipiscing.</p>
</div>
<p class="related">Related: <a href="#">Video</a>, <a href="#">music</a>, <a href="#">gosip</a></p>
<ul class="action">
<li class="comments-num"><a href="#">20</a></li>
<li class="recommend-num"><a href="#">8</a></li>
<li class="add-to-any"><a href="#" class="a2a_dd"><img height="16" width="171" alt="Share" src="http://static.addtoany.com/buttons/share_save_171_16.png" /></a></li>
</ul>
</div>
<!-- / post -->
<ul class="post-nav">
<li><a href="#">Newer posts</a></li>
<li class="next"><a href="#">Older posts</a></li>
</ul>
<!-- / post-nav -->
</div>
<!-- / content-main -->
<div class="content-sidebar">
<div class="box hot3">
<p class="sponsored"><strong>Sponsored by</strong> <a href="http://www.fido.ca/" class="fido"><img src="_ui-preview/images/adv_fido.png" width="71" height="23" alt="Fido" /></a></p>
<h2 class="ir txt-hot3">KiSS Hot 3 Countdown<span></span></h2>
<h3>Daily @ 8am, Noon, <span>5pm, 7pm</span> <a href="#"><img src="_ui-preview/images/btn_rss.png" width="16" height="16" alt="RSS" /></a></h3>
<ol>
<li> <strong>1</strong>
<h4>Now I'm That Bitch</h4>
<p>by Livvi Franc Feat. Pitbull</p>
</li>
<li><strong>2</strong>
<h4>Now I'm That Bitch</h4>
<p>by Livvi Franc Feat. Pitbull</p>
</li>
<li> <strong>3</strong>
<h4>Now I'm That Bitch</h4>
<p>by Livvi Franc Feat. Pitbull</p>
</li>
</ol>
</div>
<!-- / box -->
<div class="box requests">
<h2 class="ir txt-requests">Requests<span></span></h2>
<h3>Hit us up for your favourite song</h3>
<p class="clearfix"><a href="#" class="button-rounded">Request</a></p>
<p class="sponsored"><strong>Sponsored by</strong> <a href="http://www.fido.ca/" class="fido"><img src="_ui-preview/images/adv_fido.png" width="71" height="23" alt="Fido" /></a></p>
</div>
<!-- / box -->
<div class="box join-team">
<h2 class="ir txt-join-team">Join the KiSS music team<span></span></h2>
<p>Help rate new songs, pick the Hits on KiSS, participate in surveys, and more! <a href="#">Register</a></p>
<p class="login">Already joined? <br />
<a href="#">Click here to login</a></p>
</div>
<!-- / box -->
</div>
<!-- / content-sidebar -->
</div>
<!-- / content -->
<hr />
<div id="sidebar">
<div class="ad">
<h3>Advertisment</h3>
<a href="#"><img src="_media-preview/images/ad/01.jpg" width="300" height="250" alt="Start you engines" /></a> </div>
<!-- / ad -->
<div class="box categories">
<h2 class="ir txt-categories">Post categories<span></span></h2>
<img src="_ui-preview/images/temp_categories.png" width="269" height="198" alt="Temporary image, delete later" /> </div>
<!-- / box -->
<div class="box popular">
<h2 class="ir txt-popular-posts">Popular posts<span></span></h2>
<p class="sponsored">Sponsored by<br />
<a href="http://www.fido.ca/" class="fido"><img src="_ui-preview/images/adv_fido.png" width="71" height="23" alt="Fido" /></a></p>
<ul>
<li><a href="#">Lorem ipsum dolor sit</a></li>
<li><a href="#">Amet, consectetur adipiscing elit.</a></li>
<li><a href="#">Sed at ante. </a></li>
<li><a href="#">Mauris eleifend, quam </a></li>
<li><a href="#">A vulputate dictum, massa quam </a></li>
<li><a href="#">Dapibus leo, eget vulputate</a></li>
<li><a href="#">Pellentesque aliquam quam. </a></li>
<li><a href="#">Nunc adipiscing.</a></li>
<li><a href="#">Sed quam odio, </a></li>
<li><a href="#">Tempus ac, aliquam molestie</a></li>
</ul>
</div>
<!-- / box -->
<div class="box facebook">
<div class="inner">
<div class="top">
<h2>KiSS 92.5 <em>on Facebook</em></h2>
<p><a href="#"><img src="_ui-preview/images/btn_become_fan.png" width="112" height="23" alt="Become a Fan" /></a></p>
</div>
<p class="fans-num">KiSS 92.5 has 1,200 Fans</p>
<ul class="fans">
<li><a href="#"><img src="_media-preview/images/fans/01.jpg" width="50" height="50" alt="Zoe" /> <br />
Zoe</a> </li>
<li><a href="#"><img src="_media-preview/images/fans/02.jpg" width="50" height="50" alt="Sophia" /> <br />
Sophia</a> </li>
<li><a href="#"><img src="_media-preview/images/fans/03.jpg" width="50" height="50" alt="Ashley" /> <br />
Ashley</a> </li>
<li><a href="#"><img src="_media-preview/images/fans/04.jpg" width="50" height="50" alt="Taylor" /> <br />
Taylor</a> </li>
<li><a href="#"><img src="_media-preview/images/fans/05.jpg" width="50" height="50" alt="Zoe" /> <br />
Bilal</a> </li>
</ul>
</div>
</div>
<!-- / box -->
<div class="box latest-comments">
<h2 class="ir txt-latest-comments">Latest Comments<span></span></h2>
<ul>
<li class="first"> <a href="#"><img src="_media-preview/images/fans/01.jpg" width="50" height="50" alt="Zoe" /></a>
<p><strong><username></strong> said “<comment/tweet excerpt lorem ipsum dolor sit…” about <<a href="#">post/tweet title lorem ipsum</a> dolor at hh:mm on Month Day, Year on <<a href="#">source</a>>.</p>
<p class="reply"><a href="#">Reply</a></p>
</li>
<li> <a href="#"><img src="_media-preview/images/fans/02.jpg" width="50" height="50" alt="Sophia" /></a>
<p><strong><username></strong> said “<comment/tweet excerpt lorem ipsum dolor sit…” about <<a href="#">post/tweet title lorem ipsum</a> dolor at hh:mm on Month Day, Year on <<a href="#">source</a>>.</p>
<p class="reply"><a href="#">Reply</a></p>
</li>
<li> <a href="#"><img src="_media-preview/images/fans/03.jpg" width="50" height="50" alt="Ashley" /></a>
<p><strong><username></strong> said “<comment/tweet excerpt lorem ipsum dolor sit…” about <<a href="#">post/tweet title lorem ipsum</a> dolor at hh:mm on Month Day, Year on <<a href="#">source</a>>.</p>
<p class="reply"><a href="#">Reply</a></p>
</li>
<li> <a href="#"><img src="_media-preview/images/fans/04.jpg" width="50" height="50" alt="Taylor" /></a>
<p><strong><username></strong> said “<comment/tweet excerpt lorem ipsum dolor sit…” about <<a href="#">post/tweet title lorem ipsum</a> dolor at hh:mm on Month Day, Year on <<a href="#">source</a>>.</p>
<p class="reply"><a href="#">Reply</a></p>
</li>
</ul>
<p class="sponsored"><strong>Sponsored by</strong> <a href="http://www.fido.ca/" class="fido"><img src="_ui-preview/images/adv_fido.png" width="71" height="23" alt="Fido" /></a></p>
</div>
<!-- / box -->
<form action="#" class="box poll">
<h2 class="ir txt-poll">Poll<span></span></h2>
<h3>Whaddya think of the Miley cyrus track “Party in the USA”?</h3>
<div><img src="_media-preview/images/placeholders/poll_player.png" width="272" height="21" alt="Player" /></div>
<ul>
<li>
<input type="radio" name="poll" id="poll-love" />
<label for="poll-love">Love it!</label>
</li>
<li>
<input type="radio" name="poll" id="poll-ok" />
<label for="poll-ok">It’s OK..</label>
</li>
<li>
<input type="radio" name="poll" id="poll-not" />
<label for="poll-not">Don’t Like It</label>
</li>
</ul>
<p class="clearfix">
<input type="submit" value="Vote" class="button button-big" />
</p>
</form>
<!-- / box -->
<a href="#"><img src="_media-preview/images/ad/04.jpg" width="300" height="599" alt="Ad" /></a> </div>
<!-- / sidebar -->
<hr />
<div id="bottom">
<div class="listen">
<h2>Listen</h2>
<ul>
<li><a href="#">Listen Live</a></li>
<li><a href="#">Playlist</a></li>
</ul>
</div>
<div class="join">
<h2>Join in</h2>
<ul>
<li><a href="#">Request Song</a></li>
<li><a href="#">Join Music Team</a></li>
<li><a href="#">Concerts & Events</a></li>
<li><a href="#">Contests</a></li>
<li><a href="#">Loyalty Club</a></li>
</ul>
</div>
<div class="do-more">
<h2>Do More</h2>
<ul>
<li><a href="#">See KiSS on Facebook</a></li>
<li><a href="#">Follow KiSS on Twitter</a></li>
<li><a href="#">Subscribe via RSS</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Mobile</a></li>
<li><a href="#">Get Help</a></li>
<li><a href="#">Advertise</a></li>
</ul>
</div>
<div class="stations">
<h2>Other Toronto stations</h2>
<ul class="clearfix">
<li><a href="#"><img src="_media-preview/images/stations/98.1.png" width="80" height="25" alt="98.1 CHFI" /></a></li>
<li><a href="#"><img src="_media-preview/images/stations/fan-590.png" width="74" height="25" alt="Fan 590" /></a></li>
<li><a href="#"><img src="_media-preview/images/stations/680-news.png" width="49" height="25" alt="680 News" /></a></li>
</ul>
</div>
</div>
<!-- / bottom -->
<hr />
</div>
<!-- / container -->
<div id="footer">
<p>Copyright © 2009 by Rogers Broadcasting Limited. All rights reserved <a href="#" class="first">Privacy Policy</a> | <a href="#">Terms of Service</a></p>
<p class="ir logo">Rogers. Rogers Digital Media. Community Radio<span></span></p>
</div>
<!-- / footer -->
</div>
<!-- / pattern -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="_ui-preview/js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="_ui-preview/js/swfobject.js"></script>
<script type="text/javascript" src="_ui-preview/js/main.js"></script>
</body>
</html>