html {
		height: 100%;
		width: 100%;
		overflow: hidden;
	}
	
	body {
		background: #F5FFFA;
		-webkit-animation: pulse 40s infinite alternate;
		height: 100%;
		width:100%;
		min-height:100%;
		overflow: hidden;
	}

	* {
		margin: 0;
		padding: 0;
		font-family: Ubuntu, san-serif;
		font-weight: 300;
		font-style: italic;
		font-size: 11px;
		line-height: 2em;
		letter-spacing: 2px;
		text-transform: uppercase;
		
	}

	img {
		padding: 0;
		margin: 0;
	}

	p {
		text-transform: none;
	}

	ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	h1 {
		font-size: 20px;
		float: left;
	}

	h2 {
		font-size: 1em;
		float: left;
		line-height: 40px;
		vertical-align: middle;
		padding-left: .5em;
	}

	a {
		color: #000;
		font-style: none;
		text-decoration: none;
	}

	a:hover {
		color: #d6d6d6;
	}

	button {
		background: transparent;
		border: none;
	}

	button:focus {outline:0;}


	.custom-dropdown {
	  display: inline-block; }
	  .custom-dropdown .form-control {
	    padding: .4em 1.5em .5em .5em; }
	  .custom-dropdown .genericon-expand {
	    position: relative;
	    float: right;
	    line-height: 2.5em;
	    right: 15px;
	    top: 1px;
	    pointer-events: none;
	    color: #231f20; }

	.custom-dropdown-select {
	  -webkit-appearance: none !important; 
		outline: none !important;
		border-radius: 0;
		border: 1px solid #000;
		background: transparent;

	}


	.clearfix:before,
	.clearfix:after {
	    content: ".";    
	    display: block;    
	    height: 0;    
	    overflow: hidden; 
	}
	.clearfix:after { clear: both; }
	.clearfix { zoom: 1; } /* IE < 8 */

	/* CUSTOM SCROLLBARS */

	::-webkit-scrollbar {
	    background: none;
	    width: 10px;
	    height: 10px;
	    position-left: 2px;
	}

	::-webkit-scrollbar:vertical {
		border: 1px solid  rgba(167,169,171,0.2);
	}

	::-webkit-scrollbar:horizontal {
		border: 1px solid  rgba(167,169,171,0.2);
	}


	::-webkit-scrollbar-track {
		
	}

	::-webkit-scrollbar-track-piece  {

	}

	::-webkit-scrollbar-thumb {
	    background-color: rgba(167,169,171,0.1);
		width: 8px;
	}


	::-webkit-scrollbar-thumb:hover {
	    background-color: rgba(167,169,171,0.3);
	    -webkit-transition: background-color 20000ms linear;
	    -moz-transition: background-color 20000ms linear;
	    -o-transition: background-color 20000ms linear;
	    -ms-transition: background-color 20000ms linear;
	    transition: background-color 20000ms linear;
	}

	/* CONTENT TABLE */

	#breakin_all_da_rules {
		margin: 0 auto;
		width: 90%;
		height: 100%;
		max-height: 900px;
		z-index: 10;
		overflow: hidden;
	}

	td:first-child {
		width: 70%;
	}

	td:last-child {
		width: 30%;
		padding-left: 1em;
	}


	thead {
		height: 45px;
		
	}

	thead td:first-child {
		padding-left: 10%;
	}

	thead td:last-child {
	
	}


	tfoot {
		height: 110px;
	}

	#my_left_foot {
		text-align: right;
		vertical-align: top;
	}

	#my_right_foot {
		width: 200px;
		overflow: visible;
	}

	#tumblr {
		margin-top: -10px;
	}


	#eoiu {
		position: relative;
		top: -30px;
		left: 30px;
		height: 110px;
		overflow: visible;
		float: left;
	}


	#eoiu img {
		width: 253px;
		height: auto;
	}


	tbody {
		height: 80%;
		width: 100%;
		overflow-y: hidden;
		overflow-x: hidden;
			}

	tbody tr {
		height: 100%;
		width: 100%;
	}

	tbody td {
		margin: 0 !important;
		padding: 0 !important;
		vertical-align: top;
		height: 100%;
		width: 100%;
	}

	/* Main Page */

	#scroll {
		width: 70%;
		float: left;
		max-height: 800px;
		height: 100% !important;
		
		overflow-y: scroll;
		overflow-x: hidden;
		min-height: 1em;


	}

		.text {
		/*width: 29%;*/
		/*max-height: 600px;*/
		height: 100%;
		overflow: hidden;
		float: left;
		margin-left: 1em;
	}


	.bubble-lg {
		background: #efefef;
		height: 290px;
		width: 290px;

		overflow: hidden;
		border-radius: 145px;

	}

	.bubble-med {
		background: #efefef;
		height: 190px;
		width: 190px;

		overflow: hidden;
		border-radius: 95px;

	}

	.bubble-sm {
		background: #efefef;
		height: 90px;
		width: 90px;

		overflow: hidden;
		border-radius: 45px;
	}

	.bubble-lg img, .bubble-med img, .bubble-sm img {
		object-fit: cover;
		height: inherit;
		width: inherit;
	}

	.item {
		background-color: #efefef;
		float: left;
		margin: 5px;
	}

	.isotope {
    height: 100% !important;
}

button:hover {
	cursor: pointer;
}

	button.shrug {
	font-family: monospace;
	width: 85px;
	font-style: normal;
}

	/* Project Page */

	#scroll_project {
		width: 70%;
		float: left;
		max-height: 800px;
		height: 100% !important;
		overflow-y: scroll;
		overflow-x: hidden;
		min-height: 1em;
		position: relative;

	}

	#scroll_project ul {
		height: 100%;
		width: 100%;
	}

	#scroll_project ul li {
		height: 80%;
		width: 100%;
		padding-bottom: 1em;

	}

	.attachment-wrapper {
		height: 100%;
		width: 100%;
	}

	#scroll_project li:last-child {
		padding-bottom: 0;
	}

	.image-wrapper {
		width: 100%;
		height: 100%;
		position: relative;

	}

	.image-wrapper img {
		position: absolute;
		height: 100%;
		max-height: 100%;
		width: auto;
		right: 1em;
	}


	.captions {
		width: 27%;
		max-height: 800px;
		height: 100%;
		overflow: hidden;
		float: left;
		margin-left: 1em;

	}

	.captions ul {
		height: 100%;
	}

	.captions li {
		padding-bottom: 1em;
		height: 80%;
	}
	.captions li:last-child {
		padding-bottom: 0;
	}

	.caption-wrapper {
		width: 150px;
		z-index: 20;
		float: left;
		top: 0;
		left: 0;
		position: relative;
	}



	.caption-wrapper p {
		position: absolute;
		height: 100%;
		padding-bottom: 1em;
	}



	/* ~SPRITE ZONE~ */

	.butt-wrapper {
	    width: 100%;
	    height: 200px;
	    bottom: 0;
	    position: absolute;
	    overflow: hidden;
	    z-index: -1;
	}

	#little_buddy {
		width: 75px;
		height: 75px;
		position: relative;
		z-index: 0;
	}

	.buddy-one {
		background-image: url("http://marthahipley.com/wp-content/themes/html5blank-stable/img/sprites/buddy_001.gif");
	}

	.buddy-two {
		background-image: url("http://marthahipley.com/wp-content/themes/html5blank-stable/img/sprites/buddy_002.gif");
	}

	.buddy-three {
		background-image: url("http://marthahipley.com/wp-content/themes/html5blank-stable/img/sprites/buddy_003.gif");
	}

	.buddy-four {
		background-image: url("http://marthahipley.com/wp-content/themes/html5blank-stable/img/sprites/buddy_004.gif");
	}

	.buddy-five {
		background-image: url("http://marthahipley.com/wp-content/themes/html5blank-stable/img/sprites/buddy_005.gif");
	}

	.buddy-six {
		background-image: url("http://marthahipley.com/wp-content/themes/html5blank-stable/img/sprites/buddy_006.gif");
	}

	.flipped {
		transform: scale(-1, 1);
	    -moz-transform: scale(-1, 1);
	    -webkit-transform: scale(-1, 1);
	    -o-transform: scale(-1, 1);
	    -khtml-transform: scale(-1, 1);
	    -ms-transform: scale(-1, 1);
	}


/* Wiggle 

	.jello {
		-webkit-backface-visibility: hidden;
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	   -webkit-transition-duration: 0.5s;
	  transition-duration: 0.5s;
	}
	.jello:hover, .jello:focus, .jello:active {
	  -webkit-animation-name: jello;
	  animation-name: jello;
	  -webkit-animation-duration: 1s;
	  animation-duration: 1s;
	  -webkit-animation-timing-function: ease-in-out;
	  animation-timing-function: ease-in-out;
	  -webkit-animation-iteration-count: 1;
	  animation-iteration-count: 1;
	}


@-webkit-keyframes jello {
  16.65% {
    -webkit-transform: skew(-4deg, -4deg);
    transform: skew(-4deg, -4deg);
  }

  33.3% {
    -webkit-transform: skew(3deg, 3deg);
    transform: skew(3deg, 3deg);
  }

  49.95% {
    -webkit-transform: skew(-3deg, -3deg);
    transform: skew(-3deg, -3deg);
  }

  66.6% {
    -webkit-transform: skew(2deg, 2deg);
    transform: skew(2deg, 2deg);
  }

  83.25% {
    -webkit-transform: skew(-1deg, -1deg);
    transform: skew(-1deg, -1deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

/* Color Fade */

@-webkit-keyframes pulse { 0% {background-color: aliceblue;} 20% {background-color: azure;} 40% {background-color: ghostwhite;} 60% {background-color: honeydew;} 80% {background-color: mintcream;} 100% {background-color: ivory;} } 

/* the end */