/* 
    Document   : styles
    Created on : 13.09.2011, 11:19:25
    Author     : tartes
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
@font-face {
    font-family: efont;
    src: url('MYRIADPRO-SEMIBOLD.OTF');
}

/* Base styles */
body {
    background-color:#fff;
    font-family: Verdana, sans-serif;
}

root { 
    display: block;
}

#wrapper {
    min-height:1024px;
}
#creator_credentials {
    font-weight:bold;
    font-size:12px;
    line-height:1.5;
}
#playtitle {    
    font-size:32px;
    height:60px;
    margin-left: auto;
    margin-right:auto;
    margin-top:10px;
    color:#FF8000;
    font-weight:bold;
    margin-top:40px;
    text-shadow: #000000 1px 1px 2px; 
}

#point_mgr {
    font-family: efont;
    font-size:24px;
}

/* Team name and team styles */
.team_name {
    text-align: center;
    float:left;
    margin:0px 20px 0px 20px;
}

.team_name div {
    font-weight:bold;
    color:#08298A;
    font-size:38px;
    font-family: efont;
}

#team_choose {
    text-align:center;
}

.team_name span {
    font-family: efont;
    font-weight:bold;
    font-size:38px;
    font-style:italic;
    color:#FF8000;
    text-shadow: #000000 1px 1px 1px; 
}

/* Playfield & playtiles */
.tile_img {
    position:absolute;
    z-index:5;
    top:0;
    left:0;
}
.tile_title {
    position:relative;
    z-index:12;
}
#playfield {
    margin-top:0px;
    background-color:#fff;
    margin-left: auto;
    margin-right:auto;
}

.play_tile {
    font-family: efont;
    z-index:10;
    background-color:#0B2161;
    position:absolute;
    border:3px solid #888;
    text-align:center;
    color:#FF8000;
    font-weight:bold;
    font-size:18px;
    font-style:italic;
    text-shadow: #000000 1px 1px 2px; 
}

#playground {
    position:relative;
}

#question {
    font-family: efont;
    font-weight:bold;
    margin-bottom: 25px;
    font-size:24px;
}

#answers {
    font-family: efont;
    font-size:24px;
}

/* Additional question styles */
#additional_questions {
    position:relative;
    margin-top:80px;
    margin-bottom:80px;
    background-color:#fff;
    margin-left: auto;
    margin-right:auto;
    width:408px;
    height:36px;
    -moz-box-shadow: 0px 0px 15px #888;
    -webkit-box-shadow: 0px 0px 15px #888;
    box-shadow: 0px 0px 15px #888;
    border: 1px solid #ddd;
    display:none;
}