/*---------------------------------------------------------------------------------*/
/* CAROUSEL POSTS */
/*---------------------------------------------------------------------------------*/

#carousel {
	background: #FAFAFA;
	padding: 5px 7px 15px 15px;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #ECEDE8;
}

.carousel-posts {
	z-index: 3 !important;
}

#carousel h3 {
	margin: 0 8px 10px 8px;
	border-bottom: 1px solid #FFF;
	text-transform: uppercase;
	color: #333;
	font-size: 14px;}

#carousel h4 span {
	display: block;
	padding: 0px 0px 4px 0px;
	border-bottom: 1px solid #DDD;
}

#carousel .item {
	width: 220px;
	background: #FFF;
	overflow: hidden;
	float: left;
	margin: 0 3px 0 10px;
	border: 1px solid #ECEDE8;
	display: inline;
}

#carousel .item img {
	padding: 4px;
	border-bottom: 1px solid #DDD;
	display: block;
}

#carousel .item .title {
	padding: 5px 8px 8px 8px;
	height: 60px;
	display: block;
}

#carousel .item .title span {
	height: 60px;
	display: block;
	font-family: Georgia,serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3;
	overflow: hidden;
}

#carousel .item .title:hover {
	text-decoration: none;
}

.pc-next,.pc-prev,.pc-next:hover,.pc-prev:hover {
	float: right;
	cursor: pointer;
	background: url(arrow_carousel.png) no-repeat left top;
	width: 16px;
	height: 14px;
	display: inline-block;
	text-indent: -5555em;
	border: 0 !important;
	margin: 4px 4px 0;
	overflow: hidden;
}

.pc-next {
	background-position: right 0;
}

.pc-prev {
	background-position: 0 0;
}

.pc-next:hover {
	background-position: right -19px;
}

.pc-prev:hover {
	background-position: 0 -19px;
}

.catbox-title {
	border-top: 1px solid #ECEDE8;
	background: #FAFAFA url(bg-title.jpg) repeat-x left center;
	border-bottom: 1px solid #ECEDE8;
	padding: 8px 15px 7px 15px;
	text-transform: uppercase;
	line-height: 1.25;
	font-family: Arial,serif;
	font-size: 13px;
}

.catbox-title a {
	color: #333;
}

.catbox-title a:hover {
	color: #333;
	text-decoration: none;
}

.cat-feedlink a {
	margin-top: 10px;
}
    .yui-carousel-element li {
        height: 158px;
        text-align: left;
    }
 
    #container {
        font-size: 13px;
        margin: 0 auto;
    }
 
    #container a {
        text-decoration: none;
    }
            
    #container .intro {
        display: inline;
        margin: 0px 14px 0px 4px;
        width: 202px;
    }
            
    #container .item {
        display: inline;
        margin: 0 22px 0 12px;
        overflow: hidden;
        padding-right: 80px;
        width: 106px;
    }
 
    #container .item .authimg {
        bottom: 2px;
        margin-left: 61px;
        position: absolute;
        z-index: 1;
    }
            
    #container .item h3 {
        line-height: 85%;
        margin-top: 4px;
    }
            
    #container .item h3 a {
        font: 77% Arial, sans-serif;
        position: relative;
        text-transform: uppercase;
        z-index: 2;
    }
            
    #container .item h3 a:link {
        color:#35a235;
    }
            
    #container .item h4 {
        margin-top:5px;
    }
            
    #container .item h4 a {
        font: 100% Georgia, Times, serif;
        position: relative;
        z-index:2;
    }
 
    #container .item h4 a:link {
        color:#00639b;
    }
            
    #container .item cite {
        color: #888;
        display: block;
        font-size: 77%;
        line-height: normal;
        margin-bottom: 30px;
    }
            
    #container .item p.all {
        bottom: 25px;
        position: absolute;
        z-index: 2;
    }
            
    #container .item p.all a {
        font-weight: bold;
        font-size: 85%;
    }
.carousel-component { 
		position:relative;
		overflow:hidden;   /* causes the clipping */
		visibility:hidden; /* component turns it on when first item is rendered */
		background:#e2edfa; padding:0px; -moz-border-radius:6px; color:#618cbe;
	}

	.carousel-component ul.carousel-list { 
		width:10000000px;
		position:relative;
		z-index:1; 
	}

	.carousel-component .carousel-list li { 
		float:left;
		list-style:none;
		overflow:hidden;
	}

	/**
	 * VERTICAL CAROUSEL DEFAULTS
	 **/
	.carousel-component .carousel-vertical li { 
		float:none;
		margin-bottom:0px;
		/* Force the LI to respect the HEIGHT specified */
		overflow:hidden;
		display:block;
	}

	/* For vertical carousel, not set, width defaults to auto */
	/* Note if you explicitly set width to auto, this might cause */
	/* problems with Safari */	 
	.carousel-component ul.carousel-vertical {
	}

	.carousel-component .carousel-clip-region { 
		overflow:hidden; /* Secret to the clipping */
		margin:0px auto;
		position:relative; 
	}