/*
// The information below is what appears in the theme information panel - simple and clever eh?
Theme Name: Cross Platform Application Development Blog
Theme URI: http://trigger.io
Description: Clean, simple, no cogs!
Version: 2.0
Author: David Kidger
Author URI: http://squidgeinc.com
*/

/* CSS Reset [Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html] - v2.0 | 20110126
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre, blockquote,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

/*blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}*/

blockquote {
  border-left: 4px solid #dddddd;
  padding: 0 15px;
  color: #777777; 
}
blockquote > :first-child {
    margin-top: 0; 
}
blockquote > :last-child {
    margin-bottom: 0; 
}

table {/* tables still need 'cellspacing="0"' in the markup */
    /*border-collapse: collapse;
    border-spacing: 0;*/
}

table {
	width: 100%;
	background:#eaebec;
	margin:5px;
	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

        border-collapse: collapse;
        border-spacing: 0;
}
table th {
        padding: 5px;
	/*border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;*/
	text-align:center;
	font-weight: bold;
}
table th:first-child {
   text-align: left;
}
table tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
table tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
table tr {
	text-align: center;
	padding-left:5px;
}
table td:first-child {
	text-align: left;
	padding-left:5px;
	border-left: 0;
}
table td {
	padding:5px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;

	background: #fafafa;
}
table tr.even td {
	background: #f6f6f6;
}
table tr:last-child td {
	border-bottom:0;
}
table tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}


/* Additional Template Specific Reset
-------------------------------------------------------------- */


/* ClearFix
-------------------------------------------------------------- */

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; } /* for IE only */
         
/* Layout
-------------------------------------------------------------- */
         
html {height:100%; font-size:100%;}

body {
    height:100%;
    margin:0;
    font:14px/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color:#000;
    background:#fff;
    /* font-smooth:auto; */
    -webkit-font-smoothing: antialiased;
}

h1 {font-size:35px;}
h2 {font-size:25px; font-weight:normal;}
h3 {font-size:20px; font-weight:normal;}
p, li {font-size:16px;}
b, strong { font-weight: bold; }
i, em { font-style: italic; }

a {text-decoration:none; outline:0; color:#1bb8d4;}
a:hover {text-decoration:underline; color:#148BA0;}
a:hover, a:active {outline:0;}

.share-button {
    display:inline-block;
    width:50px;
    height:20px;
    text-indent:-9999em;
    overflow:hidden;
    background:transparent url('f/button-share.png') no-repeat bottom left;
    margin-bottom:-3px;
}

.follow-button {
    display:inline-block;
    width:62px;
    height:20px;
    text-indent:-9999em;
    overflow:hidden;
    background:transparent url('f/button-follow.png') no-repeat bottom left;
    margin-bottom:-3px;
}

.big-bttn {
    background-color: #1BB8D4;
    background-image: -ms-linear-gradient(top, #42CEE7 0%, #1BB8D4 100%);
    background-image: -moz-linear-gradient(top, #42CEE7 0%, #1BB8D4 100%);
    background-image: -o-linear-gradient(top, #42CEE7 0%, #1BB8D4 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #42CEE7), color-stop(1, #1BB8D4));
    background-image: -webkit-linear-gradient(top, #42CEE7 0%, #1BB8D4 100%);
    background-image: linear-gradient(top, #42CEE7 0%, #1BB8D4 100%);
    border:1px solid #20adc6;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a1e7f3;
    -moz-box-shadow: inset 0px 1px 0px 0px #a1e7f3;
    box-shadow: inset 0px 1px 0px 0px #a1e7f3;
    border-radius:4px;
    color:#fff;
    padding:10px 8px;
    text-align:center;
    text-shadow: 0px -1px 0px rgba(0,0,0,0.25);
}

    a.big-bttn:hover {
        text-decoration:none;
        background:#1BB8D4;
        text-shadow:none;
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none;
        color:#fff;
    }

.sub-copy {
    font-size:14px;
    color:#ababab;
}

    .sub-copy a {
        color:#666;
    }

#main-header {
    height:100px;
    background:#000;
    background-image: -ms-linear-gradient(top, #2E2E2E 0%, #000000 100%);
    background-image: -moz-linear-gradient(top, #2E2E2E 0%, #000000 100%);
    background-image: -o-linear-gradient(top, #2E2E2E 0%, #000000 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2E2E2E), color-stop(1, #000000));
    background-image: -webkit-linear-gradient(top, #2E2E2E 0%, #000000 100%);
    background-image: linear-gradient(top, #2E2E2E 0%, #000000 100%);
    min-width:980px;
    position:relative;
}

    .top-tab-trigger {
        position:absolute;
        top:0;
        left:20px;
        display:block;
        width:140px;
        height:23px;
        background:#424242 url('f/logo-small-trigger.io.png') no-repeat center center;
        text-indent:-9999em;
        overflow:hidden;
        border-bottom-right-radius:4px;
        border-bottom-left-radius:4px;
        -webkit-box-shadow:  0px 1px 0px 0px #717171;
        -moz-box-shadow:  0px 1px 0px 0px #717171;
        box-shadow:  0px 1px 0px 0px #717171;
    }

        .top-tab-trigger:hover {
            background-color:#000;
            -webkit-box-shadow:  0px 1px 0px 0px #424242;
            -moz-box-shadow:  0px 1px 0px 0px #424242;
            box-shadow:  0px 1px 0px 0px #424242;
        }

#main-h {
    width:980px;
    margin:0 auto;
    background:transparent url('f/title-cross-platform-application-development-blog.png') no-repeat center center;
    height:100px;
    text-indent:-9999em;
    overflow:hidden;
}

    #main-h a {
        display:block;
        width:980px;
        height:100px;
    }

#container {
    width:980px;
    margin:0 auto;
    padding:40px 0 30px 0;
}

.filter-heading {
    text-align:center;
    padding-bottom:20px;
}

#main {
    width:780px;
    margin:0 auto;
}

    #main h1 {
        padding:15px 20px;
        background:#fcfcfc;
        border:1px solid #f1f1f1;
        font-weight:bold;
        color:#444;
    }

    #main h1 a:hover {
        text-decoration:none;
    }

    #main p.byline {
        text-align:right;
        border-bottom:1px solid #f1f1f1;
        margin-bottom:40px;
        position:relative;
        padding:6px 92px 6px 0;
    }

        #main p.byline a.share {
            display:block;
            width:50px;
            height:20px;
            position:absolute;
            right:0;
            top:50%;
            margin-top:-10px;
        }

        #main p.byline .addthis_toolbox {
            display:block;
            width:90px;
            height:20px;
            position:absolute;
            right:0;
            top:50%;
            margin-top:-8px;
        }


.content {
    width:620px;
    margin:0 auto;
    color:#484848;
}

.content h2, .content h3 {
    color:#000;
}

.content p, .content ul, .content ol, .content h2, .content h3, .content h4, .content img {
    margin:15px 0;
}

    .content p, .content li {
        line-height:1.4em;
    }

    .content ul, .content ol {
        list-style:disc;
        padding-left:40px;
    }

        .content ul {
            list-style-type:disc;
        }

        .content ol {
            list-style-type:decimal-leading-zero;
        }

    .content img {
        display:block;
        max-width:600px;
        padding:9px;
        background:#fcfcfc;
        border:1px solid #f1f1f1;
        margin:0 auto;
    }

    .content code {
        background:#fcfcfc;
        border:1px solid #ccc;
        font-family:Monaco,Andale Mono,Courier,monospace;
        padding:1px 3px;
        font-size:14px;
    }

    .content pre code {
        padding:0;
        background:none;
        border:none;
    }

    .content pre {
        font-family:Monaco,Andale Mono,Courier,monospace;
        padding:10px;
        font-size:14px;
        background:#fcfcfc;
        border:1px solid #ccc;
        overflow-x: scroll;
    }

.post-list-divider {
    height:20px;
    margin-bottom:25px;
    border-bottom:1px dashed #ccc;
}

.go-further {
    background:#414141;
}

.previous-next {
    width:980px;
    min-height:140px;
    margin:0 auto;
    position:relative;
}

    .previous-next .previous a, .previous-next .next a {
        display:block;
        margin-top:-21px;
        position:absolute;
        top:50%;
        height:43px;
        width:140px;
        background:transparent url('f/buttons-prev-next-flat.png') no-repeat top left;
        text-align:center;
        line-height:43px;
        font-weight:bold;
        text-shadow: 0px -1px 0px #000;
    }

    .previous-next .previous a:hover, .previous-next .next a:hover {text-decoration:none; text-shadow:none;}

    .previous-next .previous a {
        left:0;
        padding-left:20px;
    }

    .previous-next .previous a:hover {background-position:bottom left;}

    .previous-next .next a {
        right:0;
        padding-right:20px;
        background-position:top right;
    }

    .previous-next .next a:hover {background-position:bottom right;}

    .previous-next .next-links {
        width:620px;
        height:70px;
        background:#fff;
        position:absolute;
        left:50%;
        top:50%;
        margin-top:-35px;
        margin-left:-310px;
    }

    .previous-next .next-links h2, .previous-next .next-links a.btt {
        position:absolute;
        top:-25px;
        font-size:14px;
        font-weight:bold;
    }

    .previous-next .next-links h2 {
        color:#fff;
        left:0;
    }

    .previous-next .next-links a.btt {
        right:0;
        color:#bcbcbc;
    }

    .previous-next .next-links ul {
        padding-left:20px;
    }

    .previous-next .next-links li {
        font-size:13px;
        font-weight:bold;
        line-height:70px;
        float:left;
        padding-right:12px;
        color:#484848;
    }

    .previous-next .next-links li:last-child {
        padding-right:0;
    }

    

#sidebar {
    position:fixed;
    left:0;
    top:105px;
}

.social-tab {
    display:block;
    height:40px;
    width:40px;
    margin-bottom:5px;
    background-color: #1BB8D4;
    background-image: url('f/social-tabs.png');
    background-repeat:no-repeat;
    position:relative;
    overflow:hidden;
}
    
    .social-tab.trigger-io {
        background-position:right -320px;
    }

        .social-tab.trigger-io a {
            width:40px;
            height:40px;
            display:block;
            text-indent:-9999em;
            overflow:hidden;
        }

    .social-tab.twitter {
        background-position:right -40px;
    }

    .social-tab.facebook {
        background-position:right -80px;
    }

    .social-tab.newsletter {
        background-position:right top;
    }

    .social-tab.newsletter-cta {
        height:200px;
        background-position:right -120px;
    }

    .social-tab span.twit {
        display:block;
        position:absolute;
        top:10px;
        right:70px;
        height:40px;
    }

    .social-tab span.face {
        display:block;
        position:absolute;
        top:10px;
        right:40px;
        height:40px;
        width:100px;
    }

    .social-tab.rss {
        background-position:right -400px;
    }

        .social-tab.rss a {
            width:40px;
            height:40px;
            display:block;
            text-indent:-9999em;
            overflow:hidden;
        }

    .fb_edge_comment_widget { /* hide Facebook comment box */
        display: none !important;
    }

    .social-tab #mc_signup {
        display:block;
        position:absolute;
        top:5px;
        right:45px;
        width:255px;
        height:40px;
        color:#fff;
    }

    .social-tab #mc_signup .mergeRow, .mc_custom_border_hdr, .mc_var_label {
        display:none;
    }

    /* .mc_error_msg, .mc_success_msg */ #mc_message {
        position:fixed;
        top:0;
        left:0;
        width:100%;
        text-align:center;
        background:#FCFCFC;
        font-size:14px;
        font-weight:bold;
        height:35px;
        line-height:35px;
        border-bottom:1px solid #F1F1F1;
        display:none;
    }

    .social-tab #mc_signup #mc_mv_EMAIL {
        border:1px solid #fff;
        font-size:14px;
        font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
        padding:7px 79px 6px 5px;
        width:170px;
        border-radius:4px;
    }

        .social-tab #mc_signup #mc_mv_EMAIL:focus {
            border-color:#138599;
        }

    .social-tab .button {
        position:absolute;
        top:2px;
        right:2px;
        border:0;
        cursor:pointer;
        background:#1BB8D4;
        color:#fff;
        border-radius:4px;
        height:27px;
        font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-weight:bold;
        font-size:12px;
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {
        /* Some lazy webkit-specific fixes for the newsletter form */
            .social-tab #mc_signup {
                position:absolute;
                top:3px;
                right:50px;
            }
            .social-tab .button {
                position:absolute;
                top:4px;
                right:1px;
            }
        }


#main-footer {
    min-width:980px;
    margin:0 auto;
    text-align:center;
    border-top:1px solid #f1f1f1;
    padding:10px 0;
}

    #main-footer p {
        font-size:11px !important;
        font-weight:bold !important;
    }

/* WordPress Core CSS
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}


/* Media Queries
-------------------------------------------------------------- */
    /* Smaller than standard 960 (devices and browsers) */
    @media only screen and (max-width: 959px) {
    
    }

    /* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 768px) and (max-width: 959px) {
    
    }

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {
    
    }

    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
    @media only screen and (min-width: 480px) and (max-width: 767px) {
    
    }
    
    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px) {
    
    }

/* Print Styles
-------------------------------------------------------------- */