.status-message-wrap {
    width: 100%;
    text-align: center;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.status-message-wrap.error {
    background: #FF9494;
    color:  #fd2525;
}
.status-message-wrap.success {
    background: #94ff9c;
    color:  #086b10;
}
.status-message-wrap.success a {
    color: #28782e;
    text-decoration: underline;
}
.status-message-wrap.warning {
    background: #fdfa95;
    color:  #807d20;
}

.badge-wrap {
    text-align: center;
    line-height: 12px;
    font-size: 14px;
    margin-top: 2px;
}
.badge-wrap span {
    display: inline-block;
    position: relative;
    margin-right: 3px;
}
.pb {
    width: 12px;
    height: 12px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
    display: inline-block;
    margin-right: 3px;
    margin-left: 5px;
    overflow: hidden;
    text-align: center;
    font-size: 9px;
}
.pb-bronze {
    background: rgb(208, 129, 55);
    color: rgb(186, 115, 48);
    text-shadow: 1px 1px 0  rgb(231, 153, 80);
}
.pb-silver {
    background: rgb(207, 207, 207);
    color: rgb(188, 188, 188);
    text-shadow: 1px 1px 0 #e1dbdb;
}
.pb-gold {
    background: rgb(238, 197, 67);
    color: rgb(216, 178, 59);
    text-shadow: 1px 1px 0 rgb(241, 207, 101);
}
.badge-wrap.pb-large {
    line-height: 15px; 
    font-size: 16px;
}
.badge-wrap.pb-large .pb {
    width: 15px;
    height: 15px;
    margin-left: 10px;
    margin-right: 5px;
    font-size: 12px;
    font-weight: bold;
}
.badge-wrap.pb-large .badge-wrap span {
  margin-right: 10px;  
      top: -2px;
}
ul li, ol li {
    font-family: 'Open Sans', sans-serif;
    color: #666;
}
/**
    General rules
**/
.inset {
    padding-left: 20px;
}
body {
    margin: 0;
    padding: 0;
    border: 0;  
}
h1, h2, h3, h4, h5, img
{
    margin: 0;
    padding: 0;
    border: 0;
    color: #666;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);  
}
::-moz-selection {
       background-color: #00CCCC;
       color: #fff;
}
::selection {
       background-color: #00CCCC;
       color: #fff;
}
.ar {
    text-align: right;
}
.c {
    text-align: center;
}
.c h1 {
    margin: 30px 0;
    font-size: 60px;
    font-family: 'Sansita One', 'Arial', cursive;
    color: #06C3AB;
    font-weight:normal;
    text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);  
}
.r {
    float: right;
}
.lalign {
    text-align: left;
}
.sm {
    font-size: 0.8em;
}
.l {
    float: left;
}
p 
{
    margin: 0;
    padding: 0;
    line-height: 22px;
    margin-bottom: 20px;
    margin-top: 10px;    
    color: #666;
}
.thin-main-content {
    width: 600px;
    margin: 0 auto;
}
.half-col {
    float: left;
    width: 460px;
    padding: 0 15px;
}
.sub-menu {
    border-bottom: 2px solid #E1DDDC;
    width: 980px;
    text-align: center;
}
.sub-menu ul {
    list-style: none;    
    margin: 25px 0 0 0;
    height: 31px;
    padding: 0;
}
.sub-menu ul li 
{
    margin: 0;
    display: inline;
    padding: 10px 25px;
    font-size: 14px;    
}
.sub-menu ul li a {
    color: #90908E;
    font-weight: normal;
}

.sub-menu ul li.selected {
    background:#E5E4E2;
}
.sub-menu ul li.selected a {
    color: #626260;
}
.thin-bar, .thin-bar-2 {
    width: 260px;
    background: url('../images/fresh/home/testimonials-bg-01.png');
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 20px;    
}
.thin-bar-2 {
    background: none;
    border-left: 2px solid #E1DDDC;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    margin-left: 20px;
    text-align: center;
    width: 200px;
    padding: 0 20px 20px 20px;
}
.thin-bar-2 h3 {
    margin-top: 20px;
    margin-bottom: 5px;
}
.thin-bar h2 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 0;
}
.thin-bar p {
    font-size: 14px;
}
h3 {
    color: #636363;
    margin-top: 28px;
}
h2
{
    font-family: 'Sansita One', 'Arial', cursive;
    text-shadow: 2px 3px 0 rgba(0, 0, 0, 0.1);
    color: #555555;
    font-size: 30px;
    margin-top: 28px;
    margin-bottom: 8px;
    font-weight: lighter;
}
body {
    background: url('../images/fresh/bg-texture-01.jpg');
    font-family: 'Open Sans', sans-serif;
    box-shadow: inset 0px -25px 100px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0px -25px 100px rgba(0, 0, 0, 0.25);  
}
.hr {
    background:url('../images/fresh/hr-dashed-line-01.png');
    width: 100%;
    height: 2px;
    margin: 40px 0;
}
.content-wrap {
    width: 980px;
    padding: 0 10px;
    margin: 0 auto;
    position: relative;
}
a 
{
    color: #06C3AB;
    font-weight: bold;
    text-decoration: none;
    text-shadow: none;
}
a:hover {
    text-decoration: underline;
}
.clear {
    clear: both;
}

/**
    Page header
**/
.dropdown-tip {
    width: 16px;
    height: 8px;
    position: absolute;
    top: -8px;
    right: 20px;
    background: url('../images/fresh/upper-tip-01.png');
}
.alerts-dropdown .dropdown-tip {
    right: 5px;
}
.alert {
    padding: 0 10px;
}
.alert img {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.alert a 
{
    font-weight: bold;
}
a.red-alert {
    color: #888;
}
.alert p {
    margin: 0;
    margin-bottom: 2px;
}
.alert-timeago {
    float: right;
    font-size: 0.9em;
    color: #B5B5B5;
}
.user-dropdown, .alerts-dropdown {
    position: absolute;
    top: 40px;
    right: 50px;
    width: 190px;
    background: #fff;
    z-index: 99;
    background: url('../images/fresh/bg-texture-01.jpg');
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.6);
    box-shadow: inset 0px -2px 20px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0px -2px 20px rgba(0, 0, 0, 0.15);
    padding: 15px;
    font-size: 13px;   
    display: none;

    line-height: 140%;

}
.alerts-dropdown {

    right: 10px;
    width: 320px;
}
.badge-wrapper {
    text-align: right;
    text-decoration: none;
    color: #939393;
    display: inline-block;
    margin-top: 4px;
    float: right;
}
.badge-wrapper:hover {
    text-decoration: none;
}
.user-dropdown .avatar 
{
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: inset 0px -2px 20px rgba(0, 0, 0, 0.15), 0px 0px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0px -2px 20px rgba(0, 0, 0, 0.15), 0px 0px 3px rgba(0, 0, 0, 0.2);
    margin-bottom: 3px;
}
.gold {
    background: #FFBA43;
}
.silver {
    background: #B5BFC0;
}
.bronze {
    background: #C8856B;
}
.user-dropdown .rep {
    font-size: 15px;
    font-weight: bold;
    color: rgb(100, 100, 100);
    margin-right: 5px;
}
.user-dropdown .hr, .alerts-dropdown .hr {
    background:url('../images/fresh/user-dropdown-hr-01.png');
    height: 1px;
    margin: 12px auto;
}
.dropdown-links a {
    font-size: 14px;
    color: rgb(145, 145, 145);   
}
.dropdown-links a:hover {
    font-weight: bold;
    color: rgb(100, 100, 100);   
}
.medal 
{
    display: inline-block;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;    
    margin-left: 13px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
.head-banner {    
    height: 130px;
}
.head-banner .content-wrap {
    height: 130px;
    position: relative;
}
.top-social {
    height: 120px;
    position: absolute;
    right: 0;
    bottom: -30px;
}
.top-social ul {
    list-style: none;
}
.top-social ul li {
    float: left;
    overflow-x: hidden;
    width: 130px;
}
.logo-link {
    position: relative;
    top: 25px;
}
.menu-wrapper
{
    height: 40px;
    background: url('../images/fresh/menu-bar-bg-01.png');
    line-height: 40px;
    box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.15), 0px -4px 20px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.15), 0px -4px 20px rgba(0, 0, 0, 0.20);
    z-index: 5;
    position: relative;
}
.menu-wrapper ul {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
}
.menu-wrapper ul li {
    float: left;
    height: 40px;
    line-height: 40px;
}
.menu-wrapper ul .split {
    width: 1px;
    background: url('../images/fresh/menu-split-01.png');
}
.menu-wrapper ul li a 
{
    padding: 0 20px;
    font-size: 12px;
    font-weight: bold;
    color: rgb(245, 245, 245);
    display: block;
}
.menu-wrapper ul li a:hover
{
    text-decoration: none;
}
.menu-wrapper ul li:hover
{
   -webkit-box-shadow: 0px 3px 30px rgba(255, 255, 255, 0.4) inset, 0px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 30px rgba(255, 255, 255, 0.4) inset, 0px 5px 5px rgba(0, 0, 0, 0.2);   
    border-left: 1px solid rgba(255, 255, 255, 0.45);
    border-right: 1px solid rgba(255, 255, 255, 0.45);
    margin: 0 -1px;
    position: relative;
    z-index: 10;
}
.menu-wrapper ul .selected, .menu-wrapper ul .selected:hover {
    background: rgba(70, 80, 85, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.37);
    border-right: 1px solid rgba(255, 255, 255, 0.37);
    -webkit-box-shadow: inset 0px 3px 8px rgba(25, 30, 35, 0.3);
    box-shadow: inset 0px 3px 8px rgba(25, 30, 35, 0.3);
    margin: 0 0;
}
.topmenu-logo {
    float: left;
    margin-right: 8px;
    margin-top: 5px;
}
.username-link {
    font-size: 14px;
    
    font-weight: normal;

}
#PMAlertBoxLink {
    margin-right:-5px;
    font-size: 12px !important;
    padding: 0 4px 0 4px;
}

.username-link-wrap {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 75px;
}
.user-panel, .user-panel a, .guest-panel
{

    font-family: 'Sansita One', 'Arial', cursive;
    float: right;
    color: #fff;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
}
.guest-panel, .guest-panel a {
    font-family: 'Open Sans', sans-serif;
    color: white;
}
.guest-panel a {
    font-weight: bold;
}
.alert-box {
    -webkit-border-radius: 3px;
    font-weight: normal;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: url('../images/fresh/alertbox-bg-01.png');
    height: 26px;
    line-height: 26px;
    padding: 0 8px;
    float: right;
    display: inline-block;
    -webkit-box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 6px rgba(255, 255, 255, 0.3);
    box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 6px rgba(255, 255, 255, 0.3);
    margin-left: 10px;
    margin-top: 7px;
    color: #fff;
}
.alert-inactive {
    background: url('../images/fresh/alertbox-inactive-bg-01.png');
    -webkit-box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 6px rgba(255, 255, 255, 0.15);
    box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 6px rgba(255, 255, 255, 0.15);
}

/**
    Page footer
**/
.footer-tear {
    height: 5px;
    background: url('../images/fresh/footer-tear-01.png');
    position: relative;
    top: 55px;
}
.footer-wrap a {
    font-weight: normal;
}
.footer-wrap {
    width: 100%;
    background: url('../images/fresh/footer-bg-01.png');
    padding-top: 60px;
    -webkit-box-shadow: 0px -3px 30px rgba(0, 0, 0, 0.2), inset 0px -4px 40px rgba(0, 0, 0, 0.2);
    box-shadow: 0px -3px 30px rgba(0, 0, 0, 0.2), inset 0px -4px 40px rgba(0, 0, 0, 0.2);
    text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.15);
    color: #fff;
    font-size: 14px;
    margin-top: 50px;
}
.footer-wrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-wrap ul li {
    float: left;
    width: 196px;
}
.footer-wrap ul ul li {
    float: none;
}
.footer-wrap ul ul li a {
    color: #fff;    
}
.footer-wrap h2 {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 24px;
    text-shadow: 2px 3px 0 rgba(0, 0, 0, 0.2);
    color: white;
    font-family: 'Open Sans', sans-serif;
}
.copyright {
    text-align: center;
    padding: 20px;
    margin-top: 30px;
    height: 60px;
}
.footer-item-wrap {
    width: 95%;
    margin: 0 auto;
    margin-top: 45px;
}
.footer-item-wrap div {
    float: left;
    width: 25%;
    height: 50px;
    line-height: 50px;
}
.footer-item-wrap ul {
    float: right;
    margin-right: 30px;
}
.footer-item-wrap ul li
{
    width: 50px;
    text-align: center;
    float: left;
    padding-top: 8px;
    padding-left: 10px;
}
.footer-item-wrap .address {
    line-height: 100%;
    padding-top: 10px;
    height: 40px;
}
.postcard a {
    font-weight: bold;
    font-size: 14px;
    color: #fff;
}
.postcard 
{
    position: relative;
    left: 10px;
    text-align: center;
}

/**
    Generic page elements
**/
.nice-button {
    padding: 7px 15px;
}
.nice-textbox {
    width: 200px;
    padding: 7px 10px;
    border: 1px solid #c0c0c0;
}
.small-error {
    color: red;
    font-size: 12px;
}
.ti {
    font-size: 10px;
}
.blue-button, .orange-button 
{
    font-weight: normal;
    height: 46px;
    line-height: 46px;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    min-width: 200px;
    text-align: center;
    font-family: 'Sansita One', 'Arial', cursive;
    -webkit-box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.2), inset 0 0 10px rgba(255, 255, 255, 0.2);
    box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.2), inset 0 0 10px rgba(255, 255, 255, 0.2);
    font-size: 22px;
    color: rgb(255, 255, 255);
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.4);
    padding: 0 5px;
}
.orange-button {
    background: url('../images/fresh/orange-button-bg-01.png');
}
.orange-button:hover, .blue-button:hover {
    -webkit-box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.2), 0px 0px 20px rgba(255, 255, 255, 0.7) inset, 0px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.2), 0px 0px 20px rgba(255, 255, 255, 0.7) inset, 0px 5px 5px rgba(0, 0, 0, 0.2);
    text-decoration: none;
}
.blue-button {
    background: url('../images/fresh/blue-button-bg-01.png');
}
/**
    Default page
    Load in main sheet as it captures 99% of people
**/
.homepage-banner {
    height: 300px;
    background: url('../images/fresh/home/header-highlight-01.png');
    z-index: 3;
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;    
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.35);
    
}
.homepage-banner .blue-button {
    margin-top: 5px;
}
.homepage-banner-tear {
    background: url('../images/fresh/home/header-highlight-tear-01.png');
    position: relative;
    top: -12px;
    height: 5px;
    z-index: 5;
    margin-bottom: 10px;
}
.homepage-banner h1 {
    font-size: 36px;
    font-family: 'Sansita One', 'Arial', cursive;
    color: #fff;
    text-shadow: 0px 1px 0 rgba(95, 165, 150, 1), 1px 2px 0 rgba(95, 165, 150, 1), 1px 3px 0 rgba(95, 165, 150, 1), 2px 4px 0 rgba(95, 165, 150, 1), 4px 8px 0 rgba(0, 0, 0, 0.15);
    font-weight: lighter;
    text-align: center;
}
.homepage-banner h1 span {
    font-size:82px;
    display: block;
    margin-top: -8px;
}
a.video 
{
    display: inline-block;
    float: right;
    width: 480px;
    height: 288px;
    background: url('../images/fresh/home/c2-video-01.png');
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 3px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 0 rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 7;
}
.homepage-banner p
{
    font-size: 22px;
    color: rgb(125, 155, 145);
    text-shadow: 0px 2px 0 rgba(0, 0, 0, 0.4);
    font-style: italic;
    margin: 15px 0 30px 0;
    line-height: 150%;
    width: 100%;
    display: inline-block;
    text-align: center;
}
.homepage-banner p strong
{
    font-weight: bold;
    color: rgb(205, 205, 205);
}
.pub-list {
    list-style: none;
    margin-top: 20px;

}
.pub-list li {
    float: left;
    text-align: center;
    margin-right: 35px;
    width: 79px;
    font-size: 15px;
    margin-bottom: 20px;
}

.feature-box {
    float: left;
    width: 320px;
    position: relative;
    padding-left: 115px;
}
.feature-box-br {
    height: 30px;
}
.feature-box h2 {
    margin-bottom: 15px;
}
.half-col p {
    margin: 30px 0;
    width: 90%;    
}
.testimonial {
    background: url('../images/fresh/home/testimonials-bg-01.png');
    float: left;
    width: 420px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-style: italic;
    padding: 20px;
    font-size: 18px;
    margin: 30px 15px;
    position: relative;
}
.testimonial .quote {
    font-size: 44px;
    font-weight: bold;
    position: absolute;
    top: 1px;
    left: 20px;
}
.balloon-tip {
    position: absolute;
    bottom: -13px;
    right: 60px;
    width: 26px;
    height: 13px;
    background: url('../images/fresh/home/testimonials-baloon-tip-01.png');
}
.infopop h3 {
    margin-top: 0;
}
.admin-wrap {
    background: #efefef;
    padding: 5px;
    font-size: 14px;
    text-align: center;
}

.homepage-icon-big, .homepage-icon-small {
    background: url('//static3.scirra.net/images/fresh/home/icon-sprites.png');
    width: 84px;
    height: 87px;
    display: inline-block;
    margin-bottom: 5px;
}
.homepage-icon-small {
    margin: 0;
    margin-bottom: 50px;
    position: absolute;
    left: 0;
    top: 0;
}
.sm-phys {
    width: 62px;
    height: 68px;
    background-position: -68px -87px;
    margin-left: 15px;
}
.sm-webgl {
    width: 67px;
    height: 68px;
    background-position: 0 -87px;
    margin-left: 15px;
}
.sm-wifi {
    width: 81px;
    height: 61px;
    background-position: -130px -87px;
}
.sm-man {
    width: 49px;
    height: 66px;
    background-position: -271px -88px;
    margin-left: 27px;
}
.sm-com {
    width: 81px;
    height: 71px;
    background-position: -321px -87px; 
}
.sm-ex {
    width: 58px;
    height: 43px;
    background-position: -212px -87px; 
    margin-left: 27px;
    margin-top: 10px;
}
.sm-audio {
    width: 79px;
    height: 57px;
    background-position: -409px -93px; 
}
.sm-debug {
    width: 61px;
    height: 57px;
    background-position: -489px -94px; 
        margin-left: 27px;
}
.sm-multiplayer {
    width: 54px;
    height: 58px;
    background-position: -551px -92px;  
}
.sm-screen {
    width: 67px;
    height: 58px;
    background-position: -605px -93px;  
        margin-left: 27px;
}
.sm-path {
    width: 58px;
    height: 54px;
    background-position: -673px -94px;  
}
.sm-save {
        margin-left: 27px;
    width: 51px;
    height: 67px;
    background-position: -736px -88px;   
}
.hi-chrome {
    background-position: -84px 0;
}
.hi-fb {
    background-position: -168px 0;
}
.hi-win {
    background-position: -252px 0;
}
.hi-wii{
    background-position: -1344px 0;
}
.hi-ios {
    background-position: -336px 0;
}
.hi-desk {
    background-position: -420px 0;
}
.hi-web {
   background-position: -504px 0; 
}
.hi-linux {
   background-position: -588px 0; 
}

.hi-apple {
   background-position: -672px 0; 
}
.hi-tizen {
   background-position: -756px 0; 
}
.hi-winphone {
   background-position: -840px 0; 
}
.hi-firefox {
   background-position: -924px 0; 
}
.hi-blackberry {
   background-position: -1008px 0; 
}
.hi-win2 {
   background-position: -1092px 0; 
}
.hi-appledesktop {
   background-position: -1176px 0; 
}
.hi-amazon {
   background-position: -1260px 0; 
}
.testimonial .name {
    color: rgb(100, 100, 100);
}
.tag-list {
    list-style: none;
    float: left;
}
.tag-list li {
    float: left;
    margin-right: 30px;
    line-height: 58px;
    margin-top: 18px;
}
.tag-list li  a {
    font-size: 20px;
    font-style: italic;
    font-weight: normal;    
}





/**
    Comment styling
**/
.all-comments-wrap {
    margin-top: 20px;
}
.comment-wrap, .comment-form-wrap {
    width: 620px;
    text-shadow: none;   
}
.comment-inner-wrap {
    padding: 0 12px;
}
.comment-wrap .hr {
    margin: 10px 0;
}
.comment-wrap .avatar {
    float: left;
    margin-right: 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0 3px 0 rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 3px 0 rgba(0,0,0,0.15);
    box-shadow: 0 3px 0 rgba(0,0,0,0.15);
}
.comment-wrap .author-link {
    font-family: 'Sansita One', cursive;
    font-size: 20px;
    font-weight: normal;
}
.comment-wrap .repamount {
    font-weight: 600;
    font-size: 16px;
    display: inline-block;
    margin-left: 10px;
    text-shadow: none;
}
.comment-wrap .body p {
    text-shadow: none;
    font-size: 14px;
    margin-bottom: 8px;
}
.comment-wrap .body {
    width: 496px;
    padding-top: 8px;
    padding-left: 100px;
}
.comment-wrap .time-ago {
    text-align: right;
    font-size: 12px;
    color: rgb(180, 180, 180);
    margin-bottom: -5px;
}
.comment-wrap .rep-txt {
    font-size: 13px;
}
.comment-page-wrap {
    border-top: 2px solid #E1DDDC;
    margin-top: 20px;
    text-align: center;
}
.comment-page-wrap ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
}
.comment-page-wrap ul li {
    display: inline;
    text-align: center;
    margin: 0;
    padding: 0;
}
.comment-page-wrap ul li a {
    display: inline-block;
    width: 50px;
    height: 35px;
    line-height: 35px;
    color: rgb(145, 145, 145);
    font-weight: normal;
    font-size: 14px;
}
.comment-page-wrap ul li a:hover {
    background: #e9e7e6;
}
.comment-page-wrap ul li a.selected {
    background: #E1DDDC;
}
.pagination-dots 
{
    display: inline-block;
    color: rgb(145, 145, 145);
    width: 30px;
    position: relative;
    top: 3px;
}
.comment-form-wrap {
    margin-top: 50px;
}
.comment-textarea, .comment-edit-wrap textarea  {
    width: 586px;
    height: 150px;
    border:2px solid #E1DDDC;
    padding: 10px;
    font-family: 'Open Sans', sans-serif;
    color: rgb(100, 100, 100);
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 5px;
}
.comment-edit-wrap textarea {
    float: right;
}
.comment-form-wrap .orange-button {
    font-size: 18px;
    height: 32px;
    line-height: 32px;
    min-width: 130px;
    background: url('../images/fresh/small-orange-button-01.png');
    border-style: none;
    padding: 0 15px;
    cursor: pointer;
}
.comment-form-wrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.comment-form-wrap ul li {
    display: block;
    text-align: right;
    width: 220px;
    font-size: 13px;
    color: rgb(145, 145, 145);
    line-height: 15px;
    margin-bottom: 5px;
}
.comment-form-wrap ul li img {
    margin-left: 10px;
}
.chars-remaining {
    float: right;
    font-size: 14px;
    color: rgb(100, 100, 100);
    margin-top: -15px;
}
.chars-remaining span {
    font-weight: bold;
}
.comment-error-wrap {
    text-align: center;
    color: #990000;
    background: #FDD7D7;
    padding: 15px;
    margin-top: 15px;
}
.good-box {
    text-align: center;
    color: #347035;
    background: #CEFFCE;
    padding: 15px;
    margin-top: 15px;
}
.edit-comment-wrap .comment-error-wrap {
    float: right;
    width: 466px;
    display: none;
}
.comment-cp {
    position: absolute;
    bottom: -5px;
    text-align: center;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    display: none;
}
.comment-cp a {
    display: inline-block;
    width: 24px;
    height: 22px;
    background: url('../images/fresh/comment/control-panel-icons.png');
    margin: 0 5px;
}
.comment-cp .quote {
    background-position: -24px -22px;
}
.comment-cp .quote:hover {
    background-position: -24px 0;
}
.comment-cp .edit {
    background-position: -48px -22px;
}
.comment-cp .edit:hover {
    background-position: -48px 0;
}
.comment-cp .report {
    background-position: 0 -22px;
}
.comment-cp .report:hover {
    background-position: 0 0;
}
.comment-cp .delete {
    background-position: -74px -22px;
}
.comment-cp .delete:hover {
    background-position: -74px 0;
}
.actual-comment {
    position: relative;
}
.red {
    color: red;
}
.actual-comment .quoted-text {
    background: rgba(255,255,255,0.8);
    margin: 0 auto;
    padding: 10px;
    font-size: 13px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 2px #c0c0c0;
    position: relative;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 18px;
}
.actual-comment .quoted-text .author
{
    font-size: 10px;
    position: absolute;
    bottom: 3px;
    right: 5px;
    display: inline-block;    
}
.comment-edit-wrap {
    display: none;
}
.edit-comment-buttons {
    float: right;
    width: 496px;
    text-align: center;
    margin-bottom: 15px;
}
.edit-comment-buttons button {
    padding: 5px 10px;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
}
.self-reference 
{
    background: rgb(93, 206, 187);
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 5px;
    color: white;
}
.comment-vote-wrap {
    width: 130px;
    height: 30px;
    text-align: right;
    position: absolute;
    top: 15px;
    right: 0;
}
.comment-vote-wrap a {
    display: inline-block;
    width: 19px;
    height: 30px;
    background: url(../images/fresh/comment/vote-icons.png);
}
.comment-vote-wrap a.upvote {
    background-position: 0 -30px;
}
.comment-vote-wrap a.upvote:hover {
    background-position: 0 0;
}
.comment-vote-wrap a.downvote {
    background-position: -19px -30px;
}
.comment-vote-wrap a.downvote:hover {
    background-position: -19px 0;
}
.comment-vote-wrap .votecount {
    margin: 0 10px 0 10px;
    display: inline-block;
    position: relative;
    top: -10px;
    color: #929292;
    text-align: center;
    font-family: 'Sansita One', cursive;
    font-size: 18px;
    z-index: 99;
}
.upchosen {
    background-position: 0 0 !important;
}
.downchosen {
    background-position: -19px 0 !important;
}
.report-comment-wrap {
    background: #faf7c6;
    border: 2px solid #f8da8c;
    padding: 10px;
    margin-bottom: 20px;    
}
.report-comment-info-wrap {
    font-size: 12px;
    text-align: right;
}
.report-input
{
    width: 350px;
    height: 60px;
    margin-bottom: 5px;
}
.admin-wrap 
{
    margin-top: 15px;
}
.censored-url {
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
}
.comment-wrap .earlyadop-badge, .comment-wrap .stand-badge {
    display: inline-block;
    width: 22px;
    height: 31px;
    position: absolute;
    z-index: 3;
    background-position: -132px -6px;
    top: 10px;
    left: 77px;
}
.stand-badge {
    background-position: -255px -26px !important;
}
.s {
    background-image: url('//static1.scirra.net/images/sprites.png');
    background-repeat: no-repeat;
}
.subnav-fav {

    float: right;
    padding: 0 10px !important;
    height: 39px;
    position: relative;
    top: -8px;
}
.subnav-fav a {
    width: 21px;
    height: 21px;
    display: block;
    background-image: url('//static2.scirra.net/images/fresh/tutall-fav-star.png');
    background-position: 0 -21px;
    margin-top: 8px;
}
.sub-menu ul li.selected.subnav-fav a {
    background-position: 0 0;
}
        .total-dl-wrap 
        {
            display: block;
            margin-top: 15px;
            text-shadow: none;
        }
        .total-dl-wrap p {
            color: white;
            text-shadow: none;
            font-size: 12px;
            margin: 0;
            margin-top: -2px;
            padding: 0;
        }
        .ch {
            display: inline-block;
            width: 18px;
            height: 26px;
            line-height: 28px;
            background: #e4e4e4;
            font-size: 17px;
            text-align: center;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            margin-right: 1px;
            text-shadow: 1px 1px #fff;
            font-weight: bold;
            font-family: arial bold, arial;
        }
        .chs {
            display: inline-block;
            width: 3px;
        }


        .homepage-banner {
            padding: 0;
            position: relative;
            top: -7px;
            height: 400px;
        }

        .titleb {
            width: 312px;
            height: 400px;
            padding-top: 20px;
            padding-right: 10px;
        }

        .showcase {
            margin-top: 40px;
            position: relative;
            z-index: 1;
            text-align: center;
        }
        .hr {
            margin-bottom: 20px;
        }
        .showcase div {
            float: left;
            position: relative;
        }
        .showcase div img {
            display: block;
        }
        .showcaselogopen {
            position: absolute;
            top: -92px;
            left: 90px;
        }
        .showcaselogoair {
            position: absolute;
            top: -45px;
            left: 52px;
        }
        .showcaselogoco {
            position: absolute;
            top: -35px;
            left: 160px;
        }
        .showcaselogocos {
            position: absolute;
            top: -55px;
            left: 47px;
        }
        .showcaselogomm {
            position: absolute;
            top: -55px;
            left: 130px;
        }
        .showcase h3 {
            color: #000;
            margin-top: 12px;
        }
        .showcase p {
            display: block;
            margin: 7px auto;
            margin-bottom: 0;
            width: 200px;
            text-align: left;
        }
        .showcase div:hover img, .screeny:hover {
            opacity: 0.8;
            filter: alpha(opacity=80);
        }
        .showcase div:hover .scl {
            opacity: 1.0;
            filter: alpha(opacity=100);
        }
        .screeny {
            float: left;
        }
        .screeny img {
            display:block;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.25);
            -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.25);
            box-shadow: 0 3px 5px rgba(0,0,0,0.25);
            border: 1px solid #b1b0ad;
        }
        .quoter img {
            display: block;
            -webkit-border-radius: 55px;
            -moz-border-radius: 55px;
            border-radius: 55px;
            float: left;
            margin-right: 10px;
        }
        .quoter h3 {
            text-shadow: none;
        }
        .quoter h4 {
            text-shadow: none;
            font-size: 14px;
        }
        .quoter p {
            font-style: italic;
            font-size: 15px;
            padding-left: 80px;
        }
        .qblock img {
            float: none;
            margin: 0 auto;
            text-align: center;
            margin-bottom: 5px;
        }
        .qblock h3, .qblock h4, .qblock h2, .qblock p {
            text-align: center;
        }
        .qblock p {
            padding: 0 10px;
            padding-top: 10px;
            text-align: left;
        }
        .madewithwrap {
            background-color:rgba(128, 128, 128, 0.3);
            padding-bottom:10px;
            position:relative;
            height:70px;
            padding-top:70px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
-webkit-box-shadow: -1px 10px 5px -4px rgba(50, 50, 50, 0.31);
-moz-box-shadow:    -1px 10px 5px -4px rgba(50, 50, 50, 0.31);
box-shadow:         -1px 10px 5px -4px rgba(50, 50, 50, 0.31);
        }