/* CSS Document */

* {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  font: 1.0em Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
  text-align: center;
  height: 100%;
}

html {
  height: 100%;
}

p {
  text-align: left;
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
  font-size: 0.8125em;
  margin: 0;
  padding: 0;
}

p a:link, p a:visited, p a:hover, p a:active {
  font-size: 100%;
}

h1 {
  text-align: center;
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
  font-size: 1.2em;
  color: #000000;
  margin: 0;
  padding: 0;
}

h2 {
  text-align: center;
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
  font-size: 1.0em;
  color: #000000;
  margin: 0;
  padding: 0;
}

hr {
  height: 3px;
  background: #202020;
  margin: 0 100px;
}

a:link {
  color: #505050;
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
  font-size: 0.8125em;
}

a:visited {
  color: #505050;
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
  font-size: 0.8125em;
}

a:hover {
  color: #000000;
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
  font-size: 0.8125em;
}

a:active {
  color: #000000;
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
  font-size: 0.8125em;
}

a:link img {
  padding: 3px;
  background-color: #F4F4F4;
  border: 1px solid #E9E9E9;
}

a:visited img {
  padding: 3px;
  background-color: #F4F4F4;
  border: 1px solid #E9E9E9;
}

a:hover img {
  padding: 3px;
  background-color: #F4F4F4;
  border: 1px solid #000000;
}

a:active img {
  padding: 3px;
  background-color: #F4F4F4;
  border: 1px solid #000000;
}

input {
  font-size: 0.8125em;
  font-weight: Bold;
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
}

.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -105px;
}

.inside {
  width: 900px;
  margin: 0 auto;
}

#header {
  height: 155px;
  width: 100%;
  background-color: #FFFFFF;
  background-image: url(/images/header_vertical.gif);
  /*background-image: url(/images/half_h.gif);*/
  background-repeat: repeat-x;
  background-position: bottom;
}

.push {
  height: 95px;
}

.break {
  display: block;
  clear: both;
  height: 5px;
  overflow: hidden;
}

.break_continue {
  display: block;
  height: 5px;
  overflow: hidden;
}

.footer {
  background-color: #000000;
  color: #FFFFFF;
  /*background-image: url(/images/black_gradient_horiz.gif);*/
  background-image: url(/images/footer_vertical.gif);
  background-repeat: repeat-x;
  background-position: top;
  width: 100%;
  height: 105px;
  overflow: hidden;
}

.footer p {
  text-align: center;
  font: 1.0em "trebuchet ms", georgia, arial, sans-serif;
  margin: 0;
  padding: 0;
  font-size: 15px;
}

.footer a {
  font-size: 1.0em;
}

.footer_links:link, .footer_links:visited, .footer_links:hover, .footer_links:active {
  color: #FFFFFF;
  font-weight: bold;
}

.footer_links2:link, .footer_links2:visited, .footer_links2:hover, .footer_links2:active {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
}

.bgall {
  /*background-image : url(/images/half_h.gif);
  background-repeat : repeat;*/
  background-color: #202020;
}

.content-index-border, .content-contact-border, .content-about-border, .content-maze-border, .content-strategy-border, .link-strategy-border, .content-triangulation-border, .content-triangulation-source-code-border, .content-pear-school-border, .content-pear-school-art-contest-border, .content-stick-border, .aux-index-border, .blog-border, .content-triangle-border, .content-show-desktop-border, .content-open-source-border, .content-word-neighbors-border, .content-christmas-letter-2011-border {
  border: 1px solid #959595;
  background-color: #F5F5F5;
  padding: 3px;
  margin: 0 auto;
  position: relative;
}

.content-index, .content-contact, .content-about, .content-maze, .content-maze2a, .content-maze2b, .spoiler-strategy, .content-strategy, .link-strategy, .content-pear-school, .content-pear-school-art-contest, .content-triangulation, .content-triangulation-source-code, .content-stick, .game-stick, .aux-index, .blog, .content-triangle, .content-show-desktop, .content-open-source, .content-word-neighbors, .content-christmas-letter-2011 {
  background-color: #FFFFFF;
  background-image: url(/images/white_gradient.png);
  background-repeat: repeat-x;
  background-position: top;
  margin: 0 auto;
  padding: 0;
  position: relative;
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
}

.credits-border {
  width: 243px;
  display: block;
  float: right;
  border: 1px solid #959595;
  background-color: #F5F5F5;
  padding: 3px;
  margin: 0 auto;
  position: relative;
}

.credits {
  background-color: #5970B2;
  background-image: url(/images/white_gradient.png);
  background-repeat: repeat-x;
  background-position: top;
  margin: 0 auto;
  padding: 0;
  position: relative;
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
  font-size: 12px;
  text-align: left;
}

.credits div {
  width: 223px;
  margin: 0 10px;
}

.credits pre {
  color: #FFFFFF;
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
  font-size: 12px;
}

.credits a {
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
  color: #FFFFFF !important;
}

.credits a:link {
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
  font-size: 12px;
}

.credits a:visited {
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
  font-size: 12px;
}

.credits a:focus {
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
  font-size: 12px;
}

.credits a:hover {
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
  font-size: 12px;
}

.credits a:active {
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
  font-size: 12px;
}

.credits .link {
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
  font-size: 12px;
  text-decoration: underline;
  color: #FFFFFF !important;
}

.credits .link:link {
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
  font-size: 12px;
  text-decoration: underline;
  color: #FFFFFF !important;
}

.credits .link:visited {
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
  font-size: 12px;
  text-decoration: underline;
  color: #FFFFFF !important;
}

.credits .link:hover {
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
  font-size: 12px;
  text-decoration: underline;
  color: #FFFFFF !important;
}

.credits .link:active {
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
  font-size: 12px;
  text-decoration: underline;
  color: #FFFFFF !important;
}

.credits h1 {
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
  font-size: 16px;
  text-align: center;
  margin: 0;
  color: #000000;
}

.credits-arrow-1,
.credits-arrow-2,
.credits-arrow-3,
.credits-arrow-4 {
  overflow: hidden;
}

.content-index-border {
  width: 892px;
}

.content-contact-border {
  width: 892px;
}

.content-contact p {
  margin: 0 100px;
}

.content-about-border {
  width: 892px;
}

.content-about p {
  margin: 0 100px;
}

.content-maze-border {
  width: 892px;
}

.content-maze p {
  margin: 0 100px;
}

.content-maze2b {
  height: 315px;
  width: 450px;
  background-image: none;
}

.content-maze2a {
  text-align: center;
  height: 155px;
  background-image: none;
}

.spoiler-strategy {
  width: 800px;
  border: 0;
  padding: 0;
  background-image: none;
}

.spoiler-strategy p {
  margin: 0 10px !important;
}

.spoiler-strategy h1 {
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif !important;
  font-size: 1.0em !important;
}

.content-strategy-border {
  width: 892px;
}

.content-strategy p {
  padding: 20px 20px 10px 20px;
}

.content-strategy h1 {
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
  font-size: 1.0em;
  padding: 0 50px;
}

.link-strategy-border {
  width: 120px;
}

.link-strategy {
  width: 100px;
  padding: 10px;
}

.content-triangulation-border {
  width: 892px;
}

.content-triangulation-source-code-border {
  width: 892px;
}

.content-pear-school-border {
  width: 892px;
}

.content-pear-school-art-contest-border {
  width: 892px;
}

.content-open-source-border {
  width: 892px;
}

.content-word-neighbors-border {
  width: 892px;
}

.content-christmas-letter-2011-border {
  width: 1042px;
}

.content-triangulation p {
  margin: 0 100px;
  text-align: left;
}

.content-triangulation-source-code p {
  margin: 0 100px;
  text-align: left;
}

.content-pear-school p {
  margin: 0 100px;
  text-align: left;
}

.content-pear-school-art-contest p {
  margin: 0 100px;
  text-align: left;
}

.content-open-source p {
  margin: 0 100px;
  text-align: left;
}

.content-word-neighbors p {
  margin: 0 100px;
  text-align: left;
}

.content-christmas-letter-2011 p {
  margin: 0 60px;
}

.content-christmas-letter-2011 pre {
  margin: 0 46px;
  width: 944px;
  font-size: 12px;
  overflow: auto;
  text-align: left;
}

.content-pear-school-art-contest img {
  margin: 7px 50px 7px 100px;
  text-align: left;
}

.content-open-source img {
  margin: 7px 50px 7px 100px;
  text-align: left;
}

.content-word-neighbors img {
  margin: 7px 50px 7px 100px;
  text-align: left;
}

.content-stick-border {
  width: 892px;
}

.content-stick {
  overflow: hidden;
}

.content-stick p {
  margin: 0 100px;
}

#stick-options {
  display: none;
  margin: 0 auto;
  font-size: 16px;
  width: 400px;
  height: 256px;
}

.game-stick {
  width: 400px;
  background-image: none;
  border: 1px solid #959595;
}

#stickgame {
  margin: 0 272px;
}

select.stick-style {
  font-size: 0.8125em;
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
  border: 3px solid #A5A5A5;
  background-color:#D0D0D0;
}

select.stick-style option {
  border-bottom:1px solid #dadada;
}

.game-test {
  z-index:110;
  position: absolute;
  left: 5px;
  top: 30px;
}

.game-test-detect {
  position: absolute;
  left: 3px;
  top: 3px;
  width: 16px;
  height: 16px;
}

.powered a {
  font-size: 10px;
  color: #0000CC;
}

.blog-border {
  width: 636px;
  display: block;
  float: left;
}

.blog {
  text-align: left;
}

.content-triangle-border {
  width: 892px;
}

.content-triangle p {
  margin: 0 116px;
}

.content-triangle pre {
  margin: 0 96px;
  width: 694px;
  font-size: 12px;
  overflow: auto;
  text-align: left;
}

.content-show-desktop-border {
  width: 892px;
}

.content-show-desktop p {
  margin: 0 60px;
}

.content-show-desktop img {
  margin: 0 20px 0 60px;
}

.content-show-desktop pre {
  margin: 0 46px;
  width: 794px;
  font-size: 12px;
  overflow: auto;
  text-align: left;
}

/* comment START */
#commentlist {
  background: #FCFCFC;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  /*margin: 0 -15px;*/
  margin: 0;
  padding: 0 15px;
}

#commentlist ol,
#commentlist li {
  list-style: none;
}

#cmtswitcher {
  background: #FFF;
  font-size: 10px;
  padding-top: 5px;
}

#cmtswitcher a.tab,
#cmtswitcher a.curtab {
  padding: 5px 10px;
  margin-bottom: -1px;
  display: block;
  float: right;
  color: #555;
  text-decoration: none;
}

#cmtswitcher a.tab {
  border: 1px solid #FFF;
  border-bottom-color: #CCC;
}

#cmtswitcher a.curtab {
  background: #FCFCFC;
  border: 1px solid #CCC;
  border-bottom-color: #FCFCFC;
}

#cmtswitcher .addcomment,
#cmtswitcher .addtrackback {
  padding-left: 22px;
  height: 16px;
  line-height: 16px;
  display: block;
  font-size: 11px;
  float: left;
  margin-right: 15px;
  margin-top: 4px !important;
  margin-top: 3px;
}

#cmtswitcher .addcomment {
  background: url(/images/blog/icons.gif) 0 -112px no-repeat;
}

#cmtswitcher .addtrackback {
  background: url(/images/blog/icons.gif) 0 -144px no-repeat;
}

#thecomments,
#thetrackbacks {
  padding-bottom: 15px;
}

#thecomments .comment,
#thecomments .messagebox {
  margin-top: 15px;
}

.comment {
  color:#555;
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
}

.comment a {
  color:#5970B2 !important;
  text-decoration:none;
  font-size: 100% !important;
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif !important;
}

.comment a:hover {
  text-decoration:underline;
  font-size: 100% !important;
}

.comment .author {
  position: relative;
  float: left;
  width: 81px;
  text-align: center;
}

.comment .pic {
  background: url(/images/blog/commentpoint.png) 100% 33% no-repeat;
  position: relative;
  padding-right: 14px;
  margin-top: 10px;
}

.comment .name {
  position: relative;
  width: 67px;
  padding-right: 14px;
  font-weight: bold;
  font-size: 12px;
  /*overflow: hidden;*/
}

.comment .avatar {
  padding: 1px;
  border: 1px solid #999;
}

.comment .info {
  position: relative;
  background: #EDEFF0 url(/images/blog/comment.gif) 0 0 no-repeat;
  position: relative;
  float: left;
  padding: 10px 15px 0;
  width: 494px;
}

.comment .date,
.trackback .date {
  float: left;
  font-size: 10px;
}

.comment .act,
.trackback .act {
  float: right;
  font-size: 10px;
}

.comment .content {
  background: url(/images/blog/comment.gif) 100% 100% no-repeat;
  margin: 0 -15px;
  padding: 0 15px 10px;
  /*line-height: 145%;*/
}

.comment .content p {
  margin-top: 10px;
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
  line-height: 1.33em;
}

.comment .content blockquote p {
  margin-top: 0;
  margin-bottom: 10px;
}

.admincomment .author {
  position: relative;
  float: right;
}

.admincomment .pic {
  background: url(/images/blog/commentpoint.png) 0% 33% no-repeat;
  position: relative;
  padding-right: 0;
  padding-left: 14px;
}

.admincomment .name {
  position: relative;
  padding-right: 0;
  padding-left: 14px;
}

.admincomment .info {
  position: relative;
  float: right;
}

#comment_login {
  margin-top: 15px;
}

#thetrackbacks {
  display: none;
}

#thetrackbacks li {
  margin-top: 15px;
}

.trackback {
  background: #EDEFF0 url(/images/blog/box.gif) 0 0 no-repeat;
  padding: 10px 15px 0;
  width: 575px;
}

.trackback .title {
  background: #EDEFF0 url(/images/blog/box.gif) 100% 100% no-repeat;
  padding: 10px 15px !important;
  padding: 0 15px 10px;
  width: 575px;
  margin: 0 -15px;
}

#respond {
  padding: 10px 0 0;
  /*font-size: 11px;*/
  font-size: 0.8125em;
}

#respond .row {
  margin-bottom: 5px;
}

#respond .textfield {
  width: 200px;
  font-size: 100%;
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
  border: 1px solid #a6a6a6;
  background: url(/blog/wp-content/themes/inove/img/textfield.gif) repeat-x;
  padding: 2px 1px;
  font-weight: normal;
  height: 1.5em;
}

#emoticon {
  float: right;
  margin-top: 1px;
  margin-right: 10px;
}

#comment {
  width: 601px;
  font-family: Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
  font-size: 100%;
  border: 1px solid #a6a6a6;
  background: url(/blog/wp-content/themes/inove/img/textfield.gif) repeat-x;
  padding: 2px 1px;
}

#commentnavi {
  background: #EDEFF0 url(/images/blog/box.gif) 0 0 no-repeat;
  padding: 10px 15px;
  font-size: 11px;
}

#commentnavi a.page-numbers {
  padding: 5px 7px;
  text-decoration: none;
  border: 1px solid #EDEFF0;
  margin: 0 -2px;
}

#commentnavi a.page-numbers:hover {
  background: #F7F7F7;
  border: 1px solid #CCC;
  text-decoration: none;
}

#commentnavi span.pages {
  padding: 0 7px 0 22px;
  background: url(/images/blog/icons.gif) 0 -272px no-repeat;
  height: 16px;
  line-height: 16px;
  float: left;
}

#commentnavi span.current {
  background: #F7F7F7;
  padding: 5px 7px;
  border: 1px solid #F7F7F7;
  font-weight: bold;
  margin: 0 -2px;
}

#commentnavi #commentpager {
  line-height: 16px;
}

#submitbox a.feed {
  /*background: url(/images/blog/gravatar.gif) 0 -256px no-repeat;*/
  background: url(/images/blog/gravatar.gif) 0 0px no-repeat;
  position: relative;
  padding-left: 22px;
  height: 16px;
  line-height: 16px;
  display: block;
  float: left;
  font-size: 11px;
}

#submitbox #submit {
  position: relative;
  padding: 3px 6px;
  background: #B4D666;
  border-top: 1px solid #B4D666;
  border-right: 1px solid #81B840;
  border-bottom: 1px solid #81B840;
  border-left: 1px solid #B4D666;
  color: #5970B2;
  font-size: 11px;
  cursor: pointer;
}

#submitbox #submit:hover {
  position: relative;
  background: #98C64C;
  border-top: 1px solid #76B33A;
  border-right: 1px solid #98C64C;
  border-bottom: 1px solid #98C64C;
  border-left: 1px solid #76B33A;
  color: #074A7E;
}

#submitbox .submitbutton {
  position: relative;
  float: right;
}

#cp_post_id {
  display: none;
}

/* comment END */

.fixed, .clear {
  clear: both;
}

.small {
  font-size: 10px;
  color:#555;
}