/*
	MyCommmon CSS by 
	
	Anton Veugen.
	
	This is a list of commonly used helper styles.
*/



/* -- CLEAR FIX
----------------------------------------------------------------------------------------------------------*/
.clear-fix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clear-fix {
	display: inline-block;
}

html[xmlns] .clear-fix {
	display: block;
}

* html .clear-fix {
	height: 1%;
}

/* -- OTHER HELPER STYLES
----------------------------------------------------------------------------------------------------------*/

.clear			{ clear:both; }
.float-left 	{
	float:left;
	margin: 10px;
	padding: 20px;
}
.float-right 	{
	float:right;
	
}


.img-border		{ border:1px solid #555; background:#FFF; padding:4px; }
.img-left		{
	float:left;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
.img-right		{
	float:right;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
}
 
.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
#sidebar {
	padding: 3px;
	width: 168px;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 3px;
	margin-left: 5px;
}

.text-justify 	{ text-align:justify; }

.large			{ font-size: 14px; }
.small 			{ font-size: 10px; }
.quiet  		{ color: #666; }
.bigify			{ font-size:120%;}

.no-padding 	{ padding:0; }
.no-border 		{ border:0; }

.hide
{
    text-indent:-9999px;
    height:1px;
    line-height:1px;
    display:block;
}
form input.form-field,
form textarea.form-field,
form select.form-field
{
    background:#FFF;
    border-top:1px solid #7c7c7c;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #ddd;
    color:#333;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    padding:2px;
}