/*
Theme Name: Amazing Society
Theme URI: http://
Description: A theme developed by Enter the Studio for the Amazing Society
Version: 1.0
Author: Shun Chu
Author URI: http://gazillion.com/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 14px;
    vertical-align: baseline;
    background: transparent;
}

.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */

/* Begin Typography & Colors */
body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: Courier New, Courier, Serif;
    background-color: #000;
    color: white;
    text-align: center;
    width: 100%;
}

body.home { background: #000000 url("images/background-home-repeat.jpg") repeat-x top; border: none; }

a, a:link, a:visited { color: #000000; }

a:active, a:hover { color: #ffffff; }

body .hr {
    width: 100%;
    height: 1px;
    background: #000;
}

.page_content ul {
    margin: 10px 0 20px 10px;
}

.page_content li {
    margin: 5px 0 5px 30px;
}

#content h2.page-title {
	line-height: normal;
    font-size: 190%;
    margin: 47px 0 19px;
}

.post h3 { 
    font-size: 120%;
    line-height: 120%;
    margin: 10px 0; 
}

.post h3 a { text-decoration: none; }

.post p.date_author { font-size: 85%; }

.entry { margin: 0 0 10px 0 }

#footer a, #footer a:link, #footer a:visited { color: #999999; }

#footer a:active, #footer a:hover { color: #cccccc; }

.home #footer { width: 1064px; }

#footer {
    font-size: 10px;
	color: #666666;
    width: 753px; 
    text-align: center;
}

#page {
    width: auto;
    padding: 0 0 0 246px;
	background: transparent url( 'images/robot-rail-full.jpg' ) repeat-y scroll 64px top;
    text-align: left;
}

.home #page {
	background-position: 64px 162px;
}

#content { 
    text-align: left; 
    color: #000000;
    font-size: 13px;
    line-height: 120%;
}

#content p { margin-bottom: 10px; }

#cityscape {
    /*width: 1155px;*/
    width: 100%;
    height: 536px;
    text-align: left;
    background: transparent url( 'images/homepage/City_1.jpg' ) repeat-y left top;
}

#cityscape_swf {
    width: 1050px;
    height: 530px;
    padding: 7px 12px 0 0;
}

.home_bg_levels {
    width: 1064px;
}

#security_room_swf,
#spaceship_swf,
#coffee_room_swf,
#map_room1_swf,
#map_room2_swf,
#generator_swf,
#train_swf,
#us_room_swf,
#game_room1_swf,
#game_room2_swf,
#game_room3_swf,
#employment_room1_swf,
#employment_room2_swf { 
    background: transparent url( 'images/home-static-sprite.jpg' ) no-repeat left top;
}

#level2 {
    height: 590px;
    text-align: left;
    background: transparent url( 'images/homepage/background-level2.jpg' ) no-repeat left top;
}

#security_room_swf {
    position: absolute;
    width: 113px;
    height: 164px;
    top: 582px;
    left: 245px;
	background-position: left top;
}

#spaceship_swf {
    position: absolute;
    width: 352px;
    height: 180px;
    top: 555px;
    left: 428px;
	background-position: -115px top;
}

#coffee_room_swf {
    position: absolute;
    width: 486px;
    height: 152px;
    top: 583px;
    left: 787px;
	background-position: -470px top;
}

#map_room1_swf {
    position: absolute;
    width: 497px;
    height: 273px;
    top: 852px;
    left: 409px;
	background-position: left -181px;
}

#map_room2_swf {
    position: absolute;
    width: 111px;
    height: 190px;
    top: 861px;
    left: 293px;
	background-position: -808px -156px;
}

#generator_swf {
    position: absolute;
    width: 299px;
    height: 299px;
    top: 735px;
    left: 987px;
	background-position: -501px -156px;
}

#level3 {
    height: 574px;
    background: transparent url( 'images/homepage/background-level3.jpg' ) no-repeat -1px top;
}

#train_swf {
    position: absolute;
    width: 790px;
    height: 157px;
    top: 1125px;
    left: 474px;
	background-position: left -458px;
}

#us_room_swf {
    position: absolute;
    width: 747px;
    height: 196px;
    top: 1390px;
    left: 524px;
	background-position: left -617px;
}

#level4 {
    height: 654px;
    background: transparent url( 'images/homepage/background-level4.jpg' ) no-repeat left top;
}

#game_room1_swf {
    position: absolute;
    width: 491px;
    height: 261px;
    top: 1783px;
    left: 491px;
	background-position: left -900px;}

#game_room2_swf {
    position: absolute;
    width: 779px;
    height: 82px;
    top: 1700px;
    left: 360px;
	background-position: left -814px;

}

#game_room3_swf {
    position: absolute;
    width: 1015px;
    height: 300px;
    top: 2052px;
    left: 251px;
	background-position: left -1165px;
}

#level5 {
    height: 645px;
    background: transparent url( 'images/homepage/background-level5.jpg' ) no-repeat left top;
}

/* ================================= problem with alignments */
#employment_room1_swf {
    position: absolute;
    width: 561px;
    height: 627px;
    top: 2354px;
    left: 250px;
	background-position: left -1466px;
}

#employment_room2_swf {
    position: absolute;
    width: 510px;
    height: 579px;
    top: 2402px;
    left: 809px;
	background-position: -559px -1514px;
}
/* ================================= problem with alignments */




/* -------------------- Robot Menu -------------------- */
#sidebar {
    position: absolute;
    left: 0;
    top: 0;
    width: 247px;
    height: 100%;
    min-height: 100%; 
    text-align: left;
}

.home #sidebar {
    height: 3033px;
}

.home #cityscape_moon {
    width: 247px;
    height: 536px;
    background: transparent url( 'images/homepage/City_1_moon.jpg' ) no-repeat left top;
}

#rail_container {
    position: absolute;
    width: 183px;
    top: 0;
    left: 62px;
    background: transparent url( 'images/robot-rail.png') repeat-y left top;
}

.home #rail_container {
    height: 375px;
    top: 161px;
}

#robot_container {
    position: absolute;
    top: 59px;
    left: 60px;
    width: 178px;
}

#robot_top {
    width: 188px;
    height: 183px;
    background: transparent url( 'images/robot-sprite.png' ) no-repeat left top;
}

#logo {
    display: block;
    width: 188px;
    height: 82px;
    margin: 0 0 18px;
}

#the_eye_swf {
    width: 134px;
    height: 62px;
    margin-left: 26px;
}

#menu_container {
    height: auto;
    margin: -3px 0 0;
}

#menu_container li {
    margin: 0;
    list-style: none;
}

li.page_item {
    width: 172px;
    background: transparent url( 'images/robot-sprite.png' ) no-repeat left -186px;
}

li.page_item div.plate {
    display: block;
    padding: 5px 63px;
    background: transparent url( 'images/robot-sprite.png' ) no-repeat left -576px;
}

li.page_item.first {
	background-position: left -183px;
}

li.page_item.first div.plate {
	background-position: left -448px;
}

li li.page_item.first div.plate {
	background-position: left -494px;
}

/*
li.page_item.last {
	height: 47px;
	background-position: left -210px;
}

li.page_item.last a {
	height: 37px;
}
*/

li.page_item a {
    display: block;
    width: 54px;
    height: 25px;
    text-indent: -99999px;
    background: transparent url( 'images/robot-sprite.png' ) no-repeat left -760px;
}

li.frontpage a { background-position: left -622px; }
li.news a { background-position: left -648px; }
li.about a { background-position: left -673px; }
li.games a { background-position: left -699px; }
li.join a { background-position: left -725px; }

li.frontpage a:hover, li.frontpage.current_page_item a { background-position: -56px -622px; }
li.news a:hover, li.news.current_page_item a { background-position: -56px -648px; }
li.about a:hover, li.about.current_page_item a { background-position: -56px -673px; }
li.games a:hover, li.games.current_page_item a { background-position: -56px -699px; }
li.join a:hover, li.join.current_page_item a { background-position: -56px -725px; }

li.page_item li a { 
    width: 82px;
    height: 16px;
    background: transparent url( 'images/robot-subnav-text.png' ) no-repeat left top; 
}

li.page_item li div.plate {
    display: block;
    padding: 3px 0 6px 47px;
    background: transparent url( 'images/robot-sprite.png' ) no-repeat left -494px;
}

li.page_item li.about-contact-us a { background-position: left 0; }
li.page_item li.about-the-studio a { background-position: left -16px; }
li.page_item li.about-who-are-we a { background-position: left -32px; }

li.page_item li.about-contact-us a:hover, li.page_item li.about-contact-us.current_page_item a { background-position: -82px 0; }
li.page_item li.about-the-studio a:hover, li.page_item li.about-the-studio.current_page_item a { background-position: -82px -16px; }
li.page_item li.about-who-are-we a:hover, li.page_item li.about-who-are-we.current_page_item a { background-position: -82px -32px; }

#robot_legs {
    width: 164px;
    height: 137px;
    background: transparent url( 'images/robot-sprite.png' ) no-repeat left -257px;
}

/* ------------------- news Page ------------------ */
#page_news { 
    overflow: auto;
    width: 753px; 
}

#page_news #header {
    width: 753px;
    height: 360px;
    background: transparent url( 'images/subpages/news-header.jpg' ) no-repeat;
}

#page_news #page_container {
    width: 753px;
    overflow: auto;
    background: transparent url( 'images/subpages/news-page-tile.jpg' ) repeat-y;
}

#page_news #side {
    float: left;
    width: 189px;
    height: 596px;
    background: transparent url( 'images/subpages/news-side.jpg' ) no-repeat;
}

#page_news #content {
    float: left;
    width: 554px;
	min-height: 84px;
	padding-right: 10px;
    background: transparent url( 'images/subpages/news-title.jpg' ) no-repeat;
}

#page_news #content h2.news { 
    text-indent: -99999px;
    height: 41px;
    margin: 27px 0 5px -10px;
    background: transparent url( 'images/subpages/sub-page-titles-sprite.png' ) no-repeat left top;
}

#page_news #content h2.news_sub {
	margin: 27px 0 5px 42px;
}

#page_news div.post, .navigation {
    padding: 10px 45px 10px 40px;
}

#page_news #page_footer {
    width: 753px;
    height: 260px;    
    background: transparent url( 'images/subpages/news-footer.jpg' ) no-repeat;
}

#page_news #sub_swf {
    width: 225px;
    height: 246px;
    position: absolute;
    left: 749px;
    top: 309px;
}

#page_news #sub_swf {
    width: 199px;
    height: 329px;
    position: absolute;
    left: 261px;
    top: 414px;
}

.postmetadata {

}



/* ------------------- about Page ------------------ */
#page_about { 
    overflow: auto;
    width: 753px; 
}

#page_about #header {
    width: 753px;
    height: 308px;
    background: transparent url( 'images/subpages/about-header.jpg' ) no-repeat;
}

#page_about #page_container {
    width: 753px;
    overflow: auto;
    background: transparent url( 'images/subpages/about-page-tile.jpg' ) repeat-y;
}

#page_about #side {
    float: right;
    width: 272px;
    height: 680px;
    background: transparent url( 'images/subpages/about-side.jpg' ) no-repeat;
}

#page_about #content {
    float: right;
    width: 481px;
	min-height: 87px;
    background: transparent url( 'images/subpages/about-title.jpg' ) no-repeat;
}

#page_about #content h2.about {
    text-indent: -99999px;
    margin: 43px 0 8px -41px;
    height: 41px;
    background: transparent url( 'images/subpages/sub-page-titles-sprite.png' ) no-repeat left -41px;
}
#page_about #content>div {
    padding: 0 15px 0 63px;
}

#page_about #page_footer {
    width: 753px;
    height: 185px;
    background: transparent url( 'images/subpages/about-footer.jpg' ) no-repeat;
}

#page_about #sub_swf {
    width: 207px;
    height: 483px;
    position: absolute;
    left: 765px;
    top: 317px;
}

#page_about #sub_swf2 {
    width: 110px;
    height: 167px;
    position: absolute;
    left: 810px;
    top: 817px;
}

/* ------------------- about Page subpage titles ------------------ */
#page_about #content h2.the-studio {
    text-indent: -99999px;
    height: 41px;
    margin: 43px 0 8px -41px;
    background: transparent url( 'images/subpages/sub-page-titles-sprite.png' ) no-repeat left -205px;
}

#page_about #content h2.who-are-we {
    text-indent: -99999px;
    height: 41px;
    margin: 43px 0 8px -41px;
    background: transparent url( 'images/subpages/sub-page-titles-sprite.png' ) no-repeat left -246px;
}

#page_about #content h2.contact-us {
    text-indent: -99999px;
    height: 41px;
    margin: 43px 0 8px -41px;
    background: transparent url( 'images/subpages/sub-page-titles-sprite.png' ) no-repeat left -287px;
}

/* ------------------- Games Page ------------------ */
#page_games { 
    overflow: auto;
    width: 753px; 
}

#page_games #header {
    width: 753px;
    height: 281px;
    background: transparent url( 'images/subpages/games-header.jpg' ) no-repeat;
}

#page_games #page_container {
    width: 753px;
    overflow: auto;
    background: transparent url( 'images/subpages/games-page-tile.jpg' ) repeat-y;
}

#page_games #side {
    float: left;
    width: 148px;
    height: 628px;
    background: transparent url( 'images/subpages/games-side.jpg' ) no-repeat;
}

#page_games #content {
    float: left;
    width: 589px;
	min-height: 343px;
    background: transparent url( 'images/subpages/games-title.jpg' ) no-repeat;
}

#page_games #content h2.games { 
    text-indent: -99999px;
    margin: 37px 0 8px -40px;
    height: 41px;
    background: transparent url( 'images/subpages/sub-page-titles-sprite.png' ) no-repeat left -82px;
}
#page_games #content>div {
    padding: 0 50px 0 28px;
}

#page_games #page_footer {
    width: 753px;
    height: 310px;    
    background: transparent url( 'images/subpages/games-footer.jpg' ) no-repeat;
}

#page_games #sub_swf {
    width: 225px;
    height: 246px;
    position: absolute;
    left: 749px;
    top: 309px;
}

#page_games #games_side_sub {
    width: 148px;
    height: 677px;
    position: absolute;
    left: 247px;
    top: 281px;
    background: transparent url( 'images/subpages/games-side.jpg' ) no-repeat;
}

#page_games #games-float {
    float: right;
    width: 215px;
    height: 215px;
}

/* ------------------- Join Page ------------------ */
#page_join { 
    overflow: auto;
    width: 753px; 
}

#page_join #header {
    width: 753px;
    height: 281px;
    background: transparent url( 'images/subpages/join-header.jpg' ) no-repeat;
}

#page_join #page_container {
    width: 753px;
    overflow: auto;
    background: transparent url( 'images/subpages/join-page-tile.jpg' ) repeat-y;
}

#page_join #side {
    float: left;
    width: 161px;
    height: 676px;
    background: transparent url( 'images/subpages/join-side.jpg' ) no-repeat;
}

#page_join #content {
    float: left;
    width: 592px;
    background: transparent url( 'images/subpages/join-title.jpg' ) no-repeat;
}

#page_join #content h2.join { 
    text-indent: -99999px;
    margin: 37px 0 8px -33px;
    height: 41px;
    background: transparent url( 'images/subpages/sub-page-titles-sprite.png' ) no-repeat left -164px;
}
#page_join #content>div {
    padding: 0 45px 0 20px;
}

#page_join #page_footer {
    width: 753px;
    height: 230px;    
    background: transparent url( 'images/subpages/join-footer.jpg' ) no-repeat;
}

#page_join #sub_swf {
    width: 123px;
    height: 655px;
    position: absolute;
    left: 271px;
    top: 296px;
}

/* ------------------- Join Page subpage titles ------------------ */
#page_join #content h2.jobs {
    text-indent: -99999px;
    height: 41px;
    margin: 37px 0 8px -33px;
    background: transparent url( 'images/subpages/sub-page-titles-sprite.png' ) no-repeat left -123px;
}

/* ------------------- Default Page ------------------ */
#page_default { 
    width: 753px;
	margin-bottom: 20px;
    overflow: auto;
    background: transparent url( 'images/subpages/news-page-tile.jpg' ) repeat-y;
}

#page_default #content {
    padding: 70px 40px 0 80px;
	height: 700px;
}

#page_default h2 {
    font-size: 150%;
	margin: 20px 0;
}

#page_default p.small {
	font-size: 75%;
	color: #443333;
	margin-top: 20px;
}


/* ----------- age verification - focus group registration ------------- */
#content h2.page-title.focus-group-registration {
	margin: 47px 0 30px 0;
}
form#Registration p {
	margin-bottom: 15px;
}
form#Age_Verification {
	margin-left: 40px;
	text-align: right;
	width: 65%;
	margin-top: 40px;
}
form#Age_Verification p.age_buttons,
form#Registration p.reg_buttons {
	text-align: right;
}
form#Age_Verification .error,
form#Registration .error {
	color: #600;
	font-weight: bold;
	font-size: 11px;
}
form#Registration input[type="text"] {
	width: 70%;
}

/* ----------- taleo iframe ------------- */
iframe.taleo {
	width: 100%;
	height: 700px;
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
}