@charset "utf-8";
/**
*KROM-CSS v.0.1
*@author Chris::kromeleven@gmail.com
*
*CSS framework that makes styling EASY
*You've got your layout frameworks, this simply deals with 
*font styling, borders, colors, alignment and a bunch of other stuff
*Feel free to modify to suit your needs. Hope its helpful!!! Enjoy!
*/

/**
*FONTS AND TEXT
*/

/*Colours*/
.kr-black{color:#333333;}/*#000000*/
.kr-white{color:#FFFFFF;}
.kr-red{color:#EC1D23;}
.kr-light{color:#BABABA;}
.kr-dark{color:#313131;}
.kr-green{color:#060;}	
.kr-blue{color:#09F;}
.kr-navy{color:#005580}
.kr-pink{color:#FF00FF;}
.kr-brown{color:#782314;}
.kr-yellow{color:#FFF000;}
.kr-skyblue{color:#00BEDC;}

/*Font syling*/
.kr-italics{font-style:italic !important;}
.kr-bold{font-weight:bold;}
.kr-normal{
	font-style:normal;
	font-weight:normal;
	}

/*sizes*/
.kr-small{font-size:small !important;}
.kr-smaller{font-size:smaller !important;}
.kr-bigger{font-size:larger !important;}
.kr-biggest{font-size:x-large !important;}

/*alignment position*/
.kr-right {text-align: right;}
.kr-left {text-align: left;}
.kr-center {text-align: center;}
.kr-justify {text-align: justify;}
.kr-inherit {text-align: inherit;}


/**
*background colors / highlight colors
*/
.kr-bg-black{background-color:#000;}
.kr-bg-white{background-color:#FFF;}
.kr-bg-red{background-color:#FFC4C4;}
.kr-bg-light{background-color:#f2f2f2;}
.kr-bg-dark{background-color:#363636;}
.kr-bg-yellow{background-color:#FFC;}
.kr-bg-blue{background-color:#C4C4FF;}


/**
*PADDING
*/

/*All round Padding factor of 5*/
.kr-padding-0{padding:0;}
.kr-padding-5{padding:5px;}
.kr-padding-10{padding:10px;}
.kr-padding-15{padding:15px;}
.kr-padding-20{padding:20px;}
.kr-padding-25{padding:25px;}
.kr-padding-30{padding:30px;}

/*left padding*/
.kr-lpadding-5{padding-left:5px;}
.kr-lpadding-10{padding-left:10px;}

/*right padding*/
.kr-rpadding-5{padding-right:5px;}
.kr-rpadding-10{padding-right:10px;}

/*top padding*/
.kr-tpadding-5{padding-top:5px;}
.kr-tpadding-10{padding-top:10px;}

/*bottom padding*/
.kr-bpadding-5{padding-bottom:5px;}
.kr-bpadding-10{padding-bottom:10px;}


/**
*BORDERS
*/

/*1 px borders*/
.kr-border1-black{border: 1px solid #000;}
.kr-border1-dark{border: 1px solid #999;}
.kr-border1-light{border: 1px solid #f2f2f2;}
.kr-border1-white{border: 1px solid #FFF;}

/*5px left borders*/
.kr-lborder5-black{border-left: 5px solid #000;}
.kr-lborder5-white{border-left: 5px solid #FFF;}

/*1px left borders*/
.kr-lborder1-black{border-left: 1px solid #000;}
.kr-lborder1-light{border-left: 1px solid #CCC;}
.kr-lborder1-white{border-left: 1px solid #FFF;}

/*5px right borders*/
.kr-rborder5-black{border-right: 5px solid #000;}
.kr-rborder5-white{border-right: 5px solid #FFF;}

/*1px bottom borders*/
.kr-bborder1-black{border-bottom: 1px solid #000;}
.kr-bborder1-white{border-bottom: 1px solid #FFF;}

/*top and bottoim 1px dashed borders*/
.kr-bborder1-dash{border-bottom: 1px dashed #666;}
.kr-tborder1-dash{border-top: 1px dashed #666;}


/**
*WIDTH
*/
.kr-width-10{width:10%;}
.kr-width-20{width:20%;}
.kr-width-30{width:30%;}
.kr-width-40{width:40%;}
.kr-width-50{width:50%;}
.kr-width-60{width:60%;}
.kr-width-70{width:70%;}
.kr-width-80{width:80%;}
.kr-width-90{width:90%;}
.kr-width-100{width:100%;}

/**
*Shadows
*/

/**
*Rounded corners
*/

/**
*
*/

/**
*============A BIT OF LAYOUT -- I JUST HAD TO================*
*/

/**
*============STYLING SOME OF THOSE NATIVE HTML TAGS================*
*/

/**
*Headers
*/



/**
*============STUFF TO DO WITH DIV POSITIONS================*
*/

/**
*Height ratios by a factor of 10
*/