@charset "utf-8";
/* CSS Document */

*,
html
{
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Geneva, sans-serif;
}
img {border: none;}
strong{font-size: 1em;}
a {text-decoration: none;}
.clear {clear: both;}
.nb
{
    border-right: none !important;
/*  background: none !important;*/
}
.nbt
{
    border-top: none !important;
    background: none !important;
}
h4
{
    color: #636363;
    font-weight: bold;
}
body {background: #f4f3f3;}
#wrapper
{
    width: 960px;
    margin: 0 auto;
    padding: 0;
}
.comment-row
{
    margin-top: 10px;
    margin-bottom: 15px;
}
#inner-wrapper
{
    background-color: #fff;
    background-image: url('../_images/homebg_gradient_top.gif');
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: 0px 435px;
    _border: 1px solid #F4F3F3;
    margin: 0 0 140px 0;
    padding: 0;
}
#header
{
    margin: 0;
    padding: 0;
    background: #464646;
    _width: 960px;
    height: 34px;
}
#top-menu
{
    padding: 10px 15px 0 0;
    float: right;
}
#top-menu ul {}
#top-menu .loggedin {padding-left: 20px;}
#top-menu li
{
    display: inline;
    color: #fff;
    float: left;
    line-height: 10px;
    padding-bottom: 2px;
    border-right: 1px solid #fff;
    font-size: 0.7em;
}
#top-menu li.loggedin {padding-right: 10px;}
#top-menu a
{
    display: inline;
    color: #fff;
    text-decoration: none;
    padding: 0 8px;
    font-size: .9em;
}

h1 strong
{
    left: -9999999px;
    position: absolute;
}

#nav,
#nav ul
{
/*  all lists */
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1.2em;
}
    #nav a
    {
        display: block;
        float: left;
        text-decoration: none;
        padding: 3px 0 5px;
        text-align: center;
        margin: 0;
        height: 18px;
        width: 100%;
        font-weight: normal;
        color: #7d7d7d;
    }
    #nav li
    {
        background-image: url(/_images/bg_mainnav.png);
        background-repeat: no-repeat;
        background-position: left top;
        float: left;
        display: block;
        color: #fff;
        line-height: 10px;
        font-size: 0.75em;
        font-weight: normal;
    }
    #nav li#nav-home
    {
        background-position: 0 0;
        width: 58px;
    }
        #nav li#nav-home:hover,
        #nav li#nav-home.active {background-position: 0 bottom;}
    #nav li#nav-posts
    {
        background-position: -58px 0;
        width: 56px;
    }
        #nav li#nav-posts:hover,
        #nav li#nav-posts.active {background-position: -58px bottom;}
    #nav li#nav-products
    {
        background-position: -114px 0;
/*      width: 82px;*/
        width: 95px;
    }
        #nav li#nav-products:hover,
        #nav li#nav-products.active {background-position: -114px bottom;}
    #nav li#nav-about
    {
/*      background-position: -196px 0;*/
        background-position: -209px 0;
        width: 78px;
    }
        #nav li#nav-about:hover,
        #nav li#nav-about.active {background-position: -209px bottom;}
    #nav li#nav-challenges
    {
/*      background-position: -274px 0;*/
        background-position: -287px 0;
        width: 96px;
    }
        #nav li#nav-challenges:hover,
        #nav li#nav-challenges.active {background-position: -287px bottom;}
        #nav li a strong
        {
            left: -9999999px;
            position: absolute;
            font-weight: normal;
        }
        #nav li a:hover strong,
        #nav li.active a strong {display: block;}
        #nav li li
        {
            float: none;
            display: block;
            margin: 0;
            padding: 0;
            background-image: none;
            _zoom: 1;
            font-size: 11px !important;
            position: relative;
        }
        #nav li ul
        {
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            clear: left;
            position: absolute;
            width: 10em;
            top: auto;
            margin-top: 26px;
            *margin-top: 0;
            _margin-top: 0;
            background-color: #fff;
            background-image: none;
            left: -999em;/* auto;*/
            z-index: 999999999;
            _zoom: 1;
        }
        #nav li.wide
        {
            margin-top: 0;
            padding-top: 0;
        }
        #nav li div
        {
            margin-top: 0;
            *margin-top: 0;
            _margin-top: 0;
            background-color: #fff;
            background-image: none;
            _zoom: 1;
            z-index: 200000;
        }
            #nav li div ul
            {
                float: left;
                display: block;
                width: 100px;
                z-index: 10000000;
                background: #fff;
                left: 0;
                margin: 0;
                height: 123px
            }
            #nav li div ul.col1
            {
                float: left;
                border-right: 0;
                margin-right: 10px;
            }
            #nav li div ul.col2
            {
                float: left;
                border-left: 0;
                margin-left: 100px;
            }
        #nav li:hover ul,
        #nav li:hover div,
        #nav .hoverDIV,
        #nav .hoverUL
        {
            left: auto !important;
            display: block;
        }
        #nav li:hover {position: static;}
            #nav li li a
            {
                display: block;
                border: 0;
                padding: 5px;
                margin: 0;
                width: 92%;
                text-align: left;
                background-image: none;
                float: none;
                text-align: left;
                height: auto;
            }
            #nav li li a:hover {background: #d6e8f4;}
            #nav li div li a {width: 90%;}
#banner
{
    background: #ffffff url(../_images/bg_banner.jpg) no-repeat top right;
    height: 104px;
    _width: 960px;
    _background-position: 0px;
}
#bannerbelow
{
    width: 960px;
    background: #ffffff url(../_images/bg_home_challenge_complete.jpg) no-repeat top left;
}
#contenders-row
{
    width: 960px;
    height: 96px;
    background: #ffffff url(../_images/bg_contenders.gif) no-repeat top left;
}
#contenders-row img {border: 1px solid #757575;}
#tagContainer {clear: both;}
#wrapper li.last {border-right: none;}
#homelink 
{
    float: right;
    _position: absolute;
    _right: 0px;
    _top: 0px;
    _height: 97px;
}
#recent-nav
{
    margin-top: 10px;
    padding-bottom: 25px;
}
#recent-nav li
{
    float: left;
    display: inline;
    border-right: 1px solid #000000;
    padding-right: 10px;
    margin-right: 10px;
}
#recent-nav,
#recent-nav h4
{
    list-style-type: none;
    font-size: 11px;
}
#main-menu
{
    float: left;
/*  margin: 78px 0 0 24px;*/
    margin: 4px 0 0 24px;
    height: 26px;
/*  width: 300px;*/
    _zoom: 1;
    position: relative;
    z-index: 100000;
    display: block;
}
#ctl00_cphMainRight_lnkRight,
#ctl00_cphMainLeft_lnkLeft
{
    margin-top: 7px;
    margin-bottom: 35px;
    display: block;
}
#main-content
{
    width: 895px;
    _width: 925px;
/*  width: 780px;
    _width: 750px;*/
    margin: 0 auto;
}
#interior-content
{
    position: relative;
    width: 895px;
    _width: 925px;
/*  width: 780px;
    _width: 750px;*/
    padding-bottom: 30px;
}
#interior-content h2
{
    color: #464646;
    font-size: 1.8em;
    font-weight: normal;
    padding-bottom: 10px;
    margin-bottom: 0px;
    _width: 650px;
}
#interior-content p
{
    color: #666666;
    font-size: .8em;
}
h2
{
/*  float: left;*/
/*  width: 480px;*/
    color: #666666;
/*  margin-top: 25px;*/
    margin-bottom: 30px;
    font-size: 1.7em;
    font-weight: normal;
}
.post-row
{
    border-top: 1px solid #666666;
    padding: 5px 0 50px 0;
}
.post-row img 
{
    float: left;
    width: 300px;
/*  margin-right: 25px;*/
}
.post-row .video 
{
    float: left;
    width: 300px;
/*  margin-right: 25px;*/
}
.post-row h3
{
    color: #666666;
    font-size: 12px;
    margin: 0 0 6px 0;
}
.post-row .postAuthorName
{
/*  border-right: 1px solid #666666;*/
    padding: 0 5px 0 0;
    margin: 0 5px 0 0;
    font-size: 9px;
    border-right: 1px solid #666666;
    float: left;
    display: inline;
}
.post-row p
{
    color: #666666;
    font-size: .8em;
    margin: 0 0 8px 0;
}
.post-row .time-place
{
    font-style: italic;
    font-size: 9px !important;
    margin: 0 5px 0 0;
    float: left;
    display: inline;
}
.post-row li
{
    float: left;
    display: inline;
    border-right: 1px solid #666666;
    padding: 0 8px;
    line-height: 12px;
}
.post-row a
{
    color: #0096d6;
    text-decoration: none;
    font-size: .9em;
}
img.mediaIcon
{
    width: auto;
    float: right;
    display: inline;
}
#ctl00_cphMainLeft_RenderPost1_postMenu
{
    background-color: Transparent;
    float: left;
    width: 305px;
    margin-left: -5px;
}
#ctl00_cphMainRight_RenderPost2_postMenu
{
    background-color: Transparent;
    float: left;
    width: 305px;
    margin-left: -5px;
}
.post-message 
{
    padding-top: 10px;
    clear: both;
    font-size: 11px;
    color: #666666;
}
.post-message *
{
    font-size: 11px !important;
    clear: both;
}
.clearer {clear: both;}
.media-post,
#media-post
{
/*  float: left;
    background: #00f;*/
/*  width: 320px;*/
    width: 218px;
    margin-left: -20px;
}
#bottom-banner
{
    float: left;
    width: 960px;
    height: 30px;
    background: url(../_images/bg_inner_bottom_banner.gif) left top no-repeat #fff;
}
#home #bottom-banner
{
    height: 54px;
    background: url(../_images/bg_bottom_banner.gif) left top no-repeat #fff !important;
}
#footer
{
    float: left;
    background: #f4f3f3;
    height: 112px;
    padding: 0 20px 0 0;
    _width: 101%;
}
#footer ul {padding: 10px 15px 0 0;}
#footer li
{
    display: inline;
    color: #fff;
    float: left;
    line-height: 10px;
    padding-bottom: 2px;
    border-right: 1px solid #cccccc;
    font-size: .9em;
}
#footer a
{
    display: inline;
    color: #666666;
    text-decoration: underline;
    padding: 0;
    font-size: 1em;
}
#footer p
{
    float: none;
    color: #666666;
    padding: 10px 0 0 8px;
    font-size: .7em;
}

/* STYLES UNIQUE TO HOME PAGE BEGIN */

#interior-content h6
{
    color: #0570b4;
    font-weight: normal;
    font-size: 1.6em;
    margin-top: 40px;
}
#btnOldNew
{
    background: url(../_images/bg_whichDevice.gif) no-repeat center right;
    font-weight: bold;
    padding-right: 22px;
    height: 15px;
    font-size: 11px;
    color: #0096D6;
    display: block;
    width: 75px;
}
.post-row .details 
{
    margin: 0 0 20px 0;
    font-size: .9em;
    clear: both;
}
#homeSlider
{
    clear: both;
    width: 920px;
    height: 175px;/*180px*/
    _height: 210px;
    overflow: hidden;
}
.homePosts {width: 2000px;}
.homePosts li
{
    float: left;
    margin: 0;
    padding: 0 19px;
    background: url(../_images/bg_homePosts.gif) no-repeat center right;
    display: inline;
    width: 198px;
    height: 180px;
}
.details p {margin-top: 15px;}
h3.post-name-link a {color: #666666;}
h3.post-name-link a:hover {color: #0096d6;}
#main-content-left 
{
    float: left;
    width: 330px;
    color: #666666;
}
#main-content-center
{
    float: left;
    display: inline;
    width: 110px;
    _width: 90px;
    height: 600px;
    background-image: url('../_images/home_vertical_divider.gif');
    background-repeat: no-repeat;
    background-position: 0px 140px;
}
#main-content-right
{
    float: left;
    display: inline;
    width: 330px;
    color: #666666;
}
#bottom-menu
{
    float: left;
    width: 960px;
/*    _width: 956px;928px*/
    height: 30px;
    text-align: center;
    background: #fff url('../_images/homebg_gradient_bottom.gif') repeat-x top left;
    font-size: .8em;
}
#bottom-menu a {color: #0096d6;}

/* CHALLENGE RELATED */
#challengeContainer
{
    float: left;
/*  margin: 30px 0 0 265px;*/
    margin: 30px 0 0 0;
/*  _margin-left: 130px;*/
    font-size: 11px;
    color: #636363;
    line-height: 18px;
}
.challengeImageLink
{
    float: left;
    margin: 35px 0 0 5px;
    width: 220px;
    height: 200px;
    padding:0;
}
#challengeContainer p {margin: 0 0 7px 0;}
.challengeHeading {margin: 0 0 15px 0;}
#challengeLeft
{
    float: left;
    display: inline;
    width: 390px;
    margin: 0 25px 0 38px;
}
#challengeRight
{
    float: left;
    display: inline;
    width: 276px;
    padding-top: 25px;
}
.challengeIcons
{
/*  margin-top: -50px;*/
    margin-bottom: 15px;
/*  clear: left;
    float: left;*/
}