﻿
/*:: Layout
------------------------------------- */    
    #content #homeBuffer{height:342px; position:relative; max-width:1920px; margin:0 auto; padding:25px 0 18px 0;}
    /* - main question - */
        #question{height:342px; width:334px; position:absolute; margin-left:-167px; left:50%; z-index:20;}
        #question #questionBuffer{margin:19px; height:304px; position:relative;}
        #question .question{position:absolute; top:0; width:296px;  height:304px;}
        #question h3#featuredTitle{height:24px; width:171px; text-indent:-1000em; margin:-8px 0 14px -29px; float:left;}
        #question h3.questionTitle{height:21px; width:102px; text-indent:-1000em; margin:5px 0 0 5px;}
        #question q{display:block; clear:left; padding:10px 10px 0 10px;}
        #question cite{display:block; margin-top:9px; padding:0 10px;}
        #question h3#featuredAnswerTitle{float:right; height:18px; width:171px; margin:35px -8px 0 0; text-indent:-1000em;}
        #question h3.answerTitle{float:right; height:20px; width:133px; margin:30px 5px 0 0; text-indent:-1000em;}
        #question .homepageAnswer{clear:right; padding-top:9px;}
        #question .homepageAnswer q{padding-top:0;}
        #question .homepageAnswer cite{margin-top:0px;}
        #question .answerLink{position:absolute; right:-22px; bottom:10px; height:19px; width:169px; padding-left:5px; line-height:19px;}
    /* - carousel - */
        #content #homeBuffer #prevWrapper,
        #content #homeBuffer #nextWrapper{position:absolute; top:55px; width:26px; height:279px; z-index:10; cursor:pointer;}
        #content #homeBuffer #prevWrapper a,
        #content #homeBuffer #nextWrapper a{display:block; width:26px; height:279px; text-indent:-1000em;}
        #content #homeBuffer #prevWrapper{left:0;}
        #content #homeBuffer #nextWrapper{right:0;}
        #content #homeBuffer #wrap{overflow:hidden; position:relative;}
        #content #homeBuffer #wrap ul#carousel{float:left; list-style:none; margin-top:116px; height:108px;}
        #content #homeBuffer #wrap ul#carousel li{float:left; height:101px; width:114px; padding:2px 4px 5px 2px; position:relative;}
        #content #homeBuffer #wrap ul#carousel li.current{width:334px; height:101px; padding:2px 0 5px 0;}
        #content #homeBuffer #wrap ul#carousel li a{width:98px; height:85px; padding:8px; position:absolute; top:2px; left:2px;}
        #content #homeBuffer #wrap ul#carousel li a:hover{top:-1px; left:-1px;}
        #content #homeBuffer #wrap ul#carousel li.featured{height:124px; margin-top:-16px; padding-top:17px}
        #content #homeBuffer #wrap ul#carousel li.featured a{top:18px;}
        #content #homeBuffer #wrap ul#carousel li.featured a:hover{top:15px;}
        #content #homeBuffer #wrap ul#carousel li.current a{left:109px;}
        #content #homeBuffer #wrap ul#carousel li.current a:hover{left:106px;}

/*:: Style
------------------------------------- */    
    /* - main question - */    
        #question{background:url(images/bg-bigQuestion.png) no-repeat top left;}
        #question #questionBuffer{background:#fff;}
        #question #questionBuffer h3#featuredTitle{background:url(images/ir-featuredTitle.png) no-repeat top left;}
        #question #questionBuffer h3.questionTitle{background:url(images/ir-questionTitle.gif) no-repeat top left;}
        #question #questionBuffer q{text-align:center; font-size:20px; line-height:28px; font-weight:bold;}
        #question #questionBuffer cite{text-align:center; font-size:14px; font-style:normal;}
        #question #questionBuffer h3#featuredAnswerTitle{background:url(images/ir-answerTitle.png) no-repeat top right;}
        #question #questionBuffer h3.answerTitle{background:url(images/ir-answerTitle.gif) no-repeat top right;}
        #question #questionBuffer .homepageAnswer{text-align:right; line-height:20px;}
        #question #questionBuffer .homepageAnswer q{text-align:right; font-size:15px; line-height:20px;}
        #question #questionBuffer .homepageAnswer cite{text-align:right;}
        #question .answerLink{font-size:15px; color:#000; text-decoration:none; background:url(images/bg-answerLink.gif) no-repeat top left;}
        #question .answerLink:hover{background-position:bottom left;}
    /* - carousel - */
        #content #homeBuffer #prevWrapper{background:url(images/bg-leftArrow.png) no-repeat top left;}
        #content #homeBuffer #nextWrapper{background:url(images/bg-rightArrow.png) no-repeat top right;}
        #content #homeBuffer #wrap ul#carousel li{background:url(images/bg-smallQuestion.png) no-repeat top left; text-align:center;}
        #content #homeBuffer #wrap ul#carousel li a{color:#878a8e; text-decoration:none; line-height:16px; word-spacing:-1px;}
        #content #homeBuffer #wrap ul#carousel li.featured{background:url(images/bg-featured.png) no-repeat top left;}
        #content #homeBuffer #wrap ul#carousel li.current{background-position:top center;}
        #content #homeBuffer #wrap ul#carousel li a:hover{color:#000; background:#fff; border:3px solid #ffeb72;}