body {
  font-size: 62.5%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
  color: #333;
  -webkit-transition: color .15s;
}

h1 {
  font-size: 2em;
  font-weight: normal;
  color: #444;
  padding: 0.1em;
  margin: 0 0 1em 0;
}

h1, input[type=text], input[type=password], div.entry > p, textarea {
  font-family: Georgia, Times, "Times New Roman", serif;
}

kbd {
  font-family: Monaco, "Courier New";
  font-size: 90%;
}

p {
  font-size: 1.3em;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/
.clearfix { display:block; }
/* End hide from IE Mac */



div.entry {
  font-size: 1.6em;
  text-align: justify;
  margin: 0 0 2em;
}
div.entry > p,
div.entry textarea {
  font-size: 1em;
  line-height: 1.5em;
  margin: 0 0 1em 0;
}

div.entry > p:first-child:first-line,
div.entry textarea:first-line {
  font-size: 1.15em;
  line-height: 1.25em;
}
div.entry > p.meta {
  margin: 0em 0.4em 1em 0;
  color: #333;
  float: right;
  text-align: right;
}
div.entry > p.meta a {
  font-size: 0.8em;
}

div.entry ul.links,
div.entry span.attribution {
  display: block;
}

div.entry span.attribution {
  font-style: italic;
}
div.entry span.attribution a {
  text-decoration: none;
}

ul.links {
  list-style: none;
  padding: 0;
  text-align: right;
}
ul.links li {
  margin: 1em 1em 0;
  display: inline;
}

div.entry textarea {
  width: 98.5%;
  height: 14em;
  display: block;
}

div.amazon_details {
  border-top: 0.1em solid #ddd;
}

div.amazon_details img {
  vertical-align: middle;
  margin-right: 5px;
  border: 1px solid #888;
}

div#flash {
  font-size: 1.4em;
  line-height: 1.4em;
  padding: 0.6em 0.8em 0.5em;
  margin: 0 -0.8em 3em;
  font-weight: bold;
}

div#flash.notice {
  background-color: #ffd;
  color: #555;
}

div#flash.error {
  background-color: #ffe4e4;
  color: #e00;
}

div#flash a {
  color: inherit;
  text-decoration: underline;
}


form.new_user_session {
  display: none;
  background-color: #dcf2ff;
  padding: 2em 0 4em;
  margin-bottom: 2em;
}

body.user_sessions.create form.new_user_session,
body.user_sessions.new form.new_user_session {
  display: inherit;
}

dl {
  font-size: 1.4em;
  clear: both;
  margin: 0;
  padding: 0 2em 0;
}
dt {
  text-align: right;
  white-space: nowrap;
  width: 7em;
  float: left;
  padding: 0.7em 0 0 0;
  position: relative;
}
dd {
  float: left;
  margin: 0;
  padding: 0.3em 0 0 0;
  position: relative;
}


input[type=text],
input[type=password],
textarea {
  font-size: 1.2em;
  border: 0;
  border: 1px solid #ddd;
  width: 14em;
  padding: 0.2em;
  margin: 0 1em;
}

input[type=checkbox] {
  font-size: 1.2em;
  margin: 0 0 0 1em;
}

input#user_session_openid_identifier {
  background-position: 0.3em 50%;
  background-repeat: no-repeat;
  padding-left: 1.5em;
  width: 12.7em;
}

dd span.note {
  font-size: 0.8em;
  color: #777;
  position: absolute;
  left: 1.6em;
  top: 3.7em;
  text-align: left;
}

dd label.remember_me {
  font-size: 0.8571em;
}

a.toggle_auth_type {
  display: block;
  color: #777;
  text-decoration: none;
}
a.toggle_auth_type:hover {
  color: #555;
}

table tr.note td label {
  display: block;
  font-size: 0.8em;
  color: #888;
  margin: 2em 0 0.5em;
}
table tr.note td label a {
  color: inherit;
}

table td input[type=text] {
  font-size: 1em;
}
div.entry form input[type=text] {
  margin-right: 0;
  width: 25em;
}
table td input[type=text].kbd {
  font-family: Inconsolata, Georgia, serif;
  font-size: 0.8em;
  width: 31.25em;
  margin: 0 1.25em;
  padding: 0.25em;
}

div#submit {
  margin-top: 2em;
  padding-top: 0.2em;
  border-top: 0.1em solid #ddd;
}

div#submit input[type=submit] {
  float: right;
}

div#submit a {
  font-size: 0.7em;
  text-decoration: none;
  color: #bbb;
  float: left;
}
div#submit a:hover {
  color: #777;
}


img#logo {
  border: 0;
  display: block;
  margin: 0 auto 6em;
}


p#intro {
  font-size: 1.7em;
  line-height: 2em;
  margin: 3em 0;
}
p#intro a {
  text-decoration: none;
  color: inherit;
}
p#intro a:hover {
  color: #333;
}


body.pages.frontpage ul#links {
  list-style: none;
  padding: 0 0 0.4em;
  margin: 0;
  border-bottom: 0.1em solid #f7f7f7;
}
body.pages.frontpage ul#links li {
  font-size: 1.6em;
  margin: 1em 1em 0;
  display: inline;
}
body.pages.frontpage ul#links li a {
  background-color: #f7f7f7;
  padding: 0.2em 0.4em 0.4em;
  text-decoration: none;
}
body.pages.frontpage ul#links li a:hover {
  background-color: #dcf2ff;
}


body.pages.frontpage div#container {
  text-align: center;
  width: 52em;
}



body {
  margin: 0.3em 2em;
}
div#container {
  width: 55em;
  margin: 0 auto;
  position: relative;
}
div#header {
  margin: 3em 0 5em;
  border-bottom: 0.1em solid #f7f7f7;
  position: relative;
}
div#header h1 {
  float: right;
  margin: 0 0 0.2em 0;
  padding: 0;
}
div#header img {
  vertical-align: bottom;
  padding-left: 0.5em;
  border: 0;
}
div#header a {
  text-decoration: none;
}
div#header ul.primary_nav {
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 0;
  bottom: 0.6em;
}
div#header ul.primary_nav li {
  display: inline;
  padding-right: 3em;
  font-size: 1.2em;
}
div#header ul.primary_nav li a {
  text-decoration: none;
  background-color: #bbb;
  color: #fff;
  padding: 0.5em 0.6em;
}
div#header ul.primary_nav li a:hover,
div#header ul.primary_nav li.current a {
  background-color: #dcf2ff;
  color: #444;
}
div#header ul.primary_nav li.current a {
  font-weight: bold;
}

div#header ul.secondary_nav {
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  right: 0.4em;
  bottom: -1.5em;
}

div#header ul.secondary_nav li {
  display: inline;
  padding-left: 1.5em;
}

div#header ul.secondary_nav li a {
  color: #999;

}

body.user_sessions.create div#header {
  margin-bottom: 10em;
}