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


    76design.com/thornleyfallis.com
    Nov. 2009
    by 76design


    10,000
    
***************************************************
	GENERIC
	*/

    

html{
    

    }

body{
    margin: 0px;
    padding: 0px;
    text-align: center;

    }
    
a{
    text-decoration: none;
    }
a:hover{
    text-decoration: underline;
    }
    
h2{
    font-weight: bold;
    font-size: 13px;
    color: #fff;
    padding: 2px 8px 19px 8px;
    margin: 0 0 5px 0;
    }
h2 strong{
    color: #666;
    }

    
small{
    font-size: .8em;
    }

    
.colour{
    color: magenta; /* set by the 76/tf theme */
    }
.floatright{
    float: right;
    margin: 0 0 15px 15px;
    }
.floatleft{
    float: left;
    margin: 0 15px 15px 0;
    }
.clearleft{
    clear: left; 
    }
.clearright{
    clear: right;
    }
.clear{
    clear: both;
    }
    
.icon-rss{
    display: block;
    background: url(../images/icon-rss.gif);
    width: 11px;
    height: 11px;
    overflow: hidden;
    text-indent: -900em;
    float: right;
    }
    
    
/** 
  * FLASH MESSAGES (success/error) 
  */
.flash-msg{

    }
.error{
    color: #b02828;
    font-weight: bold;
    border-bottom: solid 1px #ccc;
    padding-bottom: 6px;
    margin-bottom: 15px;
    }
.success{
    color: #8fbc2d;
    font-weight: bold;
    border-bottom: solid 1px #d5f199;
    padding-bottom: 6px;
    margin-bottom: 15px;
    }
    
    
/***************************************************
	WRAPPER
	 */
#wrapper-main{
   
    
    }
#wrapper {
   /* background: url(../images/76explosion.png) 0 23px no-repeat;*/
    width:967px;
    margin: 0px auto;
    text-align:left;
    position: relative;
    padding-bottom: 20px;
    }    

    
/***************************************************
    STRUCTURE
    */
    
#cols{
    clear: both;
    font-size: 1.2em;
    
    }
    
.col{
    float: left;
    }
    
.content .col{
    width: 49%;
    margin-right: 1%;
    }
    
    
/* >> Structure > Two Column Layout */
.twocol #col-left{
    width: 300px;
    margin-right: 42px;
    }
.twocol #col-right{
    width: 475px;
    }    
    
/* >> Structure > Three Column Layout */
.threecol #col-left{
    width: 329px;
    margin-right: 20px;
    }
.threecol #col-centre{
    width: 379px;
    margin-right: 24px;
    }
.threecol #col-right{
    width: 215px;
    }
    
    
/***************************************************
    Page Titles
    */
.sectiontitle{
    position: relative;
    }
        
.title{
    display: inline-block;
    line-height: 1;
    width: auto;
    }
.title .num{
    display: block;
    color: #5b5c5c;
    text-align: right;
    font-size: 1.7em;
    }
    
    
/***************************************************
	UMBRELLA
	*/
 
#umbrella{
    position: relative;
    height: 72px;
    color: #484949;
    text-transform: uppercase;
    text-align: right;
    padding-right: 125px;
    }
    
#umbrella strong{ /* tf member site */
    display: block;
    line-height: 22px;
    }
 
    

/***************************************************
	NAV
	*/

#topmenu {
	margin:0 0 0 0;
	padding:0;
    text-transform: uppercase;
    font-size: 1.3em;
    float: right;
	}

.nav LI  {
	list-style:none;
	float:left;
	margin:0 0 0 17px;
	width:auto;
    line-height: 1em;
    text-align: right;
    padding-bottom: 15px;
	}
	
.nav a {
	display:block;
	padding:0;
	margin:0;
	text-decoration:none;
	}
    
.nav a span{
    font-size: 1em;
    display: block;
    }
    
.nav a:hover,
.nav a:hover span{
    color: #222;
    }
    
    
.nav{
    margin: 0;
    overflow: hidden;
    height: 1%;
    }
.cufon-active .nav{
    letter-spacing: 1px;
    }
    
    
/***************************************************
	HOMEPAGE
	 */
     
/* >> Home > Intro */
.intro{
    margin-bottom: 15px;
    }
.intro .learnmore{
    display: block;
    margin-top: 8px;
    }
.intro .learnmore:hover{
    text-decoration: none;
    }
.cufon-active .intro{
    line-height: 1.4em;
    letter-spacing: 0.02em;
    }
.cufon-active .intro p{
    margin-bottom: 5px;
    }
.intro strong{
    font-weight: normal;
    }
    
    
/* >> Home > Serivce/Product Lists */
.small-servicelist-wrap ul,
.small-productlist-wrap ul{
    margin: 0;
    list-style: none;
    text-transform: uppercase;
    line-height: 1.2em;
    }
.small-servicelist-wrap li,
.small-productlist-wrap li{
    float: left;
    width: 159px;
    margin-bottom: 10px;
    overflow: hidden; height: 1%;
    }
    
.small-productlist-wrap a{
    width: 115px;
    }
    
.service-list{
    margin: 0;
    list-style: none;
    }
.service-list li{
    overflow: hidden;
    height: 1%;
    margin-bottom: 3px;
    }
.service-list a em{
    display: inline-block;
    padding:5px 0 0 0;
    font-style: normal;
    }
.service-list a:hover{
    color: #666;
    }
.service-list a:hover{
    text-decoration: none;
    }
.service-list img{
    margin-right: 5px;
    float: left;
    }
    
.allservices-wrap{
    top: -30px;
    right: 0;
    position: absolute;
    font-size: .9em;
    width: 610px;
    text-align: left;
    }
.allservices-wrap li{
    width: 117px;
    overflow: hidden;
    float: left;
    margin: 0 5px 8px 0;
    }
.allservices-wrap a em{
    padding-top: 0;
    float: left;
    width: 70px;
    text-transform: uppercase;
    }
    
    
/***************************************************
	AGGREGATE
	 */
.aggregate{
    list-style: none;
    margin: 0;
    }
    
.aggregate h3{
    font-size: 1em;
    margin: 0;
    font-weight: bold;
    }
    
.aggregate p{
    margin: 0;
    }
 
.aggregate li{
    padding-bottom: 30px;
    margin-bottom: 10px;
    }
       
.aggregate .detail{
    line-height: 1.2em;
    margin-top: 1em;
    }
    
.aggregate .detail img{
    float: left; 
    margin-right: 12px;
    }
 

/***************************************************
    WIDGETS 
    */
.widget{
    overflow: hidden;
    height: 1%;
    margin-bottom: 20px;
    font-size: .9em;
    }
    
.widget p{
    margin-bottom: 0.5em;
    }
    
/** >> WIDGET > FOLLOW US */
#follow-btn-twitter,
#follow-btn-facebook,
#follow-btn-rss{
    display: block;
    width: 34px;
    height: 34px;
    float: left;
    text-indent: -900em;
    overflow: hidden;
    margin-right: 8px;
    }
#follow-btn-twitter{
    background: url(../images/share-twitter.jpg) 0 0 no-repeat;
    }
#follow-btn-facebook{
    background: url(../images/share-facebook.jpg) 0 0 no-repeat;
    }
#follow-btn-rss{
    background: url(../images/share-rss.jpg) 0 0 no-repeat;
    }
#follow-btn-twitter:hover,
#follow-btn-facebook:hover,
#follow-btn-rss:hover{
    background-position: 0 -34px;
    }
    
    
/** >> WIDGET > POSTS (thumb+title+one-liner+read-more) */
.widget-posts ul{
    list-style: none;
    margin: 0;
    padding: 0;
    }
.widget-posts li{
    margin-bottom: 10px;
    overflow: hidden; height: 1%;
    }
.widget-posts img{
    float: left;
    margin-right: 10px;
    }
.widget-posts h3{
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    }
.widget-posts h3 a{
    color: #A1A1A1;
    }
.widget-posts li .readmore{
    text-align: left;
    }
    
.widget-posts .excerpt{
    float: left;
    margin-left: 0;
    width: 175px;
    }
    
    
/** >> WIDGET > GRID */
.thumb-grid{
    list-style: none;
    margin: 0;
    line-height: 0;
    }
.thumb-grid li{
    display: block;
    float: left;
    padding: 1px;
    }
.thumb-grid img{
    vertical-align: middle;
    }
    
.thumb-grid a{
    opacity: .65;
    }
.thumb-grid a:hover{
    opacity: 1.0;
    }
    
/** >> WIDGET > THE COMMUNITY */
.widget-ourcommunity ul{
    list-style: none;
    margin: 0;
    }

.widget-ourcommunity li{
    background: url(../images/community.gif) 0 0 no-repeat;
    padding: 0 0 0 16px;
    overflow: hidden; height: 1%;
    zoom: 1;
    }
    
.widget-ourcommunity a{
    float: left;
    }
.widget-ourcommunity a.icon-rss{
    float: right;
    }
    
    
#community-propr{ background-position: 0 -31px; } /* background position y = -31n */
#community-shiftctrl{ background-position: 0 -62px; }
#community-prgirlz{ background-position: 0 -93px; }
#community-insidepr{ background-position: 0 -124px; }
#community-uninstalled{ background-position: 0 -155px; }
#community-capitalpr{ background-position: 0 -186px; }
#community-terryfallis{ background-position: 0 -217px; }
#community-davefleet{ background-position: 0 -248px; }
#community-friendsroll{ background-position: 0 -279px; }


/** >> WIDGET > Person Photo + Name + Title */
.widget-people-info ul{
    list-style: none;
    margin: 0;
    font-size: 1.2em;
    }
.widget-people-info li{
    margin-bottom: 8px;
    overflow: hidden; height: 1%;
    }

.widget-people-info img{
    float: left;
    margin-right: 8px;
    }
.widget-people-info .name-title{
    padding-top: 8px;
    float: left;
    }
    
    
/***************************************************
	SERVICES 
	 */
#services-grid{
    margin: 0;
    list-style: none;
    font-size: .9em;
    color: #333;
    }
#services-grid li{
    width: 280px;
    margin-right: 40px;
    float: left;
    overflow: hidden;
    margin-bottom: 25px;
    }
#services-grid img{
    float: left;
    margin-right: 10px;
    }
#services-grid .excerpt{
    float: left;
    width: 205px;
    }
#services-grid .readmore{
    text-align: left;
    display: inline-block;
    }

    
    
/***************************************************
	SUBNAV 
	 */
.subnav{
    float: right;
    text-align: right;
    margin-top: -40px;
    }
.subnav a:hover{
    text-decoration: none;
    color: #666;
     }
    

/***************************************************
	SINGLE PROFILE 
	 */
 
.profile-content{
    width: 525px;
    margin-left: 170px;
    }

    
.profile-user-info{
    float: left;
    width: 150px;
    margin-right: 20px;
    }
.profile-user-info .profile-photo{
    margin-bottom: 10px;
    }

.readmore{
    display: block;
    text-align: right;
    }
 
#profile-related{
    clear: left;
    }
#profile-related .col{
    width: 223px;
    display: inline; /* ie6 */
    }
#profile-related .middle{ /* middle column */
    margin: 0 20px;
    }

    
    
/***************************************************
	PORTFOLIO LIST 
	 */
#portfolio-grid,
.portfolio-grid-services{
    list-style: none;
    margin: 0;
    overflow: hidden; height: 1%;    
    }
#portfolio-grid li{
    margin-bottom: 10px;
    }
#portfolio-grid li.even{
    float: left;
    }
#portfolio-grid li.odd{
    float: right;
    }
    
#portfolio-grid h3,
#portfolio-grid p{
    margin: 0;
    font-size: 1em;
    }
#portfolio-grid h3 a{
    color: #656668;
    font-weight: bold;
    }
#portfolio-grid img{
    margin-bottom: 8px;
    }
#portfolio-grid a img{
    border: solid 1px #656668;
    }
        
#portfolio-grid ul{
    margin-top: 8px;
    }
#portfolio-grid li li{ /* services */
    float: left;
    margin-right: 3px;
    width: auto;
    }
#portfolio-grid li li a img{
    border: none;
    }
    
/** PORTFOLIO >> PORTFOLIO FILTER WIDGET */
.widget-filter ul{
    margin: 0 0 15px 0;
    }
.widget-filter  li{
    list-style: none;
    background: url(../images/checkbox.gif) 0 50% no-repeat;
    padding-left: 22px;
    font-size: 1.2em;
    margin: 0 0 3px 0;
    }
    
.widget-filter h3{
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 5px 0;
    color: #716a6a;
    }
    
    
/***************************************************
	PAGINATION 
	 */
.pagination{
    color: #5B5C5C;
    font-size: 1em;
    font-weight: bold;
    text-align: right;
    }
.pagination a:hover{
    color: #656668;
    }
    
#pagination-top{
    float: right;
    margin-top: -94px;
    }
    
    
    
/***************************************************
	PORTFOLIO 
	 */
 #portfolio-mainimage{
    margin-bottom: 25px;
    }
     
 .portfolio-thumbs{
    list-style: none;
    margin: 0 0 25px 0;
    overflow: hidden; height: 1%;
    }
.portfolio-thumbs li{
    float: left;
    margin:0 25px 0 0;    
    }
.portfolio-thumbs li.last{
    margin-right: 0;
    }
    
.portfolio-rundown{
    font-size: .9em;
    float: left;
    width: 150px;
    }
.portfolio-rundown img{
    margin-bottom: 8px;
    }
    
.portfolio-content{
    width: 525px;
    margin-left: 170px;
    }
    
.project-titleclient{
    margin-bottom: 25px;
    }
.project-titleclient h3,
.project-titleclient h4{
    font-weight: bold;
    font-size: 1.2em;
    color: #727070;
    margin: 0;
    line-height: 1.2em;
    }
    
.project-link{
    float: right;
    font-weight: bold;
    font-size: 1em;
    }
    
/***************************************************
	FOOTER
	 */
     
#wrapper-footer {
    text-align: left;
    padding: 16px 0;
    }
#footer p{
    padding-top: 8px;
    margin: 0;
    }
#footer{
    color: #fff;
    width: 967px;
    margin: 0 auto;
    }
    
#footermenu{
    float: right; 
    text-transform: uppercase;
    }
#footermenu li{
    overflow: hidden;
    color: #7dbcd8;
    padding-bottom: 12px;
    }