SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Member
    Join Date
    Mar 2012
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Why my post is not showing Rounded Corners in IE 9

    Hello,
    well its really weird here http://www.bloghuts.com/2011/04/sports-games.html if you see the buttons like (All Bicycles Motorcycles Cars Soccer Monster Truck Vehicle Skating Cricket) they have ROUNDED CORNERS in IE 9 but i am redesigning it in my testing site. But the problem that i am facing is that there i don't see the ROUNDED CORNERS on the same buttons (All Bicycles Motorcycles Cars Soccer Monster Truck Vehicle Skating Cricket) in IE 9. Here you can see the testing page where i don't see ROUNDED CORNERS http://bloghutsbeta.blogspot.com/201...ting-2_04.html i went through the code again and compared it with actual site code but didn't reached any conclusions why is this happening.
    Even though i know CSS still i think i am doing some childish mistake :P i would be really thankful for your guidance as its annoying me ^_^.

  2. #2
    <title class="lol"> bronze trophy TehYoyo's Avatar
    Join Date
    Feb 2012
    Location
    Northeast Chicago Suburbs
    Posts
    806
    Mentioned
    18 Post(s)
    Tagged
    1 Thread(s)
    So you see rounded corners as normal in the online site, but you don't see it in your test site?

    Looks fine in Chrome (is this 17 now?).

    ~TehYoyo

    Edit: Your test page CSS has no -ms-border-radius property. That's probably why? You have un-prefixed, but I don't know if IE9 supports it (it shouldn't...)

  3. #3
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,585
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Weird. As soon as I copy the source (add <base href="your URL">) to test it, I open it up in IE9 and the page works?

    Try it and see if it works for you.

    I've checked in developer toolbars and it seems taht it's not recognizing your border-radius in the problematic page
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html dir='ltr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
    <head>
    <base href="http://bloghutsbeta.blogspot.com/2012/03/testing-2_04.html" />
    <script src='http://bloghuts.googlecode.com/files/jquery-latest.min.js' type='text/javascript'></script>
    <!-- 29eab344ec7b1f80379ba065b627a7abmochiads.com -->
    <meta content='UhDFMfBqPi9-jpfegF2rIhZhz_Gqjz5kzaBpRsO3BrM' name='google-site-verification'/>
    <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
    <script type="text/javascript">(function() { var a=window;function c(b){this.t={};this.tick=function(b,i,d){d=void 0!=d?d:(new Date).getTime();this.t[b]=[d,i]};this.tick("start",null,b)}var f=new c;a.jstiming={Timer:c,load:f};try{var g=null;a.chrome&&a.chrome.csi&&(g=Math.floor(a.chrome.csi().pageT));null==g&&a.gtbExternal&&(g=a.gtbExternal.pageT());null==g&&a.external&&(g=a.external.pageT);g&&(a.jstiming.pt=g)}catch(h){};a.tickAboveFold=function(b){var e=0;if(b.offsetParent){do e+=b.offsetTop;while(b=b.offsetParent)}b=e;750>=b&&a.jstiming.load.tick("aft")};var j=!1;function k(){j||(j=!0,a.jstiming.load.tick("firstScrollTime"))}a.addEventListener?a.addEventListener("scroll",k,!1):a.attachEvent("onscroll",k);
     })();</script>
    <meta content='true' name='MSSmartTagsPreventParsing'/>
    <meta content='blogger' name='generator'/>
    <link href='http://bloghutsbeta.blogspot.com/favicon.ico' rel='icon' type='image/x-icon'/>
    <link href='http://bloghutsbeta.blogspot.com/2012/03/testing-2_04.html' rel='canonical'/>
    <link rel="alternate" type="application/atom+xml" title="Bloghuts Beta - Atom" href="http://bloghutsbeta.blogspot.com/feeds/posts/default" />
    <link rel="alternate" type="application/rss+xml" title="Bloghuts Beta - RSS" href="http://bloghutsbeta.blogspot.com/feeds/posts/default?alt=rss" />
    <link rel="service.post" type="application/atom+xml" title="Bloghuts Beta - Atom" href="http://www.blogger.com/feeds/29324990104176539/posts/default" />
    
    
    <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.g?blogID=29324990104176539" />
    <link rel="alternate" type="application/atom+xml" title="Bloghuts Beta - Atom" href="http://bloghutsbeta.blogspot.com/feeds/8686008163660786483/comments/default" />
    <link rel="image_src" href="http://lh4.ggpht.com/_QAJ2Le4En08/TTsLVUsLoKI/AAAAAAAAAcs/VxuiKD3f6co/s72-c/thumb_bmxrex60%20%2890%20x%2090%29.jpg" />
    <!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
    <title>Testing 2 | Bloghuts</title>
    <link href='http://files.cryoffalcon.com/bloghuts/images/favbh.ico' rel='shortcut icon' rev='nofollow' type='image/vnd.microsoft.icon'/>
    <link type='text/css' rel='stylesheet' href='http://www.blogger.com/static/v1/widgets/2473101915-widget_css_bundle.css' />
    <link type="text/css" rel="stylesheet" href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=29324990104176539&zx=655f01e7-cfc4-4134-bc12-bd70de0a0ae2"/>
    <style type="text/css">
    #navbar-iframe { display:block }
    </style>
    <style id='page-skin-1' type='text/css'><!--
    
    
    .navbar {
    visibility:hidden;
    display: none;
    }
    html {
    background: #e570e7;
    background: -moz-radial-gradient(center, ellipse cover,  #e570e7 0%, #c85ec7 47%, #a849a3 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#e570e7), color-stop(47%,#c85ec7), color-stop(100%,#a849a3));
    background: -webkit-radial-gradient(center, ellipse cover,  #e570e7 0%,#c85ec7 47%,#a849a3 100%);
    background: -o-radial-gradient(center, ellipse cover,  #e570e7 0%,#c85ec7 47%,#a849a3 100%);
    background: -ms-radial-gradient(center, ellipse cover,  #e570e7 0%,#c85ec7 47%,#a849a3 100%);
    background: radial-gradient(center, ellipse cover,  #e570e7 0%,#c85ec7 47%,#a849a3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e570e7', endColorstr='#a849a3',GradientType=1 );
    }
    body {
    border-color:#272F30;
    border-style: hidden;
    width: 1000px;
    color: #ffffff;
    font: 12px Verdana,Geneva,sans-serif;
    margin: 5px auto 20px;
    padding: 0px;
    }
    /************************************************
    *        Hyperlinks                                                                        *
    ************************************************/
    a img {
    border: none;
    }
    a:focus, a:hover, a:active {
    outline: none
    }
    /************************************************
    *        Header                                                                          *
    ************************************************/
    #header {
    width: 1000px;
    height: 90px;
    margin: 0px auto 0px;
    padding: 0px;
    overflow: hidden;
    }
    #header h1 {
    color: #333333;
    font-size: 30px;
    font-family: Arial, Times New Roman, Trebuchet MS;
    font-weight: bold;
    margin: 20px 0px 0px 0px;
    padding: 0px;
    text-decoration: none;
    }
    #header h1 a, #header h1 a:visited {
    color: #ffffff;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    }
    #header h1 a:hover {
    color: #ffffff;
    text-decoration: none;
    }
    .headerright {
    height: 90px;
    width: 728px;
    float: right;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    }
    .headerleft p {
    color: #ffffff;
    font-size: 12px;
    margin: 0px;
    padding: 0px 0px 0px 2px;
    }
    .headerleft {
    width: 272px;
    height: 90px;
    float: left;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    }
    .headerleftnav {
    width: 1000px;
    height: 40px;
    margin: 0px auto 0px;
    padding: 0px;
    }
    /************************************************
    *        Navigation                                                              *
    ************************************************/
    .topnav {
    position:relative;
    z-index: 1;
    height: 40px;
    }
    ul#topnav {
    padding: 0px;
    list-style: none;
    float: left;
    font-size: 1.1em;
    margin: 15px 0px 0px 10px;
    background: #7d7e7d;
    background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e));
    background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
    background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
    background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
    background: linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 );
    }
    .topnavtransparent {
    border: 10px solid #833C81;
    position: absolute; top: -10px; left: -10px; height: 100%; width: 100%;
    opacity: 0.90;filter:alpha(opacity=90);
    z-index: -10;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    }
    ul#topnav li{
    margin: 0px;
    padding: 0;
    overflow: hidden;  /*--Important - Masking out the hover state by default--*/
    float: left;
    height: 40px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    }
    ul#topnav a, ul#topnav span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
    padding: 10px 10px;
    float: left;
    clear: both;
    width: 100%;
    height: 20px;
    line-height: 20px; /*--Vertical alignment of text--*/
    }
    ul#topnav a{ /*--This is basically the hover state of navigation--*/
    background: #0e0e0e;
    background: -moz-linear-gradient(top,  #0e0e0e 0%, #7d7e7d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e0e0e), color-stop(100%,#7d7e7d));
    background: -webkit-linear-gradient(top,  #0e0e0e 0%,#7d7e7d 100%);
    background: -o-linear-gradient(top,  #0e0e0e 0%,#7d7e7d 100%);
    background: -ms-linear-gradient(top,  #0e0e0e 0%,#7d7e7d 100%);
    background: linear-gradient(top,  #0e0e0e 0%,#7d7e7d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#7d7e7d',GradientType=0 );
    }
    ul#topnav span{ /*--Default state of navigation--*/
    background: #7d7e7d;
    background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e));
    background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
    background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
    background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
    background: linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 );
    }
    /************************************************
    *        Content                                                                  *
    ************************************************/
    #wrap {
    width: 1000px;
    margin: 10px auto 10px;
    padding: 0px;
    }
    #contentleft {
    float: left;
    width: 670px;
    margin: 0px 0px 5px 0px;
    }
    #contentleft h1 {
    color: #640505;
    font: bold 24px 'Times New Roman',Times,serif;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 8px 0px;
    text-shadow: 0px 3px 0px #000000;
    }
    #contentleft h1 a {
    color: #9ABB3A;
    font: bold 24px 'Times New Roman',Times,serif;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    text-shadow: 0px 3px 0px #000000;
    }
    #contentleft h1 a:hover {
    color: #B6E862;
    font: bold 24px 'Times New Roman',Times,serif;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    text-shadow: 0px 4px 4px #000000;
    }
    #contentleft h4 {
    color: #049DBF;
    font-size: 16px;
    font-family: Arial, Tahoma, Verdana;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 5px 0px;
    border-bottom: 2px solid #ACE5F2;
    }
    #contentleft h5 {
    color: #049DBF;
    font-size: 14px;
    font-family: Arial, Tahoma, Verdana;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 5px 0px;
    border-bottom: 2px solid #ACE5F2;
    }
    #contentleft h6 {
    color: #049DBF;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 5px 0px;
    border-bottom: 2px solid #ACE5F2;
    }
    .post {
    background:#333333 url(http://moresoda.co.uk/images/assets/sub-content.png);
    padding: 0px 0px 8px 0px;
    margin: 0px 0px 50px 0px;
    }
    .postarea {
    position:relative;
    background:#333333 url(http://moresoda.co.uk/images/assets/sub-content.png);
    margin: 15px 0px 10px 10px;
    padding: 5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    z-index: 1;
    }
    .postareatransparent {
    border: 10px solid #833C81;
    position: absolute; top: -10px; left: -10px; height: 100%; width: 100%;
    opacity: 0.90;filter:alpha(opacity=90);
    z-index: -10;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    }
    .postarea p {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    }
    .postarea a, .postarea a:visited, ul#topnav span, .postcomments a, .postcomments a:visited {
    text-decoration:none;
    color:#B6E85E;
    text-shadow: 0 0 4px #7F241C, 0 0 4px #7F241C,
    0 0 4px #7F241C;
    }
    .postarea a:hover, ul#topnav a, .postcomments a:hover {
    text-decoration:none;
    color:#ffffff;
    text-shadow: 0 0 4px #B6E85E, 0 0 4px #B6E85E,
    0 0 4px #B6E85E;
    }
    .postauthor {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    }
    .postmeta {
    background: #F7F7F7;
    font-size: 11px;
    text-transform: uppercase;
    margin: 0px;
    padding: 5px 10px 5px 10px;
    border: 2px solid #ACE5F2;
    }
    .postmeta p {
    margin: 0px;
    padding: 0px;
    }
    .singlepostmeta {
    background: #F7F7F7;
    font-size: 11px;
    text-transform: uppercase;
    margin: 0px 0px 50px 0px;
    padding: 5px 10px 5px 10px;
    border: 2px solid #ACE5F2;
    }
    .singlepostmeta p {
    margin: 0px;
    padding: 0px;
    }
    .code {
    background: #F7F7F7;
    margin: 0px 25px 15px 25px;
    padding: 10px;
    display: block;
    font-family: Verdana, Tahoma, Verdana;
    border: 2px solid #ACE5F2;
    }
    .archive {
    float: left;
    width: 320px;
    margin: 0px;
    padding: 0px 25px 20px 0px;
    }
    .jump-link a {
    font-size: 0px;
    color:#2B3436;
    }
    .jump-link a:hover {
    font-size: 0px;
    color:#2B3436;
    }
    .happypic {
    float: left;
    padding: 0px 5px 0px 0px;
    }
    .happypara {
    overflow: hidden;
    float:none;
    }
    .parafullscreen {
    color: red;
    cursor:default;
    text-align:center;
    }
    .playchrome {
    position: relative;
    top:10px;
    left:10%;
    text-align:center;
    background:#9F3333;
    width:48px;
    }
    .tabledata {
    background: #bba23f;
    width:58px;
    }
    .tableheading {
    background: #bba23f;
    color: #590302;
    width:85px;
    }
    .highscores {
    background: #bba23f;
    color: #590302;
    width:143px;
    }
    /*------popup starts------*/
    .tableforpopup{
    font-weight: normal;
    top:0px;
    font-family: arial;
    line-height:0.5em;
    font-size: 1em;
    margin:0px;
    padding:0px;
    }
    #fade { /*--Transparent background layer--*/
    display: none; /*--hidden by default--*/
    background: #000;
    position: fixed; left: 0; top: 0;
    width: 100%; height: 100%;
    opacity: .80;
    z-index: 9999999;
    }
    .popup_block{
    width: 98.95%; height: 98.2%;
    display: none; /*--hidden by default--*/
    padding: 0px;
    line-height:1em;
    font-size: 1em;
    position: fixed;
    top: 0px; left: 0px;
    z-index: 999999999;
    /*--CSS3 Box Shadows--*/
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
    /*--CSS3 Rounded Corners--*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    }
    .close {
    float: left;
    margin: 0px 0px 0px 0px;
    }
    /*--Making IE6 Understand Fixed Positioning--*/
    *html #fade {
    position: absolute;
    }
    *html .popup_block {
    position: absolute;
    }
    /*------popup ends------*/
    /*------accordion start------*/
    h2.acc_trigger {
    padding: 0;
    background: url(http://i54.tinypic.com/nzg2nb.gif) no-repeat;
    height: 46px;    line-height: 46px;
    width: 500px;
    font-size: 2em;
    font-weight: normal;
    float: left;
    margin:0px 0px 0px 77px;
    text-align:center;
    }
    h2.acc_trigger a {
    color: #fff;
    text-decoration: none;
    display: block;
    text-shadow:none;
    }
    h2.acc_trigger a:hover {
    color: #ccc;
    text-shadow:none;
    }
    h2.acc_trigger a:visited {
    color: #fff;
    text-shadow:none;
    }
    h2.acc_trigger a:active {
    color: #fff;
    text-shadow:none;
    }
    h2.active {background-position: left bottom;}
    .acc_container {
    padding: 0;
    overflow: hidden;
    font-size: 1.2em;
    width: 500px;
    clear: both;
    margin:0px 0px 0px 76px;
    border: 1px solid #6B6B6B;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    }
    .acc_container .block {
    padding: 10px;
    }
    /*------accordion end------*/
    .submitandreport {
    float:left;
    }
    .abovepost {
    height:26px;
    background:#272F31;
    border-top-color:#1C2122;
    border-top-style:solid;
    border-top-width:3px;
    border-left-color:#1C2122;
    border-left-style:solid;
    border-left-width:3px;
    border-right-color:#939797;
    border-right-style:solid;
    border-right-width:3px;
    border-bottom-color:#939797;
    border-bottom-style:solid;
    border-bottom-width:3px;
    margin: 0px 0px 0px 0px;
    padding: 1px 1px 1px 1px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    }
    .tableforgames {
    background:#590027;
    border-style:outset;
    border-color:#9ABB3A;
    }
    /************************************************
    *        Images                                                                   *
    ************************************************/
    /************************************************
    *        Sidebar                                                          *
    ************************************************/
    #sidebar {
    margin: 15px 0px 0px 25px;
    float: left;
    width: 305px;
    position:relative;
    z-index: 1;
    }
    #sidebar a, #sidebar a:visited  {
    color: #061421;
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    text-decoration: none;
    }
    #sidebar a:hover {
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    color: #F8C420;
    text-decoration: none;
    }
    #sidebar h2 {
    display:block ;
    color: #ffffff;
    font-size: 14px;
    font-family: Arial, Tahoma, Verdana;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    }
    #sidebar p {
    margin: 0px;
    padding: 0px;
    line-height: 20px;
    }
    #sidebar ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }
    #sidebar ul li {
    list-style-type: none;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    }
    #sidebar ul ul li a, #sidebar ul ul li a:visited {
    color: #666666;
    text-decoration: none;
    }
    #sidebar ul ul li a:hover {
    color: #0076A3;
    text-decoration: underline;
    }
    #sidebar ul ul {
    list-style-type: none;
    margin: 0px 0px 0px 5px;
    padding: 0px;
    }
    #sidebar ul ul ul {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    }
    #sidebar .widget li {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    }
    #sidebar .widget ul li {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    }
    #ArchiveList ul li a {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    }
    #sidebar .textwidget {
    margin: 0px;
    padding: 0px;
    }
    #sidebar .widget {
    padding: 5px 2px 5px 2px;
    background:#333333 url(http://moresoda.co.uk/images/assets/sub-content.png);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    }
    .sidebar1 {
    margin: 0 0 25px 0;
    padding:0;
    position:relative;
    z-index: 1;
    }
    .sidebar1transparent {
    border: 10px solid #833C81;
    position: absolute; top: -10px; left: -10px; height: 100%; width: 100%;
    opacity: 0.90;filter:alpha(opacity=90);
    z-index: -10;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    }
    .sidebar2 {
    margin: 0 0 15px 0;
    padding:0;
    position:relative;
    z-index: 1;
    }
    .sidebar2transparent {
    border: 10px solid #833C81;
    position: absolute; top: -10px; left: -10px; height: 100%; width: 100%;
    opacity: 0.90;filter:alpha(opacity=90);
    z-index: -10;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    }
    #cat {
    background: #FFFFFF;
    font-family: Arial, Tahoma, Verdana;
    font-size: 12px;
    width: 230px;
    color: #222222;
    margin: 5px 0px 0px 0px;
    padding: 1px;
    display: inline;
    border: 1px solid #DDDDDD;
    }
    #sidebar .labellist {
    font-family: Arial, Tahoma, Verdana;
    font-size: 14px;
    }
    .widget_tag_cloud {
    margin: 0px;
    padding: 0px 0px 0px 10px;
    }
    /************************************************
    *        Footer                                                                          *
    ************************************************/
    #footerwrap {
    width: 1000px;
    margin: 0px auto 0px;
    padding: 0px;
    }
    #footer {
    float:left;
    margin: 0 0 0 10px;
    padding: 5px;
    background: #333333 url(http://moresoda.co.uk/images/assets/sub-content.png);
    width: 980px;
    color: #ffffff;
    position:relative;
    z-index: 1;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    }
    #footertransparent {
    border: 10px solid #833C81;
    position: absolute; top: -10px; left: -10px; height: 100%; width: 100%;
    opacity: 0.90;filter:alpha(opacity=90);
    z-index: -10;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    }
    #footer p {
    color: #ffffff;
    font-weight: normal;
    margin: 0px;
    padding: 0px 0px 5px 0px;
    }
    #footer a {
    color: #049DBF;
    text-decoration: none;
    }
    #footer a:hover {
    color: #F8C420;
    text-decoration: underline;
    }
    #footer ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }
    #footer ul li {
    background: none;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }
    #footer ul ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }
    #footer ul li ul li {
    background: url(http://3.bp.blogspot.com/_66wIGDjagHk/SgAfKjpqxZI/AAAAAAAAARs/AHdknA0f6Gk/s1600/footerlist.gif) no-repeat top left;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 10px;
    }
    #footer h2 {
    color: #ffffff;
    font-family: Verdana, Tahoma, Verdana;
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    }
    #footer .widget {
    margin: 0px;
    padding: 0px;
    }
    #footer .textwidget {
    margin: 0px;
    padding: 0px 0px 5px 0px;
    }
    .footer1 {
    width: 215px;
    float: left;
    margin: 0px;
    }
    .footer2 {
    width: 215px;
    float: left;
    margin: 0px;
    }
    .footer3 {
    width: 215px;
    float: left;
    margin: 0px;
    }
    .footer4 {
    width: 215px;
    float: right;
    margin: 0px;
    }
    /************************************************
    *        Copyright                                                                          *
    ************************************************/
    #copyright {
    display:none;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
    width: 1000px;
    background: #333333 url(http://moresoda.co.uk/images/assets/sub-content.png);
    margin: 0px auto 0px;
    padding: 0px 0px 15px 0px;
    font-family: Verdana, Tahoma, Verdana;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
    }
    .copyright {
    width: 1000px;
    margin: 0px auto 0px;
    padding: 15px 0px 0px 0px;
    }
    #copyright p {
    color: #ffffff;
    margin: 0px;
    padding: 0px;
    }
    #copyright a {
    color: #ffffff;
    text-decoration: none;
    }
    #copyright a:hover {
    color: #F8C420;
    text-decoration: underline;
    }
    #author, #email, #url {
    background: #F7F7F7 !important;
    color: #222222;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    margin: 0px;
    padding: 4px;
    border: 1px solid #E6E6E6;
    }
    .codeview li {
    font-size : 13px;
    line-height : 24px;
    font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
    color : #f8c420;
    font-weight : normal;
    margin : 0;
    padding : 0;
    }
    .blog-pager {
    padding:21px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #000000;
    }
    .highscoretabledata {
    vertical-align:text-top;
    padding:0px 0px 0px 30px;
    }
    .highscoretabletext {
    padding:0px 0px 0px 30px;
    }
    .highscoreimgking{
    background:url('https://lh3.googleusercontent.com/-9_NdVB6zCFY/TgBogMcOPYI/AAAAAAAAAS0/Mo2a-Hzlbg8/s128/king.gif') no-repeat;
    position:relative;
    display: block;
    width: 83px;
    height:115px;
    }
    .highscoreimgking img {
    position:relative;
    top:43px;
    left:7px;
    }
    .highscoreimgqueen{
    background:url('https://lh6.googleusercontent.com/-0Idp6TAxVx0/TgBogIKV9SI/AAAAAAAAAS8/SweO9Td8hBw/s128/queen.gif') no-repeat;
    position:relative;
    display: block;
    width: 83px;
    height:115px;
    }
    .highscoreimgqueen img {
    position:relative;
    top:43px;
    left:7px;
    }
    .highscoreimgknight{
    background:url('https://lh5.googleusercontent.com/-lM_xF8lg-rY/TgBogO9MUgI/AAAAAAAAAS4/ByUjyUfYSF8/s128/knight.gif') no-repeat;
    position:relative;
    display: block;
    width: 83px;
    height:115px;
    }
    .highscoreimgknight img {
    position:relative;
    top:43px;
    left:7px;
    }
    .highscoreimgsoldier{
    background:url('https://lh3.googleusercontent.com/-ZzeCfmQpyEE/TgBogdgNVWI/AAAAAAAAATA/SVN6WJeGGbM/s128/soldier.gif') no-repeat;
    position:relative;
    display: block;
    width: 83px;
    height:115px;
    }
    .highscoreimgsoldier img {
    position:relative;
    top:43px;
    left:7px;
    }
    .authorimgback{
    background:url('https://lh6.googleusercontent.com/-Km9Swx7UJ_0/Tm0AohYaYqI/AAAAAAAABPc/5xa5nTUBfVY/s128/authorsimgback.gif') no-repeat;
    position:relative;
    display: block;
    width: 83px;
    height:115px;
    }
    .authorimgback img {
    position:relative;
    top:43px;
    left:7px;
    }
    .highscoreboardback{
    background:url('https://lh3.googleusercontent.com/_QAJ2Le4En08/Tcez1uCZkBI/AAAAAAAABIQ/dV1-olnzKxI/highscoreboardback.png') no-repeat;
    position:relative;
    display: block;
    width: 370px;
    height:115px;
    }
    .buttonbloghuts { color: #fff; padding: 8px 14px 10px; background-color: #bc1815; border: none; margin: 0px; position: relative;;
    -webkit-user-select: none;
    -webkit-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
    -moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
    }
    .buttonbloghuts:active { position: relative; top: 3px;
    -webkit-box-shadow: inset 0px -3px 1px rgba(28, 33, 34, 1), inset 0 0px 3px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: inset 0px -3px 1px rgba(28, 33, 34, 1), inset 0 0px 3px rgba(0, 0, 0, 0.9);
    box-shadow: inset 0px -3px 1px rgba(28, 33, 34, 1), inset 0 0px 3px rgba(0, 0, 0, 0.9);
    }
    .buttonbloghuts:active:after { content: ""; width: 100%; height: 3px; background: #2B3436; position: absolute; bottom: -1px; left: 0; }
    .buttonbloghuts.buttongradient {
    background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.1, rgba(0,0,0,0.3)),
    color-stop(1, rgba(255,255,255,0.2))
    );
    background-image: -moz-linear-gradient(
    center bottom,
    rgba(0,0,0,0.3) 1%,
    rgba(255,255,255,0.2) 100%
    );
    background-image: gradient(
    center bottom,
    rgba(0,0,0,0.3) 1%,
    rgba(255,255,255,0.2) 100%
    );
    }
    .buttonbloghuts.buttongradient:hover {
    background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.1, rgba(0,0,0,0.45)),
    color-stop(1, rgba(255,255,255,0.3))
    );
    background-image: -moz-linear-gradient(
    center bottom,
    rgba(0,0,0,0.45) 1%,
    rgba(255,255,255,0.3) 100%
    );
    background-image: gradient(
    center bottom,
    rgba(0,0,0,0.45) 1%,
    rgba(255,255,255,0.3) 100%
    );
    }
    .tiltshadows {
    width:100px;
    margin: 0 8px 0 0;
    position: relative;
    z-index: 3;
    float:left;
    }
    article  {
    background:#7F241C;
    padding: 5px 5px 0 5px;
    display: block;
    }
    article:before, article:after  {
    -webkit-box-shadow: 0 7px 5px rgba(0,0,0, 0.4);
    -moz-box-shadow: 0 7px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 7px 5px rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 22px;
    z-index: -1;
    width: 55px;
    height: 20px;
    content: "";
    background: rgba(0, 0, 0, 0.4);
    }
    article:after  {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    right: 3px;
    left: auto;
    }
    article:before  {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    right: auto;
    left: 3px;
    }
    .highscoreimgkingleft {
    float:left;
    }
    .highscoreimgqueenleft {
    float:left;
    }
    .highscoreimgknightleft {
    float:left;
    }
    .highscoreimgsoldierleft {
    float:left;
    }
    .authorimgbackleft {
    float:left;
    }
    .highscoreboardback {
    float:right;
    }
    .pagebackbutton {
    float:right;
    margin:8px 0 0 0;
    }
    .bloghutsgamebutton {
    font:bold 50px Verdana,Geneva,sans-serif !important;
    -webkit-border-radius: 21px !important;
    -moz-border-radius: 21px !important;
    border-radius: 21px !important;
    }
    .gamebuttondiv {
    text-align:center;
    margin-top:7%;
    }
    .moveawayfromhere {
    margin:5px 0px 5px 0px;
    }
    .popup_block,
    .popup_block a:visited,
    .popup_block a,
    .popup_block a:hover
    {
    text-shadow:none;
    }
    .gamedatecolor{
    color:#ffffff;
    }
    .outbrain-tbody-css {
    font:bold 12px Verdana,Geneva,sans-serif;
    color:#B6E85E;
    text-shadow: 0 0 4px #7F241C, 0 0 4px #7F241C,
    0 0 4px #7F241C;
    }
    .disquscommentscount{
    padding:6px 5px 0px 0px;
    float:right;
    }
    .disquscommentscount a{
    font:bold 12px Verdana,Geneva,sans-serif;
    color:#B6E85E;
    text-shadow: 0 0 4px #7F241C, 0 0 4px #7F241C,
    0 0 4px #7F241C;
    }
    .disquscommentscount a:hover{
    font:bold 12px Verdana,Geneva,sans-serif;
    color:#ffffff;
    text-shadow: 0 0 4px #B6E85E, 0 0 4px #B6E85E,
    0 0 4px #B6E85E;
    }
    ul {
    margin:0px;
    padding:0px;
    }
    #gamecategories li {
    display: inline;
    list-style: none;
    line-height:30px;
    }
    .segment-0,
    .segment-1,
    .segment-2 {
    background:#565C62;
    padding:5px 8px 6px;
    border-top-color:#939797;
    border-top-style:solid;
    border-top-width:2px;
    border-left-color:#939797;
    border-left-style:solid;
    border-left-width:2px;
    border-right-color:#1C2122;
    border-right-style:solid;
    border-right-width:2px;
    border-bottom-color:#1C2122;
    border-bottom-style:solid;
    border-bottom-width:2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;}
    .selected-0,
    .selected-1,
    .selected-2 {
    background:#44494E;
    padding: 5px 8px 6px;
    border-top-color:#1C2122;
    border-top-style:solid;
    border-top-width:2px;
    border-left-color:#1C2122;
    border-left-style:solid;
    border-left-width:2px;
    border-right-color:#939797;
    border-right-style:solid;
    border-right-width:1px;
    border-bottom-color:#939797;
    border-bottom-style:solid;
    border-bottom-width:2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    }.gamecategoriespara1 {
    font:bold 14px Verdana,Geneva,sans-serif;
    color: #ffffff;
    text-shadow: 0 0 4px #000000, 0 0 4px #000000,
    0 0 4px #000000;
    }
    .gamecategoriespara2 {
    font:bold 14px Verdana,Geneva,sans-serif;
    color: #B6E85E;
    text-shadow: 0 0 4px #000000, 0 0 4px #000000,
    0 0 4px #000000;
    }
    .demosa {
    position:relative;
    top:0px;
    left:0px;
    margin:0px;
    padding:0px;
    }
    .gamedetailparabck {
    z-index: 999999;
    background:#4F663A;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding:1px 0px 1px 3px;
    }
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  4. #4
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,585
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    I had to split it up into 2 posts. Code was too huge for Sitepoint to allow.

    Code:
    ul.gamecolumns li {
    background:url('http://i51.tinypic.com/30v28bb.png') no-repeat;
    position:relative;
    display: inline;
    width: 114px;
    height:118px;
    float: left;
    margin: 8px;
    padding: 0px;
    }
    ul.gamecolumns li:hover {
    z-index: 99;
    }ul.gamecolumns li img {
    position:relative;
    top:12px;
    left:12px;
    }ul.gamecolumns li .gamedetails {
    position: absolute;
    left: 5px; top: 120px;
    padding: 0px;
    margin: 0px;
    display:none;
    background:url('http://i53.tinypic.com/258qxib.png') no-repeat center top;
    font:bold 14px "Times New Roman", Times,sans-serif;
    z-index: 99999;
    }ul.gamecolumns li .gamedetails:hover {
    display:none;
    }ul.gamecolumns li a:hover .gamedetails {
    display: block;
    }ul.gamecolumns li a:hover .gamedetails:hover {display: none;}ul.gamecolumns li
    .gamedetailshover {
    z-index: 999999;
    color:#B6E85E;
    text-shadow: 0 0 4px #7F241C, 0 0 4px #7F241C,
    0 0 4px #7F241C;
    width:100px;
    padding:4px;
    margin:7px 0px 0px 0px;
    background:#ffffff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    }
    #HTML1 h2 {
    background:url(http://i39.tinypic.com/11lm161.png) repeat-x scroll left bottom;
    color: #9ABB3A;
    text-shadow: 0px 3px 0px #011800;
    font: bold 24px 'Times New Roman',Times,serif;
    margin: 0 5px 5px 5px;
    padding: 0 0 5px 0;
    text-decoration: none;
    }
    .formbox {
    background:#B0BAA7;
    color:#ffffff;
    font:13px Verdana,Geneva,sans-serif;
    margin: 3px 0 5px 5px;
    }
    .formbutton {
    color:#B6E85E;
    text-shadow: 0 0 4px #7F241C, 0 0 4px #7F241C,
    0 0 4px #7F241C;
    margin:0 5px 5px 0;
    }
    
    
    --></style>
    <script type="text/javascript">
    if (window.jstiming) window.jstiming.load.tick('headEnd');
    </script></head>
    <body>
    <div class='navbar section' id='navbar'><div class='widget Navbar' id='Navbar1'><script type="text/javascript">
        function setAttributeOnload(object, attribute, val) {
          if(window.addEventListener) {
            window.addEventListener("load",
              function(){ object[attribute] = val; }, false);
          } else {
            window.attachEvent('onload', function(){ object[attribute] = val; });
          }
        }
      </script>
    
    
    <iframe src="http://www.blogger.com/navbar.g?targetBlogID=29324990104176539&amp;blogName=Bloghuts+Beta&amp;publishMode=PUBLISH_MODE_BLOGSPOT&amp;navbarType=BLUE&amp;layoutType=LAYOUTS&amp;searchRoot=http://bloghutsbeta.blogspot.com/search&amp;blogLocale=en&amp;homepageUrl=http://bloghutsbeta.blogspot.com/&amp;targetPostID=8686008163660786483&amp;vt=-5313243750095092191" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" allowtransparency="true" title="Blogger Navigation and Search"></iframe>
    <div></div></div></div>
    <script src='http://bloghuts.googlecode.com/files/jquery-css-transform.js' type='text/javascript'></script>
    <script src='http://bloghuts.googlecode.com/files/jquery-animate-css-rotate-scale.js' type='text/javascript'></script>
    <script src='http://bloghuts.googlecode.com/files/quicksand.js' type='text/javascript'></script>
    <script src='http://bloghuts.googlecode.com/files/easeinoutquad1.3.js' type='text/javascript'></script>
    <script src='http://bloghuts.googlecode.com/files/easeinout%20compatibility1.2.js' type='text/javascript'></script>
    
    
    
    
    
    
    <script type='text/javascript'>
    
    
      window.onload = function() {
        // check to see that the browser supports the getElementsByTagName method
        // if not, exit the loop 
        if (!document.getElementsByTagName) {
            return false; 
        } 
        // create an array of objects of each link in the document 
        var popupsubmithighscorelinks = document.getElementsByTagName("a");
        // loop through each of these links (anchor tags)     
        for (var i=0; i < popupsubmithighscorelinks.length; i++) {    
            // if the link has a class of "popupsubmithighscore"...    
            if (popupsubmithighscorelinks[i].getAttribute("class") == "popupsubmithighscore") {    
                // add an onclick event on the fly to pass the href attribute    
                // of the link to our second function, openpopupsubmithighscore     
                popupsubmithighscorelinks[i].onclick = function() {    
                openpopupsubmithighscore(this.getAttribute("href"));    
                return false;     
                }     
            }
        } 
    } 
    
    
    function openpopupsubmithighscore(linkURL) {
    window.open(linkURL,'popup','width=900,height=800,scrollbars=yes')
    }
    
    
    </script>
    
    
    
    
    <script type="text/javascript">
    // label-toc.js: $Revision: 1.10 $
    
    
    function createDelegate(func, config){
      return function() {
        return func(config);
      };
    };
    
    
    // �� AJAX ��
    function loadXMLDoc(url, config) {
      // branch for native XMLHttpRequest object
      // FireFox
      if (window.XMLHttpRequest) {
        config.req = new XMLHttpRequest();
        config.req.onreadystatechange = createDelegate(processReqChange, config);
        config.req.open("GET", url, true);
        config.req.send(null);
      // branch for IE/Windows ActiveX version
      } else if (window.ActiveXObject) {
        config.req = new ActiveXObject("Microsoft.XMLHTTP");
        if (config.req) {
          config.req.onreadystatechange = createDelegate(processReqChange, config);
          config.req.open("GET", url, true);
          config.req.send();
        }
      }
    } 
    
    
    // ��� ����� AJAX ��
    function processReqChange (config)
    {
      var req = config.req;
      if (req.readyState == 4){
        if (req.status == 200)
        {
          // console.log('div='+config.idDiv);
    
    
          var response;
          // response = unescape(req.responseText);
          // response = req.responseText;
          response = req.responseXML.documentElement;
          // console.log(req.responseText);
          showToc(response, config);
        }
        else
          alert("There was a problem retrieving the XML data:\n" + req.status);
      } 
    }
    
    
    // ��� ���  ����
    function loadToc(label,o,f,n)
    {
      var url = '/feeds/posts/full/-/'+label;
      // var url = '1.xml'
      var config = { };
      config.order = o || 'desc';
      config.flagShowCur = f || false;
      config.idDiv = n || 'idTocDiv';
      loadXMLDoc(url, config);
    }
    
    
    // ��� ���  DIV
    function showToc(response, config)
    {
      try {
        var toc = document.getElementById(config.idDiv);
        if (! response){
          toc.innerHTML = 'Error of loading table of content'
          return;
        }
    
    
        var xmlDoc = response;
        var entry = xmlDoc.getElementsByTagName('entry');
        var contents = [ '<ol>' ];
        var curUrl = (! config.flagShowCur) ? document.location.href.replace(/[#?].*/,'') : '';
        if (!config.order || config.order != 'asc'){
          for (var i=0; i<entry.length; i++){
            contents.push(getEntry(entry[i],curUrl));
          }
        }else{
          for (var i=entry.length-1; i>=0; i--){
            contents.push(getEntry(entry[i],curUrl));
          }
        }
        contents.push('</ol>');
    
    
        toc.innerHTML = contents.join('');
    
    
      } catch(e) {
        alert('ERROR: showToc(): '+e);
      }
    }
    
    
    function getEntry(e,curUrl)
    {
          var link = e.getElementsByTagName('link')[4];
          var url = link.getAttribute('href');
          if (curUrl && url == curUrl){
            return '';
          }
          var title = link.getAttribute('title');
          var published = e.getElementsByTagName('published');
          var date = published.item(0).textContent.replace(/^(\d{4})-(\d{2})-(\d{2})T(\d{2}:\d{2}).*$/,'$3.$2.$1 $4');
          return '<li><a href="'+url+'">'+title+'</a></li>';
    }
    </script>
    
    
    
    
    
    
    
    
    
    
    <script type="text/javascript">
    $(document).ready(function(){
                                          
        //When you click on a link with class of poplight and the href starts with a # 
        $('a.poplight[href^=#]').click(function() {
            var popID = $(this).attr('rel'); //Get Popup Name
            var popURL = $(this).attr('href'); //Get Popup href to define size
                    
            //Pull Query & Variables from href URL
            var query= popURL.split('?');
            var dim= query[1].split('&');
            var popWidth = dim[0].split('=')[1]; //Gets the first query string value
    
    
            //Fade in the Popup and add close button
            $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close">close</a>');
            
            //Define margin for center alignment (vertical + horizontal) - we add 80 to the height/width to accomodate for the padding + border width defined in the css
            var popMargTop = ($('#' + popID).height() + 0) / 0;
            var popMargLeft = ($('#' + popID).width() + 0) / 0;
            
            //Apply Margin to Popup
            $('#' + popID).css({ 
                'margin-top' : -popMargTop,
                'margin-left' : -popMargLeft
            });
            
            //Fade in Background
            $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
            $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer 
            
            return false;
        });
        
        
        //Close Popups and Fade Layer
        $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
              $('#fade , .popup_block').fadeOut(function() {
                $('#fade, a.close').remove();  
        }); //fade them both out
            
            return false;
        });
    
    
        
    });
    
    
    </script>
    
    
    
    
    <script type='text/javascript'>
    
    
    
    
    $(document).ready(function() {
        
        
        $("#topnav li").prepend("<span></span>"); //Throws an empty span tag right before the a tag
        
        $("#topnav li").each(function() { //For each list item...
            var linkText = $(this).find("a").html(); //Find the text inside of the a tag
            $(this).find("span").show().html(linkText); //Add the text in the span tag
        }); 
        
        $("#topnav li").hover(function() {    //On hover...
            $(this).find("span").stop().animate({ 
                marginTop: "-40" //Find the span tag and move it up 40 pixels
            }, 250);
        } , function() { //On hover out...
            $(this).find("span").stop().animate({
                marginTop: "0" //Move the span back to its original state (0px)
            }, 250);
        });
        
        
    });
    </script>
    <script type='text/javascript'>
    $(document).ready(function(){
        
    //Set default open/close settings
    $('.acc_container').hide(); //Hide/close all containers
    $('.acc_trigger:first').addClass('active').next().show(); //Add "active" class to first trigger, then show/open the immediate next container
    
    
    //On Click
    $('.acc_trigger').click(function(){
        if( $(this).next().is(':hidden') ) { //If immediate next container is closed...
            $('.acc_trigger').removeClass('active').next().slideUp(); //Remove all .acc_trigger classes and slide up the immediate next container
            $(this).toggleClass('active').next().slideDown(); //Add .acc_trigger class to clicked trigger and slide down the immediate next container
        }
        return false; //Prevent the browser jump to the link anchor
    });
    
    
    });
    
    
    </script>
    <!--Related Posts with thumbnails Scripts and Styles Start-->
    <!-- remove -->
    <style type='text/css'>
    #related-posts {
    float:left;
    text-transform:none;
    padding:5px 0px 0px 2px;
    }
    #related-posts h2 {
    font-size: 1.6em;
    font-weight: bold;
    color: #B6E862;
    font-family: Georgia;
    margin-bottom: 0.4em;
    margin-top: 0em;
    padding-top: 0em;
    }
    
    
    #related-posts a{
    font-size: 8px;
    background:url(http://i41.tinypic.com/345o60h.png) no-repeat scroll left top transparent;
    }
    #related-posts a:hover{
    font-size: 8px;
    background-position: left -161px;
    color:#000000;
    }
    
    
    </style>
    <script type='text/javascript'>
    var defaultnoimage="http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";
    var maxresults=14;
    var splittercolor="none";
    var relatedpoststitle="Related Results:";
    </script>
    <script src='http://bloghuts.googlecode.com/files/related-postsupdated.js' type='text/javascript'></script>
    <!-- remove -->
    <!--Related Posts with thumbnails Scripts and Styles End-->
    <script type='text/javascript'>
    
    
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-15016456-1']);
      _gaq.push(['_trackPageview']);
    
    
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    
    
    </script>
    
    
    
    
    <script type="text/javascript">
    (function($) {
     $.fn.sorted = function(customOptions) {
      var options = {
       reversed: false,
       by: function(a) {
        return a.text();
       }
      };
      $.extend(options, customOptions);
     
      $data = $(this);
      arr = $data.get();
      arr.sort(function(a, b) {
       
          var valA = options.by($(a));
          var valB = options.by($(b));
       if (options.reversed) {
        return (valA < valB) ? 1 : (valA > valB) ? -1 : 0;    
       } else {  
        return (valA < valB) ? -1 : (valA > valB) ? 1 : 0; 
       }
      });
      return $(arr);
     };
    
    
    })(jQuery);
    
    
    $(function() {
      
      var read_button = function(class_names) {
        var r = {
          selected: false,
          type: 0
        };
        for (var i=0; i < class_names.length; i++) {
          if (class_names[i].indexOf('selected-') == 0) {
            r.selected = true;
          }
          if (class_names[i].indexOf('segment-') == 0) {
            r.segment = class_names[i].split('-')[1];
          }
        };
        return r;
      };
      
      var determine_sort = function($buttons) {
        var $selected = $buttons.parent().filter('[class*="selected-"]');
        return $selected.find('a').attr('data-value');
      };
      
      var determine_kind = function($buttons) {
        var $selected = $buttons.parent().filter('[class*="selected-"]');
        return $selected.find('a').attr('data-value');
      };
      
      var $preferences = {
        duration: 800,
        easing: 'easeInOutQuad',
        adjustHeight: false
      };
      
      var $list = $('#data');
      var $data = $list.clone();
      
      var $controls = $('ul#gamecategories ul');
      
      $controls.each(function(i) {
        
        var $control = $(this);
        var $buttons = $control.find('a');
        
        $buttons.bind('click', function(e) {
          
          var $button = $(this);
          var $button_container = $button.parent();
          var button_properties = read_button($button_container.attr('class').split(' '));      
          var selected = button_properties.selected;
          var button_segment = button_properties.segment;
    
    
          if (!selected) {
    
    
            $buttons.parent().removeClass('selected-0').removeClass('selected-1').removeClass('selected-2');
            $button_container.addClass('selected-' + button_segment);
            
            var sorting_type = determine_sort($controls.eq(1).find('a'));
            var sorting_kind = determine_kind($controls.eq(0).find('a'));
            
            if (sorting_kind == 'all') {
              var $filtered_data = $data.find('li');
            } else {
              var $filtered_data = $data.find('li.' + sorting_kind);
            }
            
            if (sorting_type == 'size') {
              var $sorted_data = $filtered_data.sorted({
                by: function(v) {
                  return parseFloat($(v).find('span').text());
                }
              });
            } else {
              var $sorted_data = $filtered_data.sorted({
                by: function(v) {
                  return $(v).find('strong').text().toLowerCase();
                }
              });
            }
            
            $list.quicksand($sorted_data, $preferences, function () { $(this).tooltip (); } );
            
          }
          
          e.preventDefault();
        });
        
      }); 
    
    
      var high_performance = true;  
      var $performance_container = $('#performance-toggle');
      var $original_html = $performance_container.html();
      
      $performance_container.find('a').live('click', function(e) {
        if (high_performance) {
          $preferences.useScaling = false;
          $performance_container.html('CSS3 scaling turned off. Try the demo again. <a href="#toggle">Reverse</a>.');
          high_performance = false;
        } else {
          $preferences.useScaling = true;
          $performance_container.html($original_html);
          high_performance = true;
        }
        e.preventDefault();
      });
    });
    
    
    jQuery.fn.tooltip = function () {
        this.each ( function ( index, element ) {
            $(element).mouseover(function(){
                tip = $(this).find('.tip');
                 tip.show(); //Show tooltip
             }).mouseout ( function() {
                 tip.hide(); //Hide tooltip
             }).mousemove(function(e) {
                 var mousex = e.pageX + 20; //Get X coodrinates
                 var mousey = e.pageY + 20; //Get Y coordinates
                 var tipWidth = tip.width(); //Find width of tooltip
                 var tipHeight = tip.height(); //Find height of tooltip
         
                 //Distance of element from the right edge of viewport
                 var tipVisX = $(window).width() - (mousex + tipWidth);
                 //Distance of element from the bottom of viewport
                 var tipVisY = $(window).height() - (mousey + tipHeight);
         
                 if ( tipVisX < 20 ) { //If tooltip exceeds the X coordinate of viewport
                     mousex = e.pageX - tipWidth - 20;
                 } if ( tipVisY < 20 ) { //If tooltip exceeds the Y coordinate of viewport
                     mousey = e.pageY - tipHeight - 20;
                 }
                 //Absolute position the tooltip according to mouse position
                 tip.css({  top: mousey, left: mousex });
             });
        });
    };
    </script>
    
    
    <script type='text/javascript'>
    $(document).ready(function () {
      // find the elements to be eased and hook the hover event
      $('div.jimgMenu ul li a').hover(function() {  
        // if the element is currently being animated
        if ($(this).is(':animated')) {
          $(this).addClass("active").stop().animate({width: "310px"}, {duration: 450, easing: "easeOutQuad", complete: "callback"});
        } else {
          // ease in quickly
          $(this).addClass("active").stop().animate({width: "310px"}, {duration: 400, easing: "easeOutQuad", complete: "callback"});
        }
      }, function () {
        // on hovering out, ease the element out
        if ($(this).is(':animated')) {
          $(this).removeClass("active").stop().animate({width: "83.7px"}, {duration: 400, easing: "easeInOutQuad", complete: "callback"})
        } else {
          // ease out slowly
          $(this).removeClass("active").stop(':animated').animate({width: "83.7px"}, {duration: 450, easing: "easeInOutQuad", complete: "callback"});
        }
      });
    });
    </script>
    <div id='header'>
    <div class='headerleft section' id='headerleft'><div class='widget HTML' id='HTML2'>
    <div class='widget-content'>
    <a href="http://www.bloghuts.com/" title="Welcome"><img alt="Bloghuts" height="90" src="https://lh4.googleusercontent.com/-Cqk9C8EoPUI/TwMaVea3zCI/AAAAAAAAABc/qUM7QdPh8GQ/s0/my%252520bloghutss.png" width="272" /></a>
    </div>
    <div class='clear'></div>
    <span class='widget-item-control'>
    <span class='item-control blog-admin'>
    <a class='quickedit' href='http://www.blogger.com/rearrange?blogID=29324990104176539&widgetType=HTML&widgetId=HTML2&action=editWidget&sectionId=headerleft' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML2"));' target='configHTML2' title='Edit'>
    <img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
    </a>
    </span>
    </span>
    <div class='clear'></div>
    </div></div>
    
    
    <div class='headerright section' id='headerright'>
    </div>
    </div>
    <div class='headerleftnav'>
    <ul id='topnav'>
    <div class='topnav'>
    <div class='topnavtransparent'></div>
    <li class='page_item'><a href='http://bloghutsbeta.blogspot.com/' rel='follow'>Home</a></li>
    <li class='page_item'><a href='http://www.bloghuts.com/2010/09/new-generation-writings.html' rel='follow' title='New Generation Writings'>New Generation Writings</a></li>
    <li class='page_item'><a href='http://www.bloghuts.com/2010/03/legal-notice.html' rel='follow' title='Legal Notice'>Legal Notice</a></li>
    </div>
    </ul>
    </div>
    <div style='clear:both;'></div>
    
    
    <div id='wrap'>
    <div id='content'>
    <div id='contentleft'>
    <div class='postarea'>
    <div class='postareatransparent'></div>
    <div class='main section' id='main'><div class='widget Blog' id='Blog1'>
    <div class='blog-posts hfeed'>
    <!-- google_ad_section_start -->
    <div class='post'>
    <div class='pagebackbutton'><a class='buttonbloghuts buttongradient' href='javascript:history.back();' title='Go Back to Previous Page'>
    BACK</a></div>
    <div style='float:right;'>
    <span class='item-control blog-admin pid-1730151030'>
    <a href='http://www.blogger.com/post-edit.g?blogID=29324990104176539&postID=8686008163660786483&from=pencil' title='Edit Post'>
    <img alt='quickedit' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
    </a>
    
    
    </span>
    </div>
    <a name='8686008163660786483'></a>
    <h1>
    <a href='http://bloghutsbeta.blogspot.com/2012/03/testing-2_04.html' rel='bookmark'>Testing 2</a>
    <div class='ratingoverall'>
    </div>
    </h1>
    <div class='postauthor'>
    <div style='padding:0px 0px 0px 0px; float:left;'>
    </div>
    <div class='abovepost'>
    <div class='disquscommentscount'>
    <a href='#disqus_thread'></a>
    </div>
    <div class='submitandreport'>
    
    
    </div>
    <script language='JavaScript'>var OB_platformType = 1; var OB_langJS = 'http://widgets.outbrain.com/lang_en.js'; var OBITm = '1285763877665';var OB_raterMode = 'none';var OB_recMode = 'strip';</script><script language='JavaScript' src='http://widgets.outbrain.com/OutbrainRater.js'></script>
    <input name='OBKey' type='hidden' value='9/6/VFMZlYPN8M9stJfAng=='/>
    <script language='JavaScript'>var OBCTm='1285763877665'; </script><script language='JavaScript' src='http://widgets.outbrain.com/claim.js'></script>
    </div>
    </div>
    <div class='post-header-line-1'></div>
    <p>
    <a name='more'></a><ul id="gamecategories"><li><span class="gamecategoriespara2">Categorize</span><span class="gamecategoriespara1">Sports</span><span class="gamecategoriespara2">Games</span><span class="gamecategoriespara1">Into:</span><br />
    
    
    <ul><div class="moveawayfromhere">
    <li class="segment-1 selected-1"><a href="#" data-value="all">All</a></li>
    <li class="segment-0"><a href="#" data-value="bicycle">Bicycles</a></li>
    <li class="segment-0"><a href="#" data-value="motorcycle">Motorcycles</a></li>
    <li class="segment-2"><a href="#" data-value="car">Cars</a></li>
    <li class="segment-2"><a href="#" data-value="soccer">Soccer</a></li>
    <li class="segment-2"><a href="#" data-value="monster">Monster Truck</a></li>
    <li class="segment-2"><a href="#" data-value="vehicle">Vehicle</a></li>
    <li class="segment-2"><a href="#" data-value="skate">Skating</a></li>
    
    
    <li class="segment-2"><a href="#" data-value="cricket">Cricket</a></li>
    </div><div class="moveawayfromhere">
    <li class="segment-2"><a href="#" data-value="tractor">Tractor</a></li>
    <li class="segment-2"><a href="#" data-value="pingpong">Ping Pong</a></li>
    <li class="segment-2"><a href="#" data-value="golf">Golf</a></li>
    <li class="segment-2"><a href="#" data-value="bowling">Bowling</a></li>
    <li class="segment-2"><a href="#" data-value="fishing">Fishing</a></li>
    <li class="segment-2"><a href="#" data-value="pool">Pool</a></li>
    <li class="segment-2"><a href="#" data-value="boat">Boat</a></li>
    
    
    <li class="segment-2"><a href="#" data-value="truck">Truck</a></li>
    <li class="segment-2"><a href="#" data-value="tank">Tank</a></li>
    </div></ul></li>
    <li><span class="gamecategoriespara2">Sort</span><span class="gamecategoriespara1">Sports</span><span class="gamecategoriespara2">Games</span><span class="gamecategoriespara1">By:</span><br />
    <ul><li class="segment-1"><a href="#" data-value="name">Name</a></li>
    <li class="segment-2"><a href="#" data-value="size">Size</a></li>
    </ul></li>
    </ul><div class="demosa"><ul id="data" class="gamecolumns"><li data-id="id-1" class="bicycle"><a href="http://www.bloghuts.com/2011/02/bmrex.html"><img src="http://lh4.ggpht.com/_QAJ2Le4En08/TTsLVUsLoKI/AAAAAAAAAcs/VxuiKD3f6co/s128/thumb_bmxrex60%20%2890%20x%2090%29.jpg" alt="Bmrex" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Bmrex</strong><br />
    
    
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-2" class="car"><a href="http://www.bloghuts.com/2011/03/puppy-racing.html"><img src="http://lh5.ggpht.com/_QAJ2Le4En08/TTsTbG-1ziI/AAAAAAAAAjU/3XPW7ML3Ubw/s128/thumb_puppyracing60%20%2890%20x%2090%29.jpg" alt="Puppy Racing" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Puppy Racing</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>2MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-3" class="motorcycle"><a href="http://www.bloghuts.com/2011/02/uphill-rush.html"><img src="http://lh6.ggpht.com/_QAJ2Le4En08/TTr-KpiN6II/AAAAAAAAAb0/r_juq7_Y2FQ/s128/thumb_uphillrush60%20%2890%20x%2090%29.jpg" alt="Uphill Rush" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Uphill Rush</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>6MB</span><br />
    
    
    </div></div></div></a><br />
    </li>
    <li data-id="id-4" class="motorcycle"><a href="http://www.bloghuts.com/2011/03/uphill-farmer.html"><img src="http://lh6.ggpht.com/_QAJ2Le4En08/TTsVIcd9ByI/AAAAAAAAAlw/sN_vuiQzwKU/s128/thumb_uphillfarmer60%20%2890%20x%2090%29.jpg" alt="Uphill Farmer" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Uphill Farmer</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>6MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-5" class="vehicle"><a href="http://www.bloghuts.com/2011/04/neon-rider.html"><img src="http://lh4.ggpht.com/_QAJ2Le4En08/TTp8q79u8jI/AAAAAAAAAY8/dHW7rpLq-7M/s128/1%20%2890%20x%2090%29.jpg" alt="Neon Rider" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Neon Rider</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>2MB</span><br />
    </div></div></div></a><br />
    
    
    </li>
    <li data-id="id-6" class="motorcycle"><a href="http://www.bloghuts.com/2011/02/diesel-and-death.html"><img src="http://lh5.ggpht.com/_QAJ2Le4En08/TTruaHPaszI/AAAAAAAAAZ4/f94lrLNzDFQ/s128/dieselanddeath%20%2890%20x%2090%29.jpg" alt="Diesel And Death" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Diesel And Death</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-7" class="bicycle"><a href="http://www.bloghuts.com/2011/03/box-10-bmx.html"><img src="http://lh3.ggpht.com/_QAJ2Le4En08/TUUWmUBQWPI/AAAAAAAAAr4/nchQFnBBV-o/s128/box%20%2890%20x%2090%29.jpg" alt="Box 10 Bmx" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Box 10 Bmx</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>2MB</span><br />
    </div></div></div></a><br />
    </li>
    
    
    <li data-id="id-8" class="car"><a href="http://www.bloghuts.com/2011/02/free-gear.html"><img src="http://lh6.ggpht.com/_QAJ2Le4En08/TTruaSfeVLI/AAAAAAAAAaE/Ep0ET2yUTc4/s128/free%20gear%20%2890%20x%2090%29.jpg" alt="Free Gear" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Free Gear</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>3MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-9" class="car"><a href="http://www.bloghuts.com/2011/03/extreme-rally.html"><img src="http://lh4.ggpht.com/_QAJ2Le4En08/TTsOY2NtDQI/AAAAAAAAAfI/4d9k-uJoIB0/s128/thumb_extremerally60%20%2890%20x%2090%29.jpg" alt="Extreme Rally" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Extreme Rally</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>3MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-10" class="vehicle"><a href="http://www.bloghuts.com/2011/03/potty-racers.html"><img src="http://lh4.ggpht.com/_QAJ2Le4En08/TTsTbEiAOQI/AAAAAAAAAjM/RrpnR0QqXAY/s128/thumb_pottyracers60%20%2890%20x%2090%29.jpg" alt="Potty Racers" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Potty Racers</strong><br />
    
    
    <p class="gamecategoriespara2">Size:</p><span>2MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-11" class="vehicle"><a href="http://www.bloghuts.com/2011/03/wone.html"><img src="http://lh4.ggpht.com/_QAJ2Le4En08/TTsVIodO0kI/AAAAAAAAAl0/B5BVrvF23Ps/s128/thumb_w0ne60%20%2890%20x%2090%29.jpg" alt="Wone" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Wone</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-12" class="monster"><a href="http://www.bloghuts.com/2011/03/monster-truck-destroyer.html"><img src="http://lh6.ggpht.com/_QAJ2Le4En08/TTsQ6LjScXI/AAAAAAAAAho/CqWImLNYKFE/s128/thumb_monstertruckdestroyer60%20%2890%20x%2090%29.jpg" alt="Monster Truck Destroyer" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Monster Truck Destroyer</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>5MB</span><br />
    
    
    </div></div></div></a><br />
    </li>
    <li data-id="id-13" class="skate"><a href="http://www.bloghuts.com/2011/03/stone-age-skater.html"><img src="http://lh5.ggpht.com/_QAJ2Le4En08/TTsUeda0SKI/AAAAAAAAAk0/Vi1eBXTAcQM/s128/thumb_stoneageskater60%20%2890%20x%2090%29.jpg" alt="Stone Age Skater" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Stone Age Skater</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>2MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-14" class="soccer"><a href="http://www.bloghuts.com/2011/03/goal-south-africa.html"><img src="http://lh4.ggpht.com/_QAJ2Le4En08/TTsPBi7-3GI/AAAAAAAAAfk/9iwSjdseF88/s128/thumb_goalsouthafrica60%20%2890%20x%2090%29.jpg" alt="Goal South Africa" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Goal South Africa</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>2MB</span><br />
    </div></div></div></a><br />
    
    
    </li>
    <li data-id="id-15" class="cricket"><a href="http://www.bloghuts.com/2011/05/super-cricket.html"><img src="https://lh3.googleusercontent.com/_rihIufBMOBA/Tb02OVTcXMI/AAAAAAAAAKE/qcHvw3DOnxo/1%20%2890%20x%2090%29.jpg" alt="Super Cricket" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Super Cricket</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>4MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-16" class="cricket"><a href="http://www.bloghuts.com/2011/04/master-blaster.html"><img src="https://lh5.googleusercontent.com/_rihIufBMOBA/Tb0BusNVwnI/AAAAAAAAAKA/TFfRuc54Vag/1%20%2890%20x%2090%29.jpg" alt="Master Blaster" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Master Blaster</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    </li>
    
    
    <li data-id="id-17" class="cricket"><a href="http://www.bloghuts.com/2011/04/flash-cricket-2.html"><img src="https://lh5.googleusercontent.com/_rihIufBMOBA/Tbz-VMrAWII/AAAAAAAAAJ8/r9BKZnfeZ0s/1%20%2890%20x%2090%29.jpg" alt="Flash Cricket 2" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Flash Cricket 2</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-18" class="cricket"><a href="http://www.bloghuts.com/2011/04/cricket.html"><img src="https://lh5.googleusercontent.com/_rihIufBMOBA/Tbz6wsgSm4I/AAAAAAAAAJ4/YOuK63W_to0/_thumb_100x100%20%2890%20x%2090%29.jpg" alt="Cricket" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Cricket</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>2MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-19" class="cricket"><a href="http://www.bloghuts.com/2011/04/full-toss.html"><img src="https://lh3.googleusercontent.com/_rihIufBMOBA/TbwqREu2qAI/AAAAAAAAAJU/JZ-QbPCJStY/_thumb_200x200%20%2890%20x%2090%29.jpg" alt="Full Toss" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Full Toss</strong><br />
    
    
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-20" class="cricket"><a href="http://www.bloghuts.com/2011/04/ashes-cricket-2009.html"><img src="https://lh4.googleusercontent.com/_rihIufBMOBA/Tbwz2zKoYwI/AAAAAAAAAJY/hTflY6GF6DM/_thumb_100x100%20%2890%20x%2090%29.jpg" alt="The Ashes Cricket 2009" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>The Ashes Cricket 2009</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>4MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-21" class="cricket"><a href="http://www.bloghuts.com/2011/04/quick-cricket.html"><img src="https://lh6.googleusercontent.com/_rihIufBMOBA/Tbw6vMxt6JI/AAAAAAAAAJc/g33_xfVXxh8/_thumb_100x100%20%2890%20x%2090%29.jpg" alt="Quick Cricket" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Quick Cricket</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>2MB</span><br />
    
    
    </div></div></div></a><br />
    </li>
    <li data-id="id-22" class="cricket"><a href="http://www.bloghuts.com/2011/04/knight-ridders.html"><img src="https://lh3.googleusercontent.com/_rihIufBMOBA/TbxAIqH8JAI/AAAAAAAAAJg/_dfikUfyfVo/s128/_thumb_100x100%20%2890%20x%2090%29.jpg" alt="Knight Ridders" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Knight Ridders</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>2MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-23" class="cricket"><a href="http://www.bloghuts.com/2011/04/cricket-batsman-game.html"><img src="https://lh6.googleusercontent.com/_rihIufBMOBA/TbxFn2Ei-WI/AAAAAAAAAJk/iMRiv27pmSg/Cricket%20the%20Batsman%20game%20%2890%20x%2090%29.jpg" alt="Cricket the Batsman game" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Cricket the Batsman game</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>2MB</span><br />
    </div></div></div></a><br />
    
    
    </li>
    <li data-id="id-24" class="cricket"><a href="http://www.bloghuts.com/2011/04/6-sixers-cricket.html"><img src="https://lh5.googleusercontent.com/_rihIufBMOBA/TbxMJufG3dI/AAAAAAAAAJo/AIeADDhYLj8/6%20Sixers%20Cricket%20%2890%20x%2090%29.jpg" alt="6 Sixers Cricket" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>6 Sixers Cricket</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-25" class="cricket"><a href="http://www.bloghuts.com/2011/04/cricket-master-blaster.html"><img src="https://lh4.googleusercontent.com/_rihIufBMOBA/TbxQfAe_SjI/AAAAAAAAAJs/Hm0_gi54j8Y/Cricket-Master%20Blaster%20%2890%20x%2090%29.jpg" alt="Cricket Master Blaster" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Cricket Master Blaster</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    </li>
    
    
    <li data-id="id-26" class="skate"><a href="http://www.bloghuts.com/2011/05/snowboarding-2.html"><img src="https://lh3.googleusercontent.com/_QAJ2Le4En08/TcoTokFWl6I/AAAAAAAABIs/6S7BUxqTkjA/s128/snowboarding2%20%2890%20x%2090%29.jpg" alt="Snowboarding 2" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Snowboarding 2</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-27" class="tractor"><a href="http://www.bloghuts.com/2011/05/super-tractor.html"><img src="https://lh3.googleusercontent.com/_QAJ2Le4En08/TdfiXZgSWII/AAAAAAAABJs/R8S5tlLaym4/s128/Super%20Tractor.jpg" alt="Super Tractor" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Super Tractor</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>2MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-28" class="pingpong"><a href="http://www.bloghuts.com/2011/06/3d-ping-pong.html"><img src="https://lh6.googleusercontent.com/-KVCexmm5ttY/TeoV3Ap_iXI/AAAAAAAABKc/XftwKwAZoV0/s128/3d%252520ping%252520pong%252520%25252890%252520x%25252090%252529.jpg" alt="3D Ping Pong" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>3D Ping Pong</strong><br />
    
    
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-29" class="golf"><a href="http://www.bloghuts.com/2011/06/mini-golf.html"><img src="https://lh6.googleusercontent.com/-3VEqoZJ1zX4/TeokEmqVkmI/AAAAAAAABKk/ffkR3wGZOoY/s128/mini%252520golf.jpg" alt="Mini Golf" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Mini Golf</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-30" class="bowling"><a href="http://www.bloghuts.com/2011/06/pin-headz.html"><img src="https://lh6.googleusercontent.com/-MZczRxp7xZ8/Te8dYzJPHpI/AAAAAAAAANs/pS53K66X2ks/s288/1.jpg" alt="Pin Headz" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Pin Headz</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    
    
    </div></div></div></a><br />
    </li>
    <li data-id="id-31" class="fishing"><a href="http://www.bloghuts.com/2011/06/freddy-fishing-fun.html"><img src="https://lh6.googleusercontent.com/-oytWrEQFVqQ/TfA4UP7F1EI/AAAAAAAAAOA/sJ7JGQ-dnx4/s288/1.jpg" alt="Freddy Fishing Fun" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Freddy Fishing Fun</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-32" class="soccer"><a href="http://www.bloghuts.com/2011/06/south-africa-2010.html"><img src="https://lh3.googleusercontent.com/-q2R4i_4ak6A/Tf9faWDqmWI/AAAAAAAAASI/7VASW1_7uDo/s288/1.jpg" alt="South Africa 2010" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>South Africa 2010</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    
    
    </li>
    <li data-id="id-33" class="soccer"><a href="http://www.bloghuts.com/2011/06/soccer-ball.html"><img src="https://lh6.googleusercontent.com/-F1GuJjWAA08/TgC1Y5xGHiI/AAAAAAAAATU/fTXND6h-Q5w/s288/1.jpg" alt="Soccer Ball" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Soccer Ball</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-34" class="soccer"><a href="http://www.bloghuts.com/2011/06/penalty-shot-challenge.html"><img src="https://lh6.googleusercontent.com/-mwGJblFqeN4/TgGCCJnsPWI/AAAAAAAAATk/ufodJQROtjA/s288/1.jpg" alt="Penalty Shot Challenge" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Penalty Shot Challenge</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    </li>
    
    
    <li data-id="id-35" class="pool"><a href="http://www.bloghuts.com/2011/06/pool-practice.html"><img src="https://lh4.googleusercontent.com/-_7aBS6kHQRc/TgGlh_iT3bI/AAAAAAAAAT4/0NvVcHO9mZo/s288/Pool%2BPractice%2B%252890%2Bx%2B90%2529.jpg" alt="Pool Practice" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Pool Practice</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-36" class="golf"><a href="http://www.bloghuts.com/2011/06/platform-golf.html"><img src="https://lh3.googleusercontent.com/-6SZZkPhKaas/TgNZNWkCkAI/AAAAAAAAAUY/Wu6G8yvTePo/s288/Platform%2BGolf%2B%252890%2Bx%2B90%2529.jpg" alt="Platform Golf" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Platform Golf</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-37" class="boat"><a href="http://www.bloghuts.com/2011/06/aqua-ride.html"><img src="https://lh5.googleusercontent.com/-lJkdyEg8OFI/TgRMpwxRDVI/AAAAAAAAAU4/_7ioNBXnR74/s288/Aqua%2BRide%2B%252890%2Bx%2B90%2529.jpg" alt="Aqua Ride" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Aqua Ride</strong><br />
    
    
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-38" class="soccer"><a href="http://www.bloghuts.com/2011/06/free-kick-league.html"><img src="https://lh3.googleusercontent.com/-eotJHvgvC24/TgVxu51Cr2I/AAAAAAAAAVo/smDtIoS2ZK0/s288/1.jpg" alt="Free Kick League" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Free Kick League</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-39" class="soccer"><a href="http://www.bloghuts.com/2011/06/bicycle-kick-champion.html"><img src="https://lh3.googleusercontent.com/-CZDyRj0zLXs/TgX94a-ooII/AAAAAAAAAWY/YA6OO4kgz8o/s288/1.jpg" alt="Bicycle Kick Champion" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Bicycle Kick Champion</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    
    
    </div></div></div></a><br />
    </li>
    <li data-id="id-40" class="truck"><a href="http://www.bloghuts.com/2011/06/police-truck.html"><img src="https://lh5.googleusercontent.com/-gf9JD1N92Bg/Tgg_zo7iBWI/AAAAAAAAAW4/ySnL5CJlvn4/1.jpg" alt="Police Truck" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Police Truck</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-41" class="car"><a href="http://www.bloghuts.com/2011/07/crazy-parking.html"><img src="https://lh3.googleusercontent.com/-DoQOETDgQcg/TgwayTzFT6I/AAAAAAAAAX8/jiz0U8P0sZU/1.jpg" alt="Crazy Parking" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Crazy Parking</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    
    
    </li>
    <li data-id="id-42" class="motorcycle"><a href="http://www.bloghuts.com/2011/07/freestyle-motostunt.html"><img src="https://lh6.googleusercontent.com/-AFbiVoj5X6k/Tg5u2tRZdxI/AAAAAAAAAYU/1Afn680eenk/s288/1.jpg" alt="Freestyle Motostunt" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Freestyle Motostunt</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-43" class="tank"><a href="http://www.bloghuts.com/2011/07/sos.html"><img src="https://lh3.googleusercontent.com/-1O2VfnjX8gU/Tg80bMzjzYI/AAAAAAAAAYk/_XKF_dJHd4s/s288/SOS%2B%252890%2Bx%2B90%2529.jpg" alt="SOS" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>SOS</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    </li>
    
    
    <li data-id="id-44" class="truck"><a href="http://www.bloghuts.com/2011/07/truck-parking-space.html"><img src="https://lh5.googleusercontent.com/-aztHmYIwLcE/ThHTPW4KK2I/AAAAAAAAAZM/OUabSf9-HL0/s288/1.jpg" alt="Truck Parking Space" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Truck Parking Space</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-45" class="motorcycle"><a href="http://www.bloghuts.com/2011/07/blend-rider.html"><img src="https://lh4.googleusercontent.com/-w8rOXaN_wTw/ThMx6HxkICI/AAAAAAAAAZ0/rUHqXZF48tc/s288/1.jpg" alt="Blend Rider" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Blend Rider</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-46" class="truck"><a href="http://www.bloghuts.com/2011/07/kamaz-jungle-2.html"><img src="https://lh4.googleusercontent.com/-Vbx94YbGyNk/ThPvvd6HizI/AAAAAAAAAaE/Phkyt77MKT8/s288/Kamaz%2BJungle%2B2%2B%252890%2Bx%2B90%2529.jpg" alt="Kamaz Jungle 2" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Kamaz Jungle 2</strong><br />
    
    
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-47" class="motorcycle"><a href="http://www.bloghuts.com/2011/07/bike-trial.html"><img src="https://lh5.googleusercontent.com/-2n3SQa-ly-A/ThR9yKUwmBI/AAAAAAAAAak/pSOubelFpek/s288/1.jpg" alt="Bike Trial" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Bike Trial</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-48" class="truck"><a href="http://www.bloghuts.com/2011/07/cargo-express.html"><img src="https://lh3.googleusercontent.com/-csB6dinjeYc/ThT1rBXGvXI/AAAAAAAAAa0/ukdGdAsGb8E/s288/1.jpg" alt="Cargo Express" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Cargo Express</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    
    
    </div></div></div></a><br />
    </li>
    <li data-id="id-49" class="car"><a href="http://www.bloghuts.com/2011/07/danger-speed.html"><img src="https://lh5.googleusercontent.com/-NG3RTIJlMgs/ThnUU9x82gI/AAAAAAAAAdA/Xfd4bUHirdM/s288/1.jpg" alt="Danger Speed" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Danger Speed</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-50" class="vehicle"><a href="http://www.bloghuts.com/2011/07/generator-rex-racing.html"><img src="https://lh6.googleusercontent.com/-INC4Oc0g2oE/TirC6DYvLsI/AAAAAAAAAjg/o5I5Hl-LRPU/s288/generator-rex-racing%2B%252890%2Bx%2B90%2529.jpg" alt="Generator Rex Racing" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Generator Rex Racing</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    
    
    </li>
    <li data-id="id-51" class="truck"><a href="http://www.bloghuts.com/2011/09/destructotruck.html"><img src="https://lh4.googleusercontent.com/-EyrkNXB5IEI/Tmt-BseSLcI/AAAAAAAABOg/aQX82V89kTI/s288/Destructotruck%2B%252890%2Bx%2B90%2529.jpg" alt="Destructotruck" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Destructotruck</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>3MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-52" class="vehicle"><a href="http://www.bloghuts.com/2011/09/shopping-cart-hero-2.html"><img src="https://lh4.googleusercontent.com/-J44xfoSSz7s/Tmw5cMYTLqI/AAAAAAAABO8/e5lqqGASB-Y/s288/ShoppingCartHero2%2B%252890%2Bx%2B90%2529.jpg" alt="Shopping Cart Hero 2" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Shopping Cart Hero 2</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    </li>
    
    
    <li data-id="id-53" class="pool"><a href="http://www.bloghuts.com/2011/04/deluxe-pool.html"><img src="http://lh6.ggpht.com/_QAJ2Le4En08/TUUK9KMQ5XI/AAAAAAAAAps/bTIWlaB3yA8/s128/deluxe-pool%20%2890%20x%2090%29.jpg" alt="Deluxe Pool" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Deluxe Pool</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    </li>
    <li data-id="id-54" class="golf"><a href="http://www.bloghuts.com/2011/03/mini-putt-3.html"><img src="http://lh6.ggpht.com/_QAJ2Le4En08/TTsQ6N5iJEI/AAAAAAAAAhc/5ei7mZ7nQT4/s128/thumb_miniputt60%20%2890%20x%2090%29.jpg" alt="Mini Putt 3" width="90" height="90"/><div class="gamedetails"><div class="gamedetailshover"><div class="gamedetailparabck"><p class="gamecategoriespara2">Name:</p><strong>Mini Putt 3</strong><br />
    <p class="gamecategoriespara2">Size:</p><span>1MB</span><br />
    </div></div></div></a><br />
    </li>
    </ul></div><br />
    
    
    <style type="text/css">
    ul.gamecolumns {
    min-height:1430px;
    list-style: none;
    margin: 0px; 
    padding: 0px;
    }
    </style><br />
    <meta name="description" content="Come and play the best sports games ever on internet, all in full screen, admiration is guaranteed :)" />
    <div style='clear: both;'></div>
    </p>
    <div class='post-footer'>
    <span class='post-icons'>
    </span>
    </div>
    </div>
    <div id='related-posts'>
    <script type='text/javascript'>
    removeRelatedDuplicates_thumbs();
    printRelatedLabels_thumbs("http://bloghutsbeta.blogspot.com/2012/03/testing-2_04.html");
    </script>
    </div><div style='clear:both'></div>
    <div id='disqus_thread'></div>
    <script type='text/javascript'>
        /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
        var disqus_shortname = 'bloghuts'; // required: replace example with your forum shortname
    
    
        // The following are highly recommended additional parameters. Remove the slashes in front to use.
        // var disqus_identifier = 'unique_dynamic_id_1234';
        // var disqus_url = 'http://example.com/permalink-to-page.html';
    
    
        /* * * DON'T EDIT BELOW THIS LINE * * */
        (function() {
            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
            dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
        })();
    </script>
    
    
    <!-- google_ad_section_end -->
    </div>
    </div></div>
    </div>
    </div>
    <div id='sidebar'>
    <div class='sidebar1'>
    <div class='sidebar1transparent'></div>
    <div class='section' id='sidebar1'><div class='widget HTML' id='HTML1'>
    <h2 class='title'>Search</h2>
    <div class='widget-content'>
    <form class="searchbox" id="searchthis" action="http://www.bloghuts.com/search/
    " style="display:inline;" method="get"><input onfocus="if(this.value==this.defaultValue)this.value='';" value="Are You Looking For Something?" type="text" class="formbox" onblur="if(this.value=='')this.value=this.defaultValue;" style="width:230px; height:27px;" vinput="" name="q" />
    <input class="formbutton buttonbloghuts buttongradient" value="Go" type="submit" />
    </form>
    </div>
    <div class='clear'></div>
    
    
    <span class='widget-item-control'>
    <span class='item-control blog-admin'>
    <a class='quickedit' href='http://www.blogger.com/rearrange?blogID=29324990104176539&widgetType=HTML&widgetId=HTML1&action=editWidget&sectionId=sidebar1' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML1"));' target='configHTML1' title='Edit'>
    <img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
    </a>
    </span>
    </span>
    <div class='clear'></div>
    </div></div>
    </div>
    <div class='sidebar2'>
    <div class='sidebar2transparent'></div>
    <div class='section' id='sidebar2'><div class='widget HTML' id='HTML3'>
    <div class='widget-content'>
    <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/pages/Bloghuts/103104253084462" width="300" colorscheme="dark" show_faces="true" stream="false" header="false"></fb:like-box>
    </div>
    
    
    <div class='clear'></div>
    <span class='widget-item-control'>
    <span class='item-control blog-admin'>
    <a class='quickedit' href='http://www.blogger.com/rearrange?blogID=29324990104176539&widgetType=HTML&widgetId=HTML3&action=editWidget&sectionId=sidebar2' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML3"));' target='configHTML3' title='Edit'>
    <img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
    </a>
    </span>
    </span>
    <div class='clear'></div>
    </div></div>
    </div>
    <div class='sidebar3'>
    <div class='sidebar3transparent'></div>
    <div class='section' id='sidebar3'></div>
    </div>
    <div class='sidebar4'>
    <div class='sidebar4transparent'></div>
    
    
    <div class='section' id='sidebar4'></div>
    </div>
    <div class='sidebar5'>
    <div class='sidebar5transparent'></div>
    <div class='section' id='sidebar5'></div>
    </div>
    <div class='sidebar6'>
    <div class='section' id='sidebar6'></div>
    </div>
    <div class='sidebar7'>
    <div class='section' id='sidebar7'></div>
    </div>
    <div class='sidebar8'>
    <div class='section' id='sidebar8'></div>
    </div>
    <div class='sidebar9'>
    <div class='section' id='sidebar9'></div>
    
    
    </div>
    <div class='sidebar10'>
    <div class='section' id='sidebar10'></div>
    </div>
    </div>
    </div>
    <!-- end content -->
    <div style='clear:both;'></div>
    </div>
    <!-- end wrap -->
    <div id='footerwrap'>
    <div id='footer'>
    <div id='footertransparent'></div>
    <div class='footer1'>
    <div class='section' id='footer1'>
    <div class='widget FollowByEmail' id='FollowByEmail1'>
    <h2 class='title'>Subscribe For Latest News</h2>
    
    
    <div class='widget-content'>
    <div class='follow-by-email-inner'>
    <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open("http://feedburner.google.com/fb/a/mailverify?uri=", "popupwindow", "scrollbars=yes,width=550,height=520"); return true' target='popupwindow'>
    <table width='100%'>
    <tr>
    <td>
    <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
    </td>
    <td width='64px'>
    <input class='follow-by-email-submit' type='submit' value='Submit'/>
    </td>
    </tr>
    </table>
    <input name='uri' type='hidden' value=''/>
    <input name='loc' type='hidden' value='en_US'/>
    </form>
    </div>
    
    
    </div>
    <span class='item-control blog-admin'>
    <div class='clear'></div>
    <span class='widget-item-control'>
    <span class='item-control blog-admin'>
    <a class='quickedit' href='http://www.blogger.com/rearrange?blogID=29324990104176539&widgetType=FollowByEmail&widgetId=FollowByEmail1&action=editWidget&sectionId=footer1' onclick='return _WidgetManager._PopupConfig(document.getElementById("FollowByEmail1"));' target='configFollowByEmail1' title='Edit'>
    <img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
    </a>
    </span>
    </span>
    <div class='clear'></div>
    </span>
    </div></div>
    </div>
    <div class='footer2'>
    <div class='section' id='footer2'><div class='widget HTML' id='HTML5'>
    <h2 class='title'>Translate Into Other Language</h2>
    
    
    <div class='widget-content'>
    </div>
    <div class='clear'></div>
    <span class='widget-item-control'>
    <span class='item-control blog-admin'>
    <a class='quickedit' href='http://www.blogger.com/rearrange?blogID=29324990104176539&widgetType=HTML&widgetId=HTML5&action=editWidget&sectionId=footer2' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML5"));' target='configHTML5' title='Edit'>
    <img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
    </a>
    </span>
    </span>
    <div class='clear'></div>
    </div></div>
    </div>
    <div class='footer3'>
    <div class='section' id='footer3'></div>
    </div>
    <div class='footer4'>
    
    
    <div class='section' id='footer4'>
    </div>
    </div>
    <div style='clear:both;'></div>
    </div><!-- end footer -->
    <div style='clear:both;'></div>
    </div>
    <!-- end footerwrap -->
    <script type='text/javascript'>
        /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
        var disqus_shortname = 'bloghuts'; // required: replace example with your forum shortname
    
    
        /* * * DON'T EDIT BELOW THIS LINE * * */
        (function () {
            var s = document.createElement('script'); s.async = true;
            s.type = 'text/javascript';
            s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
            (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
        }());
    </script>
    <!-- Place this tag in your head or just before your close body tag -->
    <script src='http://apis.google.com/js/plusone.js' type='text/javascript'></script>
    <script type="text/javascript">
    if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
    </script><script type="text/javascript" src="http://www.blogger.com/static/v1/widgets/2724124874-widgets.js"></script>
    <script type='text/javascript'>
    if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '29324990104176539';BLOG_attachCsiOnload('item_'); }_WidgetManager._Init('http://www.blogger.com/rearrange?blogID\x3d29324990104176539','http://bloghutsbeta.blogspot.com/2012/03/testing-2_04.html','29324990104176539');
    _WidgetManager._SetPageActionUrl('http://www.blogger.com/display?blogID\x3d29324990104176539','APq4FmAz-NVeEWdaqFIYkmAdSOVlBd51NeKUFaY8tvZyTvyeml_jMKhPYJXZjeCzFaJ7zNCJAREtAXvJR1MHzKwGdHJi5QDUyThXrjdYUfXv_MS6lh1jFWY\x3d','AOuZoY59maRfYC6YTT9t_gjjwy9ulppP0w:1331496855553');
    _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'bloggerUrl': 'http://www.blogger.com', 'title': 'Bloghuts Beta', 'pageType': 'item', 'url': 'http://bloghutsbeta.blogspot.com/2012/03/testing-2_04.html', 'canonicalUrl': 'http://bloghutsbeta.blogspot.com/2012/03/testing-2_04.html', 'canonicalHomepageUrl': 'http://bloghutsbeta.blogspot.com/', 'homepageUrl': 'http://bloghutsbeta.blogspot.com/', 'blogspotFaviconUrl': 'http://bloghutsbeta.blogspot.com/favicon.ico', 'enabledCommentProfileImages': true, 'searchLabel': '', 'searchQuery': '', 'pageName': 'Testing 2', 'pageTitle': 'Bloghuts Beta: Testing 2', 'encoding': 'UTF-8', 'locale': 'en', 'isPrivate': false, 'isMobile': false, 'mobileClass': '', 'languageDirection': 'ltr', 'feedLinks': '\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\42Bloghuts Beta - Atom\42 href\75\42http://bloghutsbeta.blogspot.com/feeds/posts/default\42 /\76\n\74link rel\75\42alternate\42 type\75\42application/rss+xml\42 title\75\42Bloghuts Beta - RSS\42 href\75\42http://bloghutsbeta.blogspot.com/feeds/posts/default?alt\75rss\42 /\76\n\74link rel\75\42service.post\42 type\75\42application/atom+xml\42 title\75\42Bloghuts Beta - Atom\42 href\75\42http://www.blogger.com/feeds/29324990104176539/posts/default\42 /\76\n\74link rel\75\42EditURI\42 type\75\42application/rsd+xml\42 title\75\42RSD\42 href\75\42http://www.blogger.com/rsd.g?blogID\07529324990104176539\42 /\76\n\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\42Bloghuts Beta - Atom\42 href\75\42http://bloghutsbeta.blogspot.com/feeds/8686008163660786483/comments/default\42 /\76\n', 'meTag': '', 'openIdOpTag': '', 'postImageThumbnailUrl': 'http://lh4.ggpht.com/_QAJ2Le4En08/TTsLVUsLoKI/AAAAAAAAAcs/VxuiKD3f6co/s72-c/thumb_bmxrex60%20%2890%20x%2090%29.jpg', 'imageSrcTag': '\74link rel\75\42image_src\42 href\75\42http://lh4.ggpht.com/_QAJ2Le4En08/TTsLVUsLoKI/AAAAAAAAAcs/VxuiKD3f6co/s72-c/thumb_bmxrex60%20%2890%20x%2090%29.jpg\42 /\76\n', 'latencyHeadScript': '\74script type\75\42text/javascript\42\76(function() { var a\75window;function c(b){this.t\75{};this.tick\75function(b,i,d){d\75void 0!\75d?d:(new Date).getTime();this.t[b]\75[d,i]};this.tick(\42start\42,null,b)}var f\75new c;a.jstiming\75{Timer:c,load:f};try{var g\75null;a.chrome\46\46a.chrome.csi\46\46(g\75Math.floor(a.chrome.csi().pageT));null\75\75g\46\46a.gtbExternal\46\46(g\75a.gtbExternal.pageT());null\75\75g\46\46a.external\46\46(g\75a.external.pageT);g\46\46(a.jstiming.pt\75g)}catch(h){};a.tickAboveFold\75function(b){var e\0750;if(b.offsetParent){do e+\75b.offsetTop;while(b\75b.offsetParent)}b\75e;750\76\75b\46\46a.jstiming.load.tick(\42aft\42)};var j\75!1;function k(){j||(j\75!0,a.jstiming.load.tick(\42firstScrollTime\42))}a.addEventListener?a.addEventListener(\42scroll\42,k,!1):a.attachEvent(\42onscroll\42,k);\n })();\74/script\076', 'mobileHeadScript': '', 'analyticsAccountNumber': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/f75e48f708466c7f/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/7aa9ae5aab96ed16'}}, {'name': 'skin', 'data': {'vars': {}, 'override': ''}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '/?view\75classic'}, 'flipcard': {'name': 'flipcard', 'url': '/?view\75flipcard'}, 'magazine': {'name': 'magazine', 'url': '/?view\75magazine'}, 'mosaic': {'name': 'mosaic', 'url': '/?view\75mosaic'}, 'sidebar': {'name': 'sidebar', 'url': '/?view\75sidebar'}, 'snapshot': {'name': 'snapshot', 'url': '/?view\75snapshot'}, 'timeslide': {'name': 'timeslide', 'url': '/?view\75timeslide'}}}]);
    _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar1', null, document.getElementById('HTML1'), {}, 'displayModeFull'));
    _WidgetManager._RegisterWidget('_FollowByEmailView', new _WidgetInfo('FollowByEmail1', 'footer1', null, document.getElementById('FollowByEmail1'), {}, 'displayModeFull'));
    _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sidebar2', null, document.getElementById('HTML3'), {}, 'displayModeFull'));
    _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'footer2', null, document.getElementById('HTML5'), {}, 'displayModeFull'));
    _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', null, document.getElementById('Blog1'), {'cmtInteractionsEnabled': false}, 'displayModeFull'));
    _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'headerleft', null, document.getElementById('HTML2'), {}, 'displayModeFull'));
    _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar'));
    
    
    </script>
    </body>
    </html>
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  5. #5
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,171
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    Hi cryoffalcon. Welcome to the forums.

    The rounded corners on your test page show up in IE9 for me.

    Quote Originally Posted by TehYoyo View Post
    Your test page CSS has no -ms-border-radius property. That's probably why? You have un-prefixed, but I don't know if IE9 supports it (it shouldn't...)
    IE9 does support the non-prefixed border-radius property.

  6. #6
    <title class="lol"> bronze trophy TehYoyo's Avatar
    Join Date
    Feb 2012
    Location
    Northeast Chicago Suburbs
    Posts
    806
    Mentioned
    18 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by ralph.m View Post
    Hi cryoffalcon. Welcome to the forums.

    The rounded corners on your test page show up in IE9 for me.



    IE9 does support the non-prefixed border-radius property.
    Ah...gotcha. Kind of ironic, isn't it?

    Quote Originally Posted by RyanReese View Post
    I had to split it up into 2 posts. Code was too huge for Sitepoint to allow.
    Yeah...a lot of your code is really messy and long. Do you really need that much code? I think you have ~1000 lines of internal CSS.
    ~TehYoyo

  7. #7
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,585
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    That isn't my code. That's his page.

    And the real site wasn't showing hte rounded borders, but my local page was.

    Also, IE8 is the one that needs the -ms- prefix. Not IE9 .
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •