/* production styles */

html {
}


/* /////// typography \\\\\\\ */
body {
    font-family: Arial, Sans-Serif;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

/*div#globalSideBar h2, div#globalSideBar h2 a {
color: White; 
background-color: #9999cc; 
text-decoration: none;
font-weight: bold !important;}*/

p {
    font-size: 1em;

}

a {
    color: #666666;
}

a:hover {
    text-decoration: underline;
}

strong {
    font-weight: bold !important;
}

/* /////// page setups \\\\\\\ */

body {
    background: url(../assets/tp/tp_bg.jpg) top left repeat-x;
    
    /*margin: auto !important;*/ /* centre page */
    /*padding-left: 10px;*/
    /*width: 960px;*/ /* padding-left 10px + content 940px + remainder 10px */
}
    
    /* alternate background image*/
    body.context, body.no-context /*body.filter-on*/ {
        background: url(../assets/tp/tp_bg_alt.jpg) top left repeat-x;
    }


.clear {
    clear: both;
}

.edge { /* using to clear final column margins */
    margin-right: 0 !important;
}

div#wrapper {
    margin: 0 auto;
    width: 960px; /* content area of the site */
}


/* /////// header section \\\\\\\ */

div#header { 
    height: 80px; 
    margin: 22px 0 10px 625px;
}    

/* text replacement */    
div#header .logo {
    height: 63px;
    width: 315px;
}
    div#header h1.logo {
        position: relative;
    }
        div#header h1 span.logo {
            position: absolute;
            top: 0;
            background-image: url(../assets/tp/tp_logo.png);
            cursor: pointer;
        }

/* /////// top section \\\\\\\ */

div#introPanel {
    float: left;
    margin-top: 33px;
}

/* text replacement */
div#introPanel .pitch {
    height: 237px;
    width: 300px;
}
    div#introPanel h2.pitch {
        position: relative;
    }
        div#introPanel h2 span.pitch {
            position: absolute;
            top: 0;
            background-image: url(../assets/tp/we_help.png);
        }

/* news slider */

    /*
     * Required 
    */
    .container { /*width:618px;*/ height:303px; overflow:hidden; position:relative; cursor:pointer; }
    div.slides { position:absolute; top:0; left:0; }
    ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
    div.slides > div,ul.slides li { position:absolute; top:0; width:618px; display:none; padding:0; margin:0; }
    /*
     * Optional
    */
    #newsSlider { /*margin:0 auto;*/float: right; width:618px; position:relative; /*clear:both;*/ }
    ul.pagination { float: right; list-style:none; padding:0; margin:22px 0 0; }
    ul.pagination li  { background:#e1e1df; display: block; float:left; margin-left: 5px; width: 29px; }
    ul.pagination li a { padding:1px 0 19px 8px; color:white; font-size: 24px; text-decoration: none; }
    ul.pagination li.active a { background:#00a7de; display: block; height: 9px; /*width: 29px;*/ }

    div#newsSlider {
        margin-bottom: 31px;
    }

    div.container {
        border: solid 1px #c3c3be;
    }

div#newsSlider h2.alt, div#content div#newsSlider h2.alt a {
    background-color: #9999cc;
}

/* categories (when filter selected) */

div#category-header {

}

div#category-header h2 {
    color: #00a7de;
    font-family: Alternate Gothic No2 D;
    font-size: 60px;
    font-weight: normal;
    letter-spacing: -2px;
    line-height: 0.8em;
    margin-top: 52px;
    text-transform: uppercase;
}

div#category-header h3 {
    color: #847057;
    font-size: 30px;
    letter-spacing: -1.2px;
    line-height: .9em;
    padding-top: 2px;
}

div#category-header img {
    border:1px solid #c3c3be;
}

div#category-header div.cat-wrapper {
    float: left;
    width: 300px;
    margin-right: 20px;
}

div.category-main-text {
    float: left;
    width: 300px;
    overflow: hidden !important;
}

div.category-main-text p {
    color: #345d6b;
    padding-bottom: 10px;
}

/* /////// midBar section \\\\\\\ */

div#midBar {
    clear: both;
    height: 105px;
    margin-bottom: 21px;
}    

/* text replacement */
div#midBar .service1 {
    height: 105px;
    width: 310px;
    float: left;
}
    div#midBar h3.service1 {
        position: relative;
    }
        div#midBar h3 span.service1 {
            position: absolute;
            top: 0;
            background-image: url(../assets/tp/brand_web_design.png);
        }

/* text replacement */
div#midBar .service2 {
    height: 105px;
    width: 320px;
    float: left;
}
    div#midBar h3.service2 {
        position: relative;
    }
        div#midBar h3 span.service2 {
            position: absolute;
            top: 0;
            background-image: url(../assets/tp/cms_blogs_social.png);
        }

/* text replacement */        
div#midBar .service3 {
    height: 105px;
    width: 310px;
    float: left;
}
    div#midBar h3.service3 {
        position: relative;
    }
        div#midBar h3 span.service3 {
            position: absolute;
            top: 0;
            background-image: url(../assets/tp/emarketing_seo_analytics.png);
        }


/* /////// lower mid section \\\\\\\ */

div#newsWrapper {
    float: left;
    width: 780px;
    margin-right: 20px; 
    overflow: hidden !important;
}

    /* body class variation */
    body.context div#newsWrapper {
        float: left;
        width: 460px;
        margin-right: 20px;
        overflow: hidden !important;
    }
    
    /* body class variation */
    body.no-context div#newsWrapper {
        float: left;
        width: 620px;
        margin-right: 20px;
        overflow: hidden !important;
    }

    /* body class variation */
    body.filter-on div#newsWrapper {
        margin-top: 80px;
    }

/*div#newsWrapper h3, div#newsWrapper h3 a {
    width: 460px;
    height: 46px;
    background-color: #99cccc;
    color: White;
    display: block;
    text-decoration: none;
}

div#newsWrapper h3.alt, div#newsWrapper h3.alt a {
    background: #9999cc;
}*/


div#featuredNews {
    float: left;
    width: 460px;
    margin: 0 20px 0 0;
}

div#featuredNews h1 {
    height: 35px;
    border-top: solid 3px #a2a2a2;
    margin-bottom: 5px;
    background-color: #ededed;
    color: #666666;
}

div#featuredNews h2.featured-news, div#featuredNews h2.featured-news a {
    color: #686868;
    font-size: 1.2em;
    letter-spacing: -1px;
    text-decoration: none;
}

div#featuredNews h2.featured-news a:hover {
    color: #345d6b;
}

/*div#featuredNews h2.first-feature, div#featuredNews h2.first-feature a {
    border-top: none !important;
}*/

div#featuredNews div.entry-content {
    /*clear: right;*/
    background: url(../assets/tp/entry_content_bg.gif) repeat-y;
    border: solid 1px #c2c3c0;
    border-width: 0 1px 0 1px;
    padding: 0 20px 18px 20px;
}

div#featuredNews div.entry-content p {
    color: #686868;
    font-weight: normal;
}

div#featuredNews div.entry-content h2.featured-news {
    padding: 14px 0 6px 0;
}

div#featuredNews div.entry-content span {
    clear: right;
    *clear: none; /* ie7 fix */
    display: block;
    background: url(../assets/tp/entry_content_rule.gif) repeat-x;
    height: 2px;
    width: 419px;
}

div.first-feature {
    background: url('../assets/tp/first_feature_top.png') no-repeat left top !important;
    padding: 11px 0 0 9px;
    margin-left: 20px;
    min-height: 198px;
    width: 419px;
    border: none;
    }

div#featuredNews div.first-feature h2.featured-news, div#featuredNews div.first-feature h2.featured-news a {
    color: #eef6f8;
}

div#featuredNews div.first-feature h2.featured-news a:hover {
    color: #fff;
}

div#featuredNews div.first-feature img.feature-thumb {
    border: solid 3px #e1e1df;
    float: right;
    margin: 0 34px 10px 0 !important;
}

div.first-feature-end {
    background: url(../assets/tp/first_feature_bottom.png) no-repeat;
    height: 11px;
    margin: 0 0 25px 20px;
    width: 419px;
}

div#featuredNews div.last-feature {
    border-bottom: solid 1px #c2c3c0;
}

div#featuredNews div.entry-content img.feature-thumb {
    border: solid 3px #e1e1df;
    float: right;
    margin: 0 0 18px 5px;
}

div#featuredNews div.first-feature p {

    color: #fff;
}


div#featuredNews div.second-feature-top {
    background: #f1f3ee url(../assets/tp/second_feature_top.gif) top left no-repeat;
    height: 5px;
    border: solid 1px #c2c3c0;
    border-width: 0 1px 0 1px;
}

div#featuredNews div.feature-top {
    background: #f1f3ee url(../assets/tp/second_feature_top.gif) top left no-repeat;
    height: 5px;
    border: solid 1px #c2c3c0;
    border-width: 0 1px 0 1px;
}


/*div#content h2.category-title, div#content div#newsSlider h2, div#content div#newsSlider h2 a {
    width: 460px;
    height: 19px;
    background-color: #99cccc;
    color: #666666;
    display: block;
    text-decoration: none;
}*/


/* /////// post pages \\\\\\\ */

div#content {
    background: url(../assets/tp/post_bg.gif) repeat-y;
    border: solid 1px #c2c3c0;
    border-width: 0 1px 1px 1px;
    float: left;
    margin-right: 20px;
    width: 778px;
}

div#content div.post-top {
    background: url(../assets/tp/post_top.gif) top left no-repeat;
    height: 5px;
}

div#content div.post-wrapper {
    padding: 0 20px 18px 20px;
}

div#content div.post-wrapper div.post-header {
    padding-top: 47px;
    width: 460px;
}

div#content div.post-wrapper div.post-header h3 {
    color: #666666;
    font-size: 1.2em;
}

div#content div.post-wrapper div.post-main {
    float: left;    

    width: 460px;
    margin-right: 20px;
}


div#content div.entry-date abbr {
    font-size: 0.75em;
    color: #C98959;
}

div#content div.entry-content {

}

div#content div.entry-content p, div#content div.entry-content ol li, div#content div.entry-meta {
    font-size: .95em;
    padding-bottom: 15px;
    color: #565555;
}

div#content div.entry-content p.first-para {
    color: #345d6b;
    font-size: 1em;
    font-weight: bold;
    padding: 10px 0 0 0;
}

div#content div.entry-content p.image-caption {
    font-size: .8em;
    color: #666666;
    padding: 5px 0 0;
    margin-bottom: 15px;
}

div#content div.entry-content span {
    display: block;
    background: url(../assets/tp/entry_content_rule.gif) repeat-x;
    height: 2px;
    margin: 10px 0 0;
    padding-bottom: 10px;
    width: 460px;
}

div#content div.entry-content img {
    padding: 0;
}

div#comments {
    /*padding: 0 20px 18px 20px;*/
    clear: left;
}


div#comments span {
    display: block;
    background: url(../assets/tp/entry_content_rule.gif) repeat-x;
    height: 2px;
    width: 460px;
}

div#sidebar {
    background-color: transparent;
    color: #565555;
    font-size: .8em;
    overflow:hidden !important;
    width: 140px;
    /*margin-left: 600px;*/   
}

div#sidebar span {
    display: block;
    background: url(../assets/tp/entry_content_rule.gif) repeat-x;
    height: 2px;
    margin: 10px 0 0;
    padding-bottom: 10px;
}

div#sidebar h5 {
    margin: 0;
    padding: 0;
}

div#sidebar ul {

}

/* /////// the rest \\\\\\\ */

a.pdf {
    background:url(../assets/acrobat.gif) left 5px no-repeat;
    display: block;
    min-height: 16px;
    padding: 6px 0 0 22px;
}

div#navBar { /* provisional */
    /*border: solid 1px #a2a2a2;*/
    background-color: #ededed;
    height: 30px;
    margin: 0 0 10px 0;
}

    div#navBar ul#categories {
        float: right; 
    }

    div#navBar ul#categories li {
        display: inline;
        padding-right: 5px;
    }

    div#navBar ul#categories li a {
        color: #a2a2a2;
    }

    div#navBar ul#categories li.current a {
        color: Red;
    }

    div#navBar ul#nav {
        float: left; 
    }

    div#navBar ul#nav li {
        display: inline;
        padding-right: 5px;
    }

    div#navBar ul#nav li a {
        color: #a2a2a2;
    }

    div#navBar ul#nav li.current a {
        color: #9999cc;
        font-weight: bold;
    }

/*  Uncomment below when using categories nav */
  
/*  
    div#navBar ul#categories {
        float: left;
    }

    div#navBar ul#categories li {
        display: inline;
        padding-left: 5px;
    }
    
    div#navBar ul#categories li a {
        color: #a2a2a2;
    }

    div#navBar ul#categories li.current a {
        color: Red;
    }
*/

p.breadCrumbs {
    padding-left: 160px;
    margin-bottom: 10px;
    background-color: #ededed;
    font-size: small;
}

div#inner-wrapper {
    /*background: url(../assets/fauxColumns_2-3-1.gif) repeat-y;*/
    overflow: hidden;
    width: 940px;
    margin: 31px 0 63px;
}

    /* info-page variation */
    body.category div#inner-wrapper {
        /*background: url(../assets/fauxColumns_2-3-1.gif) repeat-y;*/
        overflow: hidden;
    }

    /* info-page variation */
    body.context div#inner-wrapper {
        /*background: url(../assets/fauxColumns_1-3-1-1.gif) repeat-y;*/
        overflow: hidden;
    }

    /* info-page variation */
    body.sans-context div#inner-wrapper {
        /*background: url(../assets/fauxColumns_1-4-1.gif) repeat-y;*/
        overflow: hidden;
    }

div#subNav { /* currently only used on info pages */
    float: left;
    width: 140px;
    margin-right: 20px;
    overflow: hidden !important;
}  

/*div#newsWrapper div.category-main-text {
    clear: left;
    float: left;
    width: 300px;
    margin-right: 20px;
    overflow: hidden !important;
}

div#newsWrapper div.category-main-image {
    float: right;
    padding-bottom: 20px;
}

div#newsWrapper div.category-main-image h2 {

}/*

/* topics/category breadcrumbs */
div#newsWrapper p.breadCrumbs {
    padding-left: 0;
    background-color: transparent;
    width: 300px;
    float: left;    
}

div#newsWrapper ul.sub-categories  {
    width: 300px;
    float: left;
}

div#newsWrapper ul.sub-categories li {
    border-top: solid 1px #e2e2e2;
    border-bottom: dashed 1px #e2e2e2;
    padding: 3px 0 7px 0;
    margin-bottom: 7px;
    background-color: #f8f8f8;
}


/* /////// blog posts main list \\\\\\\ */

div.post-no-image-no-text, div.post-with-image-with-text, 
div.post-with-image-with-text, div.post-with-image-no-text, 
div.post-no-image-with-text {
    margin-left: 480px;
    overflow:hidden !important;
    padding-bottom: 21px;
    width: 300px;
}

body.filter-on div.post-no-image-no-text, body.filter-on div.post-with-image-with-text, 
body.filter-on div.post-with-image-with-text, body.filter-on div.post-with-image-no-text, 
body.filter-on div.post-no-image-with-text {
    margin-left: 320px;
    overflow:hidden !important;
    padding-bottom: 21px;
    width: 460px;
}

div#newsWrapper h3 a {
    text-decoration: none;
}

div#newsWrapper h3 a:hover {
    color: #345d6b;
}

div#newsWrapper div.entry-date {
    color: #c98959;
    font-size: 0.75em;
}

div#newsWrapper div.entry-content, div#newsWrapper div.entry-meta {
    color: #565555;
    font-size: 0.9em;
}
div#newsWrapper div.entry-content p {
    color: #404040;
}
div#newsWrapper div.entry-meta {
    font-style: italic;
    padding: 5px 0 0;
}
div#newsWrapper .post-no-image-no-text {
    /*width: 300px;*/
}

div#newsWrapper .post-with-image-with-text {
    /*clear: right;
    margin-left: 320px;*/
}

div#newsWrapper .post-with-image-no-text {

}

div#newsWrapper .post-no-image-with-text {
    /*margin-left: 320px;*/
}

div#nav-below {
    margin-left: 480px;
}

div#nav-below a {
    font-size: .9em;
}

div#nav-below div.nav-previous, div#nav-below div.nav-next {
    display: inline;
}

.meta-nav {
    color:#666666;
}

/*div#content div.category-main-text {
    width: 300px;
}*/

div#comments div#respond h3 {
    height: 20px;
    background-color: transparent;
    color: Black;
}

div#archieve h3 {
    height: 20px;
    background-color: transparent;
    color: Black;
}

/*div#contextualSideBar {
    background: #ededed;
    float: left;
    width: 140px;
    margin-right: 20px; 
    overflow: hidden !important;    
}*/

div#homeSideBar {
    background: Red;
    float: left;
    width: 140px; 
    margin-right: 20px;
    overflow: hidden !important;
}

/*div.categorySideInsert div {
    padding-bottom: 10px;
    border-bottom: dashed 1px #e2e2e2;
}*/

div#globalSideBar {
    background: url(../assets/tp/globalSideBar_bg.gif) top repeat-y;
    border: solid 1px #c2c3c0;
    border-width: 0 1px 1px 1px;
    float: left;
    font-size: 0.8em;
    width: 138px; 
    margin-right: 20px;
    overflow: hidden !important;
    padding-bottom: 20px;
}

    /* body class variation */
    body.filter-on div#globalSideBar {
        margin-top: 80px;
    }

div#globalSideBar span {
    display: block;
    background: url(../assets/tp/globalSideBar_top.gif) top left no-repeat;
    height: 5px;
    width: 139px;
}

/* text replacement */        
div#globalSideBar .twitter {
    height: 59px;
    width: 102px;
}
    div#globalSideBar h4.twitter {
        position: relative;
        margin: 13px 0 0 19px;
    }
        div#globalSideBar h4 span.twitter {
            position: absolute;
            top: 0;
            background-image: url(../assets/tp/twitter_head.png);
        }

/* text replacement */        
div#globalSideBar .topics {
    height: 59px;
    width: 102px;
}
    div#globalSideBar h4.topics {
        position: relative;
        margin: 13px 0 0 19px;
    }
        div#globalSideBar h4 span.topics {
            position: absolute;
            top: 0;
            background-image: url(../assets/tp/topics_head.png);
        }

div#globalSideBar a {
    text-decoration: none;
    font-weight: normal;
}

div#globalSideBar a:hover {
    text-decoration: underline;
}

div#globalSideBar div {
    margin-bottom: 10px;
    /*border: solid 1px #a2a2a2;*/
    /*background-color: #a5a5a5;*/
}

div#globalSideBar div.twitter-insert {
    margin: 13px 19px 0;
}

div#globalSideBar div.twitter-insert p {
    color: #565555;
    padding-bottom: 15px;
}

div#globalSideBar div.twitter-insert p a {
    color: #3876b7;
}

div#globalSideBar div.twitter-insert span.when {
    font-size: 10px;
    background: transparent;
    border-top: dotted 1px #565555;
    width: 102px;
    height: auto;
}

div#globalSideBar div.twitter-insert a.follow {
    font-size: 10px; 
}   

div#globalSideBar div.twitter-insert span {
    background: transparent;
    border-top: dotted 1px #565555;
    width: 102px;
}

div#globalSideBar div.twitter-insert p small, div#globalSideBar div.twitter-insert small {
    color: #565555;
}


ul#categories {
    margin:13px 19px 0;
}

ul#categories, ul#categories li, ul#categories li a {

}

/* /////// footer section \\\\\\\ */


div#footer {
    background: url(../assets/tp/footer_bg.gif) top left repeat-x;
}

div.footer-wrapper {
    color: #b1b2af;
    font-size: 0.9em;
    margin: 0 auto;
    padding: 42px 0 90px;
    width: 960px;
}

div.footer-wrapper a {
    color: #b1b2af;
    text-decoration: none;
}

div.footer-wrapper a:hover {
    text-decoration: underline;
}

    div.footer-wrapper p {

    }

    div.footer-wrapper ul#footerNav {
        float: right; 
        font-size: small;
        *padding: 1px 0 4px 0px; /* stupid fucking ie padding fix for icons*/
        padding-right: 20px;
    }

    div.footer-wrapper ul#footerNav li {
        display: inline;
        padding-left: 5px; 
    }
    
    div.footer-wrapper ul#footerNav li.twitter-footer {
        background: url(../assets/tp/twitter_icon.gif) top left no-repeat;
        padding: 1px 10px 7px 32px;
    }
    
    div.footer-wrapper ul#footerNav li.rss-footer {
        background: url(../assets/tp/rss_icon.gif) top left no-repeat;
        padding: 1px 0 7px 32px;    
    }
    
    
/* #### column ruler - likely only for production #### */

div#ruler { 
        background: url(../assets/fauxColumns_6.gif) no-repeat;
        overflow: hidden;
        font-size: small;
}
    
    div#ruler ul li {
        float: left;
        width: 140px !important;
        margin-right: 20px;
        overflow: hidden !important;
        background-color: #ededed;
    }

    div#ruler ul li.edge { /* there is a global "edge" class but temporarily left this one in */
        margin-right: 0px;
    }

/* comments */

div#comments {
    margin-top: 30px;
}

div#comments .comment-meta {
    font-size: xx-small;
}

/* caption styling */

.caption-top, .caption-bottom {
	color: #ffffff;	
	/*padding: 1.2em;	*/
	/*font-weight: bold;*/
	font-size: 14px;	
	/*font-family: arial;*/
	cursor: default;
	/*border: 0px solid #334143;*/
	background: #ededed;
	/*text-shadow: 1px 1px 0 #202020;*/
}
.caption-top {
   /*border-width: 0px 0px 8px 0px;*/
}
.caption-bottom {
   border-width: 8px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	/*padding: 0.3em;*/
}
.caption a:hover, .caption a:hover {
	background: #ededed;
}
.caption-wrapper {
	/*float: left;*/
	margin-bottom: 10px;
}
br.c { clear: both; }



/* -------------------------------------------------------------- 
   =SHARE THIS LINKS
-------------------------------------------------------------- */

/*.shareIt {
    padding-bottom: 10px;
}

.shareIt ul {
    padding: 6px 0 6px 12px;
}

.shareIt a {
    color: #333333;
    font-weight: normal;
}*/

/* the link to show more bookmark sites */
a.share_options {
    color: #1e82d7 !important;
}

/* sprites */

li.shareitem { 
    background:url(../assets/tp/sharing-sprite.png) no-repeat; 
    padding:0 0 10px 22px; 
    margin: 4px 0 4px 0; 
    height: 6px; 
}

li.shareitem a {
    text-decoration: none;
}

/*li.shareitem a:hover {
    text-decoration: underline;
}*/

li.bebo { background-position: 0px -831px; }
li.backflip { background-position: 0px -64px; }
li.blinklist { background-position: 0px -112px; }
li.blogmarks { background-position: 0px -128px; }
li.delicious { background-position: 0px -176px; }
li.digg { background-position: 0px -192px; }
li.facebook { background-position: 0px -240px; }
li.fark { background-position: 0px -256px; }
li.faves{ background-position: 0px -144px; }
li.friendfeed { background-position: 0px -304px; }
li.furl { background-position: 0px -320px; }
li.google { background-position: 0px -336px; }
li.linkagogo { background-position: 0px -384px; }
li.linkedin { background-position: 0px -400px; }
li.magnolia{ background-position: 0px -432px; }
li.mixx { background-position: 0px -464px; }
li.myspace { background-position: 0px -496px; }
li.netvouz { background-position: 0px -528px; }
li.newsvine { background-position: 0px -544px; }
li.pownce { background-position: 0px -560px; }
li.propeller { background-position: 0px -576px; }
li.reddit { background-position: 0px -592px; }
li.slashdot { background-position: 0px -672px; }
li.stumbleupon { background-position: 0px -704px; }
li.technorati { background-position: 0px -752px; }
li.twitter { background-position: 0px -784px; }
li.yahoo { background-position: 0px -512px; }






/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */