
/*====================================================================================================
* T I T L E S                                                                    T I T L E S
====================================================================================================*/

.title { text-shadow: 1px 1px 1px #e8e8e8; }

.title.clear-default { clear: inherit; }

.title.both { clear:both; }

.title.left { clear:left; }

.title.right { clear:right; }

/*colors*/
.title.color-default { color: inherit; }

.title.blue-vibrant { color: #095ba4; }

.title.blue-mute { color: #a7c5e1; }

.title.navy-vibrant { color: #072234; }

.title.navy-mute { color: #214156; }

.title.red-vibrant { color: #630303; }

.title.red-mute { color: #b04141; }

.title.green-vibrant { color: #779a1b; }

.title.green-mute { color: #91a45d; }

.title.orange-vibrant { color: #f1880a; }

.title.orange-mute { color: #b77d37; }

.title.yellow-vibrant { color: #fbce17; }

.title.yellow-mute { color: #e6cc63; }

.title.grey-vibrant { color: #313437; }

.title.grey-mute { color: #888a8b; }

.title.purple-vibrant { color: #40234e; }

.title.purple-mute { color: #8c7697; }

.title.pink-vibrant { color: #ab0667; }

.title.pink-mute { color: #be7ea3; }

.title.brown-vibrant { color: #4e2d03; }

.title.brown-mute { color: #957854; }

.title.aqua-vibrant { color: #078291; }

.title.aqua-mute { color: #73b2ba; }

.title.silver { color: #dadada; }

.title.white { color: #fff; }

.title.black { color: #000; }

/*font family*/
.title.font-arial { font-family: Arial, Helvetica, Sans-serif; }

.title.font-verdana { font-family: Verdana, Arial, Helvetica, Sans-serif; }

.title.font-times { font-family: Times New Roman, Times, Serif; }

.title.font-geneva { font-family: Geneva, Arial, Helvetica, Sans-serif; }

.title.font-courier { font-family: Courier New, Courier, Monospace; }

.title.font-sans { font-family: MS Sans Serif, Geneva, Sans-serif; }

.title.font-system { font-family: System, Sans-serif; }

.title.font-georgia { font-family: Georgia, Times New Roman Times, Serif; }

.title.font-bowlby { font-family: 'Bowlby One SC', Arial, serif; }

.title.font-amaranth { font-family: 'Amaranth', Arial, serif; }

.title.font-brawler { font-family:'Brawler', Arial, serif; }

.title.font-copse { font-family:'Copse', Arial, serif; }

.title.font-chewy { font-family:'Chewy', Arial, serif; }

.title.font-yellowtail { font-family:'Yellowtail', Arial, serif; }

.title.font-opensans { font-family:'Open Sans', Arial, serif; }

.title.font-volkhov { font-family:'Volkhov', Arial, serif; }

.title.font-dawningofanewday { font-family:'Dawning of a New Day', Arial, serif; }

.title.font-questrial { font-family:'Questrial', Arial, serif; }

.title.font-marvel { font-family:'Marvel', Arial, serif; }

.title.font-federo { font-family:'Federo', Arial, serif; }

.title.font-tiene { font-family:'Tienne', Arial, serif; }

.title.font-stardosstencil { font-family:'Stardos Stencil', Arial, serif; }

.title.font-anton { font-family:'Anton', Arial, serif; }

.title.font-permanentmarker { font-family:'Permanent Marker', Arial, serif; }

.title.font-tinos { font-family:'Tinos', Arial, serif; }

.title.font-ultra { font-family:'Ultra', Arial, serif; }



/*font style*/
.title.font-normal { font-style: normal; }

.title.font-italic { font-style: italic; }

.title.font-oblique { font-style: oblique; }

/*font align*/
.title.center { text-align:center; }

.title.left { text-align:left; clear:left; }

.title.right { text-align:right; clear:right; }

/*font size*/
.title.xtmhdl-1em { font-size: 14px; line-height:0.5em; margin:5px 0 5px 0; }

.title.xtmhdl-2em { font-size: 22px; line-height:1em; letter-spacing:-1px; margin:5px 0 5px 0; }

.title.xtmhdl-3em { font-size: 28px; line-height:1em; letter-spacing:-1px; margin:10px 0 5px 0; }

.title.xtmhdl-4em { font-size: 36px; line-height:1em; letter-spacing:-1px; margin:10px 0 10px 0; }

.title.xtmhdl-5em { font-size: 40px; line-height:1em; letter-spacing:-2px; margin:15px 0 15px 0; }

.title.xtmhdl-6em { font-size: 44px; line-height:1em; letter-spacing:-2px; margin:25px 0 25px 0; }



/*====================================================================================================
* T E X T C O L O R S                                               
====================================================================================================*/

span.TextColours { padding: 0 5px 0 5px; color:#fff; }

.TextColours.blue-vibrant { color: #095ba4; }

.TextColours.blue-mute { color: #a7c5e1; }

.TextColours.navy-vibrant { color: #072234; }

.TextColours.navy-mute { color: #214156; }

.TextColours.red-vibrant { color: #630303; }

.TextColours.red-mute { color: #b04141; }

.TextColours.green-vibrant { color: #779a1b; }

.TextColours.green-mute { color: #91a45d; }

.TextColours.orange-vibrant { color: #f1880a; }

.TextColours.orange-mute { color: #b77d37; }

.TextColours.yellow-vibrant { color: #fbce17; }

.TextColours.yellow-mute { color: #e6cc63; }

.TextColours.grey-vibrant { color: #313437; }

.TextColours.grey-mute { color: #888a8b; }

.TextColours.purple-vibrant { color: #40234e; }

.TextColours.purple-mute { color: #8c7697; }

.TextColours.pink-vibrant { color: #ab0667; }

.TextColours.pink-mute { color: #be7ea3; }

.TextColours.brown-vibrant { color: #4e2d03; }

.TextColours.brown-mute { color: #957854; }

.TextColours.aqua-vibrant { color: #078291; }

.TextColours.aqua-mute { color: #73b2ba; }

.TextColours.silver { color: #dadada;  }

.TextColours.white { color: #fff; }

.TextColours.black { color: #000; }

/*====================================================================================================
* H I G H L I G H T E R S                                                 
====================================================================================================*/

span.highlighter { padding: 0 5px 0 5px; color:#fff; }

.highlighter.blue-vibrant { background-color: #095ba4; }

.highlighter.blue-mute { background-color: #a7c5e1; }

.highlighter.navy-vibrant { background-color: #072234; }

.highlighter.navy-mute { background-color: #214156; }

.highlighter.red-vibrant { background-color: #630303; }

.highlighter.red-mute { background-color: #b04141; }

.highlighter.green-vibrant { background-color: #779a1b; }

.highlighter.green-mute { background-color: #91a45d; }

.highlighter.orange-vibrant { background-color: #f1880a; }

.highlighter.orange-mute { background-color: #b77d37; }

.highlighter.yellow-vibrant { background-color: #cffe11; color:#222; }

.highlighter.yellow-mute { background-color: #e6cc63; }

.highlighter.grey-vibrant { background-color: #313437; }

.highlighter.grey-mute { background-color: #888a8b; }

.highlighter.purple-vibrant { background-color: #40234e; }

.highlighter.purple-mute { background-color: #8c7697; }

.highlighter.pink-vibrant { background-color: #ab0667; }

.highlighter.pink-mute { background-color: #be7ea3; }

.highlighter.brown-vibrant { background-color: #4e2d03; }

.highlighter.brown-mute { background-color: #957854; }

.highlighter.aqua-vibrant { background-color: #078291; }

.highlighter.aqua-mute { background-color: #73b2ba; }

.highlighter.silver { background-color: #dadada; color:#333; }

.highlighter.white { background-color: #fff; color:#222; }

.highlighter.black { background-color: #000; color:#efefef; }

/**************************************************************************************** 
 * D I V I D E R S 
****************************************************************************************/

.divider {clear:both;}

.divider.clear { clear:both; }

/* Alignment */

.divider.aligncenter { text-align:center; }

.divider.alignleft { text-align:left; }

.divider.alignright { text-align:right; }

/* Width */

.divider.fullwidth { width:820px; }

.divider.halfwidth { width:600px; }

.divider.thirdwidth { width:280px; }

/* Type */

.divider.fullwidth.plain { background:url(dividers/bar_plain_l.png) no-repeat center; width:820px; height:39px; }

.divider.halfwidth.plain { background:url(dividers/bar_plain_m.png) no-repeat center; width:820px; height:36px;}

.divider.thirdwidth.plain { background:url(dividers/bar_plain_s.png) no-repeat center; width:280px; height:43px; }

.divider.fullwidth.line { background:url(dividers/bar_line_l.png) no-repeat center; width:820px; height:68px; }

.divider.halfwidth.line { background:url(dividers/bar_line_m.png) no-repeat center; width:600px; height:68px; }

.divider.thirdwidth.line { background:url(dividers/bar_line_s.png) no-repeat center; width:280px; height:42px; }

.divider.fullwidth.dots { background:url(dividers/bar_dots_l.png) no-repeat center; width:820px; height:68px; }

.divider.halfwidth.dots { background:url(dividers/bar_dots_m.png) no-repeat center; width:600px; height:68px; }

.divider.thirdwidth.dots { background:url(dividers/bar_dots_s.png) no-repeat center; width:280px; height:42px; }

.divider.fullwidth.paper { background:url(dividers/bar_paper_l.png) no-repeat center; width:820px; height:68px; }

.divider.halfwidth.paper { background:url(dividers/bar_paper_m.png) no-repeat center; width:600px; height:68px; }

.divider.thirdwidth.paper { background:url(dividers/bar_paper_s.png) no-repeat center; width:280px; height:41px; }

.divider.fullwidth.bar { background:url(dividers/bar_bar_l.png) no-repeat center; width:820px; height:68px; }

.divider.halfwidth.bar { background:url(dividers/bar_bar_m.png) no-repeat center; width:600px; height:68px; }

.divider.thirdwidth.bar { background:url(dividers/bar_bar_s.png) no-repeat center; width:280px; height:42px; }

/*====================================================================================================
* H A C K S                                                                                
====================================================================================================*/


.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clear { min-width: 0; display: inline-block; /* \*/ display: block; }

* html .clear { /* \*/ height: 1%; }
