@mixin box-sizing { 
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}


@mixin linear-gradient($fromColor, $toColor) {
  background-color: $toColor; /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from($fromColor), to($toColor)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, $fromColor, $toColor); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, $fromColor, $toColor); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, $fromColor, $toColor); /* IE10 */
  background-image:      -o-linear-gradient(top, $fromColor, $toColor); /* Opera 11.10+ */
  background-image:         linear-gradient(top, $fromColor, $toColor);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#{$fromColor}', EndColorStr='#{$toColor}');
}







$postFont:"Source Sans Pro", Verdana, sans-serif;

body {
  background:#212232;
}

.sbok-wrapper {
  @include box-sizing;
  @include linear-gradient(#D6661B, #691A0A);
  width:550px;
  color:#cfcfcf;
  margin:10px auto;
  
}

.sbok-block {
  padding:50px 55px 50px 55px;
 @include box-sizing;
  background:rgba(70,54,46,0.55);
  border:#212232 3px double;
}

.sbok-post {
  font-family:$postFont;
  font-weight:300;
  font-size:16px;
  letter-spacing:0px;
  color:#ccc;
  padding:25px 15px;
  
}

.sbok-line-bottom {
  width:0px;
  height:1px;
  border-right:220px solid #d83f05;
  border-left:220px solid #ee9600;
}

.sbok-line-top {
  width:0px;
  height:1px;
  border-left:220px solid #d83f05;
  border-right:220px solid #ee9600;
}