/****************/
/*    GLOBAL    */
/****************/
/* $Id: pollmatchup.css,v 1.3 2007/10/02 17:36:41 rstaveley Exp $ */
* {
    padding: 0;
    margin: 0;
}

body {
    background-color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    padding: 10px 0 20px 0;
}

div#container {
    margin: 0 auto;
    padding: 0;
    width: 800px;
    text-align: center;
}

.clear {
    clear: both;
}
/****************/
/*    TOP NAV   */
/****************/
#header {
    width: 800px;
    margin: 10px 0px 2px 0px;
    padding: 0;
    float: left;
}

div#logo {
    margin: 0;
    padding-right: 15px;
    text-align: left;
    float: left;
}

div#nav_items ul {
    float: left;
}

div#nav_items ul {
    margin: 0;
    padding: 23px 0px;
    text-align: center;
    border-bottom: 1px solid #666;
    width: 675px;
}

div#nav_items li {
    list-style-type: none;
    display: inline;
}

div#nav_items li.pipe {
    list-style-type: none;
    display: inline;
    padding: 0px 16px;
    text-decoration: none;
    color: #9d9d9d;
}

div#nav_items li a {
    text-decoration: none;
    color: #9d9d9d;
    font-weight: bold;
    letter-spacing: -1px;
}

div#nav_items li a:hover {
    text-decoration: underline;
}
/*****************/
/*    SPONSOR   */
/***************/
div#sponsor {
    float: right;
    width: 190px;
}
/*****************/
/*    FAMILY  */
/***************/
div#family {
    width: 770px;
    padding: 30px 5px 0px 30px;
}

div#family img {
    float: left;
    display: inline;
    width: auto;
    text-align: right;
    vertical-align: middle;
}

div#family #title {
    float: left;
    display: inline;
    width: 535px;
    color: #FFF;
    font-size: 24px;
    font-weight: bold;
    padding-left: 60px;
    text-align: left;
    letter-spacing: .2px;
}

div#border {
    float: left;
    padding: 25px 0px 5px 0px;
}

div#content {
    width: 786px;
    text-align: center;
    padding: 0px 10px 35px 10px;
}

div#content #question {
    text-align: left;
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: -.1px;
    padding-top: 20px;
}

div#content #question ul {
    margin: 20px 0px 15px 300px;
}

div#content #question li {
    list-style-type: none;
    color: #439fbd;
    font-weight: bold;
    font-size: 13px;
    vertical-align: middle;
    padding-bottom: 5px
}

#question img {
}
/*******************/
/*    BOTTOM AD   */
/*****************/
div#ad {
    width: 800px;
    text-align: center;
    padding-bottom: 50px;
}

div#ad #border img {
    padding-bottom: 5px;
}

div#advertisement {
    text-align: left;
    padding: 0px 0px 5px 10px;
    clear: both;
}
/*******************/
/*    ANSWER PAGE   */
/*****************/
div.response {
    font-weight: bold;
    color: #FFF;
    font-size: 13px;
    padding-top: 20px;
    text-align: center;
}

.answer {
    font-weight: bold;
    color: #CB950F;
    font-size: 18px;
    letter-spacing: -.1px;
}

div.response img {
    padding-top: 30px;
    text-align: center;
}

div#explanation {
    color: #FFF;
    font-size: 14px;
    text-align: left;
    padding-top: 20px;
    line-height: 17px;
    letter-spacing: 0.4px;
}

div#next {
    text-align: center;
    padding-top: 20px;
}

div#correct {
    font-weight: bold;
    color: #FFF;
    font-size: 13px;
    padding-top: 20px;
    text-align: center;
}

div#correct #answer {
    font-weight: bold;
    color: #cc9510;
    font-size: 18px;
}
/*******************/
/*    RESULTS PAGE   */
/*****************/
div#your_score {
    text-align: center;
}

div#your_score #percentage {
    text-align: center;
    font-size: 36px;
    color: #439fbd;
}

div#other_quizzes {
    text-align: left;
    width: 750px;
}

div#other_quizzes img {
    padding: 40px 0px 10px 0px;
}

div#other_quizzes div#right, div#center {
    float: left;
    padding: 0px 20px 0px 0px;
    width: 220px;
}

div#other_quizzes div#left {
    float: left;
    padding: 0px 20px 0px 15px;
    width: 220px;
}

div#other_quizzes ul {
    padding-left: 15px;
}

div#other_quizzes li {
    list-style-image: url(../../img/trivia/blue-dot2.gif);
    padding: 0px 3px 3px 0px;
}

div#other_quizzes a {
    font-weight: bold;
    font-size: 12px;
    color: #FFF;
    padding-bottom: 15px;
    text-decoration: none;
}

div#other_quizzes a:hover {
    text-decoration: underline;
}

.left {
    text-align: left !important;
    display: block;
    font-weight: bold;
    color: #FFF;
    font-size: 13px;
    padding-top: 20px;
}

.center {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding-top: 20px;
}

img.center {
    padding: 0;
}

.left img {
    padding-top: 30px;
}

.nextQuest {
    display: block;
    margin-left: 300px;
    width: 97px;
}

.nextQuest img {
    padding: 0;
    margin: 0;
}

.rightAnswer {
    color: #CB950F;
}

.wrongAnswer {
    color: #CB950F;
    font-size: 18px;
}

.imgWrong {
    margin-top: 20px;
}

.imgCorrect {
    margin-top: 20px;
}