* {
  margin: 0;
  padding: 0; }

body {
  color: #333333;
  background: black url(/images/master.jpg) no-repeat top left; }

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 14px; }

pre {
  font-size: 11px;
  background: black;
  color: white;
  padding: 5px;
  margin: 5px;
  overflow: auto; }

fieldset {
  border: 1px dashed white;
  padding: 1em;
  background: #dedede; }

form .input_text {
  border: 1px solid #334466;
  padding: 4px;
  margin: 2px;
  font-size: 1.2em; }
form .input_label {
  color: gray;
  font-size: 0.8em; }
form .filter {
  border: 1px solid #334466;
  margin: 4px 0 0 0;
  padding: 4px; }

form p {
  padding: 5px; }

textarea {
  font-family: "Arial";
  font-size: 1.2em;
  padding: 3px;
  border: 1px solid #446677; }

.submit {
  color: #0ed017;
  font-weight: bold;
  font-family: "Arial";
  font-size: 1.1em;
  padding: 6px 20px;
  margin: 0 auto;
  cursor: pointer;
  width: auto !important; }

.spinner {
  margin: 1em;
  color: #bbbbbb; }

a {
  color: #888888;
  text-decoration: none; }

a:visited {
  color: #aaaaaa; }

a:hover {
  color: #ff00aa; }

img {
  border: 0;
  margin: 5px; }

.block {
  display: block; }

.clear {
  clear: both; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }
* html .clearfix {
  height: 1%; }

.center {
  text-align: center; }

.right {
  text-align: right; }

.pagination a {
  color: #888888;
  text-decoration: none; }
.pagination a:visited {
  color: #aaaaaa; }
.pagination a:hover {
  color: fuchsia; }

.a_click_button {
  background: white;
  border: 2px solid gray;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 2px;
  cursor: pointer; }

.a_button {
  padding: 4px;
  cursor: pointer;
  text-shadow: white 1px 1px 10px; }

.a_button_selected {
  color: #ff00aa;
  text-shadow: black 1px 1px 10px;
  padding: 4px;
  cursor: pointer; }

.a_button_bar {
  width: 100%;
  margin: 10px;
  font-size: 1.2em;
  font-weight: bold; }

#flash {
  background: white; }
  #flash #flash-notice {
    color: green; }
  #flash #flash-errors {
    color: red; }

#message {
  margin: 0.2em;
  color: #f600ff;
  font-size: 1.2em; }

/* core layout */
#wrap #page {
  margin-top: 0.2em; }
  #wrap #page #kichbar {
    float: left;
    margin-left: 10px; }
  #wrap #page #content {
    width: 320px;
    position: absolute;
    padding: 0; }
  #wrap #page #sidebar {
    float: right;
    text-align: left; }
#wrap #footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }
  #wrap #footer p {
    font-size: 10px; }

#foots {
  padding-top: 1.5em;
  color: #dadada;
  text-align: center; }
  #foots p {
    font-size: 10px; }

.looc {
  background: white; }

.cool {
  background: #f1fafa; }

.kichbox {
  background: #ffffaa;
  padding: 0.1em; }

.ram {
  padding: 0.2em;
  background: #ffffaa; }
  .ram h1 {
    color: fuchsia; }

.mram {
  padding: 0.2em;
  background: #ffffaa; }
  .mram p {
    margin: 1em; }
  .mram h1 {
    color: fuchsia;
    font-size: 1.2em;
    margin: 1em; }
  .mram ul li {
    margin: 2em;
    list-style: none; }

.mram_title {
  margin: 1em;
  color: white; }

.new_kich p {
  font-size: 1em; }

.controls a:hover {
  background: black; }

.kich {
  margin: 3px;
  overflow: auto; }
  .kich .onkart {
    border: 5px dashed #ffaaaa; }
  .kich:hover {
    border: 3px dashed #aaaaaa;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; }
  .kich table {
    width: 100%; }
    .kich table tr {
      margin-bottom: 1em; }
      .kich table tr td {
        vertical-align: top; }
        .kich table tr td .images {
          width: 320px; }
        .kich table tr td .view {
          float: left; }
        .kich table tr td .info {
          float: left; }
        .kich table tr td .edit {
          float: left; }
        .kich table tr td .controls {
          clear: both;
          text-align: right;
          padding-right: 10px; }
          .kich table tr td .controls a:hover {
            background: black; }

.title {
  color: black;
  font-weight: bold;
  font-size: 1.7em;
  text-align: left;
  padding: 5px;
  margin: 5px; }

.showtime {
  color: #bbbbbb;
  font-weight: bold;
  font-size: 0.8em;
  text-align: left;
  padding: 5px;
  margin: 5px; }

.story {
  color: gray;
  background: #ffffa4;
  font-size: 1.2em;
  text-align: left;
  padding: 5px;
  margin: 5px; }
  .story h1, .story h2, .story h3, .story h4 {
    margin: 0 0 0.5em; }
  .story p {
    margin: 0 0 0.5em; }
  .story a {
    font-weight: bold;
    color: #111100;
    text-decoration: none; }
  .story a:visited {
    color: #aabbbb; }
  .story a:hover {
    color: #888888; }

.price {
  color: gray;
  font-weight: bold;
  font-size: 1.5em;
  text-align: left;
  padding: 5px;
  margin: 5px; }

.unit {
  color: black;
  font-weight: bold;
  font-size: 1.3em;
  text-align: left;
  padding: 0;
  margin: 0; }

#earnings {
  text-align: center; }

#about {
  padding: 3px;
  color: gray;
  text-align: center; }

#apps {
  height: 183px;
  margin-top: 1em;
  text-align: center; }
  #apps h3 {
    font-size: 1.7em;
    text-align: center;
    color: #ff00aa;
    padding: 3px;
    text-shadow: white 1px 1px 10px; }
  #apps div {
    text-align: center;
    margin: 0.3em; }
    #apps div table tr td {
      font-weight: bold;
      font-size: 1.3em;
      padding: 3px;
      text-shadow: #ff00aa 2px 1px 8px; }

.fensi {
  margin-top: 1em; }
  .fensi h3 {
    font-size: 1.2em;
    text-align: right;
    border-top: 1px solid #ff00aa;
    color: #ff00aa;
    padding: 3px; }
  .fensi p {
    margin: 3em; }
    .fensi p a {
      font-size: 1.3em;
      font-weight: bold; }
  .fensi .mikroblogs {
    font-size: 1.8m; }
    .fensi .mikroblogs ul li {
      color: white;
      margin: 1em;
      text-align: left;
      list-style: none; }

.asset {
  margin: 5px;
  display: inline; }

.box {
  padding: 5px;
  text-align: center;
  display: table; }

.plus {
  cursor: pointer;
  font-size: 4em;
  font-weight: bold; }
  .plus sub {
    font-size: 14px;
    position: relative;
    top: -13px;
    left: -32px; }

.brickbox_title {
  font-weight: bold;
  font-size: 1.2em;
  text-align: left; }

.brickbox_available_bricks {
  color: #ff00aa;
  font-weight: bold;
  font-size: 1em;
  text-align: right;
  padding: 5px; }

.brickbox_brick_button {
  text-align: right; }

.brickbox_developer {
  color: black;
  font-weight: bold;
  font-size: 0.7em;
  text-align: right; }

.brickbox {
  height: 170px;
  background: transparent url("/images/iphone.png") no-repeat 99%; }

.bricks {
  padding: 7px;
  background: #ffffdd; }

.brick {
  padding: 0.33em;
  background: #ffffdd url("/images/brick.png") no-repeat right;
  color: fuchsia;
  text-align: left; }

.f {
  border: 1px dashed #aaaabb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #ffffcc;
  padding: 5px; }

#editbrickbox {
  border: 1px dashed #aaaabb;
  background: #ffffcc;
  padding: 5px; }

#shaker {
  text-align: center; }

#shakes {
  color: red;
  font-weight: bold;
  font-size: 1.3em; }

#youshake {
  font-size: 1.7em; }

#karton {
  background: #ffdddd; }

#preklopnik {
  width: 100%; }

#public {
  width: 100%; }

.sidebox {
  margin: 0.5em;
  padding: 0.2em;
  text-align: center; }
  .sidebox h3 {
    font-size: 1em;
    background: #f1fafa;
    color: gray;
    text-align: center; }
  .sidebox ul li {
    padding: 0.2em;
    color: gray;
    font-size: 0.7em; }
  .sidebox p {
    color: gray;
    font-size: 0.6em;
    font-weight: bold;
    text-align: center;
    padding: 0.2em; }

/*preklopnik */
.loc {
  font-size: 1.3em;
  line-height: 1.7em;
  cursor: pointer;
  background: #f1fafa;
  color: red; }

.acco {
  list-style-type: none; }
  .acco li:hover {
    background: #ffffa4;
    border: 1px solid gray; }

.toggler {
  font-size: 1.3em;
  line-height: 1.7em;
  cursor: pointer;
  color: gray; }

/*errors */
.fieldWithErrors {
  margin: 0;
  padding: 2px;
  display: table;
  background-color: red; }

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 5px;
  background-color: #f0f0f0; }

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  background-color: #cc0000;
  color: white; }

#errorExplanation p {
  color: #333333;
  margin-bottom: 0;
  padding: 5px; }

#errorExplanation ul li {
  margin-left: 2em;
  text-align: left;
  font-size: 14px;
  list-style: circle; }

.commits li {
  list-style: none; }