body { margin: 0; padding: 0; font: 76% tahoma,verdana,sans-serif; background: #fef8e0 url('http://images.match3.com/img/match3-bg.png') repeat-x fixed; color: #000000; }

a img { border: none; }
p { padding: 0; margin: 0 0 10px 0; font-size: 14px; }
a { text-decoration: none; font-weight: bold; color: #000;}
a:link, a:visited  {} 
a:hover, a:active  { text-decoration: underline; }

.hide { display: none; }
.clear { clear: both; height: 1px; font-size: 1px; }

#container { width: 1004px; margin: 0 auto; padding: 6px 0; position: relative;}

#sidebar { width: 60px; background-color: #fff; border-top: 1px solid #000; border-left: 1px solid #000; border-bottom: 1px solid #000; position: absolute; left: -57px; top: 101px; z-index: 9999; }
#showsidebar { width: 16px; background-color: #fff; position: absolute; left: -12px; top: 101px; z-index: 9999; height: 34px; }

#sidebar ul { padding: 0; list-style: none; margin: 0; }
#sidebar li { display: block; margin: 5px 0 5px 5px; padding: 0; text-align: center; }

#sidebar h3 { margin: 0; padding: 0; color: #aaa; font-size: 14px; }

#sidebar li.recent a { display: block; position: relative; width: 50px; height: 50px; margin: 0 auto; text-decoration: none; }

#sidebar li.recent a span { padding: 4px 2px 4px 52px; position: absolute; height: 44px; left: -1px; top: -1px; width: 114px; text-align: center; background-image: url('http://images.match3.com/img/sidebar-game-mask.png'); z-index: 10000; }
#sidebar li.recent a img { z-index: 10001; }
#sidebar li.recent a:link span, #sidebar li.recent a:visited span { display: none; }
#sidebar li.recent a:hover span, #sidebar li.recent a:active span { display: block; }

a.recent, a.hidelink { display: block; width: 50px; margin: 0 auto; font-size: 10px; text-align: center; }
a.recent:link, a.recent:visited, a.hidelink:link, a.hidelink:visited { color: #aaa; text-decoration: underline; }
a.recent:hover, a.recent:active, a.hidelink:hover, a.hidelink:active { color: #000; text-decoration: underline; }

#siderightbar { width: 60px; background-color: #fff; border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; position: absolute; right: -57px; top: 101px; z-index: 9999; }
#showrightsidebar { width: 16px; background-color: #fff; position: absolute; right: -12px; top: 101px; z-index: 9999; height: 34px; }

#siderightbar ul { padding: 0; list-style: none; margin: 0; }
#siderightbar li { display: block; margin: 5px 5px 5px 0; padding: 0; text-align: center; }

#siderightbar h3 { margin: 0; padding: 0; color: #aaa; font-size: 12px; }

#siderightbar li.barfeatured a { display: block; position: relative; width: 50px; height: 50px; margin: 0 auto; text-decoration: none; }

#siderightbar li.barfeatured a span { padding: 4px 52px 4px 2px; position: absolute; height: 44px; right: -1px; top: -1px; width: 114px; text-align: center; background-image: url('http://images.match3.com/img/siderightbar-game-mask.png'); z-index: 10000; }
#siderightbar li.barfeatured a img { z-index: 10001; }
#siderightbar li.barfeatured a:link span, #siderightbar li.barfeatured a:visited span { display: none; }
#siderightbar li.barfeatured a:hover span, #siderightbar li.barfeatured a:active span { display: block; }

a.barfeatured { display: block; width: 50px; margin: 0 auto; font-size: 10px; text-align: center; }
a.barfeatured:link, a.barfeatured:visited, a.hidelink:link, a.hidelink:visited { color: #aaa; text-decoration: underline; }
a.barfeatured:hover, a.barfeatured:active, a.hidelink:hover, a.hidelink:active { color: #000; text-decoration: underline; }

#header, #main, #footer { background-repeat: no-repeat; background-position: 0 0; padding-left: 17px; }
#header-content, #main-content, #footer-content { background-repeat: no-repeat; background-position: 100% 0; padding-right: 17px; }

#header { background-image: url('http://images.match3.com/img/header-bg-left.png'); height: 99px; } 
.game #header { background-image: url('http://images.match3.com/img/game-header-bg-left.png'); height: 115px; } 

#header h1 { float: left; clear: none; margin: 16px 0 16px 225px; width: 520px; text-align: center; }
#header h2 { float: left; clear: none; margin: 0 0 0 225px;  width: 520px; height: 30px; font-size: 11px; font-weight: bold; font-style: italic; text-align: center; }
#header-content { background-image: url('http://images.match3.com/img/header-bg-right.png'); height: 99px; position: relative; }
.game #header-content { background-image: url('http://images.match3.com/img/game-header-bg-right.png'); height: 115px; }
#logo { position: absolute; left: -10px; top: 6px; }
#header-right { float: right; margin: 4px -5px 0 13px; width: 145px; }
#header-search { float: right; clear: none; margin-top: 0; width: 132px; overflow: hidden; margin-right: 1px;}
.game #header-search {  margin-top: 15px; }

#header-content.headerbg1 { background-image: url('http://images.match3.com/img/header-bg-right-1.png'); }
#header-content.headerbg2 { background-image: url('http://images.match3.com/img/header-bg-right-2.png'); }
#header-content.headerbg3 { background-image: url('http://images.match3.com/img/header-bg-right-3.png'); }
#header-content.headerbg4 { background-image: url('http://images.match3.com/img/header-bg-right-4.png'); }


.game #header-content.headerbg1 { background-image: url('http://images.match3.com/img/game-header-bg-right-1.png'); }
.game #header-content.headerbg2 { background-image: url('http://images.match3.com/img/game-header-bg-right-2.png'); }
.game #header-content.headerbg3 { background-image: url('http://images.match3.com/img/game-header-bg-right-3.png'); }
.game #header-content.headerbg4 { background-image: url('http://images.match3.com/img/game-header-bg-right-4.png'); }

.game #game-header { position: absolute; top: 5px; left: 235px; width: 596px; height: 100px; }
.game #game-header h1 { float: none; text-indent: 0; padding: 0; margin: 0; border-top: 20px solid white; border-bottom: 5px solid white; line-height: 15px; }
.game #game-header h1 span { font-size: 13px; }

.game #game-header h2 { position: static; left: 0; top: 0; width: auto; height: auto; font-size: 11px; font-weight: normal; font-style: normal; text-align: left; margin: 0; padding: 0; }
.game #game-header img { float: right; clear: none; border: 2px solid white;}

.game #header-content.headerbg1 { background-image: url('http://images.match3.com/img/game-header-bg-right-1.png'); }
.game #header-content.headerbg2 { background-image: url('http://images.match3.com/img/game-header-bg-right-2.png'); }
.game #header-content.headerbg3 { background-image: url('http://images.match3.com/img/game-header-bg-right-3.png'); }
.game #header-content.headerbg4 { background-image: url('http://images.match3.com/img/game-header-bg-right-4.png'); }



input.searchinput { width: 98px; border: 1px solid #000; height: 17px; margin-right: 1px; }
a.search { text-decoration: none; display: block; width: 28px; height: 18px; background-image: url('http://images.match3.com/img/go-bg.gif'); text-align: center; padding-top: 3px;  }

#header-search a.search:link, #header-search a.search:visited { background-position: left top; }
#header-search a.search:hover, #header-search a.search:active{ background-position: left bottom; }

#addthis-content { float: right; clear: none;  }
#header-advert { float: right; padding-top: 19px; width: 468px; height: 60px;  }

#footer { background-image: url('http://images.match3.com/img/footer-bg-left.png'); height: 40px; }
#footer-content { background-image: url('http://images.match3.com/img/footer-bg-right.png'); height: 40px; }
#footer-content div.left { float: left; clear: none; height: 26px; margin: 7px;  }
#footer-content div.right { float: right; clear: none; height: 26px; margin: 7px;  }

#main{ background-image: url('http://images.match3.com/img/main-bg-left.png'); background-repeat: repeat-y; }
#main-content { background-image: url('http://images.match3.com/img/main-bg-right.png'); background-repeat: repeat-y; padding-top: 4px;}

#right-col { float: right; clear: none; width: 120px; position: relative;  }

a.sidelink { text-decoration: none; display: block; width: 115px; height: 18px; background-image: url('http://images.match3.com/img/menu-bg.gif'); padding: 3px 0 0 5px; margin-bottom: 1px; font-size: 11px;}
a.sidelink:link, a.sidelink:visited { background-position: left top; }
a.sidelink:hover, a.sidelink:active{ background-position: left bottom; }

.curvetl { background-image: url('http://images.match3.com/img/curvetl.gif'); background-position: left top; background-repeat: no-repeat; width: 831px; float: left; clear: none; border-bottom: 15px solid #fff; }
.curvetr { background-image: url('http://images.match3.com/img/curvetr.gif'); background-position: right top; background-repeat: no-repeat; width: 831px;  float: left; clear: none;}
.curvebr { background-image: url('http://images.match3.com/img/curvebr.gif'); background-position: right bottom; background-repeat: no-repeat; width: 831px;  float: left; clear: none;}
.curvebl { background-image: url('http://images.match3.com/img/curvebl.gif'); background-position: left bottom; background-repeat: no-repeat; width: 831px;  float: left; clear: none; padding: 5px 0; }


#copyright {  }

.gamecontainer { 
padding-left: 10px; 
width: 398px; 
height: 535px; 
background-image: url('http://images.match3.com/img/game-group-bg.gif'); 
float: left; 
clear: none; 
display: block;
margin: 0 15px 15px 0;
}

.gamecontainer.six {
height: 381px; 
background-image: url('http://images.match3.com/img/game-group-bg-6.gif'); 
}

.gamecontainer.featured {
height: 221px;
background-image: url('http://images.match3.com/img/game-group-featured-bg.gif'); 
}

.gamecontainer.download {
height: 221px;
width: 821px;
background-image: url('http://images.match3.com/img/game-group-download-bg.gif'); 
}

.gamecontainer.like {
height: 166px;
width: 821px;
background-image: url('http://images.match3.com/img/game-group-like-bg.gif'); 
}

.gamecontainer.listing {
height: auto;
}

.gamecontainer.listing .clear {
background-image: url('http://images.match3.com/img/game-group-bg.gif'); 
background-position: left bottom;
width: 408px;
height: 4px;
position: relative;
left: -10px;
}
.gamecontainer h2 { margin: 0; padding: 4px 10px 4px 0; font-size: 19px; font-weight: bold; position: relative; }

.game_box { float: left; clear: none; width: 122px; height: 147px; border-right: 10px solid white; border-bottom: 10px solid white; position: relative; }
.game_box img { margin: 11px; }
.game_box a { position: absolute; top: 0; left: 0; width: 122px; height: 147px; background-image: url('http://images.match3.com/img/game-mask.png'); text-decoration: none; }
.game_box a:link,.game_box a:visited { background-position: left top; text-decoration: none; }
.game_box a:hover,.game_box a:active { background-position: left bottom; text-decoration: none; }
.game_box a:link span.title,.game_box a:visited  span.title { text-decoration: none;}
.game_box a:hover span.title,.game_box a:active  span.title { text-decoration: underline;}

.game_box span.title { display: block;  width: 116px; margin: 112px 3px 0 3px; text-align: center; min-height: 14px; max-height: 30px; overflow: hidden; }
.game_box strong { display: block; text-align: center; border-top: #ddd solid 1px; margin-top: 1px; padding-top: 2px; height: 12px; overflow: hidden; font-size: 9px; color: #9a9a9a;}

.game_box a span.popupDesc  { display: block; width: 112px; padding: 5px 5px 2px 5px; position: absolute; text-align: left; font-weight: normal; font-size: 10px; z-index: 10000; background-image: url('http://images.match3.com/img/game_desc_box.gif'); background-position: bottom center;}

.game_box a:link span.popupDesc, .game_box a:visited span.popupDesc { display: none; }
.game_box a:hover span.popupDesc, .game_box a:active span.popupDesc { display: block; }

.game_box.wide { float: left; clear: none; width: 260px; height: 122px; border-right: 13px solid white; border-bottom: 10px solid white; position: relative; }
.game_box.wide img { margin: 11px; float: left; clear: none; }
.game_box.wide a { position: absolute; top: 0; left: 0; width: 260px; height: 122px; background-image: url('http://images.match3.com/img/game-wide-mask.png');}

.game_box.wide span { display: block; width: 140px; height: 69px; left: 0; top: 0; overflow: hidden; margin: 0; padding: 0 5px 3px 115px; text-align: left; position: static; font-weight: normal; font-size: 12px; }

.game_box.wide span.title { display: block;  width: 141px; height: 30px; margin: 0; padding: 8px 5px 3px 114px; text-align: center;  font-size: 12px; font-weight: bold;}

.game_box.wide a:link, .game_box.wide a:visited { text-decoration: none !important; }
.game_box.wide a:hover, .game_box.wide a:active { text-decoration: none !important; }
.game_box.wide a:link span.title, .game_box.wide a:visited span.title { text-decoration: none !important; }
.game_box.wide a:hover span.title, .game_box.wide a:active span.title { text-decoration: underline !important; }


.big_game_box { clear: none; float: left; height: 175px; width: 175px; text-align: center; border-right: 15px solid #fff; border-left: 15px solid #fff; }

.advert-container { float: left; clear: none; width: 728px; height: 90px; background-image: url('http://images.match3.com/img/advert-bg.gif'); padding: 5px 52px 5px 51px; margin-bottom: 15px; }
.game-advert-container { float: left; clear: none; width: 728px; height: 100px; background-image: url('http://images.match3.com/img/advert-bg.gif'); padding: 5px 52px 5px 51px; margin-bottom: 15px; }

a.playmore { float: right; clear: none; text-decoration: none; display: block; width: 180px; height: 18px; background-image: url('http://images.match3.com/img/playmore-bg.gif'); padding: 3px 0 0 0; margin-right: 11px; text-align: center; font-size: 12px;}

a.playmore:link, a.playmore:visited { background-position: left top; }
a.playmore:hover, a.playmore:active { background-position: left bottom; }

a.playmoreleft { float: left; clear: none; text-decoration: none; display: block; width: 180px; height: 18px; background-image: url('http://images.match3.com/img/playmore-bg.gif'); padding: 3px 0 0 0; margin-right: 11px; text-align: center; font-size: 12px;}

a.playmoreleft:link, a.playmoreleft:visited { background-position: left top; }
a.playmoreleft:hover, a.playmoreleft:active { background-position: left bottom; }

#copyright { text-align: center; padding: 10px 0; font-size: 14px; }

.adcontainer728 { width: 728px; margin: 2px auto; }

.game-info {  
float: left; 
clear: none; 
display: block;
border-bottom: 15px solid #fff;
width: 831px;
position: relative;
background-image: url('http://images.match3.com/img/game-info-bg.gif'); 
}
.game-info h2 { margin: 0; padding: 4px 10px 10px 0; font-size: 19px; font-weight: bold; position: relative; }


.game-info .left {
width: 388px; 
padding: 0 10px;
float: left;
clear: none;
}

.game-info .right {
width: 388px; 
padding: 0 10px;
float: right;
clear: none;
}

.game-info .footer { 
width: 831px;
height: 15px;
background-image: url('http://images.match3.com/img/game-info-footer-bg.gif');
clear: both;
}

.ditto_pages { clear: none; float: right; margin: 0 4px; }
.ditto_currentpage, .ditto_page  { text-decoration: none; display: block; width: 28px; height: 18px; background-image: url('http://images.match3.com/img/go-bg.gif'); text-align: center; padding-top: 3px; float: left; clear: none; font-size: 12px; margin-left: 3px; }
.ditto_currentpage { background-image: url('http://images.match3.com/img/current.gif'); }
a.ditto_page:link, a.ditto_page:visited { background-position: left top; }
a.ditto_page:hover, a.ditto_page:active { background-position: left bottom; }


.gameslist .curvetl h2 { padding-right: 10px; clear: both; }

.AS_ajax_resultsIntroFailure { padding: 20px 0; text-align: center; }

.sidelinks a { display: block; font-size: 11px; font-weight: normal; text-decoration: underline;  }
.sidelinks a:hover, .sidelinks a:active {  text-decoration: none; }

.gameAdditional, .gameIphone, .gameDownload, .gameDist { padding: 10px 0; text-align: center; }

#footertext { text-align: center; width: 755px; margin: 5px auto; }

