/*
Theme Name: Cohesion Counts
Theme URI: 

*/


/*-------------------------------------------------------------------
## HTML ELEMENTS START HERE */

body {
	padding: 4px 8px 12px 8px; /* Side-margins help with alignment at 800 x 600 */
	background-color: #CACACA;
	line-height: 120%;
	color: #666666;
    font: normal normal normal 12px/120% Helvetica, Arial, sans-serif;
}

hr {
	display:block;
	clear:both;
	visibility:hidden;
	height: 0;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
}

dl {
	margin: 0px 22px;
}

dl dd {
	margin: 0 0 0 0;
}

dl dt {
	font-size: 13px;
	font-weight: bold;
}

h1 {
	display: block;
	float: left;
	width: 100%;
	margin: 5px 0;
	font: normal normal normal 24px/120% Helvetica, Arial, sans-serif;
}

h2 {
	display: block;
	width: 100%;
	margin: 0 0 10px 0;
	font: normal normal normal 20px/120% Helvetica, Arial, sans-serif;
}

    body.page-id-3 h2, body.parent-pageid-3 h2{
        color:#6DC500;
    }
    
    body.page-id-4 h2, body.parent-pageid-4 h2{
        color:#00BD70;
    }
    
    body.page-id-535 h2, body.parent-pageid-535 h2{
        color:#50D576;
    }
    
    body.page-id-17 h2, body.parent-pageid-17 h2{
        color:#705ECE;
    }
    
    body.category h2, body.single div.category-forum h2 {
        color:#3e6d6f;
    }

h3 {
	display: block;
	width: 100%;
    padding-top: 10px;
	margin: 10px 0 5px 0;
	font: normal normal bold 17px/120%  Helvetica, Arial, sans-serif;
}

    body.page-id-3 h3, body.parent-pageid-3 h3{
        color:#6DC500; /*background to project */
    }
    
    body.page-id-4 h3, body.parent-pageid-4 h3{
        color:#00BD70; /*what is cohesion */
    }
    
    body.page-id-6 h3, body.parent-pageid-6 h3{
        color:#D2C300; /*building, measuring*/
    }
    
    body.page-id-17 h3, body.parent-pageid-17 h3{
        color:#705ECE; /* resources */
    }
    
    body.page-id-535 h3, body.parent-pageid-535 h3{
        color:#50D576; /*projects commisioned */
    }

h4 {
	display: block;
	margin: 0;
	padding: 5px 0 5px 5px;
	font: normal normal normal 14px/120% Helvetica, Arial, sans-serif;
}

a {
	text-decoration: underline;
    outline: none;
    color: #333333;
    display: inline;
}

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

img {
	border: none 0px;
}

p {
	margin: 0 0 10px 0;
	font-size: 12px;
}

pre {
	font-size: 11px;
}

table,td,th {
	border: none 0;
}

td {
	text-align: left;
	vertical-align: top;
}

th {
	text-align: left;
	vertical-align: middle;
}

ul, dl, ol {
	display: block;
	margin: 0 12px 12px 6px;
	padding: 0;
}


li, dt, dd {
	list-style-position:inside;
	font: normal normal normal 12px/120% Helvetica, Arial, sans-serif;
    padding: 0 0 5px 0;
}

    ol.commentList, ol.commentList li, ol.commentList li.comment {
        list-style: none none !important;
    }

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## MAIN LAYOUT BLOCKS START HERE

REMEMBER... the crux of this layout is a columns based format, centrally aligned, which is optimised
for 1024 x 768 but degrades gracefully to support 800 x 600 as long as no more than 12-columns are
used. The ideal is 12-col + stacked 3-cols, where the 3-cols should contain supplementary content
or advertising that will wrap beneath the 12-col block on smaller screens.

*/

/* header */
.blockHeader {
	display: block;
	position: relative;
	width: 830px;
	margin: 0 auto;
	padding: 6px 10px;
	background-color: #FFFFFF;
}

/* central wrapper */
.blockContent {
	display: block;
	width: 850px;
	margin: 0 auto;
	padding: 12px 0px;
	/*border: 1px solid #999999;*/
	background-color: #ffffff;
	text-align: left;
    position: relative;
}

/* footer */
.blockFooter {
	display: block;
	clear: both;
	width: 850px;
	margin: 0 auto 20px auto;
	padding: 60px 0 10px 0;
    background: url('images/footer-bg.gif') top left no-repeat;
}

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## NAVIGATION STYLES START HERE */

ul#navigation {
    width: 700px;
    float: left;
    margin: 10px 0 0 0;
}

ul#navigation li {
    list-style: none;
    word-spacing: normal; /* reset */
    letter-spacing: normal; /* reset */
	display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    padding: 0 5px;
    width: 115px;
    font: normal normal bold 13px/120% Helvetica, Arial, sans-serif;
    vertical-align: top;
}
    ul#navigation li.page-item-6 {
        width: 150px;
    }

    ul#navigation li a {
        color: #79BA49;
        font: normal normal bold 14px/100% Helvetica, Arial, sans-serif;
        text-decoration: none;
    }
    
    ul#navigation li.current_page_item a, ul#navigation li.current_page_ancestor a{
        color: #37317D;
    }



ul.altNav{
    margin: 0;
    width: 300px;
    float: left;
    word-spacing:-1em; /* hack to remove inline-block whitespace in moz/ie*/
    letter-spacing: -1em;/* hack to remove inline-block whitespace in webkit */
}

.blockHeader ul.altNav{
    float: right;
    position: relative;
    z-index: 20;
}

.blockFooter ul.altNav{
    margin-top: 20px;
}

    ul.altNav li{
        list-style: none;
        word-spacing: normal; /* reset */
        letter-spacing: normal; /* reset */
	    display:-moz-inline-stack;
        display:inline-block;
        zoom:1;
        *display:inline;
        padding: 0 10px;
        border-right: 1px solid #666666;
        height: 13px;
        font: normal normal normal 10px/100% Arial, Helvetica, sans-serif;
    }
    
    ul.altNav li.page-item-16 {
        border: none;
    }
    
        ul.altNav li a {
            color: #666666;
            text-decoration: none;
            font: normal normal normal 11px/100% Arial, Helvetica, sans-serif;
        }
        
        ul.altNav li a:hover {
            text-decoration:underline;
        }

/*-------------------------------------------------------------------
## HEADER STYLES START HERE */

.blockHeader h1{
    display: block;
    position: relative;
    z-index: 10;
    width: 546px;
    height: 137px;
    float: left;
    margin: 0;
}

.blockHeader h1 a{
    display: block;
    width: 546px;
    height: 137px;
    text-indent: -10000px;
    background: url('images/header-logo.jpg') top left no-repeat;
}

.blockHeader a.forumLink{
    float: left;
    width: 120px;
    padding: 53px 0 0 5px;
    background: url('images/forum-head.gif') 5px 0px no-repeat;
    margin: 10px 0 0 15px;
    border-left: 1px solid #CCCCCC;
    font: normal bold normal 11px/110% Helvetica, Arial, sans-serif;
    color: #999999;
    text-decoration: none;
}    

    .blockHeader a.forumLink span{
        color: #666666;
    }
.blockHeader a.videoLink{
    display: block;
    height: 151px;
}

.blockHeader .feature{
    width: 140px;
    float: right;
    display: block;
    height: 151px;
    }
.blockHeader .videoPopUp{
    margin-left: -180px;
}

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## MAIN CONTENT STYLES START HERE */

ul.sidebar{
    margin: 0;
    width: 150px;
    float: left;
    padding: 0 0 0 5px;
}

    ul.sidebar h2{
        z-index: 100;
        position: relative;
        display: block;
        width: 220px;
        background: #D0C600;
        margin-left: -60px;
        
    }
    
    
    body.page-id-6 ul.sidebar h2, body.parent-pageid-6 ul.sidebar h2{ 
        background:url('images/building-measuring-header.png') top left no-repeat; 
        width: 213px; 
        height: 106px;
        text-indent: -10000px;
   }
   
   body.page-id-4 ul.sidebar h2, body.parent-pageid-4 ul.sidebar h2 { 
        background:url('images/projects-header.png') top left no-repeat; 
        width: 213px; 
        height: 106px;
        text-indent: -10000px;
   }
   
   body.page-id-3 ul.sidebar h2, body.parent-pageid-3 ul.sidebar h2{ 
        background:url('images/background-project-header.png') top left no-repeat; 
        width: 213px; 
        height: 106px;
        text-indent: -10000px;
   }
   
   body.page-id-535 ul.sidebar h2, body.parent-pageid-535 ul.sidebar h2 { 
           background:url('images/projects-header.png') top left no-repeat; 
           width: 213px; 
           height: 106px;
           text-indent: -10000px;
      }
   
   body.page-id-17 ul.sidebar h2, body.parent-pageid-17 ul.sidebar h2 { 
        background:url('images/resources-header.png') top left no-repeat; 
        width: 213px; 
        height: 106px;
        text-indent: -10000px;
   }
   
   body.page-id-10 ul.sidebar h2{ 
        background:url('images/contact-header.png') top left no-repeat; 
        width: 213px; 
        height: 106px;
        text-indent: -10000px;
   }
   
   body.page-id-11 ul.sidebar h2{ 
        background:url('images/sitemap-header.png') top left no-repeat; 
        width: 213px; 
        height: 106px;
        text-indent: -10000px;
   }
   
   body.category-forum ul.sidebar h2, body.single div.category-forum ul.sidebar h2 { 
           background:url('images/forum-header.png') top left no-repeat; 
           width: 213px; 
           height: 106px;
           text-indent: -10000px;
      }
    
        ul.sidebar li{
            list-style: none;
            /*height: 25px;*/
            padding: 7px 10px 10px 15px;
            margin: 0;
            font: normal normal bold 14px/100% Helvetica, Arial, sans-serif;
            *font-size: 13px;
        }
        
        ul.sidebar li a{
            font: normal normal bold 14px/100% Helvetica, Arial, sans-serif;
            text-decoration: none;
            padding:0;
            margin:0;
            *font-size: 13px;
        }
        
        body.page-id-3 ul.sidebar li a, body.parent-pageid-3 ul.sidebar li a {
            color: #71B74A;
        }
        
        body.page-id-3 ul.sidebar li.current_page_item a, body.parent-pageid-3 ul.sidebar li.current_page_item a{
            color: #37317D;
        }
        
         body.post-id-3 ul.sidebar li.current_page_item, body.parent-pageid-3 ul.sidebar li.current_page_item {
            background: url('images/green-nav-bg.gif') top left no-repeat;
        }
        
        body.page-id-6 ul.sidebar li a, body.parent-pageid-6 ul.sidebar li a, body.page-id-31 ul.sidebar li a, body.parent-pageid-31 ul.sidebar li a{
            color: #D2C300;
        }
        
        body.page-id-6 ul.sidebar li.current_page_item a, body.parent-pageid-6 ul.sidebar li.current_page_item a {
            color: #FFFFFF;
        }
        
         body.post-id-6 ul.sidebar li.current_page_item, body.parent-pageid-6 ul.sidebar li.current_page_item{
            background: url('images/yellow-nav-bg.gif') top left no-repeat;
        }
        
        body.page-id-535 ul.sidebar li, body.parent-pageid-535 ul.sidebar li{
            height: auto;
        }
        
        body.page-id-535 ul.sidebar li a, body.parent-pageid-535 ul.sidebar li a{
            color: #50D576;
        }
       
              
        body.post-id-535 ul.sidebar li.current_page_item a, body.parent-pageid-535 ul.sidebar li.current_page_item a{
            background: none;  
            color: #A9D5B8;          
        }
        
        
        body.page-id-4 ul.sidebar li a, body.parent-pageid-4 ul.sidebar li a{
            color: #00BD70;
        }
        
        body.page-id-4 ul.sidebar li.current_page_item a, body.parent-pageid-4 ul.sidebar li.current_page_item a{
            color: #FFFFFF;
        }
        
        body.post-id-4 ul.sidebar li.current_page_item, body.parent-pageid-4 ul.sidebar li.current_page_item{
            background: url('images/teal-nav-bg.gif') top left no-repeat;
        }
            /* Crazy hack for fixed height leftnav items. Needs different approach really */
            /* 3-line items */
            body.post-id-4 ul.sidebar li.page-item-157.current_page_item, body.parent-pageid-4 ul.sidebar li.page-item-157.current_page_item {background-image: url('images/teal-nav-bg-bigger.gif'); }
            body.post-id-4 ul.sidebar li.page-item-151.current_page_item, body.parent-pageid-4 ul.sidebar li.page-item-151.current_page_item {background-image: url('images/teal-nav-bg-bigger.gif'); }
            body.post-id-4 ul.sidebar li.page-item-50.current_page_item, body.parent-pageid-4 ul.sidebar li.page-item-50.current_page_item {background-image: url('images/teal-nav-bg-bigger.gif'); }
            /* 4-line items */
            body.post-id-4 ul.sidebar li.page-item-156.current_page_item, body.parent-pageid-4 ul.sidebar li.page-item-156.current_page_item {background-image: url('images/teal-nav-bg-biggest.gif'); }
            body.post-id-4 ul.sidebar li.page-item-155.current_page_item, body.parent-pageid-4 ul.sidebar li.page-item-155.current_page_item {background-image: url('images/teal-nav-bg-biggest.gif'); }
            body.post-id-4 ul.sidebar li.page-item-148.current_page_item, body.parent-pageid-4 ul.sidebar li.page-item-148.current_page_item {background-image: url('images/teal-nav-bg-biggest.gif'); }
            body.post-id-4 ul.sidebar li.page-item-56.current_page_item, body.parent-pageid-4 ul.sidebar li.page-item-56.current_page_item {background-image: url('images/teal-nav-bg-biggest.gif'); }
            body.post-id-4 ul.sidebar li.page-item-43.current_page_item, body.parent-pageid-4 ul.sidebar li.page-item-43.current_page_item {background-image: url('images/teal-nav-bg-biggest.gif'); }
        
        body.page-id-17 ul.sidebar li a, body.parent-pageid-17 ul.sidebar li a{
            color: #705ECE;
        }
        
        body.page-id-17 ul.sidebar li.current_page_item a, body.parent-pageid-17 ul.sidebar li.current_page_item a{
            color: #FFFFFF;
        }
        
         body.post-id-17 ul.sidebar li.current_page_item, body.parent-pageid-17 ul.sidebar li.current_page_item{
            background: url('images/purple-nav-bg.gif') top left no-repeat;
        }
        
        body.category-forum ul.sidebar li a, body.single ul.sidebar li a {
            color: #3e6d6f;
        }
        
        body.category-forum ul.sidebar li.current_page_item a, body.category-forum ul.sidebar li.current_page_item a,
        body.single ul.sidebar li.current_page_item a, body.single ul.sidebar li.current_page_item a {
            color: #37317D;
        }
        
         body.category-forum ul.sidebar li.current_page_item, body.category-forum ul.sidebar li.current_page_item,
         body.single ul.sidebar li.current_page_item, body.single ul.sidebar li.current_page_item {
            background: url('images/green-nav-bg.gif') top left no-repeat;
        }
        
        body.category-forum ul.sidebar li, body.single ul.sidebar li {
            height: auto;
        }
        
        ul.sidebar li.projects, ul.sidebar li.projects ul li {
            list-style-type: none;
            list-style-position: outside;
            height: auto;
            padding: 10px 0 10px 10px;
            margin: 0;
            font: normal normal normal 13px/120% Helvetica, Arial, sans-serif;
            text-indent: 0px;
        }
        
            ul.sidebar li.projects ul li a {
                color: #333333;
                font: normal normal normal 13px/120% Helvetica, Arial, sans-serif;
                text-indent: 0px;
                padding: 0;
                margin: 0;
            }
            
            ul.sidebar li.projects ul li.current_page_item {
                background: none;
            }
            
            ul.sidebar li.projects ul li.current_page_item a {
                color: #666666;
                background: none;
            }
        

.post{
    width: 390px;
    float: left;
    min-height: 200px;
    padding: 0 10px 0 20px;
}


    body.page-id-3 .post, body.parent-pageid-3 .post{
        border-right: 1px solid #6DC500; /*background to project */
    }
    
    body.page-id-4 .post, body.parent-pageid-4 .post{
        border-right: 1px solid #00BD70; /*what is cohesion */
    }
    
    body.page-id-6 .post, body.parent-pageid-6 .post{
       border-right: 1px solid #D2C300; /*building, measuring*/
    }
    
    body.page-id-17 .post, body.parent-pageid-17 .post{
       border-right: 1px solid #705ECE; /* resources */
    }
    
    body.page-id-535 .post, body.parent-pageid-535 .post{
        border-right: 1px solid #50D576; /*projects commisioned */
    }
    
    body.category .post, body.single .post{
        border-right: 1px solid #3E6D6F; /*forum*/
    }
    
.post p{
    width: 390px;
}    

.post.narrow{
    width: 325px;
    padding: 0 10px 0 20px;
}

    .post.narrow p{
        width: 325px;
    }

.altContent{
    width: 250px;
    float: right;
    min-height: 200px;
    padding-right: 10px;
    position: relative;
    
}

.altContent.wide {
    width: 310px;
}

.altContent.fourStepsAlt{
    display: inline;
    float: right;
    width: 240px;
    position: relative;
    z-index: 1000;
    /*top: 0;
    right: 0;
    margin:0;*/
}



    .altContent h3{
        padding-top: 0;
        margin-top: 0;
        font: normal bold normal 14px/120% Helvetica, Arial, sans-serif;
    }



/*-------------------------------------------------------------------
## 4 STEPS STYLES START HERE */

body.parent-pageid-6 .post.fourSteps{
    margin-left:-20px;
    width: 433px;
    border: none;
    padding-right:0;
    float: left;
    margin-bottom: 250px;
}

.steps{
   display: block;
   position: relative;
   background: url('images/steps-cont-rpt-bg.png') top center;
   width: 433px;
}


.steps .tabs{
   display: block;
   width: 433px;
   height: 130px;
   position: relative;
   margin: 0; 
   background: url('images/tabs-bg.png') top left no-repeat;
}
    .steps .tabs a{
        display: block;
        position: absolute;
        top: 0;
        width:103px;
        height: 120px;
        padding: 20px 10px 0 10px;
        background: url('images/paper-tab.png') top left no-repeat;
        color: #7E7F5B;
        text-decoration: none;
        font: normal bold normal 10px/120% Helvetica, arial, sans-serif;
    }
    
        .steps .tabs a h3{
            font: normal bold normal 18px/100% Helvetica, Arial, sans-serif;
            padding-top: 0;
            margin-top: 0;
            color: #7E7F5B;
        }
        
        .steps .tabs a:hover h3, .steps .tabs a.active h3{
            color: #382208;
            }
            
        .steps .tabs p{
            width:103px;
        }    
    
    .steps a#step1{ z-index:2; top: 10px; left: 20px;}
    .steps a#step2{ z-index: 4; top: 15px; left: 130px;}
    .steps a#step3{ z-index:1; top: 15px; left: 230px;}
    .steps a#step4{ z-index: 3; top: 10px; left: 287px;}
    
    .steps a#step1:hover, .steps a#step2:hover, .steps a#step3:hover, .steps a#step4:hover, 
    .steps a#step1.active, .steps a#step2.active, .steps a#step3.active, .steps a#step4.active{
        z-index: 100;
        color: #382208;
        background: url('images/paper-tab-active.png') top left no-repeat;
    }

.steps #tab_content{
    background: url('images/steps-cont-bg.png') top center no-repeat;
    padding: 30px 10px;
    position: relative;
    z-index: 110;
    top: -33px;
    width: 413px; 
}


    #tab_content .content{
        padding: 10px;
        color: #000000;
        line-height: 140%;
    }
    
    #tab_content .content h3{
        color: #ffffff;
        font-weight: bold;
    }
    
   
    
    #tab_content .content a h4{
        text-decoration: none;
        color: #000000;
    }
    
    #tab_content .content h4{
        font-size: 14px;
        padding: 0;
        font-weight: bold;
    }
   
   
    #tab_content .content a.variable_link{
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: underline;
        font-size: 14px;
    }   
    
    #tab_content .content a.variable_link:hover{
        text-decoration: none;
    }
    
#variable_content div{
    display: block;
    position: relative;
}    

#variable_content .video{
    font: normal normal bold 15px/120% Helvetica, Arial, sans-serif;
    color: #887B0D;
    width: 170px;
    height: auto;
    box-shadow: 2px 2px 15px #666666;
    -webkit-box-shadow: 2px 2px 15px #666666;
    -moz-box-shadow: 2px 2px 15px #666666;
    padding: 20px 30px 40px 30px;
    background: url('images/lessons-bg.gif') top left repeat;
    
}

    #variable_content .video p{
        font: normal normal bold 15px/120% Helvetica, Arial, sans-serif;
    }

#variable_content a.close{
        margin-top: -25px;
        margin-right: 20px;
        text-indent: -10000px;
        display: block;
        height: 20px;
        width: 66px;
        background: url('images/overlay-close.gif') top left no-repeat;
        cursor: pointer;
        z-index: 1001;
        position:relative;
        float: right;
    }
    
.topTip{
    width: 160px;
    height: auto;
    box-shadow: 2px 2px 15px #666666;
    -webkit-box-shadow: 2px 2px 15px #666666;
    -moz-box-shadow: 2px 2px 15px #666666;
    padding: 20px 30px 40px 30px;
    background: url('images/top-tip-bg.gif') top left repeat;
    color: #000000;
    
}

        
.topTip h3{
    color: #37317D;
    font: normal bold normal 25px/100% Helvetica, Arial, sans-serif;
}

#stepsvideo{
    display: none;
    
}

#stepsvideo.show{
    display: block;
    position: absolute;
    top:0;
    right:0;
    z-index: 500;
}

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## Commissioned projects */

ul.projectList{
    background: url('images/projectsList-bg.jpg') top left no-repeat;
    width: 306px;
    padding: 30px 0 30px 0;
}

ul.projectList li{
    position: relative;
    list-style: none;
    width: 200px;
    padding: 0 0 0 25px;
}

    ul.projectList li a h4{
      color: #FFFFFF;
      font: normal normal bold 13px/120% Helvetica, Arial, sans-serif;
      *font-size: 12px;
    }
    
ul.projectList li a{
    text-decoration: none;
}

ul.projectList li a .hidden{
    position: absolute;
    z-index: 100;
    width: 150px;
    height: 100px;
    text-indent: -10000px;
    right: -160px;
    top: 0;
    display: none;
    visibility: hidden;
}

    ul.projectList li a .hidden.project-id-157{
        width:242px;
        height:169px;
        background:url('images/project-residents-mix.png') top left no-repeat;
        top:-90px;
    }
    ul.projectList li a .hidden.project-id-156{
        width:242px;
        height:169px;
        background:url('images/project-conflict-awareness.png') top left no-repeat;
        top:-90px;
    }
    ul.projectList li a .hidden.project-id-155{
        width:248px;
        height:173px;
        background:url('images/project-breaking-barriers.png') top left no-repeat;
        top:-80px;
    }
    ul.projectList li a .hidden.project-id-151{
        width:248px;
        height:173px;
        background:url('images/project-sports-dance.png') top left no-repeat;
        top:-80px;
    }
    ul.projectList li a .hidden.project-id-148{
        width:248px;
        height:173px;
        background:url('images/project-creative-arts.png') top left no-repeat;
        top:-80px;
    }
    ul.projectList li a .hidden.project-id-56{
        width:237px;
        height:173px;
        background:url('images/project-new-build.png') top left no-repeat;
        top:-50px;
    }
    ul.projectList li a .hidden.project-id-50{
        width:222px;
        height:172px;
        background:url('images/project-bridge-building.png') top left no-repeat;
        top:-20px;
    }
    ul.projectList li a .hidden.project-id-43{
        width:222px;
        height:172px;
        background:url('images/project-little-diversity.png') top left no-repeat;
        top:-20px;
    }

ul.projectList li a:hover h4{
    color: #37317D;
}

ul.projectList li a:hover .hidden{
    display: block;
    visibility: visible;
}

.videoThumb{
    width: 110px;
    float: left;
    display: block;
    padding-right: 15px;
    margin-bottom: 20px;
}

    .videoThumb a.imageThumb{
        display: block;
        width: 110px;
        height: 66px;
        overflow: hidden;
    }

    .videoThumb img{
        width: 110px;
        height: auto;
    }
    
body.page-id-535 .videoThumb p{
    font: normal normal normal 13px/120% Arial, Helvetica, sans-serif;
    padding: 0;
    color: #333333;
    width: 110px;
    height: 60px;
    margin:0;
}    
body.page-id-535 .videoThumb a.play{
    font: normal normal normal 13px/120% Arial, Helvetica, sans-serif;
    padding: 0;
    color: #333333;
    text-decoration: underline;
}    


.videoLink{
    cursor: pointer;
}


    .videoLink .polaroidOverlay{
        position: relative;
        width: 234px;
        height: 238px;
        overflow: hidden;
    }
    
    .videoLink .polaroidOverlay img{
        height: 150px;
        width: auto;
        position:relative;
        z-index: 3;
        margin-top: 19px;
    }
    
    .videoLink .polaroidOverlay span{
        display: block;
        width: 234px;
        height: 238px;
        z-index: 10;
        position:absolute;
        top: 0;
        left:0;
        background:url('images/polaroid-overlay.png') top left no-repeat;
    }
    
    .videoLink.video_2 .polaroidOverlay span{
        background:url('images/polaroid-overlay-2.png') top left no-repeat;
    }
    .videoLink.video_3 .polaroidOverlay span{
        background:url('images/polaroid-overlay-3.png') top left no-repeat;
    }
    .videoLink.video_4 .polaroidOverlay span{
        background:url('images/polaroid-overlay-4.png') top left no-repeat;
    }
    .videoLink.video_5 .polaroidOverlay span{
        background:url('images/polaroid-overlay-5.png') top left no-repeat;
    }
    
.videoLink p{
    font: normal normal normal 14px/120% Helvetica, Arial, sans-serif;
    color:#50D576;
    width: 180px;
    padding-left: 30px;
}

.videoLink a.play{
    display: inline;
    text-decoration: none;
    padding-left: 30px;
    font: normal bold normal 14px/120% Helvetica, Arial, sans-serif;
    color:#49337B;
}
    
.videoPopUp{
    position: absolute;
    z-index: 4000;
    top: 0;
    margin-left: -80px;
    background: url('images/polaroid-shadow.png') top left no-repeat;
    width: 370px;
    height: 440px;
    padding: 30px 45px 0 65px;
    display: block;
}    

    .videoPopUp object {
        margin: 0 auto;
    }
    
    .videoPopUp p{
        font: normal normal normal 13px/120% Helvetica, Arial, sans-serif;
        color: #333333;
    }
    
    .videoPopUp p.larger{
        font-size: 14px;
    }

    .videoPopUp a.close{
        position: absolute;
        bottom: 55px;
        right: 40px;
        text-indent: -10000px;
        display: block;
        height: 20px;
        width: 66px;
        background: url('images/overlay-close.png') top left no-repeat;
        *background: url('images/overlay-close.gif') top left no-repeat;
    }

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## Forum */

div.categoryContent {
    width: 400px;
    padding-left: 175px;
}

body.category .post {
    padding-left: 0;
    min-height: 0 !important; 
}

    body.category .post .entry p {
        font-size: 14px;
    }
        body.category .post .entry p a {
            font-weight: bold;
        }
        body.category .post .entry p span.tellUsWhatYouThink {
            font-style: italic;
            color: #999999;
        }
    
    body.category .post h3, body.single div.category-forum h3 {
        font-weight: normal;
        color: #3e6d6f;
    }

/* Forum threaded comments... a bit of a big messy ordered list */
body.single div.category-forum .post li.comment {
    margin: 20px 0 0 0;
    padding: 0 0 10px 0;
    list-style: none;
}

body.single div.category-forum .post ol.children li.comment {
    padding-left: 20px;
}

body.single div.category-forum .post li.comment div.vcard {
    /*display: none;*/
}

body.single div.category-forum .post li.comment .comment-body p {
    padding-top: 5px;
    font-size: 14px;
}
    body.single div.category-forum .post li.comment a.comment-reply-link {
        color: #333333;
        font-weight: bold;
    }

textarea#comment {
    width: 380px;
}

/*-------------------------------------------------------------------*/


/*-------------------------------------------------------------------
## TABLE STYLES START HERE */

table {
	width: 100%;
	margin: 5px 0 0 0;
}

	table tr td, table tr th {
		border-bottom: 1px solid #cccccc;
	    padding: 3px;
	    font: normal normal normal 1.2em/1.0em Helvetica, Arial, sans-serif;
	    vertical-align: middle;
	}
	
	table tr th {
		border-bottom: 1px solid #333333;
		font-weight: bold;
	}

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## MESSAGE DISPLAY STYLES START HERE */

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## FUNCTIONAL STYLES START HERE */

/* float clearer */
.fc, .s{
	clear: both;
	visibility: hidden;
	overflow: hidden;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
}

.fLeft{
	float: left;
}

.fRight{
	float: right;
}

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## FOOTER STYLES START HERE */

.blockFooter a {
	color: #5F532F;
}

.blockFooter .logoHolder{
    width: 240px;
    height: 82px;
    
    margin-top: -10px;
    float: right;
    text-align: center;
}
/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## DEBUG STYLES START HERE */

.blockDebug {
	width: 760px;
	margin: 0 auto;
	border: 1px dashed #999999;
	padding: 0px;
	background-color: #ffffff;
	text-align: left;
}

.blockDebug {
	margin-top: 15px;
}

.blockDebug li strong {
	font-size: 12px;
}

.blockDebug pre {
	color: blue;
	font-size: 11px;
}

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## REMAINING MISC STYLES START HERE */

/*-------------------------------------------------------------------*/