﻿/*CSS Document - Monitor - Carphology Entertainment*/
/*Webmaster - Darvin K. Manwah*/
/*Contact - carphology-entertainment [@] gmail.com*/
/*All Rights Reserved*/

/*Links - Begin*/
	a:link,
	a:visited,
	a:hover,
	a:active{
		text-decoration: none;
		}
		
    a img{
        border: none;
        }
/*Links - End*/

/*Heading - Begin*/
    .heading-1{
		font-family: Verdana;
		font-size: 11px;
		color: #99CC33;
		padding: 10px 10px 10px 0px;
		line-height: 20px;
		word-spacing: .3px;
		letter-spacing: .2px;
		text-align: justify;
		}
		
    .heading-2{
        color: #99CC33;
        font-family: 'Oswald', sans-serif;
        font-size: 35px;
        line-height: 45px;
        padding: 0px 0px 0px 0px;
        letter-spacing: 1px;
        }
        
    .heading-2 a:link{
        color: #99CC33;
		}
		
	.heading-2 a:visited{
		color: #99CC33;
		text-decoration: none;
		}
		
	.heading-2 a:hover{
		color: #3399cc;
		}
		
	.heading-2 a:active{
		color: #99CC33;
		}
		
    .heading-3{
        color: #CCCCCC;
        font-family: Verdana;
        font-size: 13px;
        line-height: 23px;
        margin: 0px 0px 15px;
        }
        
    .heading-3 a:link{
        color: #666666;
        padding: 2px;
		}
		
	.heading-3 a:visited{
        color: #666666;
        padding: 2px;
		}
		
	.heading-3 a:hover{
		color: #CCCCCC;
		padding: 2px;
		}
		
	.heading-3 a:active{
		color: #666666;
		padding: 2px;
		}
		
	.heading-4{
	    background-color: #262626;
	    color: #666666;
	    font-family: Verdana;
	    font-size: 12px;
	    padding: 5px;
	    line-height: 26px;
	    }
	    
	.heading-4 a:link,
	.heading-4 a:visited,
	.heading-4 a:active{
	    background-color: #262626;
        color: #666666;
        margin: 0px 18px;
		}
		
    .heading-4 a:hover{
        color: #3399CC;
        margin: 0px 18px;
		}
		
    .heading-5{
		font-family: Verdana;
		font-size: 11px;
		color: #888888;
		line-height: 23px;
		letter-spacing: 0px;
		padding: 0px 0px 25px 0px;
		word-spacing: 1px;
		text-align: left;
		list-style-image: url(images/icon-green-arrow.png);
		list-style-position: inside;
        }
		
    .heading-5 a:link{
        color: #99CC33;
        padding: 2px;
		}
		
	.heading-5 a:visited{
	    color: #99CC33;
	    padding: 2px;
		}
		
	.heading-5 a:hover{
		background-color: #CC3300;
		color: #CCCCCC;
		padding: 2px;
		}
		
	.heading-5 a:active{
		color: #99CC33;
		padding: 2px;
		}
		
	.heading-6{
        color: #99CC33;
        font-family: Verdana;
		font-size: 13px;
		line-height: 28px;
		letter-spacing: 0px;
		padding: 5px 10px 10px 0px;
		word-spacing: 1px;
		text-align: left;
		}
		
	.heading-7{
	    color: #7f7f7f;
        padding: 2px;
        margin: 5px;
		}
		
	.heading-8{
        color: #CCCCCC;
        font-family: Georgia, Times, serif;
        font-size: 20px;
        font-style: italic;
        line-height: 42px;
        letter-spacing: 1px;
        margin: 0px 0px 0px;
        padding: 0px;
		word-spacing: 2px;
        }
        
    .heading-9{
        color: #990000;
        font-family: Verdana;
        font-size: 13px;
        line-height: 36px;
        margin: 10px 20px;
        padding: 5px;
        }
        
    .heading-9 a:link{
        background-color: #333333;
        color: #999999;
        padding: 5px;
		}
		
	.heading-9 a:visited{
		background-color: #333333;
        color: #999999;
		padding: 5px;
		}
		
	.heading-9 a:hover{
		background-color: #CC3300;
		color: #CCCCCC;
		padding: 5px;
		text-decoration: none;
		}
		
	.heading-9 a:active{
		color: #999999;
		padding: 5px;
		text-decoration: none;
		}
		
    .heading-10{
		font-family: Verdana;
		font-size: 11px;
		color: #999999;
		line-height: 30px;
		letter-spacing: 0px;
		padding: 0px 0px 25px 0px;
		word-spacing: 1px;
		text-align: left;
		}
		
	.heading-10 a:link{
        color: #99CC33;
        padding: 2px;
		}
		
	.heading-10 a:visited{
	    color: #99CC33;
	    padding: 2px;
		}
		
	.heading-10 a:hover{
		background-color: #CC3300;
		color: #CCCCCC;
		padding: 2px;
		}
		
	.heading-10 a:active{
		color: #99CC33;
		padding: 2px;
		}
        
    .heading-11{
        color: #FF9933;
        font-family: Verdana;
        font-size: 11px;
        line-height: 28px;
        text-align: right;
        }
        
    .heading-11 a:link{
        background-color: #CC3300;
		color: #CCCCCC;
		padding: 4px;
		}
		
	.heading-11 a:visited{
		background-color: #CC3300;
		color: #CCCCCC;
		padding: 4px;
		}
		
	.heading-11 a:hover{
		background-color: #CC3300;
		color: #CCCCCC;
		padding: 4px;
		}
		
	.heading-11 a:active{
		background-color: #CC3300;
		color: #CCCCCC;
		padding: 4px;
		}
		
    .heading-12{
        color: #EA9E0B;
        }
        
    .heading-13{
        color: #444444;
        font-family: Verdana;
        font-size: 11px;
        line-height: 45px;
        font-weight: bold;
        padding: 0px 20px;
        }
        
    .heading-13 a:link{
        color: #666666;
		}
		
	.heading-13 a:visited{
		color: #666666;
		}
		
	.heading-13 a:hover{
		color: #99CC33;
		}
		
	.heading-13 a:active{
		color: #99CC33;
		}
		
    .heading-14{
        color: #5F5F5F;
        font-family: Verdana;
        font-size: 11px;
        line-height: 28px;
        text-align: right;
        padding: 5px 0px;
        }
        
    .heading-15{
        color: #EA9E0B;
        font-family: Verdana;
        font-size: 13px;
        line-height: 28px;
        padding: 5px 0px;
        }
/*Heading - End*/

/*Main Content Structure - Begin*/
    body{
	    background-image: url(Images/carphology-entertainment-background-2.jpg);
	    background-position: center top;
	    background-color: #000000;
	    background-repeat: repeat;
	    margin: 0px auto;
        }
        
    #default-page-content{
        margin: 0px auto;
        width: 950px;
        }
    
    #default-top-bar{
        height: 100%;
        margin: 0px auto;
        text-align: right;
        }
        
    #site-navigation{
        background-color: #202020;
        height: 50px;
        padding: 0px 20px 10px;
        width: 940px;
        margin: 20px auto 0px;
        }
        
    #full-page-holder{
        background-image: url(images/footer-additional.jpg);
        background-color: #353535;
        width: 980px;
        /*width: 1200px;*/
        margin: 0px auto;
        }
    
    #full-page{
        width: 950px;
        margin: 0px auto;
        padding: 0px 15px 0px;
        border: 0px solid #666666;
        }
        
    #default-company-title-holder{
        margin: 0px auto;
        width: 100%;
        height: 100%;
        }
    
    #default-company-title{
        background-image: url(Images/default-company-title.jpg);
        background-position: top center;
        background-repeat: no-repeat;
        background-color: #202020;
        margin: 0px auto;
        width: 980px;
        height: 190px;
        }
        
    #default-navigation-header-holder{
        width: 980px;
        height: 60px;
        padding: 0px 0px 0px 0px;
        }
    
    #default-navigation-header{
        background-color: #202020;
        width: 940px;
        padding: 0px 0px 0px 40px;
        }
        
    #default-breadcrumbs-holder{
        background-position: top center;
        background-repeat: no-repeat;
        width: 100%;
        }
    
    #default-breadcrumbs{
        background-repeat: repeat-x;
        margin: 0px auto;
        width: 100%;
        height: 30px;
        padding: 20px 0px;
        }
        
    .default-breadcrumbs-label{
        background-image: url(Images/default-breadcrumbs-label.jpg);
        background-repeat: no-repeat;
        width: 167px;
        height: 10px;
        }
        
    .default-main-content-holder{
        margin: 1% 5%;
        padding: 0;
        border: thin solid #7d5500;
        }
    
    .default-main-content{
        margin: 0px auto;
        width: 950px;
        }
        
    .default-main-bar{
        border-width: 0px 2px 0px 0px;
        border-color: #424242;
        border-style: dotted;
        float: left;
        margin: 0px;
        height: 100%;
        width: 640px;
        padding: 0px 10px 0px 0px;
        }
        
    .default-side-bar{
        background-color: #353535;
        float: right;
        margin: 0px;
        height: 100%;
        width: 270px;
        padding: 10px;
        }
        
    .clear{
        clear: both;        /* extend height of .main to longest column */
        height: 0px;
        overflow: hidden;   /* prevent IE expanding the container */
        margin: 0;          /* keep flush with surrounding blocks */
        }
        
    #default-highlight-holder{
        height: 100%;
        margin: 0px auto;
        padding: 0px;
        }
    
    #default-highlight{
        background-image: url(Images/front-page-collage.jpg);
        background-repeat: no-repeat;
        width: 950px;
        margin: 0px auto;
        padding: 20px 0px 0px;
        }
        
    #default-highlight-placement{
        width: 220px;
        height: 50px;
        margin: 265px 0px 0px;
        }
        
    #default-navigation-footer-holder{
        background-image: url(Images/default-navigation-footer-banner-uncharted-2.jpg);
        background-position: top center;
        background-repeat: no-repeat;
        float: left;
        min-height: 50px;
        width: 100%;
        padding: 0px 0px 20px;
        }
    
    #default-navigation-footer{
        /*background-color: #202020;*/
        width: 980px;
        margin: 0px auto;
        padding: 0px;
        height: 213px;
        }
        
    #default-navigation-footer-baseline{
        background-color: #404040;
        /*background-color: #FFFFFF;*/
        width: 960px;
        margin: 0px auto;
        padding: 10px;
        }
        
    #footer-additional{
        /*background-image: url(images/footer-additional.jpg);*/
        background-color: #353535;
        width: 940px;
        height: 560px;
        margin: 0px auto;
        padding: 20px;
        }
        
    #additional-footer-column-01,
    #additional-footer-column-02,
    #additional-footer-column-03{
        background-repeat: no-repeat;
        background-position: bottom right;
        width: 210px;
        height: 340px;
        margin: 5px;
        float: left;
        padding: 5px;
        }
        
    #additional-footer-column-01{
        background-image: url(images/background-image-recent-blogs.png);
        }
        
    #additional-footer-column-02{
        background-image: url(images/background-image-recent-articles.png);
        }
        
    #additional-footer-column-03{
        background-image: url(images/background-image-recent-artwork.png);
        }
        
    #additional-footer-column-04{
        width: 230px;
        height: 340px;
        margin: 5px;
        float: left;
        padding: 5px;
        }
        
    .content-highlights{
        }
        
    .separator{
        text-align: left;
        border: 1px dashed #424242;
        margin: 5px 0px 10px;
        width: 100%;
        }
        
    .separator-side-bar{
        text-align: left;
        border: 1px dashed #353535;
        margin: 10px 0px;
        /*margin: 20px 0px;*/
        width: 100%;
        }
        
    .content-separator{
        margin: 10px 0px;
        }
        
    .section-content-container{
        height: 100%;
        margin: 20px 0px;
        padding: 0px 0px 0px 15px;
        width: 585px;
        }
        
    .section-banner{
        padding: 0px 0px 20px 0px;
        }
        
    .article-photo-left{
        float: left;
        padding: 5px;
        margin: 5px;
        background-color: #262626;
        }
        
    .article-photo-right{
        float: right;
        margin: 10px 0px 15px 15px;
        border: 8px solid #262626;
        }
        
    .article-photo-left-side-bar{
        float: left;
        margin: 0px 15px 0px 0px;
        border: 1px solid #202020;
        background-color: #262626;
        padding: 6px;
        width: 258px;
        height: 197px;
        }
        
    .article-photo-left-side-bar-thumb{
        float: left;
        margin: 0px 15px 0px 0px;
        border: 1px solid #202020;
        background-color: #262626;
        padding: 6px;
        width: 50px;
        height: 50px;
        }
        
    .article-photo-left-side-bar-artwork{
        float: left;
        margin: 0px 15px 20px 0px;
        border: 1px solid #202020;
        background-color: #262626;
        padding: 6px;
        }
        
    .artwork-listing{
        margin: 0px 15px 15px 0px;
        background-color: #262626;
        padding: 10px;
        }
        
     .about-company-emblem{
        float: left;
        margin: 10px 15px 15px 0px;
        padding: 6px;
        }
        
    #article-google-map{
        border: 10px solid #262626;
        margin: 0px;
        width: 550px;
        height: 350px;
        }
        
    .article-summary{
        margin: 10px 0px 0px;
        width: 640px;
        min-height: 170px;
        height: 100%;
        }
     
    .article-summary-article{
        /*background-color: #FFFFFF;*/
        margin: 10px 0px 0px;
        width: 640px;
        min-height: 220px;
        height: 100%;
        }
        
    .article-summary-blog{
        margin: 10px 0px 0px;
        width: 640px;
        /*min-height: 220px;*/
        height: 100%;
        }
    
    .article-summary-details{
        width: 640px;
        height: 100%;
        padding: 10px 0px 0px;
        }
        
    #service-photo-holder{
        }
    
    .service-photo{
        float: left;
        border: 5px solid #282828;
        margin: 0px 20px 0px 0px;
        }
        
    .highlight{
        color: #999999;
        font-weight: bold;
        }
        
    .highlight-orange{
        color: #FF9933;
        font-weight: bold;
        }
        
    .indent{
        text-indent: 50px;
        }
		
	.nav-top{
        /*background-color: Aqua;*/
        color: #666666;
        font-family: Verdana;
        font-size: 11px;
		line-height: 20px;
		letter-spacing: 0px;
		padding: 9px 0px 0px;
		word-spacing: 1px;
        }
    
    .nav-top a:link{
        color: #666666;
		}
	
	.nav-top a:visited{
		color: #666666;
		}
	
	.nav-top a:hover{
		color: #CC3399;
		}
	
	.nav-top a:active{
		color: #666666;
		text-decoration: none;
		}
		
    #nav-top-darvin{
        background-image: url(images/website-title.jpg);
        background-repeat: no-repeat;
        width: 401px;
        height: 34px;
        float: left;
        margin: 10px 0px 0px 0px;
        }
		
    .sitemap{
        color: #666666;
        font-family: Verdana;
		font-size: 11px;
        float: right;
        line-height: 20px;
        letter-spacing: .6px;
        }

    .sitemap a:link,
    .sitemap a:visited,
    .sitemap a:hover,
    .sitemap a:active{
        padding: 5px;
        }

    .sitemap a:link{
        color: #787878;
		}

	.sitemap a:visited{
		color: #787878;
		}

	.sitemap a:hover{
		color: #3399CC;
		}

	.sitemap a:active{
		color: #787878;
		}
		
    .animated-feature-film{
        background-color: #202020;
        color: #3399cc;
        padding: 10px;
        margin: 0px 0px 70px;
        }
        
    .tab-title{
        color: #CCCCCC;
        font-family: Georgia, Times, serif;
        font-size: 22px;
        font-style: italic;
        line-height: 42px;
        letter-spacing: 1px;
        margin: 0px 0px 0px;
        padding: 20px 0px;
		word-spacing: 2px;
        }
        
    #subscribe{
        margin: 0px 0px 10px 0px;
        }
        
    .subscribe-feature{
        background-color: #FFFFFF;
        border: 2px solid #999999;
        font-family: Georgia, Times, serif;
        font-size: 13px;
        font-style: italic;
        margin: 0px 0px 10px 0px;
        padding: 5px;
        width: 200px;
        }
        
    .tab{
        padding: 0px 0px 5px;
        }
        
    .gallery{
        padding: 0px 10px 10px 0px;
        }
        
    .content-holder-background{
        background-image: url(images/background-image-recent-blogs.png);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-color: #262626;
        padding: 10px;
        }
        
    .life-at-vfs{
        background-image: url(digital-playground/life-at-vfs/images/tab-life-at-vfs.jpg);
        width: 264px;
        height: 278px;
        margin: 40px 0px;
        }
        
    .animated-featured-film-gods-fury{
        background-image: url(digital-playground/gods-fury/images/animated-featured-film-gods-fury.jpg);
        background-repeat: no-repeat;
        width: 620px;
        height: 232px;
        padding: 0px 0px 50px;
        }
        
    .article-content-holder{
        width: 640px;
        height: 100%;
        padding: 0px 0px 30px;
        float: left;
        }
        
    .digital-playground-tab-spacing{
        padding: 20px 0px 0px;
        }
        
    .tag-blocks{
        padding: 0px 5px;
        }
        
    .comment-icon{
        background-image: url(images/icon-comments.gif);
        background-repeat: no-repeat;
        width: 12px;
        height: 12px;
        padding: 0px 5px 0px 0px;
        float: left;
        }
        
    #artwork-carousel{
        background-color: #262626;
        margin: 0px auto;
        width: 940px;
        height: 200px;
        margin: 0px auto;
        }
        
    .icon-twitter,
    .icon-linkedin,
    .icon-facebook,
    .icon-google-buzz,
    .icon-gmail,
    .icon-vimeo,
    .icon-imdb{
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        float: left;
        margin: 2px;
        padding: 0px 9px 0px 0px;
        }
        
    .icon-twitter{
        background-image: url(images/icon-twitter.png);
        }
    
    .icon-linkedin{
        background-image: url(images/icon-linkedin.png);
        }
        
    .icon-facebook{
        background-image: url(images/icon-facebook.png);
        }
        
    .icon-google-buzz{
        background-image: url(images/icon-google-buzz.png);
        }
        
    .icon-gmail{
        background-image: url(images/icon-gmail.png);
        width: 21px;
        }
        
    .icon-vimeo{
        background-image: url(images/icon-vimeo.png);
        }
        
    .icon-imdb{
        background-image: url(images/icon-imdb.png);
        width: 33px;
        }
        
    .icon-new{
        background-image: url(images/icon-new.png);
        background-repeat: no-repeat;
        width: 30px;
        height: 30px;
        float: left;
        margin: 0px 5px 0px 0px;
        }
        
    .darvinkmanwah-thumb{
        background-image: url(images/darvinkmanwah-thumb.jpg);
        background-repeat: no-repeat;
        width: 59px;
        height: 90px;
        float: left;
        margin: 5px 5px 5px 0px;
        border: 5px solid #262626;
        }
        
    #twitter_update_list{
        background-image: url(images/icon-twitter-black.png);
        /*background-color: #FFFFFF;*/
        background-repeat: no-repeat;
        font-size: 12px;
        padding: 0px 10px 0px 40px;
        height: 40px;
        width: 460px;
        float: right;
        }
        
    .share-this-holder-background{
        background-image: url(images/background-image-recent-artwork.png);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-color: #262626;
        padding: 10px;
        height: 150px;
        }
        
    .share-this-holder-content{
        background-image: url(images/background-image-recent-artwork.png);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-color: #262626;
        padding: 10px;
        height: 25px;
        }
        
    .siggraph-s3-photo-left{
        background-color: #262626;
        padding: 10px;
        margin: 10px 10px 50px 0px;
        }
        
    .column-spacing{
        height: 30px;
        }
        
    .photo-left{
        float: left;
        margin: 15px 15px 15px 0px;
        border: 1px solid #202020;
        background-color: #262626;
        padding: 6px;
        }
        
    .photo-right{
        float: right;
        margin: 15px 0px 15px 15px;
        border: 1px solid #202020;
        background-color: #262626;
        padding: 6px;
        }
     
    .intro-image-thumb{
        background-color: #262626;
        margin: 0px 0px 20px 0px;
        border: 1px solid #202020;
        padding: 0px;
        width: 300px;
        height: 169px;
        }
        
    .intro-image-font{
        font-family: 'Oswald', sans-serif;
        font-size: 20px;
        height: 30px;
        padding: 70px 0px 0px 250px;
        }

    .profile-icons{
        padding: 0px 40px 0px 0px;
        }
        
    #profile-portrait-holder{
        padding: 150px 0px 0px 25px;
        }
        
    #profile-portrait{
        background: url(images/darvinkmanwah-portrait.jpg) no-repeat;
        width: 125px;
        height: 125px;
        overflow: visible;
        float: left;
        }
/*Main Content Structure - End*/
        
/*JQuery Bubble - Begin*/
    .tooltip {
	    height: 50px;
	    width: 136px;
	    display: none;
	    background: transparent url(jquery-bubble/image/black_arrow.png);
	    font-family: Verdana;
		font-size: 9px;
		color: #FFFFFF;
		line-height: 20px;
		letter-spacing: 0px;
		padding: 15px 20px 20px;
		word-spacing: 1px;
		text-align: left;	
        }
        
    /* override the arrow image of the tooltip */
    .tooltip.bottom {
	    background:url(jquery-bubble/image/black_arrow_bottom.png);
	    padding-top: 30px;
	    height: 41px;
        }
/*JQuery Bubble - End*/

/*Share This - Begin*/
    .st_sharethis{
        padding: 0px 5px 0px 0px;
        }
/*Share This - End*/

/*Tristar Roll Over Effects - Begin*/
    .wrapper {
        /*background-color: #676767;*/
        position: relative; 
        width: 620px;
        height: 169px;
        }
        
    .wrapper:hover {
        cursor: pointer;
        }
        
    .wrapper-holder {
        padding: 10px;
        width: 620px;
        height: 169px;
        }
/*Tristar Roll Over Effects - End*/

/*Page Title - Begin*/
    .page-title{
        line-height: 0px;
        padding: 0px 0px 10px;
        }
        
    .page-title-animated-featured-film{
        background-image: url(digital-playground/gods-fury/images/animated-featured-film.jpg);
        width: 362px;
        height: 29px;
        margin: 20px 0px;
        }
        
    .page-title-artwork{
        background-image: url(images/page-title-artwork.jpg);
        width: 141px;
        height: 29px;
        margin: 20px 0px;
        }
        
    .page-title-articles{
        background-image: url(images/page-title-articles.jpg);
        width: 129px;
        height: 29px;
        margin: 20px 0px;
        }
        
    .page-title-blogs-archive{
        background-image: url(digital-playground/blogs/images/page-title-blogs-archive.jpg);
        width: 229px;
        height: 29px;
        margin: 20px 0px;
        }
        
    .page-title-contact-information{
        background-image: url(images/page-title-contact-information.jpg);
        width: 338px;
        height: 29px;
        margin: 20px 0px;
        }
        
    .page-title-flash-drive-sunday{
        background-image: url(images/page-title-flash-drive-sunday.jpg);
        width: 292px;
        height: 29px;
        margin: 20px 0px;
        }
        
    .page-title-recent-artwork{
        background-image: url(images/page-title-recent-artwork.jpg);
        width: 268px;
        height: 29px;
        margin: 20px 0px;
        }
        
    .page-title-artwork-archive{
        background-image: url(digital-playground/artwork/images/page-title-artwork-archive.jpg);
        width: 275px;
        height: 29px;
        margin: 20px 0px;
        }
        
    .page-title-digital-playground{
        background-image: url(images/page-title-digital-playground.jpg);
        width: 295px;
        height: 29px;
        margin: 20px 0px;
        }
        
    .page-title-darvin-k-manwah{
        background-image: url(images/page-title-darvin-k-manwah.jpg);
        width: 285px;
        height: 29px;
        margin: 20px 0px;
        }
        
    .page-title-portfolio{
        background-image: url(images/page-title-portfolio.jpg);
        width: 150px;
        height: 29px;
        margin: 20px 0px;
        }
        
    .page-title-blogs{
        background-image: url(digital-playground/blogs/images/page-title-blogs.jpg);
        width: 100px;
        height: 29px;
        margin: 20px 0px;
        }
        
    .page-title-resume{
        background-image: url(images/page-title-resume.jpg);
        width: 111px;
        height: 29px;
        margin: 20px 0px;
        }
        
    .page-title-demo-reel{
        background-image: url(images/page-title-demo-reel.jpg);
        width: 556px;
        height: 29px;
        margin: 20px 0px;
        }
        
    .page-title-coming-soon{
        background-image: url(images/page-title-coming-soon.jpg);
        width: 204px;
        height: 29px;
        margin: 20px 0px;
        }
        
    .page-title-members{
        background-image: url(images/page-title-members.jpg);
        width: 134px;
        height: 29px;
        margin: 20px 0px;
        }
        
    .page-title-julia-r-waldner{
        background-image: url(images/page-title-julia-r-waldner.jpg);
        width: 247px;
        height: 29px;
        margin: 20px 0px;
        }
        
    .page-title-darvin-k-manwah{
        background-image: url(images/page-title-darvin-k-manwah.jpg);
        width: 290px;
        height: 29px;
        margin: 20px 0px;
        }
        
    .page-title-updates{
        background-image: url(images/page-title-updates.jpg);
        width: 124px;
        height: 29px;
        margin: 20px 0px;
        }
        
    .page-title-studios{
        background-image: url(images/page-title-studios.jpg);
        width: 117px;
        height: 29px;
        margin: 20px 0px;
        }
        
    .page-title-interesting-links{
        background-image: url(images/page-title-interesting-links.jpg);
        width: 267px;
        height: 29px;
        margin: 20px 0px;
        }
        
    .page-title-forums{
        background-image: url(images/page-title-forums.jpg);
        width: 118px;
        height: 29px;
        margin: 20px 0px;
        }
/*Page Title - End*/

/*Tabs - Begin*/
    .tab-lectures{
        background-image: url(digital-playground/lectures/images/tab-lectures.jpg);
        width: 264px;
        height: 65px;
        margin: 0px 0px 10px;
        }
        
    .tab-recent-blogs{
        background-image: url(digital-playground/blogs/images/tab-recent-blogs.jpg);
        width: 264px;
        height: 65px;
        margin: 0px 0px 10px;
        }
        
    .tab-recent-articles{
        background-image: url(digital-playground/articles/images/tab-recent-articles.jpg);
        width: 264px;
        height: 65px;
        margin: 0px 0px 10px;
        }
        
    .tab-recent-artwork{
        background-image: url(digital-playground/artwork/images/tab-recent-artwork.jpg);
        width: 264px;
        height: 65px;
        margin: 0px 0px 10px;
        }
        
    .tab-random-artwork{
        background-image: url(digital-playground/artwork/images/tab-random-artwork.jpg);
        width: 264px;
        height: 65px;
        margin: 0px 0px 10px;
        }
        
    .tab-interesting-links{
        background-image: url(images/tab-interesting-links.jpg);
        width: 264px;
        height: 65px;
        margin: 0px 0px 10px;
        }
        
    .tab-contact-info{
        background-image: url(images/tab-contact-info.jpg);
        width: 264px;
        height: 65px;
        margin: 0px 0px 10px;
        }
        
    .tab-the-siggraph-2008-experience{
        background-image: url(digital-playground/the-siggraph-2008-experience/images/tab-the-siggraph-2008-experience.jpg);
        width: 264px;
        height: 65px;
        margin: 0px 0px 10px;
        }
        
    .tab-public-events{
        background-image: url(digital-playground/public-events/images/tab-public-events.jpg);
        width: 264px;
        height: 65px;
        margin: 0px 0px 10px;
        }
        
    .tab-photo-reference{
        background-image: url(digital-playground/artwork/images/tab-photo-reference.jpg);
        width: 620px;
        height: 17px;
        margin: 0px 0px 10px;
        }
        
    .tab-navigation{
        background-image: url(images/tab-navigation.jpg);
        width: 264px;
        height: 65px;
        margin: 0px 0px 10px;
        }
        
    .tab-coming-soon{
        background-image: url(digital-playground/images/tab-coming-soon.jpg);
        width: 264px;
        height: 65px;
        margin: 0px 0px 10px;
        }
        
    .tab-downloads{
        background-image: url(darvinkmanwah/images/tab-downloads.jpg);
        width: 264px;
        height: 65px;
        margin: 0px 0px 10px;
        }
        
    .tab-filmography{
        background-image: url(darvinkmanwah/images/tab-filmography.jpg);
        width: 264px;
        height: 65px;
        margin: 0px 0px 10px;
        }
        
    .tab-angie-hu{
        background-image: url(http://localhost:49165/www.carphology-entertainment.com/digital-playground/blogs/images/tab-angie-hu.jpg);
        background-repeat: no-repeat;
        width: 105px;
        height: 17px;
        }
        
    .tab-marissa-krupen{
        background-image: url(http://localhost:49165/www.carphology-entertainment.com/digital-playground/blogs/images/tab-marissa-krupen.jpg);
        background-repeat: no-repeat;
        width: 200px;
        height: 17px;
        }
/*Tabs - Ends*/

/*Google Adsense - Begin*/
    .google-adsense-side-bar{
        margin: 0px auto;
        padding: 0px 0px 20px 0px;
        width: 180px;
        height: 150px;
        }
        
    .google-adsense-02-left{
        width: 250px;
        height: 250px;
        margin: 27px;
        float: left;
        }
        
    .google-adsense-02-right{
        width: 250px;
        height: 250px;
        margin: 27px;
        float: right;
        }
        
    .google-adsense-02-background-holder{
        background-repeat: no-repeat;
        background-position: bottom right;
        background-color: #262626;
        margin: 0px 0px 50px;
        padding: 10px;
        float: left;
        width: 620px;
        }
/*Google Adsense - End*/

/*Social Media Network - Begin*/
    .facebook-holder{
        background-color: #EDEFF6;
        width: 640px;
        height: 600px;
        }
/*Social Media Network - End*/

/*Blog (darvinkmanwah.blogspot.com) - Begin*/
    .feedTitle{
        color: #99CC33;
        font-family: Verdana;
	    font-size: 13px;
	    line-height: 28px;
	    letter-spacing: 0px;
	    padding: 5px 10px 10px 0px;
	    word-spacing: 1px;
	    text-align: left;
        }
        
    .headline{
		font-family: Verdana;
		font-size: 11px;
		color: #888888;
		line-height: 23px;
		letter-spacing: 0px;
		padding: 0px 0px 25px 0px;
		word-spacing: 1px;
		text-align: left;
		list-style-image: url(images/icon-green-arrow.png);
		list-style-position: inside;
        }
		
    .headline a:link{
        color: #99CC33;
        padding: 2px;
		}
		
	.headline a:visited{
	    color: #99CC33;
	    padding: 2px;
		}
		
	.headline a:hover{
		background-color: #CC3300;
		color: #CCCCCC;
		padding: 2px;
		}
		
	.headline a:active{
		color: #99CC33;
		padding: 2px;
		}
/*Blog (darvinkmanwah.blogspot.com) - End*/

/*Testing - Begin*/
    body { font: 1em "Lucida Grande",Lucida,Verdana,sans-serif; font-size: 62.5%; line-height: 1;}
input, textarea { font-family: Arial; font-size: 125%; padding: 7px; }
label { display: block; } 
p { margin: 0; margin-bottom: 4px;}
h5 { margin: 0; font-weight: normal; }
a:link,
a:hover,
a:visited {
    color: #fff;
}
#sidebar {
    color: #AFB0B1;
    background: #262626;
    margin: 20px 0px;
    padding: 15px 10px;
    width: 250px;
}
 
#sidebar ul {
    font-size:1.2em;
    list-style-type:none;
    margin:0;
    padding:0;
    position:relative;
}
 
.rating {
    background-image:url(images/simple-spy/info_bar_stars.png);
    background-repeat:no-repeat;
    height:12px;
    text-indent:-900em;
    font-size:1em;
    margin:0 0 9px;
}
 
.none {
	background-position: 82px 0px;
}
 
.four {
	background-position: 82px -48px;
}
 
.five {
	background-position: 82px -60px;
}
 
.tags {
	color: #fff;
	margin: 0.5em;
}
 
.tags a,
.tags span {
	background-color: #333839;
	font-size: 0.8em;
	padding: 0.1em 0.8em 0.2em;
}
 
.tags a:link,
.tags a:visited {
	color: #fff;
	text-decoration: none;	
}
 
.tags a:hover,
.tags a:active {
	background-color: #3e4448;
	color: #fff;
	text-decoration: none;	
}
 
#sidebar li {
    height: 90px;
    overflow: hidden;
}
 
#sidebar li h5 {
    color:#A5A9AB;
    font-size:1em;
    margin-bottom:0.5em;
}
 
#sidebar li h5 a {
    color:#A5A9AB;
    text-decoration:none;
}
 
#sidebar li img {
    float:left;
    margin-right:8px;
}
 
#sidebar li .info {
    color:#3E4548;
    font-size:1em;
}
 
#sidebar .info a,
#sidebar .info a:visited {
    color:#3E4548;
    text-decoration: none;
}
 
#sidebar .spyWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
}
 
a img {
    border: 0;
}
/*Testing - End*/
