/* ------------------------
    container and homepage
   ----------------------*/
body, html {
  margin:0;
}
body {
  background:#c1d2ee;
  font-size:62.5%;
  text-align:center;
  font-family:Helvetica, Arial;
}
#wrapper {
  position:relative;
  width:900px;
  margin:15px auto;
}
.rounded_box {
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-top-left-radius:6px;
  -webkit-border-bottom-left-radius:6px;
  -webkit-border-top-right-radius:6px;
  -webkit-border-bottom-right-radius:6px;
}
.drop_shadow {
  -moz-box-shadow:1px 3px 7px #999;
  -webkit-box-shadow:1px 3px 7px #999;
}
#container {
  border:1px solid #ccc;
  background:#fff;
  text-align:left;
  padding:0px 20px;
  overflow:hidden;
}
.clear {
  clear:both;
}
.thankyou {
  background:#fff url(http://failin.gs//images/excited.jpg?1265779872) 90% 0 no-repeat;
  min-height:450px;
}
h2.page_title {
  font-size:44px;
  color:#444;
  padding:5px 0 0 50px;
  margin:0 0 30px 0;
  font-weight:normal;
  border-bottom:1px solid #eee;
}
h2.page_title span {
  color:#aaa;
  padding-left:20px;
  font-size:20px;
}
h2.page_title.knew {
  background:url(http://failin.gs//images/icon_knew.png?1265779872) top left no-repeat;
}
h2.page_title.no_idea {
  background:url(http://failin.gs//images/icon_no_idea.png?1265779872) top left no-repeat;
}
h2.page_title.disagree {
  background:url(http://failin.gs//images/icon_disagree.png?1265779872) top left no-repeat;
}
h3.mod_title {
  font-size:30px;
  color:#999;
  margin:10px 0 5px;
  text-shadow: 1px 1px 2px #aaa;
}
h3 span {
  padding-left:20px;
  color:#eee;
  font-weight:normal;
}
h4 {
  color:#999;
  border-bottom:1px solid #eee;
}
.dark {
  color:#888 !important;
  font-size:12px;
}
.dark h3.mod_title {
  color:#fff;
}
.terms_of_service h3 {
  font-size:14px;
}
.terms_of_service p {
  font-size:11px;
}
.thankyou p {
  width:300px;
}
.col {
  float:left;
  zoom:1;
}
.col_1 {
  padding-right:20px;
  width:68%;
}
.col_1.homepage p {
  font-size:18px;
  line-height:28px;
}
.col_2 {
  float:right;
  width:29%;
}

/* Footer */
#footer {
  margin:10px auto;
  color:#777;
}
#footer a {
  color:#444;
}

/* Common elements */
a, a:visited {
  color:#7479b7;
  text-decoration:underline;
}
a[rel="external"] {
  padding-right:11px;
  background:url(http://failin.gs//images/pop_up.gif?1267194745) 99% 0 no-repeat;
}
.dark a,
.dark a:visited {
  color:#c1d2ee;
}
strong {
  text-shadow: 1px 1px 2px #e7e7e7;
}
.dark strong,
#box_validate strong {
  text-shadow: 1px 1px 2px #222;
}
h1 {
  background:url(http://failin.gs//images/logo_0.png?1265779872) top left no-repeat;
  height:70px;
  width:305px;
  cursor:pointer;
  text-transform:uppercase;
  text-indent:-9999em;
  /*font-size:42px;
  text-shadow: 2px 2px 4px #aaa;
  color:#fff;*/
}
h1 span {
  font-size:12px;
  color:#777;
  text-shadow:none;
}
p {
  color:#444;
  font-size:16px;
}
p.small {
  color:#888;
  font-size:12px;
}
blockquote {
  border:1px dashed #ccc;
  background:#d8f783;
  padding:10px;
  font-size:27px;
  font-weight:bold;
  color:#777;
  margin-left:15px;
}

/* Rounded module */
.announce {
  float:right;
  position:relative;
  border-style:dashed;
  border-width:1px;
  border-color:#777;
  padding:0 10px 10px;
  margin:10px 0;
  color:#eee;
}
.announce p {
  margin-bottom:0;
}
.dark strong {
  color:#fff;
}
.announce ul,
.announce ol {
  font-size:15px;
  color:#000;
  padding-left:20px;
}
.announce li {
  padding:2px 0;
}
.announce .mod_title,
.notify_box.flash .mod_title {
  font-size:21px;
  text-shadow:none;
}
.dark li {
  color:#fff;
}

/* Form elements */
fieldset, a img {
  border:0;
}
label {
  display:block;
  padding-top:5px;
  font-size:12px;
}
label.checkbox {
  display:inline;
}
input, textarea {
  font-family:Helvetica, Arial;
  border:1px solid #bbb;
  font-size:16px;
  margin-bottom:5px;
  width:95%;
  color:#888;
  font-weight:normal;
  padding:4px;
}
input:focus, textarea:focus {
  background:#f7f7f7;
  border-color:#333;
  color:#555;
  -moz-box-shadow:1px 3px 7px #bbb;
  -webkit-box-shadow:1px 3px 7px #bbb;
}
#box_validate input:focus, #box_validate textarea:focus,
.dark input:focus, .dark textarea:focus {
  -moz-box-shadow:1px 3px 7px #222;
  -webkit-box-shadow:1px 3px 7px #222;
}
input[type="submit"], input[type="button"] {
  background:#7479b7;
  color:#fff;
  margin-top:10px;
  margin-bottom:0;
  width:auto;
  cursor:pointer;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  -webkit-border-bottom-right-radius:5px;
}
input[type="submit"]:active, input[type="button"]:active {
  background:#af79b7;
}
/* Twitter auth button */
.twitter_auth {
  background:url(/images/twitter.png?1265779872) top left no-repeat !important;
  border:0;
  text-indent:-999em;
  width:160px !important;
}
input[type="checkbox"] {
  width:auto;
}

/* Top-right links */
#top_links {
  position:absolute;
  right:70px;
  top:60px;
}
.social_links {
  color:#FFFFFF;
  font-size:25px;
  margin:0;
  padding:0;
  position:absolute;
  right:75px;
  text-shadow:2px 2px 4px #AAAAAA;
  top:20px;
  z-index:10;
}
.buzz_link {
  position:absolute;
  top:15px;
  right:7px;
}
#top_links ul {
  list-style:none;
  margin:0;
}
#top_links ul li {
  float:left;
  padding:0 5px;
  border-left:1px solid #eee;
  font-size:12px;
  color:#fff;
}
#top_links ul li:first-child {
  border-left:0;
}
#top_links ul li.search input {
  margin-top:-10px;
  font-size:11px;
  width:140px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #top_links ul li.search input {
    margin-top:-7px;
  }
}


/* ------------------------
    profile
   ----------------------*/
.body {
  overflow:hidden;
  width:100%;
  padding:20px 0;
  color:#666;
  overflow:hidden;
  zoom:1;
}
#user_profile {
  padding-bottom:10px;
  width:230px;
  float:left;
}
.pic_area img {
  display:block;
  margin:0 auto;
  border:1px solid #888;
}
.pic_area a.change {
  padding:3px;
  font-size:12px;
  display:block;
  text-align:center;
}
.user_details {
  font-size:14px;
  padding-left:20px;
}
.user_details span, .user_details label {
  display:block;
  padding-top:10px;
  color:#333;
  font-size:15px;
}
.user_details .answer,
.user_details .answer a,
.user_details .answer p,
.user_details .answer span {
  margin:0;
  padding:0;
  color:#888;
}
#signup {
  width:250px;
}
.announce {
  background:#eee;
  border-style:solid;
  margin-top:0px;
}
.announce .share_links {
  display:inline-block;
  margin:10px 2px 5px;
}
.announce blockquote {
  font-size:12px;
  margin-left:10px;
}
.announce label {
  color:#666;
}
.announce h2 {
  margin:0;
  padding-top:20px;
  color:#666;
}
.floating_box {
  text-align:left;
  width:300px;
  border-style:solid;
  border-width:1px;
  border-color:#777;
  position:absolute;
  padding:20px 10px;
  background:#222;
  opacity:0.9;
  z-index:999;
}
.floating_box p {
  font-size:12px;
  color:#eee;
}
.close {
  position:absolute;
  top:0;
  right:5px;
  color:#fff;
  font-size:30px;
}
.floating_box#email_preview {
  top:200px;
  left:200px;
}
#box_important {
  top:100px;
  left:260px;
}
#box_validate {
  top:0;
  left:60px;
}
#flaw_area {
  float:left;
  width:605px;
  border-left:1px dashed #efefef;
  padding-left:10px;
  margin-left:5px;
  position:relative;
}
#flaw_area fieldset#flaw_entry h2 {
  margin:0 0 10px 0;
  font-size:36px;
}
#flaw_entry .errorExplanation h2 {
  font-size:20px !important;
}
#flaw_area fieldset#flaw_entry textarea {
  width:450px;
  font-weight:normal;
  font-size:15px;
  font-family:Helvetica, Arial;
  float:left;
  height:50px;
}
#flaw_area .char_limit {
  display:block;
  clear:both;
}
#flaw_area fieldset button {
  font-size:24px;
  float:left;
  height:59px;
  margin-left:10px;
  cursor:pointer;
}
.flaw_box {
  position:relative;
  display:block;
  width:97%;
  float:left;
  margin:0 5px 20px;
  border-style:solid;
  border-width:1px;
  border-color:#777;
  padding:5px
}
.flaw_box.disagree {
  margin-right:0;
}
.feedback .reply_wrapper {
  background:#f3f3f3;
  padding:5px;
}
.flaw_box.knew,
.flaw_box.no_idea,
.flaw_box.disagree {
  width:181px;
  padding-top:15px;
}
.flaw_box.unrated {
  background:#777;
}
.flaw_box.private {
  background:#555;
}
.flaw_box.public {
  background:#eee;
  border-color:#ccc;
}
.flaw_box.private h3,
.flaw_box.public h3,
.flaw_box.unrated h3 {
  padding-left:0;
}
.flaw_box.public h3 {
  color:#777;
}
.feedback.empty {
  padding:5px 10px;
}
.feedback.empty p {
  color:#999;
  margin-top:0;
  padding:0;
}
.feedback.empty h2 {
  font-size:14px;
}
span.create_date {
  padding-top:10px;
}
span.create_date a {
  background:url(http://failin.gs//images/icon_chain.gif?1265779872) top left no-repeat;
  padding-left:20px;
  text-align:left;
  margin-left:5px;
  font-size:11px;
}
.flaw_box.knew {
  background:#5cc931 url(http://failin.gs//images/icon_knew.png?1265779872) 2px 2px no-repeat;
  float:left;
}
.flaw_box.no_idea {
  background:#edef43 url(http://failin.gs//images/icon_no_idea.png?1265779872) 2px 2px no-repeat;
  float:left;
}
.flaw_box.disagree {
  background:#d71919 url(http://failin.gs//images/icon_disagree.png?1265779872) 2px 2px no-repeat;
  float:left;
}
.flaw_box h3 {
  margin:0;
  padding:10px 0 0 35px;
  color:#fff;
}
.flaw_box.no_idea h3 {
  color:#666;
}
.flaw_box .feedback {
  display:block;
  background:#fff;
  padding:5px;
  margin:10px 0;
  z-index:10;
}
.flaw_box .feedback.unread {
  border:5px solid #333;
}
.flaw_box .feedback.opacity_high {
  opacity:0.8;
}
.flaw_box .feedback.opacity_med {
  opacity:0.5;
}
.flaw_box .feedback.opacity_low {
  opacity:0.2;
}
.flaw_box .feedback.opacity_full {
  opacity:1.0;
}
.flaw_box .feedback img.left,
.flaw_box .feedback img.right {
  position:absolute;
  top:40px;
  opacity:0.2;
}
.flaw_box .feedback img.left:hover,
.flaw_box .feedback img.right:hover {
  opacity:1;
}
.flaw_box .feedback img.left {
  left:0;
}
.flaw_box .feedback img.right {
  right:0;
}
.flaw_box .feedback:hover img.left,
.flaw_box .feedback:hover img.right {
  display:block !important;
  cursor:pointer;
}
.feedback .toolbar {
  display:block;
  background:#eee;
  text-align:right;
  border-bottom:1px solid #aaa;
  padding:7px;
}
.feedback .toolbar.bottom {
  border-top:1px solid #aaa;
  font-size:13px;
  border-bottom:0;
  background:#f3f3f3;
  overflow:hidden;
  zoom:1;
}
.feedback .toolbar.bottom img {
  margin-left:10px;
}
.feedback .toolbar.bottom .left {
  float:left;
}
.feedback .toolbar.bottom .right {
  float:right;
}
.feedback .toolbar.bottom span,
.feedback .toolbar.bottom a {
  cursor:pointer;
  color:#777;
  text-decoration:underline;
}
.feedback p {
  font-size:14px;
  padding-left:5px;
  padding-right:5px;
}
.feedback .comment {
  display:block;
  border-top:1px solid #ccc;
  margin:0 20px;
}
.feedback .comment p {
  font-size:10px;
}
.feedback .feedback_text {
  padding-bottom:10px;
}
.feedback .feedback_text,
.feedback .comment {
  overflow:hidden;
}
.feedback .feedback_text span,
.feedback .comment span {
  color:#aaa;
  display:block;
}
.feedback .comment span {
  text-align:right;
}
.feedback .comment .reply_by_owner {
  color:#000;
  font-weight:bold;
  background:#ffffe7;
  padding:2px;
}
.feedback textarea {
  font-size:12px;
}
.feedback input[type="submit"] {
  font-size:12px;
}
/* Profile edit */
#user_profile.edit {
  width:100%;
}
#user_profile.edit .pic_area {
  float:left;
  width:200px;
}
#user_profile.edit .user_details {
  float:left;
  font-size:14px;
  padding-left:20px;
  width:380px;
}
#user_profile.edit .announce {
  width:220px;
}
.success_text {
  color:green;
  font-size:18px;
}
.error_text {
  padding:5px 0;
  font-size:15px;
}
.errorExplanation h2 {
  color:red;
}
.errorExplanation ul {
  margin-left:0;
  padding-left:0;
  list-style:none;
}
.errorExplanation ul li {
  font-size:12px;
  padding:3px 0;
}
/* Homepage functionality */
.functionality_teasers {
  clear:both;
  display:block;
  height:600px;
  background:url(http://failin.gs//images/feature_image.jpg?1265779872) top right no-repeat;
  border-top:1px dashed #eee;
  padding-top:10px;
}
.functionality_teasers h2 {
  font-size:52px;
  font-weight:normal;
  color:#ccc;
  margin:0;
}
.functionality_teasers h3 {
  font-size:22px;
  margin:0;
  padding-left:60px;
}
.functionality_teasers ol {
  margin:10px 25px;
  padding:0;
}
.functionality_teasers ol li {
  font-size:16px;
  padding:7px 0;
  width:505px;
}
.functionality_teasers p {
  width:260px;
  line-height:24px;
  color:#999;
  font-size:14px;
}
/* Invite a friend */
fieldset.invite label,
fieldset.invite input {
  float:left;
}
fieldset.invite label {
  background:#eee;
  font-size:18px;
  padding:10px;
}
fieldset.invite input[type="email"] {
  padding:10px;
  width:200px;
}
fieldset.invite input[type="submit"] {
  margin:5px 0 0 10px;
}

/* Login / Register */
#login_register .col {
  width:47%;
}

#login_register .col_2 .rounded_box {
  padding:20px;
  margin:20px 20px 0 0;
  border:1px solid #bbb;
}
#login_register .login_box {
  background:#eee;
}

/* Failing show for individual failing. */
.body .show .feedback {
  border:1px solid #ccc;
}
.body .show .feedback_text p {
  font-size:32px !important;
}
.body .show .feedback p {
  font-size:12px;
}
.body .show .knew .toolbar {
  color:#fff;
  background:#5cc931;
}
.body .show .no_idea .toolbar {
  background:#edef43;
}
.body .show .disagree .toolbar {
  color:#fff;
  background:#d71919;
}
.body .show .knew .toolbar *,
.body .show .disagree .toolbar * {
  color:#fff;
}

/* Empty account */
.notify_box {
  position:relative;
  padding:10px;
  margin:30px 0;
  border:1px solid #ccc;
  background:#fafafa;
  clear:both;
}
.notify_box .close {
  color:#555;
}
.flaw_box .close {
  font-size:11px;
}
.notify_box.flash {
  background:#ffffe7;
}
.notify_box.twitter,
.sub_nav_body.twitter {
  background:#a2dff8 url(http://failin.gs//images/twitter_logo.png?1266782983) 98% 5px no-repeat;
}
.notify_box.twitter h3,
.sub_nav_body.twitter h3 {
  color:#fff;
}
#empty_account h3 {
  margin-top:30px;
}
#empty_account li {
  font-size:24px;
  padding:5px 0;
  color:#999;
}
#embed_instructions blockquote {
  font-size:12px;
}

/* Niceness reminders */
.be_nice {
  position:absolute;
  padding:10px;
  opacity:0.9;
  background:#fff;
  font-size:11px;
  z-index:999;
}
.be_nice.reminder1 {
  top:65px;
  left:-90px;
  background:#5cc931;
  color:#fff;
}
.be_nice.reminder2 {
  top:0;
  left:450px;
  background:#edef43;
  color:#000;
}
.be_nice.reminder3 {
  top:135px;
  right:10px;
  background:#000;
  color:#fff;
  font-weight:bold;
}

/* Feedback tab */
a#feedback_tab {
  background-image:url(http://failin.gs//images/feedback_tab.jpg?1265897948);
  color:#FFFFFF;
  cursor:pointer;
  height:102px;
  left:0;
  margin-left:-7px;
  overflow:hidden;
  position:fixed;
  text-indent:-100000px;
  top:25%;
  width:38px;
  z-index:100000;
}
a#feedback_tab:hover {
  margin-left:0;
}
span.utc {
  display:inline !important;
}

/* Avatar management */
.avatar_services {
  list-style:none;
  margin:0;
  padding:0;
}
.avatar_services dt,
.avatar_services dd {
  margin-top:10px;
  float:left;
}
.avatar_services dt {
  clear:both;
  width:45px;
}
.avatar_services dd {
  width:135px;
  margin-left:0;
  font-size:12px;
}
.avatar_services dd p {
  font-size:11px;
  margin:0;
}

/* Sub-navigation */
.sub_nav {
  border:1px solid #bbb;
}
.sub_nav_body {
  padding:20px;
}
.sub_nav ul.navigation {
  background:#1380b7;
  margin:0;
  padding:15px;
  overflow:hidden;
  list-style:none;
}
.sub_nav ul.navigation li {
  float:left;
  padding:6px 15px;
  margin-right:10px;
}
.sub_nav ul.navigation li {
  font-size:14px;
}
.sub_nav ul.navigation li a {
  text-decoration:none;
  color:#fff;
}
.sub_nav ul.navigation li:hover {
  background:#bbb;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-top-left-radius:6px;
  -webkit-border-bottom-left-radius:6px;
  -webkit-border-top-right-radius:6px;
  -webkit-border-bottom-right-radius:6px;
}
.sub_nav ul.navigation li:hover a {
  color:#fff;
}
.sub_nav ul.navigation li.active {
  background:#fff;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-top-left-radius:6px;
  -webkit-border-bottom-left-radius:6px;
  -webkit-border-top-right-radius:6px;
  -webkit-border-bottom-right-radius:6px;
  color:#000
}

/* Friends */
.sub_nav .user {
  margin-bottom:5px;
  border:1px solid #aaa;
  width:450px;
  padding:5px 5px 1px;
  background:#eee;
  position:relative;
}
.sub_nav .user a.profile_link {
  vertical-align:top;
  font-size:32px;
  margin-left:5px;
}
.sub_nav .user span {
  position:absolute;
  top:10px;
  right:4px;
}
.sub_nav .user span a:last-child {
  margin-left:10px;
}
.sub_nav h3.mod_title {
  margin-top:20px;
}

/* AdSense */
#google_ads {
  margin:0 0 5px 5px;
  width:468px;
}

/* Bookmarking */
.bookmark {
  padding:5px 5px 5px 20px;
  opacity:0.8;
  border:1px solid #aaa;
  text-decoration:none !important;
}
#flaw_area .bookmark {
  position:absolute;
  top:2px;
  right:2px;
}
.bookmark.on {
  background:#eee url(http://failin.gs//images/icon_star_on.gif?1267305019) 1px 3px no-repeat;
}
.bookmark.off{
  background:#eee url(http://failin.gs//images/icon_star_off.gif?1267305019) 1px 3px no-repeat;
}
.bookmark:hover {
  opacity:1;
  background-color:#fff;
}
ul.bookmarks {
  margin-left:0;
  margin-bottom:20px;
  padding-left:0;
  list-style:none;
  overflow:hidden;
}
ul.bookmarks li {
  margin:3px;
  width:auto;
  float:left;
  padding:5px;
}
ul.bookmarks li:hover a.delete {
  display:inline!important;
  background:#fff;
  padding:2px 1px 2px 5px;
  margin-left:-3px;
  z-index:2;
  border:1px solid #aaa;
  border-left-width:0;
}
ul.bookmarks li:hover a.delete:hover {
  text-decoration:none;
}
ul.bookmarks span {
  padding-left:20px;
}

/* Welcome new user */
.cols_2.welcome .rounded_box {
  margin-top:0;
}
.cols_2.welcome .col {
  width:48%;
}

/* Dark Boxes */
.dark {
  background:#222;
}
.dark h2 {
  color:#ec542b;
}
.dark p {
  color:#aaa;
}
.dark label {
  color:#ddd;
}