/* Main Styles
================================================================= */
	#add-moment { position: absolute; bottom: 80px; left: 0px;
					margin: 0; padding: 0; width: 100%; height: 0px;
					text-decoration:none; }

		#plus-ex {
			position: absolute;
			bottom: 0px;
			left: 50%;
			z-index: 9000;
			margin-left:-80px;
			-webkit-transition: all .3s ease; }

		#add-moment ul { margin: 0; padding: 0; position: relative; bottom:100px;
								visibility: hidden; left: 50%; margin-left:-80px; }

			#add-moment li {
				list-style: none;
				position: absolute;
				margin: 0;
				padding: 0;
				-webkit-transition: all .4s ease-in-out; }


/* CSS3 Animations
================================================================= */

.plus { -webkit-transform: rotate(0deg); }
.ex { -webkit-transform: rotate(-45deg); }






.icon-music.out { top: -153px; left: 227px; visibility: visible; -webkit-transform: rotate(-720deg); }


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

.icon-people.out { left: -20%; visibility: visible; -webkit-transform: rotate(-720deg); }
.icon-picture.out {top: -80px; left: -15%; visibility: visible; -webkit-transform: rotate(-720deg); }
.icon-place.out { top: -130px; left: -8%; visibility: visible; -webkit-transform: rotate(-720deg); }

.icon-music.out { top: -150px; left: 0%; visibility: visible; -webkit-transform: rotate(-720deg); }

.icon-thought.out { top: -130px; left: 8%; visibility: visible; -webkit-transform: rotate(-720deg); }
.icon-sleepx.out { top: -80px; left: 15%; visibility: visible; -webkit-transform: rotate(-720deg); }
.icon-sleep.out { left: 20%; visibility: visible; -webkit-transform: rotate(-720deg); }