body
{
    font-family:Droid Sans;
    font-size:13px;
    background:#e2e2e2;
    color:#646464;
    text-align:left;
}

img
{
    border:none;
    outline:none;
}

.twitter img, .facebook img
{
    display:none;
}

a
{
    cursor:pointer;
}
        
#container, #contentArea
{
    overflow:hidden;
    background:#e2e2e2;
    padding:10px 0 0 0;
    width:100%;
    min-width:980px;
    max-width:30000px;
    margin:0 auto;
}
        
#breadcrumbs, #joinnewsletter
{
    display:none;
}
        
#content-wrapper
{
    overflow:hidden;
    width:85%;
    height:630px;
    min-width:800px;
    display:block;
    position:relative;
    padding-left:10px;
}
        
#sidebar
{
    width:140px;
    background:#444;
    color:#fff;
    float:left;
    height:630px;
    display:inline-block;
    text-align:center;
    padding:0;
}

.sidebarIconContainer
{
    width:80px;
    float:left;
}

.creative, .soundblaster
{
    width:59px;
    height:60px;
    display:block;
}

.creative
{
    background:#000 url(/social/images/sprite.png) no-repeat;
    background-position:0 -1155px;
}
            
.soundblaster
{
    background:#000 url(/social/images/sprite.png) no-repeat;
    background-position:-60px -1155px;
}

.creative:hover
{
    background:#006fa9 url(/social/images/sprite.png) no-repeat;
    background-position:0 -1155px;
    outline:1px solid #000;
}

.soundblaster:hover
{
    background:#b90000 url(/social/images/sprite.png) no-repeat;
    background-position:-60px -1155px;  
    outline:1px solid #000;
}


#sidebar ul
{
    list-style:none;
}

#sidebar > ul > li
{
    width:81px;
    height:120px;
    margin:0 auto 6px auto;
    clear:left;
    position:relative;
}

#sidebar li ul 
{
    position:absolute;
    left:-9999px;
    z-index:2000;
    width:59px;
}

#sidebar li > ul > li
{
    margin:0;
    padding:0;
    width:59px;
}

#sidebar li:hover ul
{
    position:static;
    left:auto;
    float:left;
}

#sidebar > ul > li:hover
{
    margin-left:0;
    width:139px;
    background:#343434;
    outline:1px solid #000;
}

#content
{
    width:6000px;
    height:100%;
    position:relative;
    left:0;
    display:block;
}
        
.panel_1h
{
    width:310px;
    height:202px;
    background:#fff;
    position:relative;
    box-shadow:2px 2px 3px 1px #C9C9C9;
}
        
.panel_2h
{
    width:310px;
    height:414px;
    border-collapse:collapse;
    margin-bottom:10px;
    position:relative;
    box-shadow:2px 2px 3px 1px #C9C9C9;
    background:#fff;
}
        
.column
{
    display:block;
    margin:1px 10px 0 0;
    float:left;
}
        
.column .middle
{
    margin:10px 0;
}

.fbLink
{
    display:block;
    width:310px;
    height:310px;
    overflow:hidden;
    background-position: center center;
    background-size: cover;
}

.fbIconBg, .twitterIconBg, .igIconBg, .ytIconBg
{
    position:absolute;
    right:6px;
    bottom:38px;
    width:37px;
    height:37px;
}

.fbIconBg
{

    background:url(/social/images/sprite.png) no-repeat;
    background-position:-134px -41px;
}

.twitterIconBg
{
    width:43px;
    height:39px;
    background:url(/social/images/sprite.png) no-repeat;
    background-position:-177px -41px;
}

.igIconBg
{
    background:url(/social/images/sprite.png) no-repeat;
    background-position:-349px -41px;
}

.ytIconBg
{
    background:url(/social/images/sprite.png) no-repeat;
    background-position:-218px -42px;
    right:6px;
    bottom:6px;
}

.videoThumbnail
{
    width:310px;
    height:145px;
}

.facebook img
{
    width:310px;
}

.loading
{
    background:#fff url(/social/images/loading.gif) no-repeat;
    background-position:center;
}

        
.twitter img.avatar
{
    border:1px solid #ddd;
    margin:10px 10px 0 10px;
    width:50px;
    height:50px;
}
        
.fbStatus, .youtubeDesc
{
    background:#fff;
    padding:12px 50px 10px 10px;
    overflow:hidden;
}
        
.fbStatus
{
    height:50px;
}
        
        
.instagram img.instaPic
{
    margin:10px 10px 40px 10px;
    width:120px;
}
        
.twitter, .instagram
{
            
}
        
.caption, .tweet
{
    padding:10px 5px 0 10px;
}
        
.tweet
{
    padding:10px 5px 0 10px;
    clear:left;
}
        
.smToolbar
{
    width:290px;
    height:22px;
    padding:5px 10px;
    background:#f1f1f1;
    position:absolute;
    bottom:0;
    left:0;
    font-family:Droid Sans;
    font-size:11px;
    color:#00a8ff;
}

.smToolbar a, .smToolbar a:visited
{
    color:#00a8ff;
    float:left;
    text-decoration:none;
}

.smToolbar a:hover
{
    text-decoration:underline;
}

.datePosted, a.datePosted, a.datePosted:visited
{
    float:right;
    width:110px;
    margin-top:3px;
    color:#888;
    font-size:11px;
    text-align:right;
}

.retweetTextlink, .replyTextlink
{
    margin:2px 5px 0 2px;
    text-transform:uppercase;
}
        
.twitterScreenname, .twitterScreenname:visited
{
    font-size:12px;
    color:#444;
    text-decoration:none;
    display:block;
}
        
.twitterName, .twitterName:visited
{
    font-size:16px;
    color:#444;
    padding-top:10px;
    text-decoration:none;
    display:block;
}
        
.twitterScreenname:hover, .twitterName:hover
{
    text-decoration:underline;
}
        
.fb-like
{
    float:left;
    margin-right:10px;
}
        
#scrollLeft, #scrollRight
{
    width:83px;
    height:610px;
    position:absolute;
    z-index:30;
}
        
#scrollLeft
{
    left:0;
}
        
#scrollRight
{
    right:0;
}

#leftButton, #rightButton
{
    width:83px;
    height:83px;
    margin-top:281px;
    z-index:50;
    cursor:pointer;
}
    
#leftButton
{
    background-position: -83px -656px
}

#rightButton
{
    background-position: 0 -656px    
}
        
#bottom
{
    clear:left;
    background:#000;
    padding:0 20px;
    height:300px;
    margin-top:22px;
}
        
.fb-like-box
{
    clear:right;
}
        
.twitter-follow-button
{
    clear:left;
    padding-top:10px;
}
        
#tweetBox
{
    background:#000;
    border:1px solid #555;
    color:#fff;
    width:100%;
    height:60px;  
    overflow:auto;
}

#email
{
    width:170px;
    height:23px;
    background:#000;
    border:1px solid #555;
    color:#fff;
    padding:2px 5px;
}
        
#bottom-left
{
    float:left;
    padding:20px 0;
    width:310px;
}
        
#bottom-middle
{
    background:#333;
    float:left;
    padding:20px;
    margin:0 20px;
    height:260px;
    width:30%;
}
        
h2
{
    font-family:Ropa Sans;
    margin:0 0 10px 0;
    font-size:20px;
    font-weight:normal;
    color:#fff;
    
}

h3
{
    font-size:13px;
    font-weight:normal;
}
        
#bottom-right
{
    font-family:Droid Sans;
    float:left;
    width:240px;
    padding:20px 10px;
    font-size:13px;
    color:#fff;
}
       
       
.button
{
    background:#006fa9;
    border:#006fa9;
    color:#fff;
    font-size:16px;
    padding:5px 20px;
    border-radius:3px;
    cursor:pointer;
    display:block;
    text-decoration:none;
} 
        
.button:visited
{
    color:#fff;
}

.sprite
{
    background:url(/social/images/sprite.png) no-repeat;
    display:block;
}

.center
{
    margin:0 auto;
}

.sidebarIcon
{
    width:67px;
    height:67px;
    margin:8px auto 0 auto;
}

.sidebarText
{
    font-size:13px;
}

#sidebar .facebook
{
    background-position:0px -41px;
}

#sidebar .twitter
{
    background-position:0px -156px;
}

#sidebar .youtube
{
    background-position:0px -282px;
}

#sidebar .google
{
    background-position:0px -412px;
}

#sidebar .pinterest
{
    background-position:0px -534px;
}

#sidebar .facebook:hover
{
    background-position:-67px -41px;
}

#sidebar .twitter:hover
{
    background-position:-67px -156px;
}

#sidebar .youtube:hover
{
    background-position:-67px -282px;
}

#sidebar .google:hover
{
    background-position:-67px -412px;
}

#sidebar .pinterest:hover
{
    background-position:-67px -534px;
}

.videoThumbnailLink
{
    width:310px;
    height:145px;
    background-position:0 -861px;
}

.fb-icon-small, .twitter-icon-small
{
    width:32px;
    height:32px;
    display:block;
    float:left;
}

.fb-icon-small
{
    background-position:-134px -156px;
}

.twitter-icon-small
{
    background-position:-177px -156px;
}

.hidden
{
    display:none;
}

#totalFacebookLikes, #totalTwitterFollowers
{
    width:85px;
    height:28px;
    line-height:28px;
    text-align:right;
    background-position:0 -778px;
    display:block;
    float:left;
    padding-right:10px;
    font-size:20px;
}

.twitter-sprite
{
    background:url(/social/images/twitter_action_buttons.png);
}

.retweet
{
    width:16px;
    height:16px;
    background-position:48px 16px;
    padding:0;
}

.reply
{
    width:16px;
    height:16px;
    background-position:128px 16px;
    padding:0;
}

.retweet:hover
{
    background-position:32px 16px;
}

.reply:hover
{
    background-position:112px 16px;
}

#shareOnFB, #shareOnTwitter
{
    width:33px;
    height:33px;
    margin:0 5px;
    float:left;
}

#shareOnFB
{
    background-position:-134px -156px;   
}

#shareOnTwitter
{
    background-position:-177px -156px;
}