html, body, div, section, article, header, hgroup, footer, h1, h2, a, span, em, strong, img, ul, li, figure {margin: 0;padding: 0;border: 0;vertical-align:baseline;font: inherit;text-decoration:none;list-style:none;}
a,a:active,a:hover {outline: none;}
article, figure, footer, header, hgroup, section {display: block;}
html {overflow-y:scroll;}
body{background:url(images/bg.png) repeat ;font:100% 'Open Sans',Arial;line-height:20px;font-weight:normal;font-style:normal;color:#fff;}
a {color:inherit}
a:hover {border-bottom: 1px solid;}
#layout{margin:20% auto 15px auto;width:462px;overflow: hidden}
header{width:218px;float:left;line-height: 0;overflow: hidden;height: 190px;}
figure{position:relative;line-height: 0;}
figure img{border-radius:4px 0px 0 0;-moz-border-radius:4px 0px 0 0;-o-border-radius:4px 0px 0 0;-webkit-border-radius:4px 0px 0 0;margin: 0;overflow: hidden;}
figure:after {box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.21) inset;content: "";height: 118px;left: 0;pointer-events: none;position: absolute;top: 0;width: 218px;border-radius:4px 0px 0 0;-moz-border-radius:4px 0px 0 0;-o-border-radius:4px 0px 0 0;-webkit-border-radius:4px 0px 0 0;}
figure hgroup{background:#CD5353;width:218px;border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;-o-border-radius:0 0 0 4px;-webkit-border-radius:0 0 0 4px;text-align:center;margin: 0;overflow: hidden;padding-top:10px;position:relative;line-height:28px;	}
figure hgroup h1{font-weight:bold;font-size:22px;color:#fff;margin-bottom:3px;text-shadow: 0 1px 0 #F4F4F4;}
figure hgroup h2{font-size:12px;color:#fff;padding-bottom: 3px;}
.main-text{width: 241px;border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-o-border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;float:left;background:#CD5353;padding:3px 3px 3px 0;position:relative;overflow: hidden;min-height: 184px;}
.main-text-inner{background:#fff;margin:0 auto;border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;padding: 15px 15px 5px 15px;overflow: hidden;margin-left: 3px;font-size:12px;min-height: 164px;}
footer{float:left;margin: 15px 0 0 0;overflow: hidden;width: 100%;}
footer p{color:#fff;font-size:11px;display:block;float: right;text-align: center;margin: 0 3px 0 0;padding: 0;}
footer a:hover{border-bottom: none;}
ul.socials {overflow: hidden;float: left;margin: 0 0 0 3px;}
ul.socials li, ul.socials a  {display:inline-block;width:20px;height:20px;padding:0;margin: 0 2px;}
ul.socials li {background: url(images/socials.png) no-repeat 0 0;}
ul.socials li.fb{background-position: 0 0;}
ul.socials li.tw{background-position: -31px 0;}
ul.socials li.gp{background-position: -62px 0;}
ul.socials li.vc{background-position: -93px 0;}
ul.socials li.fb , ul.socials li.tw , ul.socials li.gp, ul.socials  li.vc{-webkit-transition: background-position .3s ease-in-out;-moz-transition: background-position .3s ease-in-out;-o-transition: background-position .3s ease-in-out;transition: background-position .3s ease-in-out;}
ul.socials  li.fb:hover{background-position: 0 -23px;}
ul.socials  li.tw:hover{background-position: -31px -23px;}
ul.socials  li.gp:hover{background-position: -62px -23px;}
ul.socials  li.vc:hover{background-position: -93px -23px;}
article ul li {background:url(images/bg.png) repeat ;border-radius: 4px;-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;color: #fff;overflow: hidden;font-size: 11px;margin-bottom: 10px;padding: 6px 10px 5px 10px;border-left:3px solid #CD5353;}
article ul li span{float: left;}
article ul li strong{font-weight:bold;float: right;color: #fff;}


article h2,article p {background:url(images/bg.png) repeat ;border-radius: 4px;-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;color: #fff;overflow: hidden;font-size: 11px;margin-bottom: 10px;padding: 6px 10px 5px 10px;border-left:3px solid #CD5353;font-weight: bold;}
article p {font-weight: normal;}
article p.lite {background:#F6F6F6;color:#222222;padding: 3px 10px 5px;}

@media only screen and (max-width: 620px) {
    #layout{margin:15px auto;}
    #layout{width:218px;}
    .main-text {width: 215px;border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-o-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;}
    figure img {border-radius:4px 4px 0 0 ;-moz-border-radius:4px 4px 0 0;-o-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;}
    figure:after {border-radius:4px 4px 0 0 ;-moz-border-radius:4px 4px 0 0 ;-o-border-radius:4px 4px 0 0 ;-webkit-border-radius:4px 4px 0 0}
    figure hgroup {border-radius:0;-moz-border-radius:0;-o-border-radius:0;-webkit-border-radius:0;}
    .mobile-hidden {display: none;}	
}