@import "mixins"
@import "variables"
@import "compass/css3/images"
@import "blog/source/*.png"
@import "compass/css3/font-face"
@import "compass/css3/box-shadow"

@include all-source-sprites

.article-wrapp
  padding-left: 2%
  span:first-child
    color: $grey
    font-family: Arial

  margin-left: 10px
  hr
    margin-left: 30px
  .cross_line
    width: 100%
    border-top: 1px solid #dcdcdc
    border-bottom: 1px solid #dcdcdc
    margin: 12px 0
    +box-shadow(#dcdcdc 0px 0px 5px)
.main-content-detail
  background-color: #ffffff
  margin-bottom: 30px
  margin-top: 5px
  padding-top: 20px
  padding-bottom: 30px
  +box-shadow($bord-col 0px 0px 5px)
  .similar
    margin-left: 15px
    font-size: 16px
    color: $grey !important

.anchor
  color: #656565
  font-size: 20px
  font-weight: bold
  padding-top: 5px
  padding-right: 2px
  position: absolute
  left: 0
  outline: none !important
  border-style: none
  background: none
  &:hover
    color: #808080
    text-decoration: none
  &:focus
    color: #656565
    text-decoration: none


.content-text
  //.image-container
    margin: 10px 0

  .head-article
    .source-clock, .source-pencil, .source-iChat
      display: inline-block
      vertical-align: middle
      height: 24px
      width: 24px
      zoom: 0.5
      -moz-transform: scale(0.5)
      padding-right: 10px
    div
      a
        text-decoration: none
      padding-right: 10px
      &:first-of-type > div
        display: block
        font-size: 18pt
        padding-bottom: 0px
      color: #5fc7fc
      display: inline
    img
      display: block
      max-width: 100%

.article-wrapp .source-next-arrow
  margin-left: 5px
  display: inline-block
  margin-top: 3px
  vertical-align: bottom
  float: left
  height: 12px
  width: 12px

.link-items
  //margin-left: 7%
  margin-bottom: 10px
  padding-bottom: 20px
  border-bottom: 1px solid $grey
  img
    display: block
  .title
    margin-top: 30px
    margin-bottom: 25px
    font-size: 24px
    div
      color: #a3c966
.title-item
  color: $dark-blue
  font-size: 10px

.oneitem
  display: inline-block
  width: 100%
  overflow: hidden
  //margin-right: 15px
  vertical-align: top

#blog-menu
  .oneitem
    margin-bottom: 20px

.link-items
  @media (min-width: 767px)
    .oneitem
      width: calc(50% - 20px)
      margin-right: 15px


.next
  font-family: Arial
  float: left
  font-weight: bold

.link-items:last-child ~ div
  color: red
.link-items .left .bold

#subscribe_form
  #id_email
    width: 400px
    max-width: 100%
    float: left
    margin-right: 2%
    margin-bottom: 2%


.blog-image
  margin: auto