body { background: #626a72 url('../images/page/background.png') repeat-x left top; } .shade { height: 219px; background: transparent url('../images/page/shade.png') no-repeat center top; } #page { margin-top: -113px; } #title { } #title .name, #title .text { display: block; font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 40px; line-height: 40px; text-indent: -2000px; } #title .name { float: left; color: #fff; font-weight: bold; cursor: pointer; width: 140px; background: transparent url('../images/springy-logo.png') no-repeat left top; margin-top: 30px; } #title .version { float: left; color: #73767b; font-size: 12px; margin: 48px 0 0 5px; } #title .text { float: left; color: #7c7f82; letter-spacing: -2px; margin-left: 25px; margin-top: 35px; font-size: 30px; width: 226px; height: 33px; background: transparent url('../images/page/text-title.png') no-repeat left top; } #header .icon { float: right; margin: 15px 20px 0 0; } #menu { } #menu ul { margin: 0 10px; position: relative; z-index: 50; } #menu li { background: transparent url('../images/page/menu-left.png') no-repeat left top; display: inline; float: left; margin: 0 7px; padding: 0 0 0 4px; font-size: 18px; } #menu li a { background: transparent url('../images/page/menu-right.png') no-repeat right top; display:block; padding: 0 14px 0 10px; line-height: 35px; color: #fff; text-decoration: none; } #menu li a:hover { } #menu li.selected { background-image: url('../images/page/menu-left-selected.png'); } #menu li.selected a { background-image: url('../images/page/menu-right-selected.png'); color: #000; line-height: 36px; } #page .content_top { background-image: url('../images/page/content-top.png'); height: 5px; margin-top: -1px; } #page .content_bottom { background-image: url('../images/page/content-bottom.png'); height: 5px; } #footer { background: transparent url('../images/page/footer.png') no-repeat left top; margin: 20px 0; } #footer ul, #footer span { float: left; color: #717377; margin: 3px; padding: 0; font-size: 11px; } #footer span { float: right; margin: 6px 15px; } #footer li { float: left; margin: 3px 0; padding: 0 0 0 10px; list-style: none; } #footer li a:link, #footer li a:hover, #footer li a:visited { padding: 3px; color: #acadaf; text-decoration: none; } #footer li a:hover { color: #fff; } #side-col { } #side-col .wrapper { width: 205px; margin: 70px 0 0 15px; } #side-col .separator { background-image: url('../images/page/separator.png'); width: 205px; height: 15px; margin: 5px 0 20px 0; clear: both; } #side-col h2 { color: #fff; font-size: 18px; font-weight: normal; margin: 0 0 15px 0; } #side-col ul { margin: 0; padding: 0; } #side-col li { margin: 0; padding: 0; list-style: none; font-size: 12px; color: #9adae3; line-height: 15px; margin-bottom: 3px; } #side-col li a { text-decoration: none; color: #faf685; } #side-col li a:hover { color: #fff; } #content { background: #fff url('../images/page/content-background.png') no-repeat left top; } #content .wrapper { margin: 25px 30px; } #content h1 { font-size: 24px; color: #8aa655; font-weight: normal; margin: 0 0 15px 0; } #content h2 { font-size: 24px; color: #363a3f; font-weight: normal; margin: 0 0 15px 0; } #content p { font-size: 16px; color: #3d4146; margin: 0; line-height: 22px; } #content p.contact { font-size: 12px; line-height: 18px; } #content p a { color: #333; } #content p a:hover { color: #111; } #content ul.errors { margin: 0 20px 20px 30px; padding: 0; } #content ul.errors li { margin: 5px 5px 5px 0; padding: 0; font-size: 17px; color: #d60000; list-style: none; } #content .wrapper .promo { width: 659px; } #content .wrapper .promo p { margin-bottom: 10px; } #content .form { } #content .form label { float: left; width: 110px; font-size: 16px; color: #3d4146; margin-bottom: 10px; padding: 3px 10px; text-align: right; } #content .form input.input_field { float: left; width: 320px; font-size: 14px; color: #3d4146; padding: 3px 5px; margin-bottom: 10px; border: 2px solid #ccc; } #content .form input.input_field.color_light { color: #aaa; } #content .form input.input_field.checkbox_field { margin-top: 10px; } #content .form textarea.textarea_field { float: left; width: 320px; height: 150px; font-size: 14px; color: #3d4146; padding: 3px 5px; margin-bottom: 10px; border: 2px solid #ccc; } #content .form button { float: left; width: 80px; margin: 0 0 10px 0; padding: 5px 10px; font-size: 14px; color: #3d4146; } #content table { width: 100%; } #content table tr { } #content table th { color: #8aa655; font-weight: bold; font-size: 14px; border-bottom: 1px solid #b1b1b1; text-align: center; padding: 3px; } #content table td { color: #a5a6a8; font-size: 13px; border-bottom: 1px solid #d9d9d9; text-align: center; padding: 3px; } #content table tr .topic { text-align: left; width: auto; } #content table td.topic { color: #000; } #content table td.topic span { font-size: 11px; line-height: 11px; } #content table td span { color: #000; } #content table td span a { color: #000; } #content table td.topic a { color: #000; text-decoration: none; display: block; } #content table td.topic a:hover { color: #8aa655; } #content .topic { } #content .topic h1, #content .topic h1 a { font-size: 36px; color: #363a3f; font-weight: bold; margin: 0; text-decoration: none; line-height: 40px; } #content .topic h2 { font-size: 14px; color: #868b91; font-weight: normal; margin: 0 0 20px 0; } #content .topic h2 span, #content .topic h2 span a { color: #363a3f; font-weight: bold; } #content .topic p, #content .topic ul { font-size: 13px; line-height: 20px; color: #363a3f; margin: 0 0 20px 0; } #content .topic ul { margin-left: 20px; } #content .topic ul ul { margin-bottom: 0; } #content .topic .comment-header { padding: 3px; border-top: 1px solid #e1e2e2; border-bottom: 1px solid #e1e2e2; } #content .topic .comment-header .comment { display: block; float: right; } #content .topic .comment-header .comment a { font-size: 12px; color: #363a3f; font-weight: bold; text-decoration: none; margin-left: 10px; } #content .topic .comment-header .comment-number { display: block; float: left; } #content .topic .comment-header .comment-number a { font-size: 12px; color: #363a3f; font-weight: bold; background: transparent url('../images/page/comments.png') no-repeat left center; padding-left: 20px; text-decoration: none; } #content .comments { } #content .comments .comment { padding: 15px; background: #fff url('../images/page/comment-background.png') repeat-x left bottom; } #content .comments .name { float:left; margin-bottom: 15px; } #content .comments .name a { color: #000; } #content .comments .delete { float:right; margin-bottom: 15px; padding-left: 15px; } #content .comments .delete a { text-decoration: none; color: #6b7683; } #content .comments .date { float:right; margin-bottom: 15px; } #content .comments .content { color: #6b7683; } #content .comment-form { background-color: #e9e9ea; padding: 20px 30px; } #content .comment-form input, #content .comment-form textarea { width: 186px; margin: 0; padding: 7px; font-size: 14px; color: #3d4146; border: 1px solid #afb0b2; } #content .comment-form label { margin:0 0 10px 0; padding:10px 0 0 0; width: 180px; font-size: 16px; color: #3d4146; } #content .comment-form textarea { margin:0; padding:7px; width: 336px; height: 200px; resize:none; } #content .comment-form button { width: 100px; margin: 10px 0 5px 102px; font-size: 14px; color: #6b7683; } #content .comment-form .inputs { width: 230px; float:left; } #content .comment-form .color_light { color: #aaa; } #content .comment-form ul.errors { margin-left: 0; } #content #back_link { font-size: 16px; font-weight: bold; color: #363a3f; text-decoration: none; } #page_controls { padding: 20px; } #page_controls a { font-size: 16px; font-weight: bold; color: #363a3f; text-decoration: none; } #page_controls a:hover { text-decoration: underline; } #page_controls #prev_page { float: left; padding: 20px; } #page_controls #next_page { float: right; padding: 20px; } #page .action { } #page .action.download { } #page .action.buy { } #page .action a { display: block; position: relative; width: 200px; height: 100px; margin: 0; padding: 0; text-decoration: none; } #page .action a .icon, #page .action a .spotlight, #page .action a .ref, #page .action a .text, #page .action a .subtext { position: absolute; } #page .action a .text { font-size: 18px; color: #fff; bottom: 45px; } #page .action a .subtext { font-size: 12px; color: #82858a; bottom: 30px; } #page .action a .spotlight { bottom: 15px; width: 103px; height: 24px; overflow: hidden; z-index: 10; } #page .action a .icon { bottom: 23px; z-index: 200; } #page .action a .ref { bottom: 5px; z-index: 100; } #page .action.download a .spotlight { left: 3px; } #page .action.buy a .spotlight { left: 0px; } #page .action.download a .icon { left: 20px } #page .action.buy a .icon { left: 15px; } #page .action.download a .ref { left: 20px; } #page .action.buy a .ref { left: 15px; } #page .action.download a .text { left: 90px; } #page .action.buy a .text { left: 100px; } #page .action.download a .subtext { left: 90px; } #page .action.buy a .subtext { left: 100px; } #page .action a:hover .icon { bottom: 26px; } #page .action a:hover .ref { bottom: 2px; } #page .action a:hover .text { } #page .action a:hover .subtext { } #page .action.download a:hover .subtext { color: #ccff99; } #page .action.buy a:hover .subtext { color: #66ccff; } #page .popup { position: absolute; z-index: 50; width: 184px; height: 56px; padding: 14px 17px 24px 17px; background: transparent url('../images/bubble.png') no-repeat left top; } #page .popup div.content { color: #b2bac0; font-size: 11px; line-height: 14px; font-weight: bold; } #page .popup div.content a:link,#page .popup div.content a:hover,#page .popup div.content a:visited { color: #fff; font-size: 12px; text-decoration: none; line-height: 16px; height: auto; margin:0; padding:0; display:inline; } #page .popup div.content a:hover { text-decoration: underline; } #page .popup div.content a span { padding-left: 5px; color: #b2bac0; } #page .popup div.content a.version { color: #b4f360; font-size: 11px; line-height: 14px; } #page .popup div.content a.version:hover { text-decoration: underline; } #content .text { } #content .text h1 { font-size: 36px; color: #363a3f; font-weight: bold; margin: 10px 0; text-decoration: none; } #content .text h2 { font-size: 30px; color: #363a3f; font-weight: normal; margin: 10px 0; text-decoration: none; } #content .text h3 { font-size: 24px; color: #363a3f; font-weight: bold; margin: 10px 0; text-decoration: none; } #content .text h4 { font-size: 20px; color: #666666; font-weight: bold; margin: 10px 0 0 0; text-decoration: none; } #content .text h5 { font-size: 16px; color: #363a3f; font-weight: bold; margin: 10px 0; text-decoration: none; } #content .text h6 { font-size: 14px; color: #999999; font-weight: bold; margin: 0 0 15px 0; text-decoration: none; } #content .text p, #content .text ul { font-size: 13px; line-height: 20px; color: #363a3f; margin: 0 0 20px 0; } #content .text ul { margin-left: 20px; } #content .text ul li { } #content .text ul ul { margin-bottom: 0; } #content .text .left { float: left; } #content .text .right { float: right; } #content .text table td { color: #666; }