/******************************************************************
Theme Name: Digital times v1 - 2013
Description: Design for digitaltimes.com// by Telma M. Cooney 
Author: Productfitter 
Author URI: http://www.productfitter.com
Tags: html5, css3, development, design, mobile, responsive, media queries, 

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

/*------ RESET ----------------*/
/*-----------------------------*/
html,body{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;line-height:1;font-family:inherit;}

html, body {height: 100%;}
* {margin: 0;}

/* remember to define focus styles! */
:focus {outline: 0;}
ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block;} 
audio[controls],canvas,video{display:inline-block;*display:inline;*zoom:1;}

.clear{clear: both; display: block; height: 0;overflow:hidden;visibility:hidden;width: 0;}

.clearfix{zoom:1;}
.clearfix:before,.clearfix:after {content:"\0020";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}

a img {border: 0;}

/*------ GENERAL STYLES -------*/
/*-----------------------------*/
a,a:hover, img, img:hover{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
a{color:#118cba;text-decoration:none;}
a:hover, a:active{color:#40b3df;}

p{margin:5px 0px}

label{display:inline-block;zoom:1; *display: inline;}
button{padding:0 .25em 0 .25em;width:auto;overflow:visible;}
strong, b {font-weight:bold;}
em, i {font-style:italic}
hr {color: #fff; background-color: #c9c9c9; border: 1px dotted #fff; border-style: none none solid; }
.note{font-size:11px; font-size:1.1rem}

.left {float:left}
.right {float:right} 
.center {text-align:center;} 
.opacity {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity: .5;}

::selection {background: #40b3df; color:#fff; /* Safari - highlight*/}
::-moz-selection {background: #40b3df; color:#fff; /* Firefox - highlight*/}

html{overflow-y:scroll; font-size:62.5%; margin:0 auto;}
html{-webkit-overflow-scrolling:touch; -webkit-tap-highlight-color:#8ec3f8; -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} 

body{font-size:14px; font-size:1.4rem; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: 300; color:#555; word-wrap:break-word;text-overflow:ellipsis;background:#fff;} 

.wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -180px;}
.footer, .push {height: 180px; clear: both;}  /* keeps the footer at the bottom */

.wrap{padding:0 5% 0; width:90%; max-width: 1020px; margin:0 auto;}

h1{font-size:40px; font-size:4.0rem;line-height: 1.2;color:#333;font-family: 'char', Georgia, Times, "Times New Roman", serif;font-weight:bold;}
h2{font-size:22px; font-size:2.2rem;line-height: 1.2;color:#333;font-family: 'char', Georgia, Times, "Times New Roman", serif;font-weight:bold;} 
h3{font-size:18px; font-size:1.8rem;line-height: 1.2;color:#333;font-family: 'char', Georgia, Times, "Times New Roman", serif;font-weight:bold;}
h4{font-size:16px; font-size:1.6rem;line-height: 1.2;color:#333;font-family: 'char', Georgia, Times, "Times New Roman", serif;font-weight:bold;}
h5{font-size:14px; font-size:1.4rem;line-height: 1.2;color:#333;font-family: 'char', Georgia, Times, "Times New Roman", serif;font-weight:bold;}
h6{font-size:12px; font-size:1.2rem;line-height: 1.2;color:#333;font-family: 'char', Georgia, Times, "Times New Roman", serif;font-weight:bold;}


@font-face { 
    font-family: 'char';
    src: url('webfontkit/char.eot');
    src: url('webfontkit/char.eot?#iefix') format('embedded-opentype'),
         url('webfontkit/char.woff') format('woff'),
         url('webfontkit/char.ttf') format('truetype'),
         url('webfontkit/char.svg#char') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'charbd';
    src: url('webfontkit/charbd.eot');
    src: url('webfontkit/charbd.eot?#iefix') format('embedded-opentype'),
         url('webfontkit/charbd.woff') format('woff'),
         url('webfontkit/charbd.ttf') format('truetype'),
         url('webfontkit/charbd.svg#charterbd') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*------ HEADER ---------------*/
/*-----------------------------*/
header.page-header {display:block; height:5em; background:#f8f8f8; border-bottom:1px solid #e2e2e2;font-family: 'char', Georgia, Times, "Times New Roman", serif;
-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);}
header.page-header h1{float:left}
header.page-header h1 a#logo{float:left;border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2;width:278px; height:70px; z-index: 9999; background:#f1f1f1 url(images/sprite.png) no-repeat 0 0; position:relative; text-indent:-9999em; display:block ;margin:0 auto; top:0;left:0}

#top-banner{background:#000; height:3px}
#top-banner span{background:#17649a; width:280px;display:block;height:3px;}
ul.toplinks {text-align:right}
ul.toplinks li{display:inline-block; zoom:1; *display: inline; margin-top: 0.4em;}

nav {float:right;text-align: center; max-width:1050px;/* width:60%;*/ margin:1.6em auto 0;}
nav ul,
nav > ul {border-right: 1px solid #e2e2e2; text-align: left;width: 100%;}
nav ul {margin: 0;text-indent: 0;}
nav li {position: relative;display: inline-block;zoom:1; *display: inline;margin:0 5px 0 0;}
nav li a:link, nav li a:visited, nav li a:active  {border-left:1px solid #e2e2e2; color: #555;line-height: 1.2; font-size:15px; font-size:1.5rem; /*white-space: nowrap;*/display: inline-block;zoom:1; *display: inline;padding:0.4em 0 0.3em 0.55em;text-shadow:0 1px 1px #fff;}
nav li a:hover {color: #999;}
nav li:last-child {margin:0;}
nav li:last-child a{margin-right:.3em}

nav li ul{display: none; margin: 0; padding: 0; position: absolute;top: 100%; z-index: 2;}
nav li ul ul {top: 0;left: 100%;}
nav ul li:hover > ul {border-left: 0;display: block;}
nav li ul li a {background: #f8f8f8;border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;display: block;font-size: 12px;line-height: 1.2; padding: 8px 10px;white-space: normal; width: 180px;}
nav li ul li a:hover {background: #e3e3e3;color: #444;}

nav .current-menu-item > a,
nav .current-menu-ancestor > a,
nav .current_page_item > a,
nav .current_page_ancestor > a {color: #333;font-weight: bold;}

/*------ FOOTER ---------------*/
/*-----------------------------*/
.footer {font-family: 'char', Georgia, Times, "Times New Roman", serif;}
.footer .wrap{padding:0 5% 0; width:90%;}
.footer a.by {margin-top:-0.9em; float:right; background:transparent url(http://www.productfitter.com/images/productfitter-light.png) no-repeat  -10px -5px ; display: block; width:130px; height:25px;}
.footer a.by:hover {background-position: -10px -33px}

footer h6{border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2;padding-left: 0.4em; font-size:14px; font-size:1.4rem;font-weight: normal;}
footer h6 span{font-size:10px; font-size:1.0rem;color:#999; display:block;}
footer ul{padding:1.2em .4em .4em;height: 6.7em;}
footer li{line-height:1.3}
footer .col.big {width:22.7%}
footer .col.bigger {width:29.2%}
.col5 .col {width: 16%;margin-left: 0;}

footer .share {float: none;}
footer .share a {width:45px; height:45px;}
footer .share a span {margin-left: -66px;}
footer .share .twitter a {background-position: -1px -158px;}
footer .share .facebook a{background-position: -55px -158px; }
footer .share .linkedin a{background-position: -110px -158px;}
footer .share .rss a{background-position: -164px -158px;}
footer .share .twitter a:hover {background-position: -1px -204px;}
footer .share .facebook a:hover{background-position: -55px -204px; }
footer .share .linkedin a:hover{background-position: -110px -204px;}
footer .share .rss a:hover{background-position: -164px -204px;}

.bottom{padding: 0.7em 0 .5em;color:#999; font-size:11px;font-size:1.1rem; border-top: 1px dotted #e2e2e2; }

footer .tweets { border: 0 none; border-radius: 0;font-family: 'char', Georgia, Times, "Times New Roman", serif; max-width: 100%;}
footer .tweets_header,
footer .tweets_footer,
footer .mt_screen_name{display:none;}
footer .tweets .tweet {border-bottom: 0; padding: 0;}
footer .tweets .tweet .avatar img {border: 1px solid #E2E2E2;border-radius: 0;padding: 1px;}
footer .tweets a { color:#118cba !important; }
footer .mt_text {color:#555}
footer.entry-meta{ margin: 2em 0 3em;color:#999;font-size:13px; font-size:1.3rem;font-family: 'char', Georgia, Times, "Times New Roman", serif;}
footer.entry-meta a{margin-right:.3em;margin-bottom:.3em;display:inline-block; zoom:1; *display: inline;background: #E2E2E2;padding: 0.2em 0.4em;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
footer .twitter-box{max-height:7.6em; overflow:auto}

/*------ PAGE / HOME-----------*/
/*-----------------------------*/
#page {margin:0 auto 3em; padding:0;}
#page .entry-content{color:#333;margin-bottom: 2em;overflow: hidden;}
#page .entry-content section { margin: 5% 4% 9%;}
#page p{margin:0.3em 0 1.5em;line-height: 1.4;}

p:nth-child(3){} 
h2.sub{font-size:12px; font-size:1.2rem;}

.home h1.header-title,
.home header.header-title{display:none}

/*------ stage1 -----------------*/
#searchform{position:relative}
#searchform input[type=text]{width: 100%;}
#searchform input[type=submit]{font-size: 0;bottom: 0;height: 31px;width: 27px;position:absolute; right:0;background:transparent url(images/sprite.png) no-repeat 0 -282px;-webkit-box-shadow:none; box-shadow: none; border:0;}
#searchform h5{font-size:14px;font-size:1.4rem;color: #555;line-height: 1.7; margin-top: 0.8em;font-weight: normal;}

.stage1 {margin-top:2em; height:350px;}
.stage1 .left img{/*height:100%;*/width:100%}
.stage1 a.feed-box { display: block;height: 25em;overflow:hidden}
.stage1 h1{margin:0.25em 0 0.13em;}
.stage1 h6{line-height: 1.4;}
.stage1 h6 span{width:1em; display:block;}
.stage1 .col.right .post {height: 20.2em;}
/*.post h6 span{border-bottom:1px solid #999}*/

/*------ COLORS CATEGORY -----------------*/
.start-up h6 span{border-bottom:1px solid #40b3df}
.technology-dt h6 span{border-bottom:1px solid #17649a}
.mobile-app h6 span{border-bottom:1px solid #f0d20b}
.marketing h6 span{border-bottom:1px solid #a8cb17}
.digitalmedia h6 span{border-bottom:1px solid #e54028}
.innovation-dt h6 span{border-bottom:1px solid #f18d05}
.news-dt h6 span{border-bottom:1px solid #999}

.stage1 .title{overflow: hidden;background:#999;left: -4.3em;margin: 1em 0 1em;padding: 0.8em 2.4em;position: relative;width: 98.3%;max-height: 16em;overflow:hidden;}
.stage1 .title h1{line-height:1;font-size: 38px;font-size: 3.8rem;}
.stage1 .title h1 a{color:#fff;text-shadow:0px 1px 1px rgba(0,0,0,.5);}
.stage1 .start-up .title {background:#40b3df}
.stage1 .technology-dt .title {background:#17649a}
.stage1 .mobile-app .title {background:#f0d20b}
.stage1 .marketing .title {background:#a8cb17}
.stage1 .digitalmedia .title {background:#e54028}
.stage1 .innovation-dt .title {background:#f18d05}  

.entry-header h6 a{font-size:14px; font-size:1.4rem; display: inline-block;zoom:1; *display: inline;line-height: 1.5;padding-left: 0.2em;margin-bottom:.15em;}
.entry-header .start-up h6 a, .archive-header h4.start-up, h6 a.start-up{border-left:3px solid #40b3df; color:#40b3df}
.entry-header .technology-dt  h6 a, .archive-header h4.technology-dt, h6 a.technology-dt {border-left:3px solid #17649a; color:#17649a}
.entry-header .mobile-app h6 a, .archive-header h4.mobile-app, h6 a.mobile-app{border-left:3px solid #f0d20b; color:#f0d20b}
/*.entry-header .marketing h6 a, .archive-header h4.marketing,*/ h6 a.marketing {border-left:3px solid #a8cb17; color:#a8cb17}
/*.archive-header h4.digitalmedia, .entry-header .digitalmedia h6 a,*/ h6 a.digitalmedia{border-left:3px solid #e54028; color:#e54028}
.archive-header h4.innovation-dt, .entry-header .innovation-dt h6 a, h6 a.innovation-dt {border-left:3px solid #f18d05; color:#f18d05}

li.cat-item-1 {border-right:4px solid #999}   /*---News - grey---*/
li.cat-item-2163 {border-right:4px solid #f18d05}   /*---Innovation - orange---*/
li.cat-item-6 {border-right:4px solid #17649a}  /*---Technology - darkblue---*/
li.cat-item-49 {border-right:4px solid #40b3df}  /*---Start-up - blue---*/
li.cat-item-4 {border-right:4px solid #f0d20b}  /*---Mobile & Apps - yellow---*/
li.cat-item-16 {border-right:4px solid #a8cb17}  /*---Marketing - green---*/
li.cat-item-31 {border-right:4px solid #e54028}   /*---Digital Media - red---*/
/*------ /END COLORS CATEGORY ------------*/

.share {float:right;margin-bottom: 0.2em;position: relative;z-index: 1;}
.share li {display:inline-block;zoom:1; *display: inline;}
.share a{width:33px; height:33px;display:inline-block; zoom:1; *display: inline; background:transparent url(images/sprite.png) no-repeat 0 0;vertical-align:top;-webkit-transition:opacity 0.2s ease-in-out;-moz-transition:opacity 0.2s ease-in-out;-o-transition:opacity 0.2s ease-in-out;-ms-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;}
.share a span{ font-size:13px;font-size: 1.3rem; text-align:center;margin-left:-70px;margin-top: -42px;width: 142px;z-index:1;display:none; padding:0.7em 1em;border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-box-shadow: 0px 0px 4px #666; box-shadow: 0px 0px 4px #666;font-family: 'char', Georgia, Times, "Times New Roman", serif;}
.share a:hover span{ display:inline; position:absolute; border:2px solid #FFF; color:#555; background:rgba(255,255,255,.8)} 
.share a span b{background:transparent url(images/sprite.png) no-repeat 0 -356px;display:block; height:20px; width:26px;z-index:20;position:absolute;border:0;top:24px;left:71px;}
.widget-search .share a span b{top:24px}
.share .twitter a {background-position: -1px -95px;}
.share .facebook a{background-position: -42px -95px; }
.share .linkedin a{background-position: -81px -95px;}
.share .rss a{background-position: -120px -95px;}

.share .twitter a:hover{background-position:-162px -95px;}
.share .facebook a:hover {background-position:-203px -95px; }
.share .linkedin a:hover {background-position:-242px -95px;}
.share .rss a:hover {background-position:-281px -95px;}

/*------ stage2 -----------------*/
.stage2 {margin-top:2em; border-top:1px solid #e2e2e2;position:relative;}
.stage2 h3,
#secondary h3,
.partner-box h3{font-size:16px; font-size:1.6rem; font-weight:bold;line-height: 1.9;border-bottom:1px solid #e2e2e2; border-top:1px solid #e2e2e2;position:relative;background:transparent url(images/sprite.png) no-repeat right -253px;}
.stage2 h3 span,
#secondary h3 span,
.partner-box h3 span{background:#40b3df ;display: block; height: 3px;width: 100%;position:absolute;bottom:0;left: 0;}
.stage2 h3.no-border{border-top:0;border-right:1px solid #e2e2e2;}
.col2.stage2 article a.news-img{display:block; height:165px; overflow:hidden} 

.home .col article{border-left:1px solid #e2e2e2;border-top:1px solid #e2e2e2;}
.col article {float: left;padding-top: 1em; padding-left: 1.6%; width: 48.2%;height:24em; overflow:hidden;}
.col article:nth-of-type(2n+1) {margin-left: 0;clear: left;padding-left: 0;border-left:0; padding-right:1.6%}
.col article:nth-of-type(1),
.col article:nth-of-type(2){padding-top:0; margin-top:1.5em;border-top:0}
.col article h6 {font-size:12px; font-size:1.2rem;line-height:1.3; margin-bottom:.5em}
.col article h6 a{color:#555;margin-right: 0.5em;}
.col article h6 span{width:1em; display:block;}

.col article h1{font-size:24px; font-size:2.4rem;line-height:1.2 }
.col article h1 a {color:#222; font-weight:bold;}
.col article h1 a:hover{color:#40b3df;}
.col article img {width:100%;/*height:165px;*/}

.pagination {margin:1em 0 3em}  
.pagination .wp-paginate a {background: none;border-right: 1px solid #e2e2e2;color: #999; font-size: 12px;font-size: 1.2rem; margin-right: 0;padding: 0.3em 0.6em;border-top:0;border-left:0;border-bottom:0;font-family: 'char', Georgia, Times, "Times New Roman", serif;}
.pagination .wp-paginate .current {background: #A6A6A6;border: 0 none;color: #fff;margin-right: 0;padding: 0.3em 0.6em;font-size: 12px;font-size: 1.2rem;font-family: 'char', Georgia, Times, "Times New Roman", serif;}

.partner-box {background:#F1F1F1;padding: 1.5em;}
.partner-box ul.partners {list-style:none; margin:0}
.partner-box ul.partners li{text-align:center;width: 22.72%;display: inline-block;zoom:1; *display: inline;float: left; margin-left: 2.5%;background:#fff; border: 1px solid #E2E2E2;-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); margin-top: 1em;}
.partner-box ul.partners li:before{content: none;}
.partner-box ul.partners li:nth-of-type(4n+1){margin-left: 0;clear: left;}
.partner-box ul.partners li img{width:100%}
.partner-box ul.partners li.middle {width:47.5%}

/*------ SIDEBAR ----------------*/ 
/*-------------------------------*/
#secondary h3 {border-right:0; border-top:1px solid #e2e2e2;}
#secondary .textwidget {margin:1.5em 0}
#secondary .widget, #adsense-manager-4 {margin-top:2em}
#secondary aside:first-child {margin-top:1.5em}
#secondary  img, #secondary gif{width:100%}
#text-24, #text-23, #text-22{overflow:hidden}


.constant-contact-signup, .constant-contact-form {position:relative}
#page .constant-contact-signup p, .fbf-text,
#page .constant-contact-form p{ margin: 0;position:relative; top:2em; color:#fff;z-index:1; left: 1em;font-family: 'char',Georgia,Times,"Times New Roman",serif; text-shadow:0px 1px 1px rgba(0,0,0,.3); }
#constant-contact-signup p.success.cc_success{color: #fff !important; margin-top: 0;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);top: 0;}
.color-box {background:#40b3df; padding:1em; position:relative;}
.constant-contact-signup form, .fbf-widget,
.constant-contact-form div#cc_form_1 {float:none; border:0; border-radius:0; background:#40b3df; padding:2em 1em 1em; margin: 0 0 1.5em 0;position:relative;width: inherit;}

.color-box h4 {font-size:14px; font-size:1.4rem; color:#fff;text-shadow:0px 1px 1px rgba(0,0,0,.3); font-weight:normal}
.color-box input[type=text], .fbf-widget input[type="text"],
.constant-contact-signup form input[type=text],
.constant-contact-form div#cc_form_1 input[type=text]{text-align: left;border:1px solid #0995c9; width:83%; color:#888; font-size:12px;font-size:1.2rem}
.color-box input[type=submit],
.constant-contact-signup form input[type=submit],.fbf-widget input[type="submit"],
.constant-contact-form div#cc_form_1 input[type=submit]{padding: 0.6em 0.7em 0.6em;color:#fff; font-weight:normal;text-shadow:0px 1px 1px rgba(0,0,0,.3);background:#a6a6a6;margin-left: -1.1em;border-left:0;border-top:1px solid #0995c9;border-right:1px solid #0995c9;border-bottom:1px solid #0995c9;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.constant-contact-signup form div,
.constant-contact-form div#cc_form_1 div{display:inline}
.constant-contact-signup form label{color:#eee; font-size:12px;font-size:1.2rem;font-family: 'char',Georgia,Times,"Times New Roman",serif; position:absolute; text-shadow:0px 1px 1px rgba(0,0,0,.3);top:2.5em;}
.constant-contact-form div#cc_form_1 label{color:#eee; font-size:12px;font-size:1.2rem;font-family: 'char',Georgia,Times,"Times New Roman",serif; text-shadow:0px 1px 1px rgba(0,0,0,.3);}

.widget_categories h3 span {background:none}

li.cat-item {border-bottom:1px dotted #e2e2e2;}
li.cat-item a{line-height: 2.2;font-family: 'char', Georgia, Times, "Times New Roman", serif;}

#secondary .advanced_recent_posts_widget,.popular-posts {background: #f1f1f1; padding: 1.5em;margin-bottom:1.5em}
#secondary .advanced_recent_posts_widget img, .popular-posts img {float: left;margin-right: 10px; margin-top: 0;width: 100%;font-size: 0;}
#secondary .advanced_recent_posts_widget .post-entry{ width: 17%;}
.popular-posts a.wpp-thumbnail, .wpp-list li a:first-child{ width:23.3%;display:inline-block;zoom:1; *display: inline;}
#secondary .advanced_recent_posts_widget a.post-title, .popular-posts a.wpp-post-title {height: 3.5em;overflow:hidden;float: right; width: 71%;color: #555555;font-family: 'char',Georgia,Times,"Times New Roman",serif; font-size: 14px;font-size: 1.4rem; line-height: 1.2;text-shadow: 0 1px 1px #FFFFFF;}
#secondary .advanced_recent_posts_widget a.post-title:hover, .popular-posts a.wpp-post-title:hover{color:#40b3df}
#secondary .advanced_recent_posts_widget ul li,.popular-posts li {border-bottom: 1px solid #e2e2e2;margin: 0.3em 0;padding: 0.3em 0;}
#categories-4 {margin:1.5em 0}
.widget-search {display:inline}

aside#text-6 h3,
aside#text-5 h3,
aside#text-4 h3{display:none}

/*------ ARTICLES / PAGES------*/
/*-----------------------------*/
.long-ad{width:100%;display: inline-block;zoom:1; *display: inline; padding:1.5em 0 2em; overflow:hidden}
h1.entry-title {font-size:32px; font-size:3.2rem;line-height:1.1 }
.single h1.entry-title{min-height: 2.15em;}
.post-thumb img{max-width:100%}
.post-thumb span{line-height: 1.3;margin: 0.5em 0;display: block;color:#666;font-family: 'char', Georgia, Times, "Times New Roman", serif; font-size:12px; font-size:1.2rem;}

header.entry-header {border-bottom:1px dotted #e2e2e2; padding-bottom:1em; margin-bottom:2em;font-family: 'char', Georgia, Times, "Times New Roman", serif;}
header.entry-header .details{font-size:13px; font-size:1.3rem;color:#555} 
header.entry-header .details em{padding-left:1em;}
.entry-header .left{width:78%}
.entry-header .right{width:18%;border-left:1px dotted #e2e2e2;padding-left: 2%;}
.entry-header .comments-link {float:right;color:#555}

p.first{font-size:18px; font-size:1.8rem;line-height: 1.3;color:#111;font-family: 'char', Georgia, Times, "Times New Roman", serif;}

.rtsocial-twitter-horizontal,
.rtsocial-fb-horizontal, 
.rtsocial-linkedin-horizontal{margin-bottom:.5em}
.entry-header .rtsocial-container-align-left {margin: 0;padding: 0;}
.single .post-thumb {margin-bottom:3em}

.author-area {border-top:1px dotted #e2e2e2;border-bottom:1px dotted #e2e2e2;padding:.8em 0}
.author-area .pic {float:left;border:1px solid #e2e2e2;line-height: 0;margin-right:1em}
.author-area img{ border:1px solid #fff;}
.author-area .details {line-height:1.2;color:#999;font-size:13px; font-size:1.3rem;font-family: 'char', Georgia, Times, "Times New Roman", serif;}
.author-area .details .description{display: block;height: 2.3em; margin-bottom: 0.3em; overflow: hidden;}
.author-area .details .description a {text-transform: uppercase; color:#333}
.share a.twitter {background-position:0 -327px}
.share a.facebook {background-position:-34px -327px}
.share a.linkedin {background-position:-68px -327px}

.author-area .tt{margin-top: 0.4em;float:right; height: 2em;position: relative;}
.author-area .tt a{display: inline-block;zoom:1; *display: inline; }
.author-area .share a span { margin-left: -98px;width:205px;}
.author-area .share a span b {left: 97px;top: 25px;}
.author-area .tt.share a span b {top: 24px;}

.auth-links{float:left}

.yarpp-related{margin:3em 0 0}
.yarpp-related h3 {color: #555555;font-size: 13px;font-size: 1.3rem;font-weight: normal;}
.yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail {display:inline-block; zoom:1; *display: inline;height: inherit;width: 23.8%;background:#F1F1F1; border:0;margin:0 0 .5em .5em}
.yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail:nth-of-type(4n+1){margin-left: 0;clear: left;}
.yarpp-related .yarpp-thumbnail > img, .yarpp-related .yarpp-thumbnail-default { width: 94%;} 
.yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail-title {text-shadow:0 1px 1px #fff;line-height: 1.1;height: 3.4em;max-height: 4em;width: 91%; /*font-family: 'char',Georgia,Times,"Times New Roman",serif;*/}

/*------ ARTICLES / COMMENTS---*/
/*-----------------------------*/
#page #disqus_thread {width: 99.8%;margin-top:3em}
.dsq-trackback-url{display:none;}
#dsq-sort-by select {border: 1px solid #eee; color: #888;font-size: 12px;font-size: 1.2rem;margin: 0;padding: 0.3em;}
a.dsq-subscribe-email, a.dsq-subscribe-rss {color: #ccc;}
a.dsq-subscribe-email:hover, a.dsq-subscribe-rss:hover {color: #40b3df;}
a.dsq-subscribe-email em, a.dsq-subscribe-rss em {font-size: 11px;font-size: 1.1rem;}

/*------ ARTICLES / CATEGORIES-*/
/*-----------------------------*/
.archive h1, .author h1, .search h1, .tag h1{font-weight:bold;height: 2.2em;overflow: hidden;}
.archive-header h4{padding-left: 0.2em;margin-bottom:1em;color: #333;border-left: 3px solid #333;font-weight: normal;}
.archive-header h4 span{color:#999}

.archive section{margin-bottom:1em;}

.archive h1.entry-title a,
.search h1.entry-title a {font-size: 24px;font-size: 2.4rem;color:#333; margin-bottom: 0.2em;display:block;font-weight: bold;}
.archive header.entry-header,
.search header.entry-header{margin-bottom:.5em}

a.thumb-cat img{}
a.thumb-cat {display:block;max-height: 8em; overflow: hidden;}

.entry-header.cat-box .left{width:35%}
.entry-header.cat-box .right{width:61%}

.archive header.entry-header .details,
.archive .comments-link,
.search header.entry-header .details,
.search .comments-link{font-size:12px; font-size:1.2rem;color: #999;}

.post-categories {margin-top:.4em;}
.post-categories li{display:inline-block;zoom:1; *display: inline;margin-right:.5em;}

/*------ SEARCH ---------------*/
/*-----------------------------*/
.search .entry-summary p{font-size:12px; font-size:1.2rem;}
.search section{margin-bottom:4em;}


/*------ AUTHOR ---------------*/
/*-----------------------------*/
.author .author-area{margin-bottom:4em;}
.author .author-area .pic {float:right; margin-left:1.5em; margin-right: 0;width: 20%;}
.author .author-area .details {float:none;font-size:14px; font-size:1.4rem;color:#555}
.author .author-area .pic img{width:98%!important;height: 100%!important; }
.author #page .author-area .share p{margin:0 0 .5em 0}
.author .author-area .share{float:none;}

/*------ ERROR  ---------------*/
/*-----------------------------*/
.screen-reader-text {display:none}
.error404 .entry-content #searchform{width:50%}
.error404 .entry-content #searchform input[type="submit"]{font-size:0}
.error404 .entry-header{margin-top:0.4em;}

/*------ COMMENTS  ------------*/
/*-----------------------------*/
#comments article{position:relative;height: inherit;margin-bottom: 2em;  width: 100%;border-bottom: 1px dotted #eee; padding-bottom:.3em;;}
#comments header{float:left; width:109px}
#comments .avatar{ display: block; margin-bottom: 1em; width: auto;-webkit-border-radius: 3px;;border-radius: 3px;}
#comments section {float:right; width:80%}
#comments .fn{font-size: 13px;font-weight: bold;}
#comments time{display: block;font-size: 11px; font-style: italic; line-height: 1.1;margin-top: 1em;}
.comment-awaiting-moderation{color:red;font-size:12px; font-style:italic; text-align:right;}
.comment-reply-link{background: #eee;position:absolute; right:0; bottom:.3em; font-size: 12px;padding: 0.3em 0.5em;-webkit-border-radius: 3px;;border-radius: 3px;}
.comment-reply-title{font-size: 17px; margin:2em 0 0.7em;text-transform: uppercase;}
.comment-respond{clear:both}
.comment-form label{width:5em; display:inline-block;font-size: 13px;}
#page .comment-form p{margin:0 0 .5em}
.comment-notes,.form-allowed-tags{font-size:11px; font-style:italic; text-align:right;color:#bbb}
.commentlist ol.children{margin-left:20%}
.commentlist .comment-form{margin-left:20%}
.comment-notes{float:right}

/*------ PAGES  ---------------*/
/*-----------------------------*/
.header-title {border-bottom: 1px dotted #E2E2E2;font-family: 'char',Georgia,Times,"Times New Roman",serif;margin:.7em 0 2em;padding-bottom: .5em;}
.page-box,
.full-width .fullwidth {margin-top:2em}
b.big{ font-size:18px; font-size:1.8rem;display:block;}
article iframe {padding:.3em; border:1px solid #e2e2e2}

img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {max-width: 100%;height: auto; } 

embed,
iframe,
object,
video {max-width: 100%;}

/* --- Images --- */
.alignleft {float: left;margin-right:1em;}
.alignright {float: right;margin-left:1em;} 
.aligncenter {display: block;margin-left: auto;margin-right: auto;}

.call-to-action {margin:3em 0 3em;color:#fff; text-shadow:0px 1px 1px rgba(0,0,0,.5);border:5px solid #ddd; background:#f18d05 url(images/call-to-action.png) repeat left top;padding: 1.5em;text-align: center;}
.call-to-action h3{color:#fff}
#page .call-to-action p{margin:0}

a.white { text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25); border-color:#ccc;display: inline-block;zoom:1; *display: inline; font-size: 20px; font-size: 2rem;
background-color:#ddd;margin: 1em 0 0;padding: 2.5% 5% 2%;
 -webkit-box-shadow: 0 1px 0 #fff inset, 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 #fff inset, 0 0 4px rgba(0, 0, 0, 0.2);
background-image:-webkit-gradient(linear, left top, left bottom, from(#ddd), to(#F5F5F5));
background-image:-webkit-linear-gradient(top, #ddd, #F5F5F5);
background-image:-moz-linear-gradient(top, #ddd, #F5F5F5);
background-image:-ms-linear-gradient(top, #ddd, #F5F5F5);
background-image:-o-linear-gradient(top, #ddd, #F5F5F5);
background-image:linear-gradient(to bottom, #ddd, #F5F5F5);}

.inline{display: inline-block;zoom:1; *display: inline;}
.share-btn div{display: inline-block;zoom:1; *display: inline;margin:0 1em 1.5em 0;}
    
/* --- about ----*/
.col article.team {margin-top: 3em;text-align:center; height:100% } 
.team .pic {max-width:140px;display: inline-block;zoom:1; *display: inline;margin-bottom: 1em;}
.team .pic img{border: 1px solid #e2e2e2;padding: 1px;}
.team h3{font-weight:bold;}
.team h3 span{display:block;font-weight:normal; font-size:14px; font-size:1.4rem;color:#999}
.team p{text-align:left}

.team .share {float: none;margin: 1.5em 0; }
.team .share a span { margin-left:-113px;width: 200px;}
.team .share a span b {left: 97px;top: 24px;}
.team .share a.email {background-position:-135px -327px}
.team .share br{display:none;}

/* --- all pages two columns ----*/ 
.col article.col2 {margin-top: 1em;height: 100%}
.col article.col2 img {height: inherit; width: inherit;}

/* --- portfolio ----*/ 
.portfolio {background:#F1F1F1; padding:1.5em;margin-top:1.5em;}
.portfolio br{display:none;}
.portfolio img{width:49%; margin-bottom.5em;}


/*------ UNORDERED LIST ---------*/ 
/*-------------------------------*/
.entry-content ul {margin:2em; font: italic 1em Georgia, Times, serif;color: #555;text-indent: -.9em;text-shadow: 1px 1px 0 #FFFFFF;}
.entry-content ul li:before {content: "\00BB \0020";}
.entry-content ul li {margin:1em 0; line-height:1.3;}

/*------ ORDERED LIST ---------*/ 
/*-----------------------------*/
.entry-content ol {font: italic 1em Georgia, Times, serif;color: #999999;list-style: upper-alpha; margin-left: 2em;}
#page .entry-content ol p {font: normal .9em Georgia, Times, serif; color: #555;margin:1.2em 0}

/*------ COLUMNS --------------*/ 
/*-----------------------------*/
.col {/*background:#eee;*/float: left; margin-left: 2.5%;/*margin-bottom: 2em;*/}
.fullwidth .col {float: none; margin-left: 0; clear:both}
.col4 .col {width: 22.6%;}
.col3 .col {width: 31.2%;}
.col2 .col.left {width: 68.61%;}
.col2 .col.right {width: 29.41%; float:right; margin-left:0} 

/* clear col */
.col5 .col:nth-of-type(5n+1),
.col4 .col:nth-of-type(4n+1),
.col3 .col:nth-of-type(3n+1),
.col2 .col:nth-of-type(2n+1) {margin-left: 0;clear: left;}

/* reset cols to 3-column */
@media screen and (max-width: 768px) {
	.col4 .col {width: 31.2%;}
	.col4 .col:nth-of-type(4n+1) {margin-left: 3.2%;clear: none;}
	.col4 .col:nth-of-type(3n+1) {margin-left: 0;clear: left;}
}

/* reset cols to 2-column */
@media screen and (max-width: 600px) {
	.col4 .col {width: 48.4%;}
	.col4 .col:nth-of-type(3n+1) {margin-left: 3.2%;clear: none;}
	.col4 .col:nth-of-type(2n+1) {margin-left: 0;clear: left;}
	.col3 .col {width: 48.4%;}
	.col3 .col:nth-of-type(3n+1) {margin-left: 3.2%;clear: none;}
	.col3 .col:nth-of-type(2n+1) {margin-left: 0;clear: left;}
}

/* reset cols to fullwidth */
@media screen and (max-width: 480px) {
	.col, 
	.col2 .col article {width: 100% !important;margin-left: 0 !important;clear: none !important;}
}


/*------ FIREFOX ---------------*/
/*------------------------------*/ 
@-moz-document url-prefix() { 

}

/*------ CHROME ---------------*/
/*-----------------------------*/  
@media screen and (-webkit-min-device-pixel-ratio:0) {

}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {
	h1.title{line-height:1}
	header.page-header h1 a#logo{width:288px;}
	#top-banner span {width: 288px;}
	nav {position:relative;float:left; display:none; margin-top:.5em;}
	nav li a:link, nav li a:visited, nav li a:active {font-size:14px;font-size: 1.4rem;}
	#nav-btn {background: transparent; border-bottom: 14px double #bbb; border-top: 5px solid #bbb; height: 4px; width:30px;position:relative; top:-1.4em;float:left;margin-bottom:-1em}
	ul.toplinks li {padding-top: .8em;}
	.col, 
	.col2 .col article {width: 100% !important;margin-left: 0 !important;clear: none !important;}
	.home .col article {border:0; margin-bottom:1.5em}
	.col2 .col.right { margin-top: 2em;}
	.col2.stage1 .col.right {margin-top:0;}
	.stage1 {margin-top:.5em}
	.stage1, .stage1 a.feed-box, .stage1 .left img  {height:inherit;}
	.stage1 .title {left: 0;width:inherit;padding: 0.5em 1em .8em;margin:.5em 0}
	.stage1 .title h1,
	.col article h1 {font-size:22px;font-size: 2.2rem;line-height: 1.1;}
	.col article {border-bottom:2px solid #40b3df;padding-left: 0;border-left:0;height: inherit;padding-bottom:1em;}
	.stage1 .col.right .post {height: 100%;margin-bottom:1.5em}
	footer ul {height: inherit; padding: 1.2em 0.4em 2em;}
	footer .col.bigger{display:none;}
	.footer a.by,.footer a.by:hover {margin-top: .1em; height:2em; background:transparent url(images/pf-light-2x.png) no-repeat 22px 3px;background-size:83%; }
	
	.long-ad {width: 100%; padding: 1.5em 0 1em;}
	.long-ad img, .long-ad gif, .entry-content gif, .entry-content img {width: 100%;}
	.yarpp-related img,.yarpp-related gif{width: inherit;}
	h1.entry-title,
	.archive h1.entry-title a, 
	.search h1.entry-title a {font-size: 22px; font-size: 2.2rem;}
	.entry-header .left {width: 100%;}
	.entry-header .right {width: 100%;border-left:0}
	header.entry-header .details {display: block;}
	header.entry-header .details em {float: none;padding-left: 0;margin-left: 0.5em;}
	.entry-header .comments-link {float: none;margin: 0.3em 0 1em;}
	.post-thumb img { max-width: 100%;}
	.auth-links{float:none}
	.widget-search {margin-top:2em}
	.author h1 {font-size: 30px;font-size: 3rem;}
	.author .author-area .pic {float: left;margin-bottom: 1em;margin-left: 0;margin-right:1em;}
	.author .author-area .pic img {height: 4em!important;}
	.archive h1.entry-title a,
	.search h1.entry-title a {font-size: 16px;font-size: 1.6rem;}
	.archive header.entry-header .details, .archive .comments-link, .search header.entry-header .details, .search .comments-link {float: left;line-height: 1.6;}
	.share a span b{top:25px}
	ul.partners li img{width:100%}
	.partner-box ul.partners li{width: 22.5%;}
	.share a:hover span{display:none;}
	.yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail:nth-of-type(2n+1) {clear: left;margin-left: 0;}
	.yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail { width: 48%;}
	.yarpp-related .yarpp-thumbnail > img, .yarpp-related .yarpp-thumbnail-default {height: 100px;}
	.partner-box ul.partners li img{height:2.8em}
	input[type="text"].subscription_email{width:81%}
	.home footer.entry-meta{margin:0}
	.home .stage2 .col.right { margin-top: 0em;}
	#page{margin:0 auto}
	footer .share .twitter a, footer .share .twitter a:hover {background-position: 0 -95px;background-size: 700% auto;height: 29px;width: 29px;}
	footer .share .facebook a, footer .share .facebook a:hover {background-position: -35px -95px;background-size: 700% auto;height: 29px;width: 29px;}
	footer .share .linkedin a, footer .share .linkedin a:hover {background-position: -68px -95px;background-size: 700% auto;height: 29px;width: 29px;}
	footer .share .rss a, footer .share .rss a:hover {background-position: -100px -95px;background-size: 700% auto;height: 29px;width: 29px;}
	.share .twitter a, .share .facebook a, .share .linkedin a, .share .rss a {margin-left: 0.4em; background-size: 796% auto;height: 25px; width: 25px;}
	.share .facebook a{background-position: -34px -95px;}
	.share .linkedin a{background-position: -67px -95px;}
	.share .rss a{background-position: -100px -95px;}
	footer.entry-meta{margin:0 0 2em}
	#page .entry-content{margin-bottom:0}
	.hi, .tt.share {display:none}
	.archive header.entry-header .details, .search header.entry-header .details {font-size:11px;}
	header.entry-header{padding:0}

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
	#nav-btn{top:.8em; float:right}
}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	.author .author-area .pic {float: left;margin-bottom: 1em;margin-left: 0;margin-right:1em;width: 19%;}
	.archive h1.entry-title a, .search h1.entry-title a {font-size: 22px;font-size: 2.2rem;}
	.yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail {width: 23.3%;}
	.yarpp-related .yarpp-thumbnail > img, .yarpp-related .yarpp-thumbnail-default {height: 80px;}
	.share a:hover span{display:none;}
	.long-ad, .long-ad img, .long-ad gif {width: 100%;}
}


/* iPads (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 770px) {
	nav{margin-top:0.5em}
	.stage1{height: inherit;}
	.stage1 .title{padding:0.8em 1.5em;width:109%}
	.stage1 .title h1,
	.stage1 .title h1 a {line-height:1;font-size: 22px;font-size: 2.2rem;margin-top:0}
	.stage1 a.feed-box  {height:18em}
	.stage1 .col.right .post {height:13.2em;}
	#searchform h5 {line-height: 1;font-size: 12px;font-size: 1.2rem;} 
	#secondary .advanced_recent_posts_widget a.post-title {font-size: 12px;font-size: 1.2rem;font-weight: normal; line-height: 1.1;}
	.col article img {height: inherit;}
	.col article h1 {font-size: 2.1rem; line-height: 1.1;}
	.color-box input[type="submit"], .constant-contact-signup form input[type="submit"], .constant-contact-form div#cc_form_1 input[type="submit"] {margin-left: -2.2em;}
	ul.partners li img{width:100%}
	footer .col.bigger {display:none;}
	footer .col.big {width: 50.7%;}
	.entry-header .right {width: 25%;}
	.entry-header .left {width: 72%;}
	h1.entry-title {font-size: 26px; font-size: 2.6rem;}
	.post-thumb img { max-width: 100%;}
	.page-box, .full-width .fullwidth {margin-top: 5em;}
	header.entry-header .details em { float: right;}
	.author .author-area .pic img {height: 6.2em;}
	.long-ad, .long-ad img, .long-ad gif, .entry-content img {width: 100%;}
.fbf-widget input[type="submit"]{margin-left: -3.1em;}
}

/* iPads (landscape) ----------- */
@media only screen and (min-width : 1000px) and (max-width : 1024px) and (orientation : landscape) {
	.color-box input[type="submit"] {margin-left: -1.2em;}
	.stage1 .title h1,
	.stage1 .title h1 a {font-size: 30px;font-size: 3.0rem;margin-top:0}
	.author .author-area .pic img {height: 8em;}

}


/* in between ----------- */
@media only screen and (min-width : 480px) and (max-width : 768px) {
	nav{margin-top:.5em}
	nav li a:link, nav li a:visited, nav li a:active {font-size:14px;font-size: 1.4rem;}
	.stage1 .title{padding:0.8em 1.5em}
	.stage1 .title h1 {font-size: 30px;font-size: 3rem;}
	.long-ad, .long-ad img, .long-ad gif {width: 100%;}
	.entry-header .right {width: 25%;}
	.entry-header .left {width: 72%;}
	h1.entry-title {font-size: 26px; font-size: 2.6rem;}
	.post-thumb img { max-width: 100%;}
	.page-box, .full-width .fullwidth {margin-top: 5em;}
	header.entry-header .details em { float: right;}
	.color-box input[type="submit"] {margin-left: -3em;}
}


/* iPhone 4 and high pixel ratio devices ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	header.page-header h1 a#logo{background:#f1f1f1 url(images/logo.png) no-repeat 6px 0;background-size:90%}

}