@charset "utf-8";

/*
|--------------------------------------------------------------------------
| amediacreative.com > Carousel
|--------------------------------------------------------------------------
|
| @package		Amedia Creative
| @subpackage	Frontend - Accordian
| @company		Amedia Creative, Inc.
| @phone		310/651/8733
| @fax			310/388/1210
| @author		Joey Avino / Ever Barreto
| @email		joey@amediacreative.com / ever@amediacreative.com
| @link			http://www.amediacreative.com
| @copyright	2008 Amedia Creative, Inc.
| @requires		mootools.1.2.js
|
*/

/*
|--------------------------------------------------------------------------
| amediacreative.com > Carousel > Setup > Images
|--------------------------------------------------------------------------
|
| NOTE: Do not change the names of these classes.
|
*/

	a.prev, a.next { }
		a.prev { }
		a.next { }
			a.prev:hover { }
			a.next:hover { }

		/* ----- Selector for gallery view carousel. -------------- 
		.view-gallery-carousel a.prev { background-position: -2px 39px; }
		.view-gallery-carousel a.next { background-position: -60px 39px; }
			.view-gallery-carousel a.prev:hover { background-position: -101px 39px; }
			.view-gallery-carousel a.next:hover { background-position: -159px 39px; }*/










/*
|--------------------------------------------------------------------------
| amediacreative.com > Carousel > Setup > Flexible Attributes
|--------------------------------------------------------------------------
|
| NOTE: Do not change the names of these classes.
|
*/

	/* ----- 1: Specify the max width you would like your carousel to be. -------------- */
	.carousel_container { width: 330px; }
		.wrap { width: 275px; }

	/* ----- 2: Set the absolute positioning for your next and previous buttons. -------------- */
	/* ----- 	For this example, they are on the top left and top right side. -------------- */
	a.prev { z-index: 5; position: absolute; left: 0px; height: 85px; }
	a.next { z-index: 5; position: absolute; right: 0px; height: 85px; }

	/* ----- 3: Style the links and the link rollovers. -------------- */
	a.prev { width: 12px; text-indent: -9999px; }
		a.prev:hover { }
	a.next{ width: 12px; text-indent: -9999px; }
		a.next:hover { }

	/* ----- 3: Specify the styling you would like on your conent pages. -------------- */
	.object { width: 300px; }










/*
|--------------------------------------------------------------------------
| amediacreative.com > Carousel > Setup > Flexible Attributes > Recent Carousel
|--------------------------------------------------------------------------
|
*/

	/* ----- Recent Wrapper. -------------- */
	.recent-carousel { margin-top: 30px; }

		/* ----- Carousel Global Overrides. -------------- */
		.recent-carousel .carousel_container { }
			.recent-carousel .wrap { width: 265px; margin-left: 19px; }
				.more-by-carousel .object { }

		/* ----- Carousel Left and Image inside object. -------------- */
		.recent-carousel .carousel div.left { width: 83px; margin-right: 7px; }
			.recent-carousel .carousel div.img { width: 83px; height: 69px; }

			.recent-carousel a.prev, .recent-carousel a.next { }
				.recent-carousel a.prev { }
				.recent-carousel a.next { }
					.recent-carousel a.prev:hover { }
					.recent-carousel a.next:hover { }

		/* ----- Left and right btm runner -------------- */
		.btm-runner div.left.recent_ad-tag  { width: 30%; }
		.btm-runner div.right { /* In community.css in the ad section */ }









/*
|--------------------------------------------------------------------------
| amediacreative.com > Carousel > Setup > Flexible Attributes > More By Carousel
|--------------------------------------------------------------------------
|
*/

	/* ----- More By Wrapper. -------------- */
	.more-by-carousel { }

		/* ----- Carousel Global Overrides. -------------- */
		.more-by-carousel .carousel_container { width: 588px; padding: 7px; }
			.more-by-carousel .wrap { width: 529px; margin-left: 29px; }
				.more-by-carousel .object { width: 564px; }

		/* ----- Carousel Left and Image inside object. -------------- */
		.more-by-carousel .carousel div.left { width: 83px; margin-right: 28px; }
			.more-by-carousel .carousel div.img { width: 83px; height: 69px; }

			.more-by-carousel a.prev { left: 7px; }
			.more-by-carousel a.next { right: 7px; }








/*
|--------------------------------------------------------------------------
| amediacreative.com > Carousel > Setup > Flexible Attributes > Gallery View Carousel
|--------------------------------------------------------------------------
|
*/
	/* ----- Gallery View Wrapper. -------------- */
	.view-gallery-carousel { }

		/* ----- Carousel Global Overrides. -------------- */
		.view-gallery-carousel h3 { margin-bottom: 7px; }
		.view-gallery-carousel .carousel_container { width: 588px; padding: 7px; }
			.view-gallery-carousel .wrap { width: 529px; margin-left: 29px; }
				.view-gallery-carousel .object { width: 564px; }

		/* ----- Carousel Left and Image inside object. -------------- */
		.view-gallery-carousel .carousel div.left { width: 83px; padding: 5px 7px 7px 6px; margin-right: 12px; }
			.view-gallery-carousel .carousel div.img { width: 83px; height: 69px; }

			.view-gallery-carousel a.prev { left: 7px; }
			.view-gallery-carousel a.next { right: 7px; }

		/* ----- If this is the image selected in the gallery. -------------- */
		.view-gallery-carousel .carousel_container .this { /* background: #ebebeb; */ }










/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */

/*
|--------------------------------------------------------------------------
| --- > Carousel > Setup > Necessary Attributes
|--------------------------------------------------------------------------
|
| Do not edit below this line. Experienced CSS developers only.
|
*/

		.carousel_container { overflow: hidden; }
			.carousel_container .clear { clear: both; }
				a#previous { display: block; outline: none; }
				a#next { display: block; outline: none; }
				.wrap { overflow: hidden; position: relative; }
					.carousel { left: 0px; position: relative; width: 10000px;  } 									
					.object  { float: left; display: inline; position: relative; }