/* =========================================================== www.GoldSunGames.com Swatch Colors -------------------------------------------------------------- #f8f9f9 Off White #1FBF22 Green #108012 Green:hover #078CCA Blue #064766 Blue:hover #371010 Footer dark #c40707 footer link hover =============================================================*/ /* Resets */ html, body, form, fieldset {margin: 0; padding: 0; font: 100%/120% Verdana, Arial, Helvetica, sans-serif;} body {background: url(http://www.goldsungames.com/images/bg-main.png) repeat-x bottom #f8f9f9 fixed; color:#333333; line-height: 18px;} p, pre, blockquote, ul, ol, dl, address {margin: 0; padding: 0;} li {list-style: none;} table, td, tr, th {margin: 0; padding: 0;} h2 {font-size: 16px; color: #1FBF22;} p {font-size: 12px; line-height: 16px; margin-bottom: 15px;} .clear {clear: both;} .left {float: left;} .right {float: right;} .last-p {margin-bottom: 0px;} .first-p {margin-top: 20px;} a {color: #078CCA; font-weight: bold;} #sidebar a, #content a { font-size: 0.9em;} a:hover {color: #064766;} a:focus { -moz-outline-style: none;} #breadcrumbs {margin: 0 0 10px 27px; padding-top: 10px; font-size: .7em; color: #999;} #breadcrumbs a {color: #999;} #breadcrumbs a:hover {color: #333;} /* Structure */ #main-wrapper {width:830px; margin: 0 auto;} #header {width: 830px; height: 137px; background: url(images/header.jpg) no-repeat 0 0; text-indent: -9999px; position: relative;} #main-nav {width: 810px; height: 47px; position: relative; background: url(images/navigation.jpg) no-repeat 0 0; text-indent: -9999px; left: 10px;} #main-holder {width: 820px; background: url(images/bg-main_holder.png) repeat-y 0 0;} #wrap {background: url(images/bg-main_holder.png) repeat-y 0 0;} .bottom_main-content_img{position: relative; top: 20px;} #footer {width: 830px; height: 182px; background: url(images/bg-footer.png) no-repeat 0 0; position: relative; bottom: 0px; margin: 0 auto;} /* Header */ #logo {display: block; width: 270px; height: 138px;} #news-letter {position: absolute; right: 0; top: 0; display: block; width: 125px; height: 138px;} /* Navigation */ #main-nav li {position: absolute; top: 0;} #main-nav li, #main-nav a {height: 47px; display: block;} #nav_home {left: 0; width: 106px;} #nav_home a:hover {background: transparent url(images/navigation.jpg) 0 -47px no-repeat;} #nav_games {left: 107px; width: 84px;} #nav_games a:hover {background: transparent url(images/navigation.jpg) -107px -47px no-repeat;} #nav_community {left: 192px; width: 116px;} #nav_community a:hover {background: transparent url(images/navigation.jpg) -192px -47px no-repeat;} #nav_support {left: 313px; width: 88px;} #nav_support a:hover {background: transparent url(images/navigation.jpg) -313px -47px no-repeat;} #nav_about {left: 402px; width: 80px;} #nav_about a:hover {background: transparent url(images/navigation.jpg) -402px -47px no-repeat;} #nav_contact {left: 483px; width: 90px;} #nav_contact a:hover {background: transparent url(images/navigation.jpg) -483px -47px no-repeat;} /* NEW - Facebook Like and Google + 1 */ #nav_facebook_like {margin: 0 0 1px 27px; padding-top: 1px; padding-right: 700px; font-size: .7em; color: #999;} #nav_google_1 {left: 765px; width: 60px;} /* Title Headers */ .title_header {background: url(images/titles_header.jpg) no-repeat; width: 466px; height: 36px; text-indent: -9999px; margin-bottom: 30px; font-size: 0px;} #t_games {background-position: 0 -36px;} #t_support {background-position: 0 -72px;} #t_about {background-position: 0 -108px;} #t_contact {background-position: 0 -144px;} #t_newsletter {background-position: 0 -180px;} #t_404 {background-position: 0 -216px;} #t_megaplex {background-position: 0 -252px;} #t_bingo {background-position: 0 -288px;} #t_tips {background-position: 0 -324px;} #t_time {background-position: 0 -360px;} #t_hidden {background-position: 0 -396px;} #t_card {background-position: 0 -432px;} #t_mm2 {background-position: 0 -468px;} #t_pressrelease {background-position: 0 -504px;} #t_hungry {background-position: 0 -540px;} #t_broken {background-position: 0 -576px;} #t_halftimehustle {background-position: 0 -612px;} #t_online {background-position: 0 -648px;} #t_action {background-position: 0 -684px;} #t_megaplex3 {background-position: 0 -720px;} #t_solitaire {background-position: 0 -756px;} #t_themepark {background-position: 0 -792px;} #t_perfectlife {background-position: 0 -828px;} #t_rocketracer {background-position: 0 -864px;} .title_header_wider {background:url(images/titles_header_wider.png) 0 0 no-repeat; width: 731px; height: 36px; text-indent: -9999px; margin-bottom: 30px; font-size: 0px;} #t_community {background-position: 0 -36px; margin-bottom: 7px;} /* Platform Icons */ .win_icon {background: url(images/platform_icons.jpg) no-repeat 0 0; width: 30px; height: 30px; text-indent: -9999px; display: inline-block} .mac_icon {background: url(images/platform_icons.jpg) no-repeat -30px 0; width: 30px; height: 30px; text-indent: -9999px; display: inline-block} .web_icon {background: url(images/platform_icons.jpg) no-repeat -60px 0; width: 30px; height: 30px; text-indent: -9999px; display: inline-block} /* Buttons */ .button {background: url(images/buttons.png) no-repeat 0 0; width: 135px; height:30px; display: block; text-indent: -9999px;} .button:hover {background-position: 0 -30px;} #b_mac_download {background-position: -135px 0; width:89px;} #b_mac_download:hover {background-position: -135px -30px;} #b_play {background-position: -224px 0; width:89px;} #b_play:hover {background-position: -224px -30px;} #b_sign-in {background-position: -313px 0; width:89px; float: right; position: relative;} #b_sign-in:hover {background-position: -313px -30px;} #b_new-post {background-position: -500px 0; width: 89px;} #b_pre-order {background-position: -707px 0; width: 89px;} #b_pre-order:hover {background-position: -707px -30px;} #b_iPhoneiPad {background-position: -796px 0; width: 135px;} #b_iPhoneiPad:hover {background-position: -796px -30px;} /* more buttons */ .reply-post {background: url(images/buttons.png) no-repeat -402px 0; width: 85px; height:30px; display: block; position: absolute; right: 4px; top:4px; text-indent: -9999px;} .reply-post:hover {background-position: -402px -30px;} .new-post {background: url(images/buttons.png) no-repeat -487px 0; width: 85px; height:30px; display: block; text-indent: -9999px;} .new-post:hover {background-position: -487px -30px;} #coming_soon {background-position: -572px 0; width: 135px;} #b_windows {background-position: -931px 0; width: 135px;} #b_windows:hover {background-position: -931px -30px;} /* Buttons for WRAPPER */ .button2 {background: url(http://www.goldsungames.com/wrapper/gfx/Purchase_Buttons.png) no-repeat 0 0; width: 151px; height:38px; display: block; text-indent: -9999px;} .button2:hover {background-position: 0 -38px;} #b_buy_now {background-position: -151px 0; width:151px;} #b_buy_now:hover {background-position: -151px -38px;} #b_enter_key {background-position: -302px 0; width:151px;} #b_enter_key:hover {background-position: -302px -38px;} /* Exit button for WRAPPER */ .button3 {background: url(http://www.goldsungames.com/wrapper/gfx/exit2.png) no-repeat 0 0; width: 151px; height:38px; display: block; text-indent: -9999px;} .button3:hover {background-position: 0 -38px;} /* Content */ #content {position: relative; float: left; left: 21px;} #top_of_box {width: 514px; height: 28px; background: url(images/top_of_box.png)} #bottom_of_box {width: 514px; height: 28px; background: url(images/bottom_of_box.png)} #inside-content {width: 514px; #fff; background: url(images/mid_of_box.png) repeat-y 0 0;} #fix_width {width: 466px; margin: 0 auto;} /* Side Bar */ #sidebar {position: relative; float: right; right: 21px; padding-top: 36px; width: 245px;} .sidebar_box {position: relative; background: #efeef0; border: 1px solid #dcdcdc; text-align: center; padding: 20px 0; text-align: center;} /* News Block */ .news_block {position: relative; left: 21px; width: 466px; border-bottom: 2px dotted #d5d5d5;} .news_block img {float: right;} .news_block h2 {margin: 20px 0 8px 0;} /* Screenshots */ .thumbs {padding: 0; margin: 0;} .screenshot {padding: 10px; border: 1px solid #8c8c8c; background: #f5f5f5;} .screenshot-sb {padding: 10px; border: 1px solid #8c8c8c; background: #f5f5f5; display:block; margin: 0 auto;} #screen_thumb {padding: 6px; margin: 3px 2px 20px 0;} #screen_thumb:hover {background: #bae4f8;} /* Games */ #games_page {width: 466px; margin: 0 auto;} .game_category {border-top: 1px solid #e3e3e3; border-bottom: 1px solid #a8d7ed; padding: 15px 0; background: url(images/gs_logo.jpg) no-repeat 0 17px;} #content a.link {font-size: 11px; position: relative; left: 40px;} .game_category h2 {margin: 0; font-size: 1.1em; font-weight: bolder;} .game_category h2 a:hover {color: #108012;} .title_game {color:#1FBF22; text-decoration:none; position: relative; left: 40px;} .link {color:#999; font-size: 10px; text-transform:uppercase;} .game_info {position: relative; float: right; width: 245px; height: 159px;} .game_info_footer {position: absolute; bottom: 0; left: 0;} .game_info_footer a, .game_info_footer small{display: block;} .game_info h2 {text-transform:uppercase; margin: 0px; } .game_header_link {color: #1FBF22; text-decoration: none;} .game_header_link:hover {color: #108012;} /* Game Pages */ #game_pages {width: 466px; margin: 0 auto;} #game_pages li {float: left; margin-right: 2px;} #current_game_menu {background: url(images/bg_gamepage_menu.png) no-repeat 0 0; width: 121px; height: 24px; border: 1px solid #9d9d9d; border-bottom: none; text-align: center; font-size: 12px;} #current_game_menu h3 {position: relative; top: 3px; color: #fcb30f; text-decoration: none; font-weight: bold; margin: 0px; padding: 0px;} .game_menu {background: url(images/bg_gamepage_menu.png) no-repeat 0 -24px; width: 121px; height: 24px; text-align: center;} .game_menu a {position: relative; top: 3px; color: #9d9d9d; text-decoration: none; font-size: 12px} .game_menu a:hover {text-decoration: underline;} #game_pages_main_box {border-top: 1px solid #9d9d9d; border-bottom: 1px solid #9d9d9d; padding: 20px 0;} #game_pages_main_box img{float: left; margin: 0 10px 0 0;} #game_pages_main_text {width: 250px; float: left;} #press_release_main_text {width: 460px; float: left;} #game_pages_main_text ul{position: relative; left: 15px; display: block;} #game_pages_main_text li{font-size: 10px; list-style:circle;} #game_pages_main_text em{font-size: 10px; color: #999; float: left; margin: 10px 10px 0 0;} .screen_shots {margin: 0; color: #1FBF22; font-weight: bold;} #game_info {padding: 20px 0;} /* Online Games */ .swf {text-align: center;} .swf h2 {margin-bottom: 10px;} /* Forms */ fieldset {border: none;} legend {margin: 10px; color: #1FBF22;} .send_button {float: right; margin-right: 34px;} .warning {color: red;} /* Footer */ #go_home_page {display: block; width: 71px; height:72px; background:url(images/gold-sun-games-logo-small.png) no-repeat 0 0; text-indent: -9999px; position: absolute; left: 10px; top: 28px;} #back_to_top {display: block; width: 131px; height:30px; background: url(images/back-to-top.gif) no-repeat 0 0; text-indent: -9999px; position: absolute; right: 37px; top: 40px;} #back_to_top:hover {background: url(images/back-to-top.gif) no-repeat 0 -30px;} .f_links {width:240px; position: relative; left: 45px; top: 70px; float: left; text-align: center;} .f_links a {color: #333; font-size: 0.9em; font-weight: normal;} .f_links a:hover {color: #078CCA;} #f_about {border-right: 1px solid #82541b;} #f_games {border-left: 1px solid #fee081; border-right: 1px solid #82541b;} #f_info {border-left: 1px solid #fee081;} #footer_text {position: absolute; bottom: 5px; left: 123px; margin: 0px; color: #fff;} /* BBpress */ table {} td {border: 1px solid #ccc;} #discussions a {text-decoration: none; color: #078CCA;} #discussions a:hover {color: #056591; text-decoration:underline;} #discussions h2 {color: #1FBF22; margin: 0px;} #bbpress_content {position: relative; left: 21px;} #main h2 {margin: 10px 0 0 0;} #com_top_of_box {width: 772px; height: 29px; background: url(images/com_top_of_box.png)} #com_bottom_of_box {width: 772px; height: 29px; background: transparent url(images/com_bottom_of_box.png)} #com_inside-content {width: 772px; #fff; background: url(images/com_mid_of_box.png) repeat-y 0 0;} #com_fix_width {width: 730px; margin: 0 auto;} .footer_center {text-align: center; margin-top: 20px; margin-bottom: 0;} #latest {width: 100%;} #latest th {font-size:12px; color: #999;} #latest td {background: url(images/bg_com_td.png) repeat-x 0 0; height: 42px; padding: 0 10px;} #latest td:hover {background: url(images/bg_com_td_h.png) repeat-x 0 0;} .bbcrumb {font-size: .7em; color: #999; padding: 15px 0;} #hottags {display: none;} #forumlist {width: 100%;} #forumlist th {font-size:12px; color: #999;} #forumlist td {background: url(images/bg_com_td.png) repeat-x 0 0; height: 42px; padding: 3px 10px;} #forumlist a {text-decoration: none;} #forumlist td:hover {background: url(images/bg_com_td_h.png) repeat-x 0 0;} /* Topic Page */ .infobox {border: 1px solid #ccc; border-width: 1px 0; padding: 1em;} .infobox ul {margin: 10px 0 10px 12px; padding: 0;} .infobox ul li {padding-bottom: 3px; } #topic-info {float: left; padding: 0 1em 0 0;} #topic-tags {border-left: 1px solid #ccc; float: right; padding: 0 0 0 1em;} .nav {margin: 15px 0;padding: 12px 0;} .nav span { font-weight: bold; } .nav span, .nav a { padding: 6px; } #thread {list-style: none;margin: 0;padding: 0;} #thread li { line-height: 1.5em; clear: both;/* Hack to force padding on .threadauthor on IE */ border: 1px solid #ccc; margin: 10px; padding: 10px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } #thread li ol, #thread li ul { margin-left: 40px; } #thread li ol li, #thread li ul li { padding: 0; } .threadauthor { float: left; padding: .9em 1em 0 1em; width: 120px; } .threadauthor p { margin-bottom: 10px; } .threadauthor small { font: 11px Verdana, Arial, Helvetica, sans-serif; } .threadpost { position: relative; padding: 0 1em 1.5em 1em; margin-left: 140px; background-color: #e8f7fc; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } #thread li.alt .threadpost { /*background-color: transparent;*/ } #thread li.deleted { background-color: transparent; } #thread li.deleted .threadpost { background-color: #ee8888; } #thread li.alt.deleted .threadpost { background-color: #ff9999; } #thread .post { _height: 90px; /* Hack to fix broken .alt coloring in IE6 */ } #thread .post blockquote { margin: 0 0 0 4ex; padding: 0 0 0 1ex; border-left: 5px solid #ccc; } #thread .post li { clear:none; } .poststuff { clear:both; _clear: none; /* Hack to fix broken .alt coloring in IE6 */ margin: 0; padding:0; font: 10px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; } .num, #forumlist small { font: 11px Verdana,Arial,Helvetica,sans-serif; text-align: center; } .postform { background-color: #f0f0f0; padding: 1em; margin-bottom: 1em; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .postform textarea { height: 12em; margin: 5px 0; padding: 5px; width: 682px; display: block; } .postform label { display: block; } #manage-tags { margin: 10px 0; list-style: none; } #manage-tags li { float: left; width: 200px; padding-bottom: 10px; } .submit { text-align: right; } .topiclink { display: block; } .topictitle { font-size: 26px; font-weight: normal; display: inline; } .rss-link { display: none; padding: 6px 0; text-indent: 20px; background-image: url('images/feed-icon-16x16.gif'); background-repeat: no-repeat; background-position: 0 50%; } #topic-move { margin-top: 1em; } /* Login */ .login {font-weight: normal; color: #444; width: 100%; z-index: 1; font-size: 12px;} form.login { bottom: 15px; } .login p { padding: 0 0 4px; } .login label { display: block; float: left; padding-right: 10px; line-height: 14px; } form.login input { border: 1px solid #999; padding: 2px; line-height: 14px; font-size: 12px; margin: 0; } form.login input#submit { float: left; margin-top: 14px; margin-bottom: -10px; display: block; } div.remember label { clear: both; padding: 0; margin: 6px 0 0 0; line-height: 12px; margin-bottom: 20px; } form.login input#remember { border-width: 0; padding: 0; margin: 0; vertical-align: baseline; } #viewdiv {display: none;} /* Login, Register, Profile Edit =================================== */ #login-page fieldset, #register-page fieldset, #profile-page fieldset { border-top: 3px double #ccc; border-bottom: 1px solid #ccc; border-left: none; border-right: none; padding: 10px 0 10px 10px; margin-bottom: 15px; background-color: #E8F7FC; } #login-page legend, #register-page legend, #profile-page legend { font-weight: bold; padding: 0 15px; } #login-page fieldset table, #register-page fieldset table, #profile-page fieldset table { text-align: left; margin: 0 15px; width: 95%; border-collapse: collapse; } #login-page fieldset table th, #register-page fieldset table th, #profile-page fieldset table th { padding: 5px; text-align: right; width: 20%; vertical-align: top; padding-right: 1em; } #login-page fieldset table td, #register-page fieldset table td, #profile-page fieldset table td { padding: 5px; } #login-page fieldset table td p, #register-page fieldset table td p, #profile-page fieldset table td p{ margin: 5px 0; } #login-page fieldset p, #register-page fieldset p, #profile-page fieldset p { font-size: 11px; margin: 10px 16px; } #login-page sup.required, #register-page sup.required, #profile-page sup.required { color: red; } .form-invalid { background-color: #ffebe8 !important; } .form-invalid input { border-color: #c00 !important; } .form-table input, .form-table textarea { border-color: #c6d9e9; } .hidden { display: none; } /* Profile Page =================================== */ #profile-menu { margin-top: 20px; list-style: none; right: 0; } #profile-menu li { display: inline; margin-left: 3px; } #profile-menu li a { font-size: 1.1em; padding: 4px 7px; position: relative; top: -10px; border-bottom-right-radius: 6px; } #profile-menu li.current a { } #profile-menu li a:hover { background-color: #e4f3e1; } .post_header {border-bottom: 1px solid #ccc; margin: 0px; text-transform: uppercase; line-height: normal; margin: 10px 0px; padding-bottom: 10px;} .post_header h3 {margin: 0px; padding: 0px; color: #1FBF22; padding-top: 3px;} .post_header small { font-size: .6em;} #useravatar { margin-bottom: 1em; } #useravatar img { display: block; border-width: 3px; border-style: double; } #userinfo { margin-top: 10px; } #userinfo dt { font-weight: bold; } #userinfo dd { margin: 0 0 5px; } #useractivity { margin: 15px 0 5px; } .user-recent { margin: 0 0 10px; } .user-recent ol { margin: 5px 0 0 28px; } .user-recent ol li { margin: 0 0 3px; } .post-form {} #backgroundPopup{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:1; } #popupContact{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:180px; width:262px; background:#FFFFFF; border:2px solid #cecece; z-index:2; padding:12px; font-size:13px; } #popupContactClose{ font-size:14px; line-height:14px; right:6px; top:4px; position:absolute; color:#6fa5fd; font-weight:700; display:block; }