/*
Theme Name: Jim Slater
Author: Ambergreen
*/

/** ------------------------------------------------------------------------------------------------------
This CSS file gives useful classes that can be applied when needed throughout any site.
------------------------------------------------------------------------------------------------------------ **/

/** ------------ padding and margins -------------- **/
/** 5px **/

.padding-top-1 {
	padding-top:5px;
}

.padding-bottom-1 {
	padding-bottom:5px;
}

.padding-left-1 {
	padding-left:5px;
}

.padding-right-1 {
	padding-right:5px;
}

.margin-top-1 {
	margin-top:5px;
}

.margin-bottom-1 {
	margin-bottom:5px;
}

.margin-left-1 {
	margin-left:5px;
}

.margin-right-1 {
	margin-right:5px;
}

/** 10px **/
.padding-top-2 {
	padding-top:10px;
}

.padding-bottom-2 {
	padding-bottom:10px;
}

.padding-left-2 {
	padding-left:10px;
}

.padding-right-2 {
	padding-right:10px;
}

.margin-top-2 {
	margin-top:10px;
}

.margin-bottom-2 {
	margin-bottom:10px;
}

.margin-left-2 {
	margin-left:10px;
}

.margin-right-2 {
	margin-right:10px;
}

/** 15px **/
.padding-top-3 {
	padding-top:15px;
}

.padding-bottom-3 {
	padding-bottom:15px;
}

.padding-left-3 {
	padding-left:15px;
}

.padding-right-3 {
	padding-right:15px;
}

.margin-top-3 {
	margin-top:15px;
}

.margin-bottom-3 {
	margin-bottom:15px;
}

.margin-left-3 {
	margin-left:15px;
}

.margin-right-3 {
	margin-right:15px;
}

/** 20px **/
.padding-top-4 {
	padding-top:20px;
}

.padding-bottom-4 {
	padding-bottom:20px;
}

.padding-left-4 {
	padding-left:20px;
}

.padding-right-4 {
	padding-right:20px;
}

.margin-top-4 {
	margin-top:20px;
}

.margin-bottom-4 {
	margin-bottom:20px;
}

.margin-left-4 {
	margin-left:20px;
}

.margin-right-4 {
	margin-right:20px;
}

/** ------------ padding and margins end -------------- **/

/** ------------ alignment -------------- **/
.align-left {
	float: left;
	margin: 0px 10px 0px 0px;
}
.align-right {
	float: right;
	margin: 0px 0px 0px 10px;
}

.alignleft {
	float: left;
	margin: 0px 10px 0px 0px;
}
.alignright {
	float: right;
	margin: 0px 0px 0px 10px;
}
/** ------------ alignment end -------------- **/

.clear {
	clear: both;
}

.hide {
	visibility: hidden;
}

.remove {
	display: none;
}

.float-left {
	float:					left;
}

.float-right {
	float:					right;
}

.clear-left {
	clear: 					left;
}

.clear-right {
	clear:					right;
}

.clear-break {
	clear: 					both;
	padding: 				20px 0px 0px 0px;
}

/** ---------------------------------- USEFUL CLASSES END ---------------------------------------- **/