/* base.css */

/* The first line is to eliminate the outline around a clicked flash piece */
object {outline:none}
/* end outline bit */

body {
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 9pt; 
    color: #4B4B4B;
    background: #EDEDED url('/media/images/common/body_bg.jpg') top center repeat-x;
    margin: 0; padding: 0;
}

a { color: #fff;}

a img, img { border: none;}

object { outline: none; } /* prevents outlines in flash pieces in Firefox 3 */

div#container {
    text-align: left;
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: 980px;
}

#header {
    height: 202px;
    padding-top: 0px;
    min-width: 980px;
    width: 100%;
}
#content.full #flashpage {
    min-width: 980px;
    width: 100%;
}
h2 {
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    color: #eff9ff;
    padding: 12px;
}
h2.centered {
    padding: 0px;
    text-align: center;
}
#secondaryheader {
    width:990px;
    margin:0 auto;
    position:relative;
}
#secondaryheader a {
    font-size: 14px;
    font-weight: bold;
    color: #a9e4ff;
    text-decoration: none;
}
#content {
    width: 990px;
    margin: 0px auto 0px auto;
}
#content.full {
    width: 100%;
    margin: 0;
}
#content.landing {
    width: 100%;
    height: 600px;
    margin: 0;
    text-align: center;
}
#footer {
    width: 962px;
    margin: 0px auto 10px auto;
}
#email_signup {
    color:#6d6d6d;
    font-size: 12px;
    line-height:21px;
    height:55px;
    background: transparent url(/media/images/common/email_signup_bg.jpg) no-repeat scroll center bottom;
    background-position:top left;
    width:727px;
    margin:15px auto;
    padding:20px 0 0 64px;
}
#email_signup a {
    color: #1b769e;
    text-decoration: none;
}
#email_signup a:hover {
    text-decoration: underline;
}
#thankyoutext {
    float: left;
    width: 154px;
    height: 30px;
    position: relative;
}

#email_signup input.email {
    background:transparent none repeat scroll 0 0;
    border:medium none;
    color:#959595;
    font-size:11px;
    height:16px;
    margin:0;
    padding:2px;
    position:absolute;
    vertical-align:middle;
    width:150px;
}
#email_signup input.image {
    float: left;
    vertical-align: middle;
    margin: 0 10px 0 0;
    width:21px;
    height:21px;
}
#copyright, #copyright2 {
    font-size: 10px;
    color: #89818C;
}
#copyright2 {
    text-align: right;
    float: right;
}
#copyright a {
    color: #d8edfa;
    text-decoration: none;
}
#copyright a:hover {
    text-decoration: underline;
}
div#homebanner {
    margin: 0 auto;
    background:transparent;
    width: 990px;
    height: 360px;
}
div.maincontent {
    padding:0px 36px;
}
div#about_landing.maincontent {
    padding:0pt;
}
div#about_tp.maincontent {
    background:transparent url(/media/images/backgrounds/about_trivial_pursuit_bg.jpg) no-repeat scroll center top;
    min-height:700px;
}
div#about_clue.maincontent {
    background:transparent url(/media/images/flatpages/about_bg.jpg) no-repeat scroll center top;
    min-height:790px;
}
#about_clue li, #about_tp li {
    background:transparent url(/media/images/backgrounds/li_marker.gif) no-repeat scroll left 3px;
    color:#4b4b4b;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:5px 0;
    padding-left:10px;
}
ul { padding:0; margin:0; }
#game_overview {
    padding-top:520px;
    margin:0;
}
#game_includes {
    margin:0;
    display:block;
}
#game_includes_left {
    width:444px;
    float:left;
}
#game_includes_right {
    float:left;
    margin:0 0 0 15px;
    width:444px;
}
#game_details {
    height:287px;
    position:absolute;
    right:79px;
    top:145px;
    width:332px;
}
h4 { color: #44567C; }
#game_details h4  {
    margin: 0;
}
img#buy_now {
    position:absolute;
    right:309px;
    top:388px;
}
img#back_to_games {
    position:absolute;
    right:40px;
    top:68px;
}
p {
line-height:135%;
margin:3px 0 10px;
}
#game_details p {
    line-height:150%;
    margin:6px 0;
    color: #B4D4F0;
    font-size:12pt;
}
h3.section_title {
    color: #E26400;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    padding: 11px 0 0px;
    margin: 0;
    letter-spacing: 1px;
}
#homectas {
    background:transparent none repeat scroll 0 0;
    height:196px;
    padding:0 0 5px 15px;
}
.homecta {
    width: 325px;
    float: left;
}
.homecta.first{
    margin-left: 0px;
}
h2.page_title {
    height:49px;
    margin: 0;
    padding: 0;
}
/* BEGIN NAV */
#main_menu { position:absolute; top:156px; left:0px; width:990px; height:45px; z-index:50; }
#main_menu li { float:left; position:relative; height:45px; list-style:none; }
#main_menu li a { cursor:pointer; }
#main_menu li a, #main_menu li div { position:relative; display:block; height:45px; text-decoration:none; color:#000; font-size:7px;  }
#main_menu li strong { position:absolute; top:0px; left:0px; display:block; height:45px; }
#main_menu li, #main_menu li a, #main_menu li strong, #main_menu li div { background-image:url(/media/images/common/nav.jpg); }

#main_menu li#menu_home, #main_menu li#menu_home a, #main_menu li#menu_home a strong    { background-position:0px 0px; width: 184px; }
#main_menu li#menu_about, #main_menu li#menu_about a, #main_menu li#menu_about a strong { background-position:-184px 0px; width:157px; }
#main_menu li#menu_gamephotos, #main_menu li#menu_gamephotos a, #main_menu li#menu_gamephotos a strong { background-position:-341px 0px; width:157px; }
#main_menu li#menu_purchase, #main_menu li#menu_purchase a, #main_menu li#menu_purchase a strong { background-position:-498px 0px; width:157px; }
#main_menu li#menu_send, #main_menu li#menu_send a, #main_menu li#menu_send a strong { background-position:-655px 0px; width:157px; }
#main_menu li#menu_enter, #main_menu li#menu_enter a, #main_menu li#menu_enter a strong { background-position:-812px 0px; width:178px; }

/* HOVER STATE */
#main_menu li#menu_home:hover a, #main_menu li#menu_home:hover a strong, #main_menu li#menu_home a:hover, #main_menu li#menu_home a:hover strong { background-position:0px -45px; width:184px; }
#main_menu li#menu_about:hover a, #main_menu li#menu_about:hover a strong, #main_menu li#menu_about a:hover, #main_menu li#menu_about a:hover strong { background-position:-184px -45px; width:157px; }
#main_menu li#menu_gamephotos:hover a, #main_menu li#menu_gamephotos:hover a strong, #main_menu li#menu_gamephotos a:hover, #main_menu li#menu_gamephotos a:hover strong { background-position:-341px -45px; width:157px; }
#main_menu li#menu_purchase:hover a, #main_menu li#menu_purchase:hover a strong, #main_menu li#menu_purchase a:hover, #main_menu li#menu_purchase a:hover strong { background-position:-498px -45px; width:157px; }
#main_menu li#menu_send:hover a, #main_menu li#menu_send:hover a strong, #main_menu li#menu_send a:hover, #main_menu li#menu_send a:hover strong { background-position:-655px -45px; width:157px; }
#main_menu li#menu_enter:hover a, #main_menu li#menu_enter:hover a strong, #main_menu li#menu_enter a:hover, #main_menu li#menu_enter a:hover strong { background-position:-812px -45px; width:178px; }

/* ON STATE */
#main_menu li#menu_home.active, #main_menu li#menu_home.active strong, #main_menu li#menu_home.active div { background-position:0px -90px !important; width:184px; }
#main_menu li#menu_about.active, #main_menu li#menu_about.active strong, #main_menu li#menu_about.active div { background-position:-184px -90px !important; width:157px; }
#main_menu li#menu_gamephotos.active, #main_menu li#menu_gamephotos.active strong, #main_menu li#menu_gamephotos.active div { background-position:-341px -90px !important; width:157px; }
#main_menu li#menu_purchase.active, #main_menu li#menu_purchase.active strong, #main_menu li#menu_purchase.active div { background-position:-498px -90px !important; width:157px; }
#main_menu li#menu_send.active, #main_menu li#menu_send.active strong, #main_menu li#menu_send.active div { background-position:-655px -90px !important; width:157px; }
#main_menu li#menu_enter.active, #main_menu li#menu_enter.active strong, #main_menu li#menu_enter.active div { background-position:-812px -90px !important; width:157px; }
#main_menu {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
}

#header #head_home {
    left:358px;
    position:absolute;
    top:24px;
}

#game_details p {
    color:#B4D4F0;
    font-size:9pt;
    line-height:128%;
    margin:2px 0 10px;
}

#about_tp #game_details p {
    color:#B4D4F0;
    font-size:11pt;
    line-height:150%;
    margin:2px 0 10px;
}
.clear { clear:both; }
p#game_overview_text {
    border-bottom-width:medium;
    border-bottom-color:#BEBEBE;
    border-bottom-style:double;
    padding-bottom:22px;
}
.flatpage #email_signup {
    background:transparent url(/media/images/common/about_email_signup_bg.jpg) no-repeat scroll left top;
}
