/* less */
/* basic styling */
html {
  background: #fefefc;
}
body {
  padding: 40px 0 0 0;
  color: #4d4f4f;
  font: 87.5%/1.571 "proxima-nova-1", "proxima-nova-2", sans-serif;
}
em {
  font-style: italic;
}
b {
  font-weight: 700;
}
/* text size */
h2 {
  font-size: 160%;
}
h3 {
  font-size: 140%;
}
h4 {
  font-size: 120%;
}
/* links */
a {
  color: #E95C41;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
a:active {
  position: relative;
  top: 1px;
}
/* remove ugly dotted line in ff */
:hover,
:active {
  outline: none;
}
/* lists */
.bulletlist li {
  list-style-type: disc;
  margin-left: 18px;
}
/* error messages */
.error {
  color: red;
  padding-bottom: 7px;
}
.error a {
  color: red;
}
#notification-wrapper {
  width: 960px;
  margin: 0 auto 0 auto;
  text-align: center;
  clear: both;
  position: relative;
}
#show-notification {
  height: 18px;
  line-height: 18px;
  margin: -10px 0 0 0;
  padding-top: 10px;
  position: absolute;
  width: 135px;
  right: 0;
  z-index: 100;
  overflow: hidden;
  background: #f2f2ed;
  text-align: center;
  text-decoration: none;
  font-size: 85%;
  font-weight: 700;
  color: #696969;
  text-shadow: #fff 0px 1px 1px;
  vertical-align: middle;
  box-shadow: 0 2px 0 #ccccc2;
  -webkit-box-shadow: 0 2px 0 #ccccc2;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* test comment */
  -moz-transition: background 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  text-transform: uppercase;
}
#show-notification:hover {
  background: #f8f8f3;
}
#notification-bar {
  background: #242724 url(/gfx/texture_canvas_invert.png);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.9);
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.9);
  line-height: 40px;
  height: 40px;
  color: #fefefc;
  clear: both;
  margin: -40px 0 50px 0;
  overflow: hidden;
}
#notification-bar p {
  width: 960px;
  margin: 0 auto;
}
#notification-bar .hide {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 70%;
  color: #fff;
  font-weight: 800;
  display: block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin-top: 12px;
  opacity: .6;
}
#notification-bar .hide:hover {
  opacity: 1;
}
/* wrapper */
.wrapper {
  width: 960px;
  margin: 0 auto 0 auto;
  text-align: left;
  clear: both;
}
/* menubar */
#menubar {
  position: relative;
  height: 34px;
  line-height: 34px;
  vertical-align: middle;
  padding-bottom: 200px;
  font-size: 85%;
}
#menubar #navigation {
  float: left;
}
#menubar #navigation li {
  margin-right: 10px;
  float: left;
  list-style: none;
}
#menubar #navigation li a {
  display: block;
  width: 116px;
  height: 34px;
  line-height: 34px;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
  color: #696969;
  text-shadow: #fff 0px 1px 1px;
  background: -moz-linear-gradient(top, #f8f8f3 0%, #f3f3ee);
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f3), to(#f3f3ee));
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* test comment */
  border: 1px solid #edede8;
  box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.9), inset 0px 0px 2px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.9), inset 0px 0px 2px rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.9), inset 0px 0px 2px rgba(255, 255, 255, 0.5);
  font-variant: normal;
}
#menubar #navigation li a:hover {
  background: -moz-linear-gradient(top, #fbfbf6 0%, #f8f8f3);
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfbf6), to(#f8f8f3));
}
#menubar #navigation li a:active {
  background: -moz-linear-gradient(top, #f4f4ef 0%, #e9e9e4);
  background: -webkit-gradient(linear, left top, left bottom, from(#f4f4ef), to(#e9e9e4));
  border: 1px solid #b4b4b2;
  box-shadow: 0px 2px 2px -2px #ffffff, inset 0px 1px 4px rgba(166, 166, 159, 0.7);
  -moz-box-shadow: 0px 2px 2px -2px #ffffff, inset 0px 1px 4px rgba(166, 166, 159, 0.7);
  -webkit-box-shadow: 0px 2px 2px -2px #ffffff, inset 0px 1px 4px rgba(166, 166, 159, 0.7);
  font-variant: normal;
}
#menubar #navigation li a.selected {
  position: relative;
  top: 1px;
  background: -moz-linear-gradient(top, #f0f0eb 0%, #e5e5e0);
  background: -webkit-gradient(linear, left top, left bottom, from(#f0f0eb), to(#e5e5e0));
  border: 1px solid #b4b4b2;
  box-shadow: 0px 2px 2px -2px #ffffff, inset 0px 1px 4px rgba(166, 166, 159, 0.7);
  -moz-box-shadow: 0px 2px 2px -2px #ffffff, inset 0px 1px 4px rgba(166, 166, 159, 0.7);
  -webkit-box-shadow: 0px 2px 2px -2px #ffffff, inset 0px 1px 4px rgba(166, 166, 159, 0.7);
  font-variant: normal;
}
#menubar #navigation li a.selected:hover {
  background: -moz-linear-gradient(top, #f4f4ef 0%, #e9e9e4);
  background: -webkit-gradient(linear, left top, left bottom, from(#f4f4ef), to(#e9e9e4));
}
#menubar #navigation li a.selected:active {
  background: -moz-linear-gradient(top, #e5e5e1 0%, #ccccc8);
  background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e1), to(#ccccc8));
}
#menubar #navigation li a img {
  vertical-align: middle;
  width: 17px;
  height: 17px;
  margin: 7px 8px 10px 0;
}
/* logo */
#menubar #logo {
  margin-top: 3px;
  float: left;
  width: 135px;
  height: 29px;
  background: url(/gfx/logo_sprites.png) 0 -29px no-repeat;
  display: block;
}
#menubar #logo a {
  width: 135px;
  height: 29px;
  background: url(/gfx/logo_sprites.png) 0 0px no-repeat;
  display: block;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
#menubar #logo a:hover {
  opacity: 0;
}
#menubar #logo a:active {
  opacity: 1;
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
  top: 0;
}
#menubar #logo a span {
  display: none;
}
/* carbonads */
#carbonads-container {
  float: right !important;
  padding-bottom: 50px !important;
}
.carbonad {
  height: 118px;
  background-image: none !important;
  background: #F8F8F3 !important;
  border: none !important;
  font-family: proxima-nova-1, proxima-nova-2, sans-serif !important;
  width: 330px !important;
}
.carbonad-tag {
  text-align: left !important;
}
/* contents */
#contents {
  clear: both;
  line-height: 1.3;
  position: relative;
}
/* sorting navigation */
#header {
  clear: both;
  height: 90px;
}
#header h2 {
  font-size: 200%;
  font-weight: 700;
  text-transform: uppercase;
  color: #3d3f3f;
  margin-bottom: -4px;
  text-indent: -1px;
}
#header h3 {
  margin-top: 3px;
  color: #a6a69f;
  text-indent: -1px;
  line-height: 1.3;
  font-size: 100%;
}
#header a {
  color: #a6a69f;
}
#header a.selected {
  color: #E95C41;
}
#header a.discuss {
  color: #e95c41;
}
#header .fb-like {
  position: relative;
  top: -7px;
  margin-left: 5px;
}
#header a.like,
#header span.is_set {
  display: inline-block;
  background: #e95c41;
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* test comment */
  margin: 0 5px 12px 5px;
  padding: 0 8px 1px 8px;
  text-decoration: none;
}
#header a.like:hover {
  background: #539bab;
}
#header #search_box input {
  box-shadow: none;
  border: none;
}
#header #search_box input:focus {
  outline: none;
}
#header #search_box {
  float: right;
  width: 330px;
  height: 42px;
  line-height: 42px;
  margin-top: 5px;
  vertical-align: middle;
  background: url(/gfx/searchbox_bg.png);
}
#header #search_box #s {
  float: left;
  padding: 0;
  margin: 11px 0 0 10px;
  border: 0;
  width: 273px;
  background: none;
  font-size: 135%;
  color: #6c7072;
  text-shadow: #fff 0px 1px 1px;
}
#header #search_box #go {
  float: right;
  margin: 1px 1px 2px 0;
  padding: 0;
  width: 36px;
  height: 39px;
}
/* tag cloud */
#tag_cloud {
  text-align: center;
  padding: 0 25px;
}
/* tag cloud + tags on single link page */
#tag_cloud a,
#tags a {
  text-transform: uppercase;
  display: inline-block;
  background: #bbb;
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* test comment */
  margin: 0 5px 5px 0;
  padding: 0.2em 0.5em 0.1em 0.5em;
  text-decoration: none;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#tags a {
  font-size: 80%;
  font-weight: 400;
}
#tag_cloud a {
  font-size: 180%;
  line-height: 1.3;
  margin: 0 5px 9px 0;
}
#tag_cloud a:hover,
#tags a:hover {
  background: #fb6e4a;
  opacity: 1 !important;
}
#tag_cloud a:active,
#tags a:active {
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
  background: #e95c41;
}
/* color cloud */
#color_cloud a {
  display: block;
  position: relative;
  clear: both;
  padding: 25px 35px;
  margin-bottom: 10px;
  background: yellow;
  text-decoration: none;
  color: #fff;
  font-size: 150%;
  line-height: 1;
  vertical-align: middle;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* test comment */
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
}
#color_cloud a span {
  float: right;
  font-size: 80%;
}
#color_cloud a.color_red {
  background: red;
}
#color_cloud a.color_brown {
  background: brown;
}
#color_cloud a.color_orange {
  background: orange;
}
#color_cloud a.color_yellow {
  background: yellow;
  color: black;
}
#color_cloud a.color_green {
  background: green;
}
#color_cloud a.color_blue {
  background: blue;
}
#color_cloud a.color_purple {
  background: purple;
}
#color_cloud a.color_pink {
  background: pink;
  color: black;
}
#color_cloud a.color_white {
  background: white;
  color: black;
}
#color_cloud a.color_grey {
  background: grey;
}
#color_cloud a.color_black {
  background: black;
}
/* screenshot on single link page */
#contents .screenshot {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
}
#contents .screenshot .image {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
}
#contents .screenshot .image img {
  opacity: 0;
}
/* links */
#contents .link {
  clear: both;
  width: 960px;
  height: 400px;
  background: #f8f8f3;
  margin-bottom: 30px;
  color: #282323;
  border-top-left-radius: 4px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 4px;
}
#contents .link .thumb {
  width: 630px;
  height: 400px;
  background: #1f1f1f;
  float: left;
  line-height: 400px;
  vertical-align: middle;
  text-align: center;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  font-size: 180%;
  box-shadow: inset rgba(45, 45, 45, 0.05) 0 0 0 1px;
  -moz-box-shadow: inset rgba(45, 45, 45, 0.05) 0 0 0 1px;
  -webkit-box-shadow: inset rgba(45, 45, 45, 0.05) 0 0 0 1px;
}
#contents .link .thumb a.thumbmenu {
  text-decoration: none;
  display: block;
  width: 630px;
  height: 400px;
  color: #fff;
  vertical-align: middle;
  background: rgba(233, 92, 65, 0.9);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  opacity: 0;
}
#contents .link .information {
  width: 270px;
  height: 330px;
  margin: 23px 30px 0 0;
  float: right;
}
#contents .link .information a:hover {
  text-decoration: none;
}
#contents .link .information h2 {
  line-height: 1.1;
  margin-bottom: 7px;
  font-weight: 800;
  text-transform: uppercase;
}
#contents .link .information h2 a {
  text-decoration: none;
  color: #E95C41;
  position: relative;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
#contents .link .information h2 a:hover {
  color: #f96c51;
  text-decoration: underline;
}
#contents .link .information h2 a:active {
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
#contents .like {
  margin-top: 10px;
}
#contents .link .information .date {
  color: #000;
  font-size: 80%;
  font-weight: 700;
  margin: 0 0 10px 0;
  text-transform: uppercase;
}
#contents .link .information .date .dim {
  opacity: 0.2;
  padding: 0 2px;
}
#contents .link .information .date a {
  color: #000;
}
/* pagination */
#contents #paging_nav {
  text-align: center;
  padding: 0 160px;
}
#contents #paging_nav a,
#contents #paging_nav .selected {
  margin: 0 2px;
  display: inline-block;
  height: 31px;
  line-height: 31px;
  width: 34px;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
  color: #696969;
  text-shadow: #fff 0px 1px 1px;
  background: -moz-linear-gradient(top, #f8f8f3 0%, #f3f3ee);
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f3), to(#f3f3ee));
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* test comment */
  border: 1px solid #edede8;
  box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.9), inset 0px 0px 2px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.9), inset 0px 0px 2px rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.9), inset 0px 0px 2px rgba(255, 255, 255, 0.5);
  font-variant: normal;
}
#contents #paging_nav a:hover {
  background: -moz-linear-gradient(top, #fbfbf6 0%, #f8f8f3);
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfbf6), to(#f8f8f3));
}
#contents #paging_nav a:active {
  background: -moz-linear-gradient(top, #f4f4ef 0%, #e9e9e4);
  background: -webkit-gradient(linear, left top, left bottom, from(#f4f4ef), to(#e9e9e4));
  border: 1px solid #b4b4b2;
  box-shadow: 0px 2px 2px -2px #ffffff, inset 0px 1px 4px rgba(166, 166, 159, 0.7);
  -moz-box-shadow: 0px 2px 2px -2px #ffffff, inset 0px 1px 4px rgba(166, 166, 159, 0.7);
  -webkit-box-shadow: 0px 2px 2px -2px #ffffff, inset 0px 1px 4px rgba(166, 166, 159, 0.7);
  font-variant: normal;
}
#contents #paging_nav .selected {
  position: relative;
  top: 1px;
  background: -moz-linear-gradient(top, #f0f0eb 0%, #e5e5e0);
  background: -webkit-gradient(linear, left top, left bottom, from(#f0f0eb), to(#e5e5e0));
  border: 1px solid #b4b4b2;
  box-shadow: 0px 2px 2px -2px #ffffff, inset 0px 1px 4px rgba(166, 166, 159, 0.7);
  -moz-box-shadow: 0px 2px 2px -2px #ffffff, inset 0px 1px 4px rgba(166, 166, 159, 0.7);
  -webkit-box-shadow: 0px 2px 2px -2px #ffffff, inset 0px 1px 4px rgba(166, 166, 159, 0.7);
  font-variant: normal;
}
#contents #paging_nav .newest {
  display: inline-block;
}
#contents #paging_nav .newer {
  float: left;
  margin-left: -160px;
}
#contents #paging_nav .newer a {
  margin: 0;
}
#contents #paging_nav .oldest {
  display: inline-block;
}
#contents #paging_nav .older {
  float: right;
  margin-right: -160px;
}
#contents #paging_nav .older a {
  margin: 0;
}
#contents #paging_nav .newer a,
#contents #paging_nav .older a {
  width: 120px;
}
/* footer */
#footer {
  clear: both;
  background: #F8F8F3;
  padding: 0 0 0 0;
  margin-top: 160px;
  color: #d2d2ce;
  line-height: 1.3;
}
#footer .wrapper {
  position: relative;
  height: 100%;
}
#footer h2 {
  font-size: 200%;
  margin-bottom: 25px;
  text-indent: -1px;
}
#footer h3 {
  color: #E95C41;
  font-weight: 800;
  text-transform: uppercase;
}
#footer p {
  margin-bottom: 20px;
  font-weight: 400;
  text-shadow: #000000 0 -1px 0;
}
#footer a {
  color: #555;
  text-decoration: none;
}
#footer a:hover {
  color: #fffefc;
  text-decoration: underline;
  color: #E95C41;
}
#footer .box {
  float: right;
  position: relativee;
  left: 630px;
  width: 300px;
  padding-left: 30px;
}
#footer .box h3 {
  margin-bottom: 5px;
}
#footer .box .item,
#footer .dsq-widget-item {
  clear: both;
  border-left: 5px solid #000000;
  background: rgba(0, 0, 0, 0.08);
  margin: 5px 0 10px 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* test comment */
  padding: 12px 10px 12px 15px;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
}
#footer .dsq-widget-item p {
  margin-bottom: 0;
}
#footer .box .item:hover,
#footer .dsq-widget-item:hover {
  background: rgba(0, 0, 0, 0.4);
}
#footer .box .message {
  margin-bottom: 0;
}
#footer .box .meta {
  margin-bottom: 0;
  color: #72726e;
}
/* interfooter */
#interfooter {
  clear: both;
  padding: 40px 30px 40px 30px;
  margin-top: 40px;
}
#interfooter .about {
  float: left;
}
#interfooter .tweets {
  width: 465px;
}
#interfooter input {
  box-shadow: none;
}
/* subfooter */
#subfooter {
  clear: both;
  padding: 40px 30px 200px 30px;
}
#subfooter p {
  text-shadow: none;
  margin-bottom: .2em;
  font-weight: 400;
  font-size: 85%;
  color: #777777;
}
#subfooter .sidebar {
  float: right;
}
#subfooter .button,
#mc_embed_signup .button {
  padding: .2em 0 0 0;
  font-size: 80%;
  font-weight: 700;
  margin-left: 10px;
  width: 100px;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  color: #fff;
  background: #e95c41;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  text-shadow: #a5412e 0px 1px 2px;
  box-shadow: 0 2px 0 #a5412e;
  -webkit-box-shadow: 0 2px 0 #a5412e;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* test comment */
  -moz-transition: background 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  text-transform: uppercase;
  cursor: pointer;
  border: none;
  box-sizing: content-box;
}
#subfooter .button:hover,
#mc_embed_signup .button:hover {
  text-decoration: none;
  color: #fff;
  position: relative;
  background: #f96c51;
  text-shadow: #b5513e 0px 1px 1px;
  box-shadow: 0 2px 0 #b5513e;
  -webkit-box-shadow: 0 2px 0 #b5513e;
}
#subfooter .button:active,
#mc_embed_signup .button:active {
  top: 2px;
  box-shadow: inset 0 2px 35px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.4);
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
  background: #e95c41;
}
#subfooter #___plusone_0 {
  width: 80px !important;
}
/* mailchimp */
#mc_embed_signup {
  position: relative;
}
#mc_embed_signup label {
  display: none;
}
#mc_embed_signup .email {
  background: rgba(0, 0, 0, 0.5);
  padding: 0.6em;
  font-size: 100%;
  width: 330px;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-top: 1px solid #000;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* test comment */
  color: #fff;
}
#mc_embed_signup .button {
  margin-left: 0 !important;
}
/* other pages */
/* about */
.article p {
  margin-top: 3px;
  margin-bottom: 1.2em;
}
.article p a {
  font-weight: 700;
}
.article .button a {
  padding-right: 1.5em;
  padding-left: 1.5em;
}
/* feeds */
.rss_box {
  clear: both;
}
.rss_box a {
  float: left;
  display: block;
  width: 465px;
  height: 465px;
  line-height: 465px;
  vertical-align: middle;
  background: #242724 url(/gfx/texture_canvas_invert.png);
  text-align: center;
  font-size: 250%;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.7);
  -moz-border-radius: 999px;
  -webkit-border-radius: 999px;
  border-radius: 999px;
  /* test comment */
  font-weight: 300;
  text-transform: uppercase;
  opacity: 1;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.rss_box a.right {
  margin-left: 30px;
}
.rss_box a:hover {
  opacity: .95;
  text-shadow: 0 5px 10px #000000;
}
.rss_box a:active {
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
  top: 0;
}
/* forms */
form input {
  font-weight: 300;
  padding: 0.5em;
  width: 500px;
  margin-bottom: 1em;
  color: #333;
  font-size: 120%;
  box-sizing: border-box;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 2px #efefef;
  transition: all 0.5s ease;
}
form textarea {
  font-weight: 300;
  padding: 0.5em;
  width: 500px;
  margin-bottom: .5em;
  font-size: 120%;
  color: #333;
  box-sizing: border-box;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 2px #efefef;
  transition: all 0.5s ease;
}
/* buttons */
#contents .button a,
#contents form .button {
  border: none;
  color: #fff;
  display: block;
  background: #e95c41;
  text-align: center;
  text-decoration: none;
  width: 270px;
  height: 60px;
  line-height: 60px;
  vertical-align: middle;
  margin-top: 10px;
  margin-bottom: 30px;
  text-shadow: #a5412e 0px 1px 2px;
  box-shadow: 0 2px 0 #a5412e;
  -webkit-box-shadow: 0 2px 0 #a5412e;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* test comment */
  -moz-transition: background 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
#contents .button a:hover,
#contents form .button:hover {
  position: relative;
  background: #f96c51;
  text-shadow: #b5513e 0px 1px 1px;
  box-shadow: 0 2px 0 #b5513e;
  -webkit-box-shadow: 0 2px 0 #b5513e;
  cursor: pointer;
}
#contents .button a:active,
#contents form .button:active {
  top: 2px;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.3);
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
#contents .dsq-widget-list {
  font-size: 90%;
}
#contents .dsq-widget-list li.dsq-widget-item {
  margin: 10px 0 0 0;
}
#contents #disqus_thread {
  width: 630px;
  margin-top: 55px;
}
#contents #disqus_thread #dsq-content #dsq-footer {
  margin: 15px 0;
}
#contents #disqus_thread #dsq-content h3 {
  margin: 0 0 15px 0;
}
/* comments: connect with twitter */
#twitter-connect-wrapper .container {
  width: 900px;
  text-align: center;
  padding: 30px;
  background: #f2f4f5;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* test comment */
}
#twitter-connect-wrapper .container .error {
  padding-bottom: 0;
}
#waiting,
#message,
#loading,
#new_comment {
  display: none;
}
#twitter-logout {
  float: right;
  margin-top: -3px;
}
/* single link page */
#comments .author h2,
#webcomments .author h2,
#tweets .author h2 {
  margin: 5px 0 20px 0;
}
#tags h2,
#comments h2,
#webcomments h2,
#tweets h2 {
  margin: 40px 0 15px 0;
}
#tags h3 {
  padding-bottom: 10px;
}
/* facebook like buttons */
.like_button {
  padding-top: 10px;
}
/* screenshots */
#screenshots .screenshot {
  margin-bottom: 30px;
  clear: both;
  background: #f8f8f3;
}
#screenshots .screenshot .image {
  line-height: 0;
  min-height: 400px;
  width: 630px;
  box-shadow: inset rgba(45, 45, 45, 0.05) 0 0 0 1px;
  -moz-box-shadow: inset rgba(45, 45, 45, 0.05) 0 0 0 1px;
  -webkit-box-shadow: inset rgba(45, 45, 45, 0.05) 0 0 0 1px;
}
#screenshots .screenshot .information {
  float: right;
  padding: 23px 30px 27px 30px;
  color: #282323;
  width: 270px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
}
#screenshots .screenshot .information h2 {
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 10px;
}
#screenshots .screenshot .information h3 {
  margin-bottom: 3px;
}
/* user likes page */
#like_list h3 {
  padding: 15px 0;
  border-bottom: 1px solid #dedede;
}
#like_list h3 a {
  float: right;
  display: inline-block;
  background: #e95c41;
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* test comment */
  margin: 0 0 12px 10px;
  padding: 0 8px;
  text-decoration: none;
}
#like_list h3 a:hover {
  background: #539bab;
}
/* boxy alerts */
.boxy-wrapper .answers input {
  width: 180px;
}
/* uploader */
.uploader form input,
.uploader form textarea {
  width: 630px;
  margin-bottom: 1em;
  border-radius: 3px;
  border-color: #DFDFDB;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
.uploader form input:focus,
.uploader form textarea:focus {
  border-color: #aaa;
  outline: none;
  box-shadow: inset 0 1px 2px #ccc;
}
/* uploader jquery ui autocomplete */
.ui-menu {
  list-style: none;
  padding: 7px;
  margin: 0;
  display: block;
  float: left;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.ui-menu .ui-menu {
  margin-top: -3px;
}
.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%;
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: .2em .4em;
  line-height: 1.5;
  zoom: 1;
  font-size: 100%;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: 400;
  margin: -1px;
  color: #fff;
  background: #e95c41;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  -webkit-border-radius: 3px;
}