/* CSS Document */




/* Content - TITLEINFO - CHANNEL/ITEM HEADER   */

#content #titleinfo {
float: left;
}

#content #titleinfo h2 {
font-size: 1.8em;
line-height: 1em;
} 
        
#content #titleinfo h3 {
font-size:  .9em;
padding: 0;
letter-spacing: normal;
}

#content #titleinfo h3 a{
color: #44b3dd;
}

#content #titleinfo h3 a:hover {
text-decoration:  none;
}


#content .feed {
background: url(/img/channel/rss_icon.gif) center left no-repeat;
margin-right: 10px;  
margin-top: 5px;  
display: block;            
float: right;
}

#content a.feed {
font-size: .9em;
padding: 8px 0 8px 18px;
color: #114469;
}


#content #titleinfo .favs {
background: url(/img/channel/icon_favs_small.gif) center left no-repeat;
margin-left: 10px;                
}

#content #titleinfo a.favs {
font-size: .9em;
padding: 8px 0 8px 21px;
color: #114469;
}


/* ajax rollover stuff */

#content #titleinfo #channeltitle {
float: left;
}

#content #titleinfo #channeltitle a {
text-decoration: none;
}

#content #titleinfo #channeltitlemsg {
display: block;
float: left;
padding-top: 5px;
font-size: 1.2em;
}

#content #titleinfo .title-message-submit {
float: left;
display: block;
margin-top: -5px;
padding: 0; 
}

#content #titleinfo h2#channeltitle_header {
display: block;
float: left;
width: 430px;
margin-right: 5px;
border: 1px solid #FFF;
}

#content #titleinfo h2#channeltitle_header2 {
float: left;
display: block;
width: 530px;
margin-right: 5px;
border: 1px solid #FFF;
}

#content  #titleinfo h2#channeltitle_header:hover {
border: 1px solid #d3d3d3;
background: #feffcb;
cursor: pointer;
cursor: hand;
}

#content #titleinfo h2#channeltitle_header2:hover {
border: 1px solid #FFF;
}

#content #titleinfo #channeltitlein {
padding: 5px;
background: url(/img/textfield_bg.png) top left repeat-x;
border: solid 1px #999;
width: 390px;
margin-right: 5px;
margin-bottom: 3px;
float: left;
}






/* */

#create-your-own {
float: right;
}

#create-your-own img {
padding: 0;
margin: 0;
border: 0;
}



/* */

#channel-top-nav {
	width: 378px;
        margin: 21px 0 10px 10px;
        float: left;
	}
	
	#channel-top-nav ul {
	width: auto;
	}

	#channel-top-nav ul li {
	float: left;
	display: inline;	
        padding: 0 5px 10px 0;
	}

	#channel-top-nav ul li a{
	display: block;
	padding: 7px 10px 0 20px; 
	color: #000;
	text-decoration: underline;
	font-size: .75em;
	float: left;	
	}

	#channel-top-nav ul li.favorites {
    	background: url(/img/channel/star_icon.gif) center left no-repeat;
        }

	#channel-top-nav ul li a:hover{
	color: #000;
	text-decoration: none;
	}



#channel {
    background: url(/img/channel/channel_bg.gif) top left repeat-y;

    }

	#channel #channel-upperleft {
	    background: url(/img/channel/channel_UL.gif) top left no-repeat;
		width: 15px;
		height: 53px;
		float: left;
		padding: 0 0 0 0;
		margin: 0;
	    }
	
	#channel #channel-upperright {
	    width: 14px;
		background: url(/img/channel/channel_UR.gif) top left no-repeat;
		height: 53px;
		float: right;
		padding: 0;
		margin: 0;

	    }

	#channel #channel-bottom {
	    background: url(/img/channel/channel_bottom.gif) top left no-repeat;
		width: 920px;
		height: 14px;
	    }

	#channel #channelnav2 {
	    background: url(/img/channel/channel_nav_bg.gif) top left repeat-x;
	    height: 53px;
		margin: 0 0 0 0;
		float: left;
		width: 891px;
	    }
    
	    #channel #channelnav2 ul {
		padding: 0; 
		margin: 0;
	        }
    
	    #channel #channelnav2 ul li {
	        float: left;
	        background: url(/img/channel/channel_nav_divider.gif) no-repeat right top;
	        display: inline;
			padding: 0;
			margin: 0;
	        }

	    #channel #channelnav2 ul li a {
	            display: block;
	            padding: 14px 18px 0 17px; 
	            color: #000;
	            text-decoration: underline;
	            height: 43px;
	            font-size: .9em;
	            float: left;
	            }

        #channel #channelnav2 ul li a:hover {
            color: #004374;
            cursor: pointer;
            cursor: hand;
            text-decoration: none;
            }
        
        #channel #channelnav2 ul li.selected {
            background: url(/img/channel/channel_nav_divider.gif) no-repeat right top;
            }

        #channel #channelnav2 ul li.inactive {
				color: #AEAEAE;
	       	 	display: inline;
                float: left;
                padding: 14px 18px 0 17px;
	        	font-size: .9em;
	        	height: 43px;
            }
        
        #channel #channelnav2 ul li#settings {
                float: right;
				margin-right: 0;
            }

        #channel #channelnav2 ul li#add{
                float: right; 
				margin-right: 0;
            }

        #channel #channelnav2 ul li#add img, #channel #channelnav2 ul li#settings img {
                border: 0;
				padding: 0 5px 0 0;
				margin-top: -3px ;
            }

        #channel #channelnav2 ul li.selected a {
            background: url(/img/channel/channel_nav_downarrow.gif) no-repeat center top;
            text-decoration: none;
            }
	
	#channel #content-slideshow, #channel #content-photos, #channel #content-contributors, #channel #content-clouds, #channel #content-trackbacks, #channel #content-settings {
	    width: auto;
		padding: 10px 25px 15px 25px;
	    }
		
	#channel h2 {
		font-size: 1.2em;
		}
	
	#channel #slideshow {
		width: 405px;
		padding: 7px 25px 10px 19px;
		background: url(/img/channel/channel_slideshow_bg.gif) repeat-y top left;
		text-align: left;
		color: #FFF;
		}

    #channel #slideshow p {
	color: #FFF;
	text-align:left;	
        padding-left: 7px;
        line-height: 1.4em;
	}

    #channel #slideshow p b {
	color: #FDFF67;
        font-size: 1.2em;
	}

	#channel #slideshow-top {
		background: url(/img/channel/channel_slideshow_top.gif) no-repeat bottom left;
		width: 441px;
		height: 13px;
		}

	#channel #slideshow-bottom {
		background: url(/img/channel/channel_slideshow_bottom.gif) no-repeat top left;
		width: 441px;
		height: 15px;
		}

	#channel #slideshow #fullscreen-link {
		background: url(/img/channel/full_screen_icon.gif) center left no-repeat;	
}



	#channel #slideshow .fslink {
		color: #FFF;
		font-size: .8em;
                padding: 0 0 3px 22px;
		}

	#channel #right-column {
		width: 385px;
		float: left;
		}

	#channel #left-column {
		width: 460px;
		float: left;
		}

#content #channel #right-column p.description {
padding-bottom: 15px;
font-size: 1.1em;
width: 404px;
}
        
#channel #right-column .box-top {
width: 404px;
height: 10px;
background: url(/img/channel/box_top.gif) no-repeat bottom left;
}    

#channel #right-column .box-content {
width: 400px;
background: url(/img/channel/box_bg.gif) repeat-x top left;
border-left: 2px solid #e4e4e4;
border-right: 2px solid #e4e4e4;
}   
  
    	#channel #right-column .box-content ul {
		list-style: none;
    	padding: 0 17px;
		}

	    #channel #right-column .box-content  ul li {
                line-height: 45px;
    		}
    #channel #right-column .box-content ul li .moreinfo {
float: right;
font-size: .7em;
padding: 0;
margin: 12px 0 0 0;
line-height: 1em;
}       

    #channel #right-column .box-content ul li .sendtoitunes {
float: left;
font-size: 1.2em;
line-height: 1.0em;
}      

    #channel #right-column .box-content ul li b {
font-size:.8em;
line-height: 1em;
padding-bottom: 10px;
display: block;
}  

 
		ul li.add {
 		   	background: url(/img/channel/icon_upload_big.png) center left no-repeat;
    		}

		ul li.comment {
 		   	background: url(/img/channel/icon_comment_big.png) center left no-repeat;
    		}
                
		ul li.favorites {
    		background: url(/img/channel/icon_favorites_big.png) center left no-repeat;
    		}

		ul li.create {
    		background: url(/img/channel/icon_create.png) center left no-repeat;
                }

		ul li.podcast {
    		background: url(/img/channel/icon_podcast.gif) top left no-repeat;
                }

#content ul li.podcast p {
padding-left: 48px;
line-height: 1.1em;

}

#content ul li.podcast form {
padding-left: 48px;
}

#content ul li.podcast form label {
display: block;
font-size: .9em;
padding: 0;
margin: 0;
height: 30px;
}

#content ul li.podcast form input {
padding-top: 10px;
padding-bottom: 10px;
}

#channel #right-column  ul li a {
font-size: 1.2em;
padding: 8px 0 8px 48px;
color: #114469;
}



#channel #right-column .box-bottom {
width: 404px;
height: 9px;
margin-bottom: 15px;
background: url(/img/channel/box-bottom.gif) no-repeat top left;
} 

#channel #right-column input {
margin-top: 5px;
}

#channel #right-column h2 {
padding-bottom: 15px;
	}
	
.embedsrc{
        padding: 5px;
        margin-bottom: 15px;
        border: 1px solid #999;
        font-size: .9em;
        background: url(/img/textfield_bg.png) top left repeat-x;
        }

    #channel #right-column .email-input{
        padding: 5px;
        width: 310px;
        color: #999;
        border: 1px solid #999;
        font-size: .9em;
        background: url(/img/textfield_bg.png) top left repeat-x;
display: block;
float: left;
        }

    #channel #right-column .send-btn{
        padding: 0 0 0 5px;
margin-top: 4px;
display: block;
float: left;
        }

    #channel #right-column p{
        margin-bottom: 4px;  
        width: 300px;
        font-size: .9em;
        }

 		#channel .tabcontent {
		display:none;
		}
		
		@media print {
		#channel .tabcontent {
		display:block!important;
		}
		}


#channel .hr hr {
display: none;
}

#channel .hr {
margin-top: 10px;
margin-bottom: 15px;
height: 5px;
background: url(/img/thumb/thumbs_hr.gif) no-repeat;
}

#content #content-contributors .contributor {
float: left;
margin: 0 20px 20px 0;
}

#content #content-contributors .contributor img {
border: 0;
padding: 0;
margin: 0 0 5px 0;
}


#content #content-contributors .contributor small {
display: block;
text-align: center;
font-size: .9em;
}



/* COMMENTS  */

#channelcomments {
padding: 18px 0 0 16px;
float: left;
width: 620px;
}

#channelcomments h2 {
padding-bottom: 15px;
}

#channel-comment-form h2 {
padding-bottom: 10px;
}

#channelcomments ul {
list-style-type: none;
}

#channelcomments ul li {
font-size: 1em;
}


#channelcomments ul li a {
color:#44b3dd;
font-weight: bold;
}

#channelcomments ul li img {
margin: 0 10px 0 0;
padding: 0;
}

#channelcomments ul li p {
line-height: 1.3em;
padding-top: 5px;
padding-right: 30px;
font-size: .8em;
}

#channel-comment-form {
float: right;
padding: 0 40px 0 0;
width: 240px;
}

#channel-comment-form textarea {
width: 248px;
margin-bottom: 13px;
border: #999999 solid 1px;
padding: 5px
}

a.bbashRegister {
    display: block;
    width: 400px;
    height: 100px;
    text-indent: -9999em;
    background: url(/img/kccnRegister.png) top left no-repeat;
    margin-bottom: 15px;
}

    a.bbashRegister:hover {
        background-position: bottom left;
    }

.bbashHeader {
    width: 920px;
    display: block;
    height: 150px;
    background: url("http://bbash.kindfish.com/img/co-brands/KCCN_baby_bash.png") top center no-repeat;
    margin-bottom: 10px;
    position: relative;
    margin-top: -5px;
}

    .bbashHeader a.kccnLink {
        display: block;
        width: 200px;
        height: 150px;
        position: absolute;
    }
    
    .bbashHeader a.kindfishLink {
        display: block;
        width: 300px;
        height: 150px;
        position: absolute;
        top: 0;
        right: 0;
    }
}

/* topbar */
#topbar {
}

    #topbar .left,
    #topbar .middle,
    #topbar .right {
        width: 33.3%;
        display: block;
        float: left;
    }
    
    #topbar p {
        float: none !important;
    }
    
    #topbar .left p {
        text-align: left;
    }
    
    #topbar .middle p {
        text-align: center;
    }
    
    #topbar .right p {
        text-align: right;
    }

/* list view */
#hooks-container {
float: right;
}

#hooks-container #hooks-left {
background: url(/img/item/hooks_left.gif) no-repeat top left;
width: 22px;
height: 31px;
float: left;
}

#hooks-container #hooks-content {
background: url(/img/item/hooks_bg.gif) repeat-x top left;
float: left;
height: 31px;
color: #FFF;
padding-top: 9px;
padding-right: 3px;
}


#hooks-container .hookitbtn {
float: left;
}

#hooks-container a.hookitbtn img {
    margin: 0;
    padding: 0;
    border: none;
}

.listItem {
    width: 640px;
    display: block;
    margin: 0 auto 20px auto;
}

    .listItem h3 {
        letter-spacing: 0;
        font-weight: bold;
        padding-top: 8px;
    }

    .listItem h4 {
        letter-spacing: 0;
        font-size: 12px;
        color: #666;
    }
    
    .listItem h4 a {
        color: #666;
    }

    .listItem .image img {
        margin: 5px 0;
        padding: 0 !important;
        border: 3px solid #006F9A;
    }

/* organize photo view */

#photos.organize {
    margin: 0 auto;
    width: 840px;
}

#photos ul#sortablePhotos li {
    border: 2px solid #CCC;
    background: url(/img/organize_photo_bg.png) top left repeat-x;
    width: 100px;
    height: 100px;
    padding: 3px;
    text-align: center;
    margin: 0 10px 10px 0;
    display: block;
    float: left;
    cursor: move;
}

    #photos ul#sortablePhotos li img.image {
        width: 100px;
        height: 100px;
        border: none;
        padding: 0;
    }