body, html {
    
    height:100%;
}


body {
	
    background:#ffffff;
    -webkit-font-smoothing: antialiased;
    margin:0px;
    padding:0px;
    
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -os-text-size-adjust: none;
    text-size-adjust: none;
        
}

b {
    
    font-weight: bold;
}

body, html {

    height:100%;	
}

body, .light_font {
    
    /*font-family: "Helvetica-Light", "Helvetica Light", Helvetica, sans-serif;*/
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
}

.empty {
    
    text-align: center;
    padding: 100px 0px;
}

.normal_bold_font {
    
    font-weight: bold;
}

.bold_font {
    
    font-family: "HelveticaNeue-CondensedBlack", "Helvetica Neue Condensed Black" ,"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.italic_font, i {
    
    font-family: "HelveticaNeue-LightItalic", "Helvetica Neue Light Italic","Helvetica Neue", Helvetica, Arial, sans-serif;
}

table {

    border-collapse:collapse;
}

td, tr, table {

    padding:0px;
    margin:0px;
}

.clear {
    
    clear: both;
}

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

.rounded_button {
    
    cursor: pointer;
    
    display:inline-block;
    text-align: center;
    
    padding: 10px 16px;
    color: #ffffff;
    background: #222222;
    text-decoration: none;

    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -os-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

.rounded_button:active {

    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background-color: #000000;
}

.icon {
    
    /*-moz-border-radius: 17.6%;
    -webkit-border-radius: 17.6%;
    -os-border-radius: 17.6%;
    -ms-border-radius: 17.6%;
    border-radius: 17.6%;*/
    
    -moz-border-radius: 23%;
    -webkit-border-radius: 23%;
    -os-border-radius: 23%;
    -ms-border-radius: 23%;
    border-radius: 23%;
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.icon_normal_size {

    width:114px;
    height:114px;

    margin:0px;
    padding:0px;
}

.icon_small_size {
    
    width:72px;
    height:72px;
    
}

.icon_very_small_size {
    
    width:57px;
    height:57px;
    
}

.icon_border {
    
    border-width: 1px;
    border-color: #e4e4e4;
    border-style: solid;
}

.icon_no_border {
    
    
}

.icon_normal_shadow, .icon_small_shadow, .icon_big_shadow {
    
    /*-moz-box-shadow: 0px 0px 1px #555555;
    -webkit-box-shadow: 0px 0px 1px #555555;
    -o-box-shadow: 0px 0px 1px #555555;
    -ms-box-shadow: 0px 0px 1px #555555;
    box-shadow: 0px 0px 1px #555555;*/
    
    border-width: 1px;
    border-color: #e4e4e4;
    border-style: solid;
}

/*.icon_normal_shadow {
    
    -moz-box-shadow: 0px 1px 2px #333333;
    -webkit-box-shadow: 0px 1px 2px #333333;
    -o-box-shadow: 0px 1px 2px #333333;
    -ms-box-shadow: 0px 1px 2px #333333;
    box-shadow: 0px 1px 2px #333333;
}

.icon_small_shadow {
    
    -moz-box-shadow: 0px 1px 1px #333333;
    -webkit-box-shadow: 0px 1px 1px #333333;
    -o-box-shadow: 0px 1px 1px #333333;
    -ms-box-shadow: 0px 1px 1px #333333;
    box-shadow: 0px 1px 1px #333333;
}

.icon_big_shadow {
    
    -moz-box-shadow: 0px 1px 5px #222222;
    -webkit-box-shadow: 0px 1px 5px #222222;
    -o-box-shadow: 0px 1px 5px #222222;
    -ms-box-shadow: 0px 1px 5px #222222;
    box-shadow: 0px 1px 5px #222222;
}*/

.menu {

    display: block;
}

.menu .link {

    color: #000000;
    margin: 0px 16px;
    background-color: transparent;
    text-decoration: none;
}

.menu .first {
    
    margin-left:0px;
}

.menu .last {
    
    margin-right: 0px;
}

#header {
    
    background: #ffffff;
    text-align: center;
    
    border-style: solid;
    border-width: 0px;
    border-bottom-width: 1px;
    border-color: #eeeeee;
    
}

#languages {

    position: absolute;
    padding: 10px;
    right:0px;
    text-align: right;
}

#languages a {
    
    margin-left:10px;
}

/*#header .extremity {
    
    width: 70px;
}*/

#footer {
    
    border-style: solid;
    border-width: 0px;
    border-top-width: 1px;
    border-color: #eeeeee;
    text-align: center;
    
}

#footer {
    
    font-size:15px;
}

#footer #copyright {
    
    color:#777777;
    display: inline-block;
    margin-right: 2px;
}

#footer .menu {
    
    display: inline-block;
}

#footer .menu .link {
    
    margin: 0px 4px;
}

.normal_page_padding {
    
    padding: 60px 0px;
}

.normal_page_width {
    
    width: 608px;
    margin: auto;
}

.normal_page_space {
    
    height: 60px;
}

.normal_page_medium_space {
    
    height: 30px;
}

.normal_page_small_space {
    
    height: 15px;
}

.normal_page_super_small_space {
    
    height: 8px;
}

.justified_text {
    
    text-align: justify;
}

.centered_text {
    
    text-align: center;
}

.article_text {
    
    line-height: 25px;
}

.small_text_size {
    
    font-size: 16px;
}

.normal_text_size {
    
    font-size: 19px;
}

.important_text_size {
    
    font-size: 22px;
}

.title_text_size {
    
    font-size: 34px;
}

/******* MAIN *******/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/

#main {
    
}

/*****************************************************************/

#main #list {
    
    margin: auto;
    width: 650px;
}


#main #list .app_action, #main #list .empty_container {
    
    width: 25%;
    
    color: #000000;
    text-decoration: none;
    text-align: center;
    display: block;
    float:left;
    
    position: relative;
}

#main #list .ratio {
    
    padding-top: 100%;
}

#main #list .content {
    
    position: absolute;
    bottom: 0;
    right: 0;
    
    width: 72%;
    height: 72%;
    
    left: 14%;
    top: 14%;
}

#main #list .empty_app {
    
    position: absolute;
    bottom: 0;
    right: 0;
    
    width: 30%;
    height: 30%;
    
    left: 35%;
    top: 35%;
    
    -moz-border-radius: 23%;
    -webkit-border-radius: 23%;
    -os-border-radius: 23%;
    -ms-border-radius: 23%;
    border-radius: 23%;
    
    background-color:#eeeeee;
}

#main #list .icon_size {
    
    width: 100%;
    height: 100%;
}

/******* APPS *******/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/

#apps {

    background: #ffffff;
    color: #000000;

    padding: 0px 10px;
    margin:auto;
}

/*****************************************************************/

#apps #information {

    text-align: center;
}

#apps #information #main_table {
    
    width:100%;
}

#apps #information #app_icon_td {
    
   width: 84px;
   text-align: left;
}

#apps #information #details {

    padding-right: 10px;
    text-align: left;
}

#apps #information #details #name {

    padding-bottom: 3px;
}

#apps #information #extra {
    
    /*width:80px;*/
    text-align: right;
}

#apps #information #app_icon {
    
    width:72px;
    height:72px;
}

/*****************************************************************/

#apps #controls {
    
    overflow: auto;
    text-align: center;
    margin: auto;
}

#apps #controls table {
    
    margin: auto;
}

#apps #controls a {
    
    cursor: pointer;
}

#apps #controls .control {

    display: inline-block;
    padding: 16px 24px;
}


#apps #controls .separator {
    
    width: 1px;
    background: #eeeeee;
}

#apps #controls .text {
    
    padding: 16px 20px;
}

#apps #controls .selected {
    
    background: #eeeeee;
}

#apps #controls #website {
    
    margin: 16px 20px;
}

/*****************************************************************/

#apps #viewer {
  
    display: block;
    position: relative;
    width: 100%;
    
}

#apps #viewer #ratio {
    
    padding-top: 56.25%;
}

#apps #banner {

    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    
    /*border-style: solid;
    border-width: 1px;
    border-color: #eeeeee;*/
    
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#apps .photoAndVideo {
    
    background-color:#000000;
}

#apps .press {
    
    background-color:#eeeeee;
}

#apps #banner iframe {
    
    width:100%;
    height:100%;
    background: #ffffff;
}

/*****************************************************************/

#apps #hidden_quotes {
    
    visibility: hidden;
    display: none;
}

#apps #banner #quotes_container {
    
    width: 100%;
    height:100%; 
}

#apps #banner #quotes {
    
    width: 100%;
    height:98%;

    overflow: auto;
}

#apps #banner #quotes table {

    width: 100%;
    height:100%;
}

#apps #banner .quote {
    
    width: 90%;
    max-width: 550px;
    margin: auto;
}


#apps #banner .quoteline {
    
   
    height: 1px;
    background-color: #cacaca;
    max-width: 500px;
    margin: auto;
     margin-top: 30px;
    margin-bottom: 30px;
}

#apps #banner .quote .from {
    
    text-align: right;
}

#apps #appstore_hidden_link {
    
    display: inline-block;
}

#apps .button_horizontal_margin {
    
    margin-left:10px;
}

#appstore, #appstore_small {
    
    display: inline-block;
    background-image: url('imagesv2/appstore.svg');
}

#playstore, #playstore_small {
    
    display: inline-block;
    background-image: url('imagesv2/playstore.svg');
}

#appstore {
    
    width: 168px;
    height: 50px;
    background-size: 168px 50px;
}

#playstore {
    
    width: 144px;
    height: 50px;
    background-size: 144px 50px;
}

#appstore_small {
    
    width: 117px;
    height: 35px;
    background-size: 117px 35px;
}

#playstore_small {
    
    width: 100px;
    height: 35px;
    background-size: 100px 35px;
}

/******* US *******/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/

#us {
    
    
}

#us #team {
    
    width: 100%;
    margin: auto;
}

#us #team td {
    
    width: 33%;
    text-align: center;
}

#us .member {
    
    padding: 0px 4px;
}

#us .member img {
    
    width: 100%;
}

#us .contact {
    
    text-align: center;
}

#us .share_button {
    
    margin: 0px 4px;
}

/******* CONTACT *******/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/

#contact .mean {
    
    text-align: center;
}

/******* ARTICLES *******/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/

#articles .article .main_title {

    display: inline-block;
}


#articles .article .date,.author {
    
    text-align: right;
}

#articles .article .date {
    
    font-style: italic;
}

#articles .article .more {
    
    display: block;
    text-align: right;
}

#articles #pages a {
    
    display: inline-block;
    padding: 0px 10px;
}

#articles .article ul {
    
    display: inline-block;
    margin: 0px 0px;
}

#articles .article .images {
    
    width: 100%;
    text-align: center;
    display: inline-block;
    margin: 0px 0px;
    line-height: 0px;
}

#articles .article .caption {
    
    width: 100%;
    text-align: center;
    display: inline-block;
    font-style: italic;
}

#articles .article .images img {

    margin: 0px;
    padding: 0px;
    max-width:100%;
}

#articles .article .images .w2, #articles .article .images .w3, #articles .article .images .w4, #articles .article .images .w5 {
    
    margin-left:0.25%;
    margin-right:0.25%;
}

#articles .article .images .w2 {

    max-width:49.5%;
}

#articles .article .images .w3 {
    
    max-width:32.5%;
}

#articles .article .images .w4 {
    
    max-width:24.5%;
}

#articles .article .images .w5 {
    
    max-width:19.5%;
}

#articles .article .images .break {
    
    padding: 0.25%;
}

#articles .article iframe {
    
    margin:0px;
    margin:auto;
    display: inline-block;
    max-width: 100%;
    background: #ffffff;
}

#articles .article .viewer {
    
    display: inline-block;
    position: relative;
    width: 100%;
}

#articles .article .viewer .ratio {
    
    padding-top: 56.25%;
}

#articles .article .viewer .container {
    
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#articles .article .viewer .container iframe {
    
    margin:0px;
    display: block;
    width: 100%;
    height: 100%;
    background: #ffffff;
}

#articles .article .title {

    width: 100%;
    font-weight: bold;
    display: inline-block;
    font-size: 130%;
}

#articles .article .quote {

    left :0px;
    right: 0px;
    font-style: italic;
    display: inline-block;
    font-size: 115%;
    line-height: 26px;
    padding: 0px 20px;
}

#articles .article .important {

    left :0px;
    right: 0px;
    display: inline-block;
    padding: 10px;
    background: #eeeeee;
    
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -os-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

#articles .month {

    text-align: right;
    background: #f6f6f6;
    padding: 3px;
    padding-right: 6px;
}

#articles #share {
    
    text-align: right;
}

#articles #share .share_button {
    
    margin-left:8px;
}

/******* NEWLETTER / REDEEM *******/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/

#newsletter #form, #redeem #form {
    
    text-align: center;
}

#newsletter #form input, #redeem #form input {
    
    -webkit-appearance: none;
    
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    outline: none;
    padding: 10px;
    width: 300px;
    margin-right: 10px;
}

#newsletter #form #message, #redeem #form #message {
    
    padding-top: 10px;
}

#redeem #result, #redeem #disclaimer {
    
    margin: auto;
    max-width: 380px;
}

#redeem #disclaimer {
    
    color: #aaaaaa;
}

#redeem #result .app {
    
    display: block;
    cursor: pointer;
    
    margin-bottom: 5px;
}

/*#redeem #result .app:active {
    
    background: #eeeeee;
    color: #000000;
}*/

#redeem #result .app td {
    
    text-align: left;
}

#redeem #result .app table {
    
    width:100%;
}

#redeem #result .app .td_link {
    
    text-align: center;
    background: #f4f4f4;
    width: 106px;
}

#redeem #result .app .td_icon {
    
    width: 82px;
}

#redeem #result .app .icon {
    
    width: 72px;
    height: 72px;
}

/******* GOODIES *******/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/



#goodies #name {
    
    font-weight: normal;
    padding-top: 5px;
    color:#000000;
    font-size:20px;
}

#goodies #container {
    
    max-width: 500px;
    margin:auto;
    text-align:left;
}

#goodies .content {
    
    margin-top: 6px;
    padding-left:30px;
}

#goodies .folder, .item {
   
    padding:6px;
    padding-left:12px;
}

#goodies .title {
    
    font-weight: bold;
    cursor: pointer;
    font-size: 20px;
 
}

#goodies .folder {
    
    background: #eeeeee;
    border-style: solid;
    border-width:0px;
    border-left-width:1px;
    border-color:#dddddd;
}

#goodies #app_link {
    
    display:inline-block;
}

#goodies .permalink {
    
    
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -os-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    
    width: 20px;
    height: 20px;
    
    background-color:#dddddd;
    display: inline-block;
    cursor: pointer;
        
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    
    background-image: url('imagesv2/permalink.png');
}


/******* ADHOC *******/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/

#adhoc {
    
    width:100%;
    height:100%;
    text-align: center;
    /*background:url("imagesv2/adhoc_background.jpg");*/
}

#adhoc #app {
    
    display: inline-block;
    padding: 30px;
}

#adhoc table {
    
    width:100%;
    height:100%;    
}

#adhoc #name {
    
    font-weight: normal;
    padding-top: 5px;
    font-family: Helvetica, sans-serif; 
    color:#000000;
    font-size:20px;
    /*text-shadow: #000000 0px 2px 4px;*/
}

/******* PRESSKIT *******/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/

#presskit {
    
    width:100%;
    height:100%;
    text-align: center;
}

#presskit #container {
    
    width: 100%;
    height: 100%;
}

#presskit #app {
    
    text-align: left;
    display: inline-block;
    padding: 30px;
}

#presskit #app #icon {
    
    padding-right: 20px;
}

#presskit #name {
    
    font-weight: bold;
    font-size:30px;
}

#presskit #link {
    
    font-size:24px;
}

/******* REDEEM CODE *******/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/

#redeemcode {
    
    width:100%;
    height:100%;
    text-align: center;
}

#redeemcode #container {
    
    width: 100%;
    height: 100%;
}

#redeemcode #code {
    
    border-style:solid;
    border-width:2px;
    border-color:#000000;
    padding:26px;
    font-size:30px;
    letter-spacing:4px;
    font-family: 'Menlo-Regular';
    display:inline-block;
}
/******* RIBBON *******/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/


.ribbon_new_wrapper {
    
 overflow: hidden;
  position: relative;
  z-index: 90;
}

.ribbon_new_mask {

  width:36%;
  height:36%;
 
  position: absolute;
  top: -1px;
  right: -1px;
  right:0px;
  
}

.ribbon_new, .ribbon_soon {
   
    color: #ffffff;
    
    -webkit-transform: rotate(45deg);
    -moz-transform:    rotate(45deg);
    -ms-transform:     rotate(45deg);
    -o-transform:      rotate(45deg);
    transform:      rotate(45deg);
        
    
    width: 200%;
  
    height:50%;
    
    /*right:-25%;
    top:12.5%;*/
    
    /*left: 50%;
    top:50%;*/
    
    top: 25%;
    left: -50%;
    
    background-color: #000000;
    
    
    border-style: solid;
    border-width: 1px;
    border-color:#ffffff;
  
    -moz-box-shadow: 0px 0px 2px #000000;
    -webkit-box-shadow: 0px 0px 2px #000000;
    -o-box-shadow: 0px 0px 2px #000000;
    -ms-box-shadow: 0px 0px 2px #000000;
    box-shadow: 0px 0px 2px #000000;
    
    position: absolute; 
    
    
    background-position: center center;
    background-size: 66%;
    
    background-repeat: no-repeat;
}

.ribbon_new {
    
    background-image: url('imagesv2/new.png');
}

.ribbon_soon {
    
    background-image: url('imagesv2/soon.png');
}

/******* DISQUS *******/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/

#disqus_thread {
    
    padding:10px;
    background: #f7f7f7;
    
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -os-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

/******* SHARE *******/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/

.share_button {
    
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -os-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    
    width: 40px;
    height: 40px;
    
    background: #dddddd;
    display: inline-block;
    cursor: pointer;
    
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40px 40px;
}

.twitter {
    
    background-image: url('imagesv2/twitter.png');
}

.facebook {
    
    background-image: url('imagesv2/facebook.png');
}

.linkedin {
    
    background-image: url('imagesv2/linkedin.png');
}

.email {
    
    background-image: url('imagesv2/email.png');
}

.permalink {
    
    background-image: url('imagesv2/permalink.png');
}

/******* RESUME *******/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/

#resume {
    
    height:100%;
    margin: auto;
}

#card {

    padding:20px;
    
    width:320px;
    background:#ffffff;
    
    -moz-box-shadow: 0px 1px 3px #888888;
    -webkit-box-shadow: 0px 1px 3px #888888;
    -o-box-shadow: 0px 1px 3px #888888;
    -ms-box-shadow: 0px 1px 3px #888888;
    box-shadow: 0px 1px 3px #888888;
}

#resume #photo {
    
    width: 100%;
}

#resume #name {
    
    line-height: 32px;
    font-weight:bold;
}

/******* LOGO *******/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/


#header #logo_link {
    
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    display: inline-block;

    background-size: 153px 58px;
    width: 153px;
    height: 58px;
    background-image: url('imagesv2/logo.png');
}

#header #logo_link:active {
    
    background-image: url('imagesv2/logo_down.png');
}

/******* MAIN COLOR *******/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/

.rounded_button:active {

    color: #e83025;
}

#articles .article .content a, .link {
    
    color: #e83025;
}

/******* RETINA *******/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
    
    
    #adhoc {
		
        background-size: 128px 128px;	
    }
    
    #header #logo_link {

        background-image: url('imagesv2/logo-2x.png');
    }

    #header #logo_link:active {

        background-image: url('imagesv2/logo_down-2x.png');
    }
    
    /*#appstore, #appstore_small {

        background-image: url('imagesv2/appstore-2x.png');
    }
    
    #playstore, #playstore_small {

        background-image: url('imagesv2/playstore-2x.png');
    }*/
}

#disqus_thread {
    
    font-family: Arial, Helvetica, sans-serif;
}