* { padding: 0; margin: 0; outline: none; }
html, body { height: 100%; }
body { font-size: 77%; font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; }

#wrapper {
    background-repeat: no-repeat;
    background-position: center 60px;
    height: auto !important;
	/*width: 1065px;*/
	width: 1184px;
	position: relative;
	margin: 0 auto;
	height: 100%;
	min-height: 100%;
}

/* top bar */
#topBar {
	width: 985px;
	position: relative;
	margin: 0 auto;
	background: transparent url("../images/topbar-logorow-bg.png") top left no-repeat;
	height: 182px;
	clear: both;
}

    #logoRow {
        display: inline;
        float: left;
        clear: both;
        margin: 16px 5px 19px;
        width: 975px;
        height: 60px;
        position: relative;
    }
    
        a#logo {
            display: block;
            position: absolute;
            width: 212px;
            height: 59px;
            left: 27px;
            text-indent: -9999px;
            background: transparent url("../images/kc_logo.gif") top left no-repeat;
        }
        
        #logoRow .ad_placement {
            display: block;
            position: absolute;
            right: 27px;
            width: 660px;
            height: 60px;
            overflow: hidden;
        }
        
        ul.headerads2 {
            display: block;
            float: left;
            width: 660px;
            height: 60px;
            list-style: none;
        }
        
        ul.headerads2 li {
            display: block;
            float: left;
            width: 320px;
            height: 60px;
        }
        
        ul.headerads2 li.item0 {
            margin-right: 16px;
        }
        
    #menuBar {
        display: inline;
        float: left;
        clear: both;
        position: relative;
        width: 975px;
        height: 39px;
        margin: 0 0 0 5px;
        background: transparent url("../images/menu-bg.png") top left no-repeat;
    }
    
        #menuBar a {
            display: block;
            position: relative;
            float: left;
            height: 39px;
            text-indent: -9999px;
            text-decoration: none;
        }
        
        a#featuredVideos {
            width: 138px;
            background: transparent url("../images/menu-featured.png") top left no-repeat;
        }
        
        a#newestVideos {
            width: 114px;
            background: transparent url("../images/menu-newestvideos.png") top left no-repeat;
        }
        
        a#myFavorites {
            width: 102px;
            background: transparent url("../images/menu-myfavorites.png") top left no-repeat;
        }
        
        a#vlogs {
            width: 63px;
            background: transparent url("../images/menu-vlogs.png") top left no-repeat;
        }
        
        a#centerStage {
            width: 105px;
            background: transparent url("../images/menu-centerstage.png") top left no-repeat;
        }
        
        a#featuredVideos:hover, a#newestVideos:hover, a#myFavorites:hover, a#vlogs:hover, a#centerStage:hover, a#showShops:hover, a#uploadVideos:hover {
            background-position: 0 -39px;
        }
        
        a#featuredVideos:active, a#newestVideos:active, a#myFavorites:active, a#vlogs:active, a#centerStage:active, a#showShops:active, a#uploadVideos:active {
            background-position: 0 100%;
        }
        
             a#vlogs .tip, a#showShops .tip {
                    display: none;
                }

                a#vlogs:hover .tip, a#showShops:hover .tip {
                    display: block;
                    position: absolute;
                    left: 35px;
                    top: 45px;
                    width: 85px;
                    height: 15px;
                    background: #000;
                    color: #fff;
                    padding: 10px;
                    border: 1px solid #999;
                    text-indent: 0;
                    z-index: 2;
                    opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60);
                }
                
                a#showShops:hover .tip {
                    width: 300px;
                    height: 65px;
                    left: -300px;
                }
        
        
        #searchArea {
            display: block;
            position: absolute;
            right: 20px;
            height: 30px;
            width: 228px;
            top: 4px;
        }
        
        input#searchBar {
            display: block;
            float: left;
            width: 170px;
            height: 23px;
            border: none;
            padding: 7px 7px 0 7px;
            color: #999;
            background: transparent url("../images/menu-searchbar.gif") top left no-repeat;
        }
        
        button#searchBtn {
            display: block;
            float: left;
            margin-left: 12px;
            width: 30px;
            height: 30px;
            background: transparent url("../images/menu-search-btn.gif") top left no-repeat;
            border: none;
        }
        
            button#searchBtn:hover {
                background-position: 0 -30px;
            }
            
            button#searchBtn:active {
                background-position: 0 100%;
            }
    
    #memberArea {
        display: inline;
        float: left;
        clear: both;
        position: relative;
        width: 973px;
        height: 48px;
        margin: 0 0 0 6px;
        background: transparent url("../images/memberarea-bg.png") top left repeat-x;
    }
    
        #memberArea #statusText {
            display: block;
            position: absolute;
            top: 15px;
            left: 154px;
            color: #fff;
        }
        
        #memberArea #statusText.error {
            color: #c00;
        }
        
        #memberArea #statusText.error a {
            color: #fff;
        }
    
        #memberArea a#register, #memberArea a#profile, #memberArea a#signout {
            display: block;
            position: absolute;
            top: 6px;
            width: 87px;
            height: 32px;
            text-indent: -9999px;
            background: transparent url("../images/btn_register.png") top left no-repeat;
        }
        
        #memberArea a#register, #memberArea a#profile { 
            left: 21px;
        }
        
        #memberArea a#profile {
            background: transparent url("../images/btn_profile.png") top left no-repeat;
        }
        
        #memberArea a#signout {
            background: transparent url("../images/btn_signout.png") top left no-repeat;
            right: 21px;
        }
        
        #memberArea a#register:hover, #memberArea a#profile:hover, #memberArea a#signout:hover {
            background-position: 0 -32px;
        }
        
        #memberArea a#register:active, #memberArea a#profile:active, #memberArea a#signout:active {
            background-position: 0 100%;
        }
        
        #memberArea form {
            display: block;
            position: absolute;
            right: 20px;
            top: 6px;
            width: 400px;
            height: 32px;
        }
            #memberArea input.field {
                display: block;
                float: left;
                width: 118px;
                height: 18px;
                margin-top: 5px;
                border: none;
                color: #999;
                padding: 4px 14px 0 14px;
                margin-right: 9px;
                background: transparent url("../images/signin-input-bg.png") top left no-repeat;
            }
        
            button#signinBtn {
                display: block;
                float: left;
                border: none;
                width: 87px;
                height: 32px;
                background: transparent url("../images/btn_signin.png") top left no-repeat;
            }
            
            button#signinBtn:hover {
                background-position: 0 -32px;
            }
            
            button#signinBtn:active {
                background-position: 0 100%;
            }
    
.mainContent {
    display: block;
    margin: 0 auto;
    width: 820px;
	border:0px solid #FFF;
}

/* info, player, and comments */

    #playerRegion {
        position: relative;
        display: inline;
        clear: both;
        float: left;
        width: 985px;
        margin-left: 105px;
        margin-top: 13px;
    }
    
        #adRegion1, #adRegion2 {
            display: inline;
            float: left;
            width: 168px;
            height: 342px;
            overflow: hidden;
            margin-top: 46px;
        }
        
        ul.ads {
            display: block;
            float: left;
            clear: both;
            list-style: none;
        }
        
            ul.ads li, ul.ads2 li, ul.ads3 li, ul.ads4 li {
                display: block;
                float: left;
                clear: both;
                width: 168px;
                height: 342px;
                margin: 0;
                padding: 0;
                overflow: hidden;
            }
            
            ul.ads4 li {
                height: 85px;
            }
            
            ul.ads3 li { 
                height: 114px;
            }
            
            ul.ads2 li {
                height: 171px;
            }
    
        #videoRegion {
            display: inline;
            float: left;
            width: 631px;
            height: 438px;
            text-align: center;
            position: relative;
            /*margin: 0 0 0 216px;*/
        }
        
        /*#videoRegion #topVideoBar {
                    display: block;
                    float: left;
                    position: absolute;
                    width: 607px;
                    height: 169px;
                    top: 0px;
                    left: 12px;
                    z-index: 100;
                    opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60);
                }*/
    
        #playerRegion #infoRegion {
            position: relative;
            bottom: 0px;
            display: block;
            float: left;
            width: 216px;
            height: 438px;
        }
    
        #playerRegion ul#infoHolder {
            list-style: none;
            display: block;
            position: absolute;
            bottom: 0px;
            float: left;
            width: 216px;
        }
        
        ul#infoHolder li {
            display: block;
            float: left;
            clear: both;
            width: 216px;
        }
        
        ul#infoHolder li#top {
            background: transparent url("../images/info_videoinfo.png") top left no-repeat;
            height: 46px;
        }
        
        ul#infoHolder li#info {
            background: transparent url("../images/info_bg.png") top left repeat-y;
            height: 307px;
        }
            
            li#info .scrollable {
                display: block;
                float: left;
                width: 172px;
                height: 151px;
                overflow: scroll;
            }
            
            form#embedCode {
                display: block;
                padding: 17px 10px;
                left: 15px;
                position: absolute;
                background: transparent url("../images/embed_large.gif") top left no-repeat;
                width: 186px;
                height: 91px;
                z-index: 10000;
            }
            
            form#embedCode #embedCodeInput {
                width: 140px;
                height: 33px;
                margin-top: 10px;
                margin-left: 10px;
                padding: 2px;
                font-size: 8px;
            }
            
            form#embedCode a { margin-left: 10px; color: #fff; }
        
            li#info #vidTitle, li#info #vidSeason, li#info #vidRuntime {
                display: block;
                float: left;
                clear: both;
                width: 172px;
                margin-left: 21px;
            }
            
            li#info #vidTitle { margin-top: 15px; font-size: 14px; font-weight: bold; }
            
            li#info #vidSeason, li#info #vidRuntime { margin-top: 6px; color: #777; }
            
            li#info #vidFunctions, li#info #vidShare { 
                display: block;
                float: left;
                clear: both;
                margin-top: 8px;
                margin-left: 25px; 
            }
            
            li#info #vidShare img {
                margin-right: 2px;
            }
            
            li#info #vidDescription {
                display: block;
                float: left;
                clear: both;
                width: 172px;
                margin-left: 21px;
                margin-top: 8px;
                line-height: 15px;
                height: 150px;
                overflow: auto;
            }
        
        ul#infoHolder li#minimize {
            height: 72px;
        }
        
        ul#infoHolder li#minimize a {
            display: block;
            float: left;
            width: 216px;
            height: 72px;
            background: transparent url("../images/info_minref.png") top left no-repeat;
            text-indent: -9999px;
        }
        
        
        /* comments styling */
        
        #playerRegion #commentRegion {
            display: block;
            float: left;
            position: relative;
            bottom: 0px;
            width: 216px;
            height: 438px;
        }
        
        #playerRegion ul#commentHolder {
            list-style: none;
            display: block;
            position: absolute;
            bottom: 0px;
            float: left;
            width: 216px;
        }
        
        ul#commentHolder li {
            display: block;
            float: left;
            clear: both;
            width: 216px;
        }
        
        ul#commentHolder li#top {
            background: transparent url("../images/comments_title.png") top left no-repeat;
            height: 46px;
            text-indent: -9999px;
        }
        
        ul#commentHolder li#comments {
            background: transparent url("../images/comments_bg.png") top left repeat-y;
            height: 307px;
        }
		
		
		
		/* Comment Entries */
		#commentEntries {
			padding:0 0 0 15px;
			margin:0 12px 0 0;
			height:200px;
			overflow-x:hidden;
			overflow-y:auto;
		}
		
		#commentEntries LI.entry {
			padding:0 0 15px 0;
		}
		
		#commentEntries LI.entry .name {
			font-weight:bold;
		}
		#commentEntries LI.entry .date {
		}
		#commentEntries LI.entry .comment {
		}
		
		/* Pagination */
		#commentPagination {
			text-align:center;
			padding: 10px 0 10px 0;
		}
		#commentPagination A.prev {
		}
		#commentPagination A.next {
		}
		#commentPagination A.disabled {
			color:#999;
		}
		
		/*Comment Form*/
		#commentForm {
			padding: 0 14px 0 11px;
			text-align:center;
		}
		#commentForm TEXTAREA.comments {
			font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size:8pt;
			width:100%;
			*width: 90%;
			height:40px;
		}
		#commentForm INPUT.post {
		}
		#commentForm .success {
			padding:10px 0 0 0;
			color:#FFF;
			font-weight:bold;
			font-size:14pt;
		}
		
		
		
		
		 
		
		
		
        
        ul#commentHolder li#minimize {
            height: 72px;
        }
        
        ul#commentHolder li#minimize a {
            display: block;
            float: left;
            width: 216px;
            height: 72px;
            background: transparent url("../images/comments_minref.png") top left no-repeat;
            text-indent: -9999px;
        }
    








ul#koldcastNav {
    display: block;
    position: relative;
    margin: 0 auto;
    clear: both;
    width: 840px;
    height: 107px;
    list-style: none;
	padding-bottom: 70px;
	padding-left: 25px;
}

	#koldcastNav li {
	    display: block;
	    float: left;
		background-color: transparent;
		background-position: top left;
		background-repeat: no-repeat;
		background-image: url("../images/btn_shadow.png");
		margin-right: 40px;
		margin-top: 0px;
	}


	#koldcastNav li.end {
		margin-right: 0;
	}

	#koldcastNav li a {
		background-color: transparent;
		background-position: top left;
		background-repeat: no-repeat;
		display: block;
		width: 127px;
		height: 90px;
	    text-indent: -9999px;
		opacity: 0.75; -moz-opacity: 0.75; -khtml-opacity: 0.75; filter: alpha(opacity=75);
	}

	#koldcastNav li a:hover {
	    opacity: 0.99999; -moz-opacity: 0.99999; -khtml-opacity: 0.99999; filter: alpha(opacity=99);
	}

	li#myKoldCast { 
		background-image: url("../images/btn_shadow_lrg.png"); 
		width: 148px; 
		height: 107px;
		margin-top: 0;	
	}

	li#myKoldCast a {
		background-image: url("../images/btn_mykoldcast_new.png"); 
		width: 148px; 
		height: 107px;
	}


	li#koldcastFeatured a { background-image: url("../images/btn_featured_new.png"); }
	li#freshCast a { background-image: url("../images/btn_freshcast_new.png"); }
	li#whatsnew a { background-image: url("../images/btn_whatsnew_new.png"); }
	li#centerStage a { background-image: url("../images/btn_centerstage_new.png"); }
	li#community a { background-image: url("../images/btn_community_new.png"); }
	li#thevibe a { background-image: url("../images/btn_thevibe_new.png"); }


/* buttons */

a#signup_small {
	display: block;
	position: absolute;
	width: 86px;
	height: 30px;
	background: transparent url("../images/kc_btn_signup.png") top left no-repeat;
	top: 90px;
	right: 17px;
	opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=100);
}

html>body a#signup_small:hover {
	opacity: 0.99999; -moz-opacity: 0.99999; -khtml-opacity: 0.99999; filter: alpha(opacity=99);
}

a#btnSignin {
	display: block;
	float: right;
	width: 67px;
	height: 38px;
	background: transparent url("../images/kc_signsearch_btnsign.png") top left no-repeat;
}

a#btnSignin.loggedIn {
    background: transparent url("../images/kc_btn_signout.png") top left no-repeat;
}

a#btnSearch {
	display: block;
	float: left;
	width: 73px;
	height: 38px;
	background: transparent url("../images/kc_btn_search.png") top left no-repeat;
}

a#btnInfo, a#btnComment {
    display: block;
    float: left;
    position: absolute;
    text-indent: -9999px;
    bottom: 0px;
    right: 0px;
    background: transparent url("../images/kc_btn_info.png") top left no-repeat;
    width: 33px;
    height: 62px;
    padding-bottom: 27px;
    /*opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60);*/
}

a#btnComment {
    width: 44px;
    height: 62px;   
    left: 0px;
    background: transparent url("../images/kc_btn_comment.png") top left no-repeat;
}

/*
a#btnInfo:hover, a#btnComment:hover {
    opacity: 0.99999; -moz-opacity: 0.99999; -khtml-opacity: 0.99999; filter: alpha(opacity=99);
}
*/

input.input-hidden {
    border            : none !important;
    height            : 0px !important;
    padding            : 0px !important;
    width            : 0px !important;
}


/* footer */

.clear {
    width: 100%;
    height: 20px;
}

.clearBig {
    display: none;
    width: 100%;
    height: 130px;
}
        
/* top banner stuff */
.topbanner {
    display: inline;
    position: absolute;
    top: 13px;
    left: 12px;
    width: 280px;
    height: 59px;
}

    .topbanner a {
        display: block;
        float: left;
        clear: both;
        text-indent: -9999px;
        width: 280px;
        height: 59px;
        background: transparent url("../images/kc_banner.png") top left no-repeat;
    }