﻿body 
{
    /*background-position:center 137px; // these are set in microsites/styles/
    background-repeat:no-repeat; 
    font-size:12px;
    margin:0;
    padding:0;*/
    background-color:#fff;
    color:#464646;
    background-position:center 155px;
    text-align:left;
    font-family:Arial,Helvetica,Sans-Serif;
}
#contentArea
{
    width:990px;
    margin:0 auto;
}
h1 a
{
    display:block;
    height:155px;
    width:187px;
}
.noscript-carousel, .jcarousel-container
{
    margin-bottom:15px
}
/* left */
#showMain
{
    width:650px;
    float:left;
}
#showHeader
{
    width:650px;
    height:127px;
}
/* nav */
.showNav
{
    width:630px;
    height:42px;
    background-color:#515151;
    -moz-border-radius-topleft:8px;
    -moz-border-radius-topright:8px;
    -webkit-border-top-left-radius:8px;
    -webkit-border-top-right-radius:8px;
    margin:10px 10px 0px;
}
.showNav a
{
    height:42px;
    display:block;
    float:left; 
    text-decoration:none;
    text-align:center;
    padding:0;
    cursor:pointer;
    padding:0 10px;
    }
.showNav a span
{
    cursor:pointer;
    margin:0 auto;
    height:28px;
    float:left;
    display:block;
    color:#fff;
    font-size:15px;
    margin-top:8px;
    padding:3px 0 0 30px;
    font-weight:bold;
    background-repeat:no-repeat;
    background-position:left top;
    text-transform:uppercase;
}
.showNavHome
{
    -moz-border-radius-topleft:8px;
    -webkit-border-top-left-radius:8px;
    background-image:none;
}


.showNavHome span { background-image:url(../img/navHome.png);}
.showNavClips span { background-image:url(../img/navClips.png);}
.showNavGames span  { background-image:url(../img/navGames.png); }
.showNavDownloads span { background-image:url(../img/navDownloads.png);}
.showNavCharacters span { background-image:url(../img/navCharacters.png);}
.showNavBlog span  { background-image:url(../img/navBlog.png);}
.showNavPhotos span { background-image:url(../img/navGallery.png);}
.showNavShop span { background-image:url(../img/navShop.png);}


/* main content area */
#showBody,.showBody
{
    background-color:rgba(0,0,0,.1);
    width:650px;
    padding-bottom:10px;    
    -moz-border-radius:14px;
    -moz-border-radius:14px;
    -webkit-border-radius:14px;
    -webkit-border-radius:14px;
    float:left;
}
#showContent,.showContent
{
    background-color:#fff;
    width:630px;
    padding-bottom:20px;
    margin:0 10px;
    -moz-border-radius-bottomleft:8px;
    -moz-border-radius-bottomright:8px;
    -webkit-border-bottom-left-radius:8px;
    -webkit-border-bottom-right-radius:8px;
    float:left;
    position:relative;
}
.showPromo, a.showPromo, a.showPromo:visited, a.showPromo:link,
.showGame, a.showGame, a.showGame:visited, a.showGame:link
{
    background-image:url(../img/promo.gif);
    background-position:left top;
    background-repeat:no-repeat;
    width:288px;
    height:192px;
    display:block;
    float:left;
    margin:20px 0 0 17px;
    font-size:14px;
    color:#464646;
    text-decoration:none;
}
a.showGame:hover span,
a.showPromo:hover span
{
    text-decoration:underline;
}
.showPromo img
{
    margin:5px 0 17px 6px;
    border:none;
    width:276px;
    height:156px;
    display:block;
}
.showPromotype
{
    display:none;
    float:left;
    color:#fff;
    background-color:#ccc;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    padding:2px 5px;
    margin:-2px 5px 0px 1px;
}
a.showPromo:hover .showPromotype
{
    text-decoration:none;
}

/* new games & clips pages */
#videoplayer
{
    background-color:#000;
    float:left;
}
#list-games-wrap,#list-clips-wrap
{
    width:615px;
    margin-left:15px;
}
#list-clips-wrap, #list-games-wrap
{
    height:auto;
}
#list-clips,#list-games
{
    position:static;
}
#list-clips,#list-games
{
    width:615px;
}
#list-clips a, #list-games a, #list-shows a  
{
    width:292px;
}
#paging
{
    margin:0 0 0 15px;
    width:600px;
}
#paging-curr
{
    width:600px;    
}
#clips-show
{
    margin:15px 0 5px 15px;
}
#clips-title
{
    margin:0 0 0 15px;
}
/* buttons */
.btn
{
    color:#fff;
    border:solid 1px #d9d9d9;
    width:71px;
    height:20px;
    display:block;
    float:left;
    text-align:center;
    padding:4px 0 0 0;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    font-size:13px;
    cursor:pointer;
    text-decoration:none;
    background-color:#ccc;
}
.btn:hover
{
    text-decoration:underline;
}
a.disabled, a.disabled:hover
{
    color:#838383;
    background-image:url(../img/btn-disabled.gif);
    cursor:default;
    text-decoration:none;
}
#btnMore, #btnBack
{
    float:right;
    margin-right:20px;
}
.showTuneInFoot
{
    background-position:2px top;
    background-repeat:no-repeat;
    color:#6F6F6F;
    display:block;
    float:left;
    font-size:15px;
    height:18px;
    margin:15px 85px 0 15px;
    padding:35px 0 0;
    width:205px;
}
#showTuneinNick
{
    background-image:url(../img/nick.gif)
}
#showTuneinToons
{
    background-image:url(../img/nicktoons.gif)
}
/* games */
#showGameHolder
{
    margin:20px;
}
#showMoreGames
{
    margin:0 20px;
    width:496px;
    float:left;
}
#showMoreGames h2
{
    margin:0 0 5px;
    padding:0;
    font-size:17px;
    font-weight:bold;
}
#showMoreGames a
{
    float:left;
    clear:left;
    display:block;
    width:145px;
    height:15px;
    padding:3px;
    text-decoration:underline;
    cursor:pointer;
}
#showMoreGames a.on
{
    color:#464646;
    text-decoration:none;
    cursor:default;
}
.showGame, a.showGame, a.showGame:visited, a.showGame:link
{
    background-image:url(../img/game.gif);
    height:143px;
    margin:20px 0 0 17px;
}
.showGame span
{
    display:block;
    float:left;
    width:143px;
}
.showGame span.showGameName,
a.showGame:hover span.showGameName
{
    font-weight:bold;
    font-size:1.2em;
    text-decoration:none;
}
.showGame img
{
    float:left;
    margin:5px 16px 12px 6px;
    width:123px;
    height:123px;
    border:none;
}

/*/// downloads //*/
.showDownloads
{
    margin:20px 10px 20px 20px;    
}
.showDownloads h2
{
    font-size:2em;
    font-weight:bold;
    margin:0 0 10px 0;
    padding:0;
}
.showDownloads ul,.showDownloads li
{
    list-style-type:none;
    margin:0;
    padding:0;
    display:block;
    float:left;    
}
.showDownloads ul
{
    width:600px;
    margin-bottom:10px;
    clear:left;
}
.showDownloads li
{
    width:190px;
    height:140px;
    margin:0px 10px 20px 0;
    overflow:hidden;
    background-image:url(../img/downloads-template.gif);
    background-repeat:no-repeat;
    background-position:left top;
}
.showDownloads li a
{
    float:left;
    clear:left;
}
.showDownloads li img
{
    display:block;
    height:88px;
    margin:6px 6px 10px;
    width:178px;
}


/*/ characters page */
#showCharacters, .showCharacter
{
    width:590px;    
    height:313px;
    float:left;
    clear:left;
    overflow:hidden;
}
.showCharacter
{
    margin-bottom:20px;
}
#showCharacters
{
    margin:20px;
}
.showCharacter img
{
    float:left;
    margin-right:20px;
}
.showCharacter h2
{
    font-size:30px;
    margin:0;
}
#showCharacterList, #showCharacterList li
{
    margin:0;
    padding:0;
    list-style-type:none;
}
#showCharacterList
{
    margin:0 auto;
    width:540px;
}
#showCharacterList li
{
    background-image:url(../img/clip.gif);
    background-position:left top;
    background-repeat:no-repeat;
    display:block;
    float:left;
    margin:0 10px;
    text-align:center;
    width:70px;
    text-decoration:underline;
    cursor:pointer;
}
#showCharacterList li a
{
    display:block;
}
#showCharacterList li a.on
{
    color:#000;
    text-decoration:none;
}
#showCharacterList li img
{
    margin:5px 6px 10px 6px;
    float:left;
    width:57px;
    height:54px;
    display:block;
    clear:both;
    border:none;
}


/* right */
#showRight
{
    width:320px;
    float:left;
    margin-left:20px;
}
#MPUWrap 
{
    padding:10px;
    width:300px;
    height:270px;
    left:0px;
    position:static;
    top:0px;
    background-color:rgba(0,0,0,.1);
    margin-bottom:10px;
    -moz-border-radius-topleft:14px;
    -moz-border-radius-topright:14px;
    -webkit-border-top-left-radius:14px;
    -webkit-border-top-right-radius:14px;
}
#showRightBody,.showRightBody
{
    background-color:rgba(0,0,0,.1);
    width:300px;
    padding:10px 10px 1px 10px;
    -moz-border-radius:14px;
    -webkit-border-radius:14px;
    margin-bottom:10px;
}
#showTuneIn,.showTuneIn
{
    color:#636363;
    padding:28px 10px;
    font-size:15px;
    width:280px;
    position:relative;
    text-align:center;
}
.showTuneInTime
{   
    font-weight:bold;
    display:block;
    width:100%;
}
.showRightContent
{
    background-color:#fff;
    padding:10px;
    margin-bottom:10px;
    width:280px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
}
#alsoOnNick
{
    display:none;
    margin-top:20px;
}
#alsoOnNick .showContent
{
    margin-top:10px;
    padding-bottom:7px;
    -moz-border-radius:8px;
}
#alsoOnNick h2
{
    font-size:18px;
    margin:60px 20px 0 21px;
    width:120px;
    float:left;
}
#alsoOnNick ul,
#alsoOnNick li
{
    margin:0;
    padding:0;
    list-style-type:none;
}
#alsoOnNick ul
{
    margin:10px 0 0 6px;
}
#alsoOnNick li
{
    float:left;
    margin-left:8px;
    background-image:url(../img/game.gif);
    background-position:left top;
    background-repeat:no-repeat;
}
#alsoOnNick img
{
    border:none;
    margin:5px 16px 12px 6px;
    width:123px;
    height:124px;
}


/* oldRelatedShows */
#oldRelatedShows 
{
    height:270px;
    margin-bottom:10px;
}
#oldRelatedClips, #oldRelatedGames
{
    height:310px;
}
.oldRelated .box
{
    width:auto;
    margin:0;
    padding:0;
    background-color:Transparent;
    background-image:none;
    text-align:left;
}
.oldRelated .box-top,
.oldRelated .box-bot
{
    display:none;
}
.oldRelated .showRightContent
{
    background-image:none;
    padding:10px;
}
#oldRelatedShows .showRightContent
{    
    height:240px;
}
#oldRelatedClips .showRightContent,
#oldRelatedGames .showRightContent
{
    height:280px;
}
.oldRelated #h2-related-shows
{
    background-position: 0px -620px;
}
.oldRelated #h2-related-clips
{
    background-position: 0px -590px;
}
.oldRelated #h2-related-games
{
    background-position: left -560px;
}
.oldRelated .col
{
    margin:5px 0 0 5px;
}
.oldRelated #loading-box
{
    margin-top:60px;
}
.oldRelated #loading-box img
{
    display:none;
}
.oldRelated #loading-box span
{
    display:block;
    height:16px;
    background-image:url(/global/img/loader.gif);
    background-position:center top;
    background-repeat:no-repeat;
}

