﻿
    div h2
    {
        font-family:Cabin, Arial, Sans-Serif;
        font-size:17px;
        color:#fff;
        text-transform:none;        
    }
div.cols{width:903px;}
.content 
{
    width:903px;
    margin:0 auto;
   
}


.rotator
{
    width:903px;
    overflow:hidden;
    position:relative;
    height:508px;
    margin:0 auto 9px;
}
    .rotator ul
    {
        position:absolute;
        top:0;
        left:0;
        width:2709px;    
    }
        .rotator li
        {
            float:left;
            width:903px;
            list-style:none;
            height:508px;
            display:none;
        }
            .rotator li:first-child
            {
                display:block;
            }
            .rotator li.leftPanel
            {
                display:block;
                position:absolute;
                left:0;
                top:0;
            }
            .rotator li.middlePanel
            {
                display:block;
                position:absolute;
                left:903px;
                top:0;
            }
            .rotator li.rightPanel
            {
                display:block;
                position:absolute;
                right:0;
                top:0;
            }
            .rotator li div.itemContainer{height:508px;background-repeat:no-repeat;position:relative;}
                .rotator .newsLink
                {
                    display:block;
                    width:903px;
                    height:508px;
                    position:absolute;
                    top:0;
                    left:0;
                } 
            .rotator li div.noFlashPanel{position:absolute;top:0;left:0;}
                .rotator li div.noFlashPanel h2,.rotator li div.noFlashPanel h2 a
                {
                    font-size:30px;
                    line-height:50px;
                    font-weight:normal;
                }
                .rotator li div.noFlashPanel p
                {
                    font-size:14px;
                    line-height:1.3;
                    width:500px;
                    
                }    
    .rotator .btn_prev, .rotator .btn_next
    {
        display:block;
        position:absolute;
        width:66px;
        height:80px;
        z-index:2;
        top:207px;
        
    }
    .rotator .btn_prev{right:0;}
    .rotator .btn_next{left:0;}
    .rotator .btn_prev a,
    .rotator .btn_next a
    {
        display:block;
        position:relative;
        width:66px;
        height:80px;
        text-indent:-9999px;
        overflow:hidden;
        background:url(../../images/dark/sprite_rotatorPager.png) no-repeat;
        z-index:1;

    }
        .rotator .btn_prev a
        {
            background-position:top right;          
        }
            .rotator .btn_prev a:hover
            {
                background-position:-138px 0;
            }     
       .rotator .btn_next a
       {
           background-position:top left;
       }
            .rotator .btn_next a:hover
            {
                background-position:-69px 0;
            }
        .rotator .btn_prev div, .rotator .btn_next div
        {
            display:block;
            position:absolute;
            width:66px;
            height:80px;
            z-index:1;
            top:0;
            left:0;
            background:url(../../images/dark/sprite_rotatorPager.png) no-repeat;
            display:none;
            cursor:pointer;
        }
            .rotator .btn_prev div.show,
            .rotator .btn_next div.show
            {
                display:block;
            }
            .rotator .btn_prev div.show
            {
               background-position:top right;
            }
                .rotator .btn_prev div.show:hover
                {
                   background-position:-138px 0; 
                }
            .rotator .btn_next div.show
            {
                background-position:top left;
            }
                .rotator .btn_next div.show:hover
                {
                    background-position:-69px 0;
                }
                       

.block li{list-style:none;}
.block .arrowLink
{
    background:url(../../images/dark/linkArrow.png) no-repeat right center;
    padding-right:20px;
    display:inline-block;
    clear:both;
}
    .block .arrowLink:hover
    {
        text-decoration:none;
    }
      
.content .spotlight
{
    clear:both;
    width:100%;
    border-bottom:2px solid #000;
}
    .spotlight .RadDock_Bungie
    {
        width:25%;
    }
    .spotlight .block
    {
        width:100%;
        background:url(../../images/dark/border_spotlightBlock.png) no-repeat 0 63px;
    }
        .spotlight .RadDock_Bungie:first-child .block{background:none;}
        .spotlight .block h2
        {
            background:url(../../images/dark/bg_h2_spotlight.jpg) repeat-x;
            line-height:46px;
            width:100%;
            text-indent:16px;
        }
        .spotlight .block ul{padding:17px 0;}
            .spotlight .block li
            {
                display:block;
                width:190px;
                margin:10px auto 0;
            }
                .spotlight .block li:first-child
                {
                    margin-top:0;
                }
                .spotlight .block li img
                {
                    float:left;
                    margin-right:13px;
                }
                .spotlight .block li p
                {
                   width:147px;
                   height:30px;
                   overflow:hidden;
                   text-overflow:ellipsis;
                   margin-bottom:0;
                   line-height:1.2;
                }
                    .spotlight .downloadApp  li img
                    {
                       margin-right:0;
                       float:none;
                    }
                   
.blockContainer
{
    clear:both; 
}
    .blockContainer p
    {
        font-size: 14px;
        line-height: 20px;
        margin-top: 20px;
        margin-bottom:0;
    }
    .blockContainer .arrowLink
    {
        float:left;
        clear:both;
        margin-top:20px;
        font-size:14px;
        
    }
    .blockContainer .block
    {
        width:867px;
        padding:18px;
        clear:both;
        border-top:1px solid #2c2c2c;
        border-bottom:2px solid #000;
        position:relative; 
    }
    .blockContainer .mainImage
    {
        -moz-box-shadow:0 1px 0 #2a2a2a;
        -webkit-box-shadow:0 1px 0 #2a2a2a;
        box-shadow:0 1px 0 #2a2a2a;
        border:3px solid #000 !important;
        width:454px;
        height:282px;
    }
        .blockContainer .imageLeft .mainImage
        {
            float:left;
            margin-right:22px;
        }
        .blockContainer .imageRight .mainImage
        {
            float:right;
            margin-left:22px;
        }
    .blockContainer .blockContent
    {
        width:385px;
    }
        .blockContainer .imageLeft .blockContent
        {
            float:left;
        }
        .blockContainer .imageRight .blockContent
        {
            float:right;
        }       
    .blockContainer h2
    {
        background:url(../../images/dark/bg_h2.png) no-repeat;
        height:46px;
        line-height:42px;
        padding-left:59px;
        position:relative;
    }
        
        .blockContainer h2 img
        {
            position:absolute;
            left:0;
            top:0;
        }
    .blockContainer .link_top
    {
        position:absolute;
        font-size:14px;
        bottom:-9px;
        right:0;
        float:right;      
        background:#121212;
        padding:0 20px 0 10px;
        z-index:2;
        
    }

/* projects page */
.projectsHeader
{
    clear: both;
    height: 363px;
    margin: 0 auto 9px;
    width: 903px;   
}
    .projectsHeader ul
    {
        height:363px;
    }
        .projectsHeader li
        {
            list-style:none;
            position:absolute;
            top:0;
        }
        .projectsHeader li img{position:absolute;top:0;left:0;z-index:1;width:903px;height:363px;}
        .projectsHeader li p
        {
            text-align:center;
            width:245px;
            font-family:Cabin, Arial, Sans-Serif;
            font-size:25px;
            color:#fff;
            margin:0;
            position:absolute;
            left:52px;
            top:52px;
            z-index:2;
            line-height:32px;                
        }
            .projectsHeader li p:before
            {
                content:"\201C";
                position:absolute;
                font-family:Cabin, Arial, Sans-Serif;
                display:block;
                top:0px;
                left:-30px;
                font-size:50px;
            }
            .projectsHeader li p:after
            {
                content:"\201D";
                position:absolute;
                display:block;
                font-family:Cabin, Arial, Sans-Serif;
                bottom:-30px;
                right:-10px;
                font-size:50px;
            }
.Projects .RadDock_Bungie .rdTable .rdContent{overflow:visible;}
.Projects .blockContainer h2 span.twoLines
{
    float: left;
    line-height: 22px;
    padding-top: 4px;
}   
    .Projects .blockContainer h2 span.twoLines span
    {
        color:#808080;
        font-size:11px;
        line-height:13px;
    }

/* Halo Universe */

.haloHeader
{
    clear: both;
    height: 441px;
    margin: 0 auto 9px;
    width: 903px;   
}
    .haloHeader ul
    {
        width:100%;
        position:relative;
        overflow:hidden;
        height:441px;
    }
        .haloHeader li
        {
            list-style:none;
            position:absolute;
            top:0;
            left:0;
        }

/* Blog */
.blogHeader
{
    margin-bottom:12px;
}
    .blogHeader img
    {
        display:block;
    }
.blogContent
{
    width:867px;
    padding:18px 18px;
    border-top:1px solid #2c2c2c;
}
.news_body
{
    width:640px;
    float:left;
    margin-right:43px;
}
.news_side_nav
{
    width:184px;
    float:left;
}
    .news_side_nav li{list-style:none;}
        .news_side_nav h3
        {
            border-bottom: 2px solid #000000;
            color: #FFFFFF;
            font-family: Cabin,Arial,Sans-Serif;
            font-size: 18px;
            line-height: 46px;
            margin: 0;
            text-transform: none;           
        }
        .news_side_nav li ul
        {
            border-top:1px solid #2c2c2c;
        }
            .news_side_nav li li
            {
                margin-top:18px;
            }
                .news_side_nav li li a
                {
                    display: block;
                    font-size: 14px;
                    line-height: 1;
                    margin-bottom: 8px;
                }
                .news_side_nav li li p{font-size:13px;}
    .news_side_nav .tagsList{padding-bottom:0px;}            
    .news_side_nav .yearsList{padding-bottom:0px;float:left;}
         .news_side_nav .yearsList li{float:left; width:33%;text-align:right;margin-top:10px;}
            .news_side_nav .yearsList li.first{text-align:left;}
            .news_side_nav .yearsList li.middle{text-align:center;}
                       
    .news_side_nav .socialButtons{padding:18px 0 11px;border-bottom:2px solid #000;}
         .news_side_nav .socialButtons li{float:none;margin-top:0;display:inline;margin-left:15px;}
            .news_side_nav .socialButtons li:first-child{margin-left:0;}
            .news_side_nav .socialButtons li a{margin-bottom:0;display:inline;}
            .news_side_nav .socialButtons img{width:32px;height:32px;}            
    .news_side_nav #socialBubbles{}
        .news_side_nav .bubble
        {
            display: block;
            margin-bottom: 32px;
            margin-top: 30px;
            position: relative;
            width: 139px;
        }
            .news_side_nav .bubble span
            {
                display:block;
                position:absolute;
                width:13px;
                height:14px;
                background:url(../../images/dark/news/bg_bubble_arrow.png) no-repeat;
                right:-10px;
                bottom:13px;
                z-index:3;
            }
                .news_side_nav .bubble span img
                {
                    bottom: -8px;
                    position: absolute;
                    right: -33px;
                    width: 24px;
                }
            .news_side_nav .bubbleTop
            {
                position:absolute;
                top:-10px;
                height:10px;
                background:url(../../images/dark/news/bg_bubble_top.png) no-repeat;
                width:100%;
            }
            .news_side_nav .bubbleBody
            {
                background:url(../../images/dark/news/bg_bubble.png) repeat-y;
                
            }
            .news_side_nav .bubbleBottom
            {
                position:absolute;
                bottom:-8px;
                height:8px;
                width:100%;
                background:url(../../images/dark/news/bg_bubble_bottom.png) no-repeat;
            }
                
            .news_side_nav .bubble p
            {
                color: #E8E8E8;
                font-size: 12px;
                font-style: italic;
                margin-bottom: 0;
                padding: 8px;
                text-align: center;
            }
            .news_side_nav .bubble p a{font-size:12px;line-height:18px;display:inline;}
            
div.content div.newsItem, div.content div.regnewsItem
{
    background: none;
    border:0;
    margin: 0;
    padding: 0;
}
div.newsItem h2, div.regnewsItem h2
{
    border-bottom:2px solid #000;
    padding-left:40px;
    position:relative;
    font-family:Cabin, Arial, Sans-Serif;
    font-size:28px;
    line-height:42px;
    min-height:46px;
}
    div.newsItem h2 a, div.regnewsItem h2 a
    {
        line-height:42px;
        font-family:Cabin, Arial, Sans-Serif;
        font-size:28px;
        min-height:46px;
    }
        div.newsItem h2 a.link_edit, div.regnewsItem h2 a.link_edit
        {
            font-size:16px;
            float:right;        
        }
    div.newsItem h2 img, div.regnewsItem h2 img
    {
       position:absolute;
       left:0;
       top:7px;
    }
div.newsItem .newsStoryBody, div.regnewsItem .newsStoryBody
{
    border-top:1px solid #2c2c2c;
    border-bottom:2px solid #000;
    padding-bottom:4px;
}
    div.newsItem .newsStoryBody, div.regnewsItem .newsStoryBody
    {
        color:#808080;
        font-size:14px;
		line-height: 20px;
		padding:14px 0;
        
    }
        div.newsItem .newsStoryBody strong, div.regnewsItem .newsStoryBody strong
        {
            color:#fff;
        }
    div.newsItem .newsStoryBody p, div.regnewsItem .newsStoryBody p
    {
        margin:14px 0 14px;
    }
    div.newsItem .newsStoryBody p, div.regnewsItem .newsStoryBody p
    {
        color:#dddddd;
    }
    div.newsStoryBody ol, div.top_story_content ol, div.newsStoryBody ul, div.top_story_content ul
    {
        color:#808080;
        font-size:14px;   
    }
div.newsStoryFooter
{
    border-top:1px solid #2c2c2c;
    padding-bottom:30px;
    position:relative;
}
    div.newsStoryFooter p
    {
        font-size:13px;
        margin-top:14px;
        color:#4c4c4c;
        width:460px;
        width:100%;
        text-align:left;
    }
        div.newsStoryFooter p a{font-size:13px;}  
    div.newsStoryFooter p.socialBar
    {
        float:left;
		display: none;
        text-align:left;
        width:200px;
    }
        div.newsStoryFooter p.socialBar #facebookLikeContainer
        {
            position:relative;
        }  
        div.newsStoryFooter p.socialBar span.googlePlusOne
        {
            position:relative;
            top:-2px;                
        }
        div.newsStoryFooter p.socialBar a img{width:21px;}
div.newsPager
{
    width:100%;
    border-top:2px solid #2c2c2c;
    border-bottom:2px solid #2c2c2c;
}
    div.newsPager ul
    {
        text-align:center;
        width:100%;
        border-bottom:2px solid #000;
        position:relative;
    }
        div.newsPager ul li
        {
            display:inline;line-height:41px;
            font-family:Cabin, Arial, Sans-Serif;
            font-size:18px;
        }
            div.newsPager ul li.selected
            {
                height:41px;
            }
        div.newsPager a
        {
            font-family:Cabin, Arial, Sans-Serif;
            font-size:18px;
        }
        div.newsPager .arrow a
        {
            background:url(../../images/dark/news/sprite_pagerArrows.png) no-repeat;
            height:14px;
            overflow:hidden;
            text-indent:-9999px;
            position:absolute;
            top:14px;
        }
             div.newsPager .arrow_first a
            {
                background-position:-13px 0;
                width:22px;
                
                left:0;
                                
            }
                div.newsPager .arrow_first a:hover
                {
                    background-position:-13px -14px;
                }
            div.newsPager .arrow_previous a
            {
                background-position:0 0;
                width:12px;
                position:absolute;
                left:35px;              
            }
                div.newsPager .arrow_previous a:hover
                {
                    background-position:0 -14px;
                }
            div.newsPager .arrow_next a
            {
                background-position:-61px 0;
                width:13px;
                position:absolute;
                right:35px;              
            }
                div.newsPager .arrow_next a:hover
                {
                    background-position:-61px -14px;
                }
            div.newsPager .arrow_last a
            {
                background-position:-37px 0;
                width:24px;
                position:absolute;
                right:0px;               
            }
                div.newsPager .arrow_last a:hover
                {
                    background-position:-37px -14px;
                }
            
/* Sign Up - /Stats/Default.aspx */

.header_signUp
{
    background:url(../../images/dark/stats/bg_signUpHeader.jpg) right top no-repeat;
    height:441px;
    position:relative;
    width:903px;
    margin:0 auto 9px;
}
    .header_signUp h1
    {
        color: #FFFFFF;
        font-family: Cabin,Arial,Sans-Serif;
        font-size: 30px;
        font-weight: normal;
        left: 25px;
        letter-spacing: 1px;
        line-height: 36px;
        position: absolute;
        text-transform: none;
        top: 25px;
    }
    .header_signUp p
    {
        font-family:Cabin, Arial, Sans-Serif;
        font-size:18px;
        color:#fff;
        margin-bottom:0;
        position:absolute;
        left:25px;
        bottom:25px;
    }
     
/* Help sections */
/*
.helpNav
{
    width:100%;
    margin-bottom:9px;    
}
    .helpNav h3
    {
        font-family:Cabin, Arial, Sans-Serif;
        font-size:18px;
        color:#999999;
        float:left;
        line-height:56px;
        margin:0;
        text-transform:none;
    }
    .helpNav ul{float:right;}
    .helpNav li
    {
        display:inline;
        line-height:56px;
    }
        .helpNav li a{font-size:14px;font-family:Cabin, Arial, Sans-Serif;margin-left:33px;line-height:56px;}
            .helpNav li a:hover, .helpNav li.on a{color:#999;}
          
*/    
    /* overwrites */
 
    
    .content div.block-a {
        background:none;
        float: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .content div.block-a h2 {
        background: none;
        height: auto;
        padding: 0;
        text-transform: none;
        width: 100%;
    }
    div.list-j h5 {
        background: none;
        color: #FFFFFF;
        margin: 0;
        padding:0;
    }
    div.list-j h6 {
        background: none;
        color: #FFFFFF;
        margin: 0;
        padding: 0;
    }
    div.list-b, div.list-c {
        margin: 0;
    }
    .content div.block-a
    {
        padding:18px 43px 18px 18px;
        width:640px;
        float:left;
    }
    /*
    .content div.block-a h2
    {
        border-bottom: 2px solid #000000;
        font-family: Cabin,Arial,Sans-Serif;
        font-size: 21px;
        line-height: 42px;
        min-height: 46px;
        padding-left: 57px;
        position: relative;
        background:url(/images/dark/content/site_icons/faq_top.png) no-repeat left top;
        border-bottom:2px solid #000;
        width:auto;
    }
*/
    .content div.list-j
    {
        border-top:1px solid #2c2c2c;
        padding:18px 0;
    }
        .content div.list-j h3
        {
            border-bottom: 2px solid #000000;
            font-family: Cabin,Arial,Sans-Serif;
            font-size: 21px;
            line-height: 42px;
            padding-left: 57px;
            position: relative;
            background:url(../../images/dark/content/site_icons/faq_top.png) no-repeat left top;
            border-bottom:2px solid #000;
            width:auto;
            border-top:none;
            height: 46px;
            padding:0 0 0 57px;
            margin:0;   
        }
    
    
    
    