/* body */

html {
    background-color:#333;
    color:#333;
}

#bd {
    background-color:white;
    padding:10px 7px;
}

#bd #main, #bd #sidebar {
    overflow:hidden;_overflow:visible;_zoom:1; /* clear-block */
}


/* global */

a { color:#E72B96; }
a:hover, a:focus, a.hover { color:#3EA0F7; }


/* sidebar */

#bd #sidebar {
    padding-left:13px;
    width:300px;
}

#sidebar-middle {
    margin-top:10px;
}


/* search-panel */

#sidebar #search-panel .panel-top {
    background:transparent url(../img/backgrounds.png) 0 -250px;
    height:14px;
    width:100%;
}

#sidebar #search-panel .panel-bottom {
    background:transparent url(../img/backgrounds.png) 0 -386px;
    height:14px;
    width:100%;
}

#sidebar #search-panel .panel-wrapper {
    background:transparent url(../img/backgrounds.png) 0 -265px;
    padding-left:20px;
}

#sidebar #search-panel .panel-header h2 {
    color:#F06FA1;
    font-size:108%;
    font-weight:bold;
    padding-bottom:0.5em;
}

#sidebar #search-panel .panel-body {
    line-height:1.2;
}

#sidebar #search-panel .panel-body input.text,
#sidebar #search-panel .panel-body input.submit {
    background-color:white;
    font-size:100%;
    border:2px solid #F06FA1;
    vertical-align:middle;
}

#sidebar #search-panel .panel-body input.text {
    height:16px;
    padding:3px 2px;
    width:190px;
}

#sidebar #search-panel .panel-body input.submit {
    margin-left:5px;
    padding:0 2px;
    color:#F06FA1;
    font-weight:bold;
    height:26px;
    text-transform:uppercase;
    cursor:pointer;
}


/* game-entry */

.page #main .games .game {
    float:left;
    margin-bottom:5px;
}

.page #main .games .game a {
    color:#E72B96;
    display:block;
    margin:0 auto;
    outline:none;
    position:relative;
    text-align:center;
    text-decoration:none;
    width:87px;
}

.page #main .games .game a:hover,
.page #main .games .game a:focus {
    color:#3EA0F7;
}

.page #main .games .game a img {
    border:1px solid #E72B96;
    display:block;
    height:85px;
    width:85px;
}

.page #main .games .game a:hover img,
.page #main .games .game a:focus img {
    border-color:#3EA0F7;
}

.page #main .games .game a span.icon {
    background:transparent url(../img/icons.png) no-repeat -100px -50px;
    cursor:pointer;
    display:block;
    height:32px;
    left:1px;
    position:absolute;
    top:1px;
    width:32px;
}

.page #main .games .game a span.title {
    display:block;
    line-height:15px; /* ceil(13 * 1.1) */
    height:30px;
    overflow:hidden;
}


/* category-entry */

.page #main .category h2 {
    background:transparent url(../img/backgrounds.png) no-repeat left top;
    height:23px;
    line-height:23px;
    margin:3px;
    margin-bottom:5px;
    position:relative;
}

.page #main .category h2 a {
    color:white;
    font-weight:bold;
    text-decoration:none;
    margin-left:5px;
}

.page #main .category h2 span.icon {
    background:transparent url(../img/icons.png) no-repeat;
    cursor:pointer;
    height:23px;
    position:absolute;
    right:0;
    top:0;
    width:40px;
}

.page #main .category-celebrity h2 span.icon { background-position:-450px 0px; }
.page #main .category-dressup h2 span.icon { background-position:0px 0px; }
.page #main .category-wedding h2 span.icon { background-position:-100px 0px; }
.page #main .category-petdressup h2 span.icon { background-position:-300px 0px; }
.page #main .category-naildesign h2 span.icon { background-position:-50px 0px; }
.page #main .category-decoration h2 span.icon { background-position:-250px 0px; }
.page #main .category-gotd h2 span.icon { background-position:-550px 0px; }
.page #main .category-tgow h2 span.icon { background-position:-600px 0px; }


/* page-home */
.page-home #main #featuring-panel {
    margin-bottom:5px;
}

.page-home #main #featuring-panel .panel-top {
    background:transparent url(../img/backgrounds.png) 0px -450px;
    height:14px;
    width:100%;
}

.page-home #main #featuring-panel .panel-bottom {
    background:transparent url(../img/backgrounds.png) 0px -732px;
    height:18px;
    width:100%;
}

.page-home #main #featuring-panel .panel-wrapper {
    background:transparent url(../img/backgrounds.png) 0px -465px;
    width:100%;
    position:relative;
    zoom:1;
}

.page-home #main #featuring-panel h2 {
    font-size:108%;
    font-weight:bold;
    margin-bottom:5px;
    text-align:center;
    zoom:1;
}

.page-home #main #featuring-panel h2 span.icon {
    background:transparent url(../img/icons.png) no-repeat;
    cursor:pointer;
    display:inline-block;
    height:24px;
    vertical-align:middle;
    width:40px;
}
.page-home #main #featuring-panel h2 span.left { background-position:-450px 0; }
.page-home #main #featuring-panel h2 span.right { background-position:-500px 0; }

.page-home #main #featuring-panel .slider-controls a {
    background: transparent url(../img/backgrounds.png) no-repeat;
    height:50px;
    margin-top:-25px;
    outline:none;
    position:absolute;
    top:50%;
    width:15px;
}

.page-home #main #featuring-panel .slider-controls a.prev {
    background-position:-700px -450px;
    left:15px;
}
.page-home #main #featuring-panel .slider-controls a.next {
    background-position:-750px -450px;
    right:15px;
}

.page-home #main #featuring-panel .slider-controls a.prev:hover { background-position:-700px -500px; }
.page-home #main #featuring-panel .slider-controls a.next:hover { background-position:-750px -500px; }

.page-home #main #featuring-panel .slider-wrapper {
    margin:0 auto;
    background-color:white;
    border:1px solid #ccc;
    width:550px;
    height:170px;
    overflow:hidden; 
    position:relative; 
}

.page-home #main #featuring-panel .games {
    position:absolute;
    width:20000em; 
}

.page-home #main #featuring-panel .games .game {
    font-weight:bold;
    margin-top:10px;
    width:110px;
}

.page-home #main #featuring-panel .games .game .date {
    font-size:85%;
    color:#666;
    text-align:center;
    margin-bottom:2px;
}

.page-home #main #featuring-panel .games .game a .img-wrapper {
    border:1px solid #E72B96;
    display:block;
    width:85px;
    height:100px;
    overflow:hidden;
    position:relative;
}

.page-home #main #featuring-panel .games .game a:hover .img-wrapper,
.page-home #main #featuring-panel .games .game a:focus .img-wrapper {
    border:1px solid #3EA0F7;
}

.page-home #main #featuring-panel .games .game a img {
    border:0;
    display:block;
    left:-2px;
    position:relative;
    height:120px;
    top:-5px;
    width:90px;
    -ms-interpolation-mode:bicubic;
}

.page-home #main .categories .category {
    /* width should add up to 213px */
    border:2px solid #F3B2DB;
    display:inline;
    float:left;
    height:246px;
    margin:0 6px 10px 7px;
    overflow:hidden;
    width:196px;
    zoom:1;
}

.page-home #main .categories .category-gotd .gotd a {
    display:block;
    height:209px;
    width:185px;
    margin:0 auto;
    position:relative;
    overflow:hidden;
}

.page-home #main .categories .category-gotd .gotd a img {
    display:block;
    margin-top:-20px;
    -ms-interpolation-mode:bicubic;
}


.page-home #main .categories .category-gotd .gotd a span.title-bg {
    background:white;
    bottom:0px;
    _bottom:-1px;
    height:30px;
    left:0px;
    position:absolute;
    opacity: 0.75;
    width:100%;
    
    filter:alpha(opacity=75);
}

.page-home #main .categories .category-gotd .gotd a span.title {
    bottom:0px;
    font-size:108%;
    font-weight:bold;
    height:30px;
    left:0px;
    line-height:30px;
    position:absolute;
    text-align:center;
    width:100%;
}

.page-home #main .categories .category-gotd .gotd a span.icon {
    /* we dont need the new icon on the gotd */
    display:none;
}


.page-home #main .categories .games .game {
    height:118px;
    overflow:hidden;
    width:50%;
    margin-bottom:5px;
}

.page-home #main .categories .games .game a {
    border:1px solid #E72B96;
    padding-bottom:1px;
    width:85px;
    
    border-radius:0 0 4px 4px;
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -webkit-border-bottom-left-radius:4px;
    -webkit-border-bottom-right-radius:4px;
}

.page-home #main .categories .games .game a:hover,
.page-home #main .categories .games .game a:focus {
    border-color:#3EA0F7;
}

.page-home #main .categories .games .game a img {
    /* cancel what has been set globally in game-entry */
    border:0;
}

.page-home #main .categories .games .game a span.icon {
    /* cancel what has been set globally in game-entry */
    left:0;
    top:0;
}

.page-home #main .categories .games .game-title {
    clear:both;
    display:block;
    height:16px;
    line-height:16px;
    overflow:hidden;
    position:relative;
    zoom:1;
}

.page-home #main .categories .games .game-title a {
    color:black;
    margin-left:5px;
    outline:none;
    padding-left:20px;
}

.page-home #main .categories .games .game-title a:hover,
.page-home #main .categories .games .game-title a:focus {
    text-decoration:underline;
}

.page-home #main .categories .more-games {
    margin-top:5px;
    height:16px;
    line-height:16px;
    position:relative;
    zoom:1;
}

.page-home #main .categories .more-games a {
    color:#3EA0F7;
    font-weight:bold;
    margin-left:5px;
    outline:none;
    padding-left:20px;
}

.page-home #main .categories .more-games a:hover,
.page-home #main .categories .more-games a:focus {
    text-decoration:underline;
}

.page-home #main .categories .games .game-title span.icon,
.page-home #main .categories .more-games span.icon {
    background:transparent url(../img/icons.png) no-repeat 0 -50px;
    cursor:pointer;
    display:block;
    font-size:0; /* ie6 wont respect the height and size the box according to line-height and font-size otherwise */
    height:12px; 
    left:5px;
    margin-top:-6px;
    position:absolute;
    top:50%;
    width:12px;
}
.page-home #main .categories .games .game-title span.icon { background-position:0 -50px; }
.page-home #main .categories .more-games span.icon { background-position:-50px -50px; }


/* page-{category, search} */

.page-category #main #breadcrumbs {
    padding:0.5em 0;
}

.page-category #main .category {
    border:2px solid #F3B2DB;
}

.page-category #main .category #pagination-top,
.page-category #main .category #pagination-bottom {
    margin:15px 3px;
}

.page-category #main .category .pagination {
    float:right;
}

.page-category #main .category .games,
.page-search #main .category .games {
    clear:both;
    margin:15px 0 15px 3px;
}

.page-category #main .games .game,
.page-search #main .games .game {
    width:105px;
}

.page-search #main .category {
    border:2px solid #F3B2DB;
    margin-bottom:20px;
}

.page-search #main #results-count strong {
    color:black;
    font-weight:bold;
    font-style:italic;
}

.page-search #main #search-info {
    background-color:white;
    border:1px solid #CFCFCF;
    margin-bottom:10px;
    padding:20px;
}
.page-search #main #search-info h2 {
    font-size:153.9%;
    font-weight:bold;
    margin-bottom:0.5em;
}

.page-search #main #search-info p {
    margin-top:1em;
}

.page-search #main #search-info strong {
    font-weight:bold;
}


/* page-game */

.page-game #main #breadcrumbs {
    margin:0 20px;
}

.page-game #main #flash-game {
    margin:10px 0;
    height:510px;
}

.page-game #main #flash-game object {
    display:block;
    margin:0 auto;
}

.page-game #main #ad-rectangle {
    float:left;
    margin-left:20px;
    width:300px;
    display:inline; /* fix double magin bug in IE6 */
}

.page-game #main #suggestions-panel {
    float:right;
    border:2px solid #F3B2DB;
    display:inline; /* fix double magin bug in IE6 */
    margin-right:20px;
    width:360px;
}

.page-game #main #suggestions-panel .games .game {
    width:33%;
}


/* page-free-website-games */

.page-free-website-games #main .category {
    border:2px solid #F3B2DB;
    margin-bottom:20px;
}

.page-free-website-games #main .games {
    margin-left:2px;
}

.page-free-website-games #main .games .game {
    width:142px;
    margin:5px 8px;
    display:inline;
    overflow:hidden
    position:relative;
}

.page-free-website-games #main .games .game a {
    width:auto;
}

.page-free-website-games #main .games .game a img {
    height:105px;
    width:140px;
    -ms-interpolation-mode:bicubic;
}

.page-free-website-games #main .games .game a span.title {
    height:15px;
    font-weight:bold;
}

.page-free-website-games #main .content {
    padding-left:5px;
}

.page-free-website-games #main .content h2 {
    text-align:center;
}

.page-free-website-games #main .content table {
    width:630px;
}

.page-free-website-games #main .content table thead tr {
    background:url(../img/backgrounds.png) no-repeat left -800px;
    height:27px;
    position:relative; /* fix the background on ie but not in safari */
}

.page-free-website-games #main .content table tbody {
    border-bottom:1px solid #ccc;
}

.page-free-website-games #main .content table th,
.page-free-website-games #main .content table td {
    background-image: none;
    line-height:26px;
    border:0;
    padding:0 10px;
}

.page-free-website-games #main .content table tbody th { text-align:left; }
.page-free-website-games #main .content table tbody td { text-align:center; }

.page-free-website-games #main .content table tbody tr.odd { background-color:#F9F9F9; }
.page-free-website-games #main .content table tbody tr.even { background-color:#eee; }
.page-free-website-games #main .content table tbody tr.first { background-color:#FFFFCC; }

.page-free-website-games #main .content .download {
    position:relative;
    padding-left:20px;
}

.page-free-website-games #main .content .download .icon {
    background:url(../img/icons.png) no-repeat -150px -50px;
    cursor:pointer;
    display:block;
    height:16px;
    left:0;
    margin-top:-10px;
    position:absolute;
    top:50%;
    width:16px;
}


/* page-flatpage */

.page-flatpage #main {
    border:2px solid #F3B2DB;
    padding:20px;
}

.page-flatpage #main h2.page-title {
    font-size:153.9%;
    font-weight:bold;
    margin-bottom:0.5em;
}



/* page-contact */

.page-contact #contact-form label {
    display:block;
}

.page-contact #contact-form textarea {
    width:25em;
}


/* header */

#hd {
  zoom:1;
}
#hd:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

#hd #header {
    background:#E72B96 url(../img/header.png) no-repeat;
    height:100px;
}

#hd #header #logo {
    color:black;
    text-decoration:none;
    outline:none;
}

#hd #header #logo span {
    display:inline-block;
    margin-left:40px;
    margin-top:20px;
    height:65px;
    width:169px;
}


/* navigation */

#navigation {
    background:#E72B96 url(../img/backgrounds.png) repeat-x left -150px;
}

#navigation ul {
    text-align:left;
    line-height:0;
    padding-bottom:3px;
    padding-left:5px;
    padding-top:4px;
}

#navigation ul li {
    display:inline-block;
    line-height:25px;
    margin:0 5px;
    
    zoom:1;
    *display:inline;
}

#navigation ul li a {
    color:#DDD;
    display:inline;
    float:left;
    font-weight:bold;
    height:25px;
    margin-right:10px;
    padding-left:10px;
    outline:0;
    position:relative;
    text-decoration:none;
    text-transform:uppercase;
}

#navigation ul li a span {
    cursor:pointer;
    height:25px;
    left:100%;
    position:absolute;
    top:0;
    width:10px;
}

#navigation ul li.current a,
#navigation ul li a:hover,
#navigation ul li a:focus {
    background:transparent url(../img/backgrounds.png) no-repeat 0 -100px;
    color:white;
}

#navigation ul li.current span,
#navigation ul li a:hover span,
#navigation ul li a:focus span {
    background:transparent url(../img/backgrounds.png) no-repeat -640px -100px;
}


/* footer */

#ft {
    background:url(../img/backgrounds.png) repeat-x left -155px; /* the extra 5px get rid of the 3d effect intended for the menu */
    padding:10px;
    border-bottom:20px solid white;
    zoom:1;
    overflow:hidden;_overflow:visible;_zoom:1; /* clear-block */
}

#footer ul {
    text-align:right;
}

#footer ul li {
    font-weight:bold;
    color:white;
    display:inline;
    margin-left:10px;
}

#footer ul li a {
    color:white; /* we insist for ie... */
    text-decoration:none;
}

#footer ul li a:hover,
#footer ul li a:focus {
    text-decoration:underline;
}

#footer ul li.copyright {
    float:left;
    margin-left:0;
}


/* breadcrumbs */

#breadcrumbs {
    color:#666;
    font-size:108%;
    font-weight:bold;
    font-weight:bold;
}

#breadcrumbs strong {
    color:black;
    font-weight:bold;
}


/* pagination */

.pagination {
    overflow:hidden;_overflow:visible;_zoom:1; /* clear-block */
}

.pagination a, .pagination span {
    font-size:85%;
    display:block;
    float:left;
    padding:0.20em 0.5em;
    margin-right:0.5em;
    border:1px solid white;
    background:white;
}

.pagination span.current {
    background:#3EA0F7;
    border:1px solid #3EA0F7;
    color:white;
    font-weight:bold;
}

.pagination a {
    outline:0;
    border:1px solid #E72B96;
    text-decoration:none;
}

.pagination a:hover, .pagination a:focus {
    border-color:#3EA0F7;
}

.pagination a.next, .pagination a.prev {
    font-weight:bold;
}

.pagination span.next, .pagination span.prev {
    border:1px solid #AAA;
    color:#AAA;
}