/* THEMEX A SEMANTIC CSS MICROLIBRARY  FOR ADDING DESIGN TOUCHES TO YOUR SITE 
/* http://www.modelsofidentity.com/css/themex.css
/* BOOTSTRAP COMPATIBLE*/


/* FONT FAMILIES */
.font1 {font-family: 'Open Sans', sans-serif;} 
.font2 {font-family: 'Oswald', sans-serif;}
.font3 {font-family: 'Oxygen', sans-serif;}
.font4 {font-family: 'Lobster', cursive;}
.font5 {font-family: 'Raleway', sans-serif;}


/* BACKGROUND COLORS */
.bgcolor1 {background-color: #9ca016;}
.bgcolor2 {background-color: #57a016;}
.bgcolor3 {background-color: #16a01a;}
.bgcolor4 {background-color: #16a05f;}
.bgcolor5 {background-color: #169ca0;}
.bgcolor6 {background-color: #1657a0;}



/* BG SET COLORS */
.bgorange {background-color: orange;}
.bgblue {background-color: blue;}
.bgred  {background-color: red;}
.bgyellow  {background-color: yellow;}
.bggreen  {background-color: green;}


/* FONT THEME COLORS */
.fontcolor1 {color: #9ca016;}
.fontcolor2 {color: #57a016;}
.fontcolor3 {color: #16a01a;}
.fontcolor4 {color: #16a05f;}
.fontcolor5 {color: #16570e;}


/* FONT NAME COLORS */
.fontgray {color: gray;}
.fontgreen {color: green;}
.fontblue {color: blue;}
.fontwhite {color: white;}
.fontblack {color: black;}


/* FONT SIZES */
.fontjumbo {font-size: 50px;}
.fontsize1 {font-size: 16px;}
.fontsize2 {font-size: 24px;}
.fontsize3 {font-size: 30px;}
.fontsize4 {font-size: 50px;}

/* FONT CLASSES */
.fontmini {font-size:7px;}
.fontmall {font-size:10px;}
.fontmedium  {font-size:14px;}
.fontlarge  {font-size:28px;}
.fontepic  {font-size:56px;}


/* FONT WEIGTHS */
.boldfont {font-weight: bold;}
.italicfont {font-weight: italic;}


/* EMPHASIS */
.emphasis{text-emphasis:accent}


/* TOPMARGINS */
.topmarginzero{margin-top:0px}
.topmargin1{margin-top:30px}
.topmargin2{margin-top:30px}

/* TOPMARGINS */
.addmarginbottomzero{margin-bottom:0px}
.bottommargin1{margin-bottom:10px}
.bottommargin2{margin-bottom:20px}
.bottommargin3{margin-bottom:30px}



/* SHADOWS */
.shadowsoft {box-shadow: 0 0 3px #000000; -moz-box-shadow: 0 0 3px #000000; -webkit-box-shadow: 0 0 3px #000000;}
.shadow{-moz-box-shadow:0px 0px 10px 7px #777777; -webkit-box-shadow:0px 0px 10px 7px #777777; box-shadow:0px 0px 10px 7px #777777;}


/* BG COLORS */
.bgblack {background-color: black;}
.bggray {background-color: gray}
.bgwhite {background-color: white;}


/* ROUNDED CORNERS */
.roundedcorners { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
.roundedcorners1 { border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;}
.roundedcorners2 { border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px;}

/* NO PADDING */
.paddingzero {padding:0;}

/* FLOAT LEFT */
.floatleft {float: left; margin-right: 15px;}

/* RESIZE TO HALF*/
.halfwidth:{width: 50%}

/* MARGIN AUTO*/
.marginauto{margin:auto}

 /* BG IMAGES */
.bgimage1 {background-image: url(http://www.placehold.it/1950x1080);}
.bgimage2 {background-image: url(http://www.placehold.it/1950x1080);}
.bgimage3 {background-image: url(http://www.placehold.it/1950x1080);}
.bgimage4 {background-image: url(http://www.placehold.it/1950x1080);}
.bgimage5 {background-image: url(http://www.placehold.it/1950x1080);}
.bgimage6 {background-image: url(http://www.placehold.it/1950x1080);}