Utility Styles

css-utilities

/* ----------------------------------------------------- */
/*                    Utitlity Styles                    */
/* ----------------------------------------------------- */

/* Simple Image Thumbnails */

img.imgleft {
	float: left;
	margin: 0 10px 0 0;
}
img.imgright {
	float: right;
	margin: 0 0 0 10px;
}

img.imgright,
img.imgleft {
	border: 1px solid #eaeaea;
	background-color: #fff;
	padding: 2px;
}

/* Image Thumbnails - No Borders */

img.imgright.nostyle,
img.imgleft.nostyle {
	border: none;
	background-color: transparent;
	padding: 0;
}

.noborder {
	border: none;
}

/* Quick Floats */

.left, .floatleft {
	float: left;	
}
.right, .floatright {
	float: right;
}

.center {
	float: none;
	margin: 0 auto;
	text-align: center;
	display: block;
}

/* Quick Text Alignment */

.textcenter {
	text-align: center;
}
.textleft {
	text-align: left;
}
.textright {
	text-align: right;
}

/* Small Text */


small,.small {
	font-size: 12px;
	color: #5b5b5b;
}


.smaller {
	font-size: 10px;
	color: #5b5b5b;
}

.smallest {
	font-size: 10px;
	color: #5b5b5b;
}

/* Margin */

.remove-top {
	margin-top: 0;
	padding-top: 0;
}
.remove-bottom {
	margin-bottom: 0;
	padding-bottom: 0;
}

.nopad {
	padding: 0 0 0 0 !important;
}

.equalheight {
	line-height: 110%;
}

/* Tighten kerning (used primarily for headings) */

.tight {
	letter-spacing: -1px;
}