/* 
	All-In-One Slider Version 1.0 CSS
	
	Developed By: Md. Faisal
			 Web : http://www.uptodate.co.nr/
			 Blog: http://www.faisal11vcv.wordpress.com/
		
	Copyright: Feel free to redistribute the script/modify it, as
			   long as you leave my infos at the top. 
			   (2011)
*/



/* --- width & height settings --- */
#articleScroller, #allinone_containers, #allinone-content li, #allinone-content li .effectsSlideItem {
	height: 200px; /* height */
}
#articleScroller, #allinone_containers {
	width: 437px; /* width of main scroll area without navigation arrows */
}
#allinone-content li {
	width: 146px; /* width of main content (image) plus margin right - otherwise calculation is wrong */
}
#allinone-content li .effectsSlideItem {
	width: 146px; /* width of main content */
}
#allinone-content li .effectsSlideItem .image  {
	width: 146px;
	height: 150px; 
}


/* --- global settings --- */
#articleScrollerBox {
	padding: 0px 25px 0px 25px;
	background-image: url(../../images/site/slider_bkg.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #ffffff;
	margin: -35px -37px 30px 0px;
	border-bottom: 30px solid #ffffff;
}
#articleScrollerBox .header {
	background-color: #BB1E3E;
	color: #ffffff;
	font-weight: 700;
	padding: 5px 15px 5px 15px; 
	margin: 0px -25px 20px -25px; 
}
#articleScroller {
	margin: 0px auto;
	overflow: hidden;
}
#allinone_containers {
	position: relative;
	overflow: hidden;
}
#allinone-content {
	position: relative;
	margin: 0 auto;
}
#allinone-content ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#allinone-content li {
	float: left;
}
#allinone-content li .effectsSlideItem {}

/* item style
---------------------------------------------------- */
#allinone-content li .effectsSlideItem .image  {
	text-align: center;
}
#allinone-content li .effectsSlideItem .image img {
	width: auto;
	height: 100%;
}
#allinone-content li .effectsSlideItem .modTeaser  {
	padding: 5px 5px 0px 5px;
	text-align: center;
	line-height: 14px;
}
#allinone-content li .effectsSlideItem .modTeaser  a {
	color: #ffffff;
	text-decoration: underline;
}
#allinone-content li .effectsSlideItem .modTeaser  a:hover {
	color: #ffffff;
	text-decoration: none;
}

/* navigation style: arrows only
---------------------------------------------------- */
#allinone_rightnav, #allinone_leftnav {
	background-position: center;
	background-repeat: no-repeat;
	width: 20px !important;
	height: 30px;
	cursor: pointer;
	margin: -40px 0px 0px 0px;
}
#allinone_rightnav {
	background-image: url(../../images/effects_slide_arrow_prev.png);
	float: left;
	margin-left: -20px;
} 
#allinone_leftnav {
	background-image: url(../../images/effects_slide_arrow_next.png);
	float: right;
	margin-right: -20px;
}