/* CSS Document */
/* ############### tales.be css framework v0.5 (by kvd) ###############  */
/* ############### b.03.fonts.css ############### */
/*
contains:
	font rules - to be adjusted for each site that uses this framework
	DOES NOT INCLUDE NAVIGATION FONTS
*/	



/* ############### BASIC FONT SETTINGS ############### */
/* ############### ADJUST ON A AS-NEEDED-BASE ############### */
html, body{
	font-family: "Comic Sans MS", comic sans;
	font-size: 0.9em;
	line-height: 1.2em;
	color: #fff;
	}
	
/*	
	
	body.blue    {	color: #16457a;	}
	body.green   {	color: #165a0c;	}
	body.orange  {	color: #7a1f16;	}
	body.purple {	]color: #3a236f;	}*/
	
	
	
#contentsection{
	line-height: 1.6em;
}	
/* ###### GENERIC CLASSES AND TAGS ######  */
strong, b, .strong, .bold, .b{ font-weight: bold !important;}
em, i, .italic, .i, .em{ font-style: italic !important;}
sup{line-height: 75%;}	

p, .p{	margin: 0 0 1em 0;}



/* ###### LINKS ######  */
a{
	cursor: hand !important;
}
a:link{ color: #16209a;}
a:visited{ color: #16209a;}
a:hover, a:active{ color: #FFD202;}

	.blue   a:link, .blue   a:visited{		color: #16457a}
	.green  a:link, .green  a:visited{		color: #165a0c}
	.orange a:link, .orange a:visited{		color: #7a1f16}
	.purple a:link, .purple a:visited{		color: #3a236f}

	.blue   a:hover, .blue   a:active{		color: #16457a}
	.green  a:hover, .green  a:active{		color: #165a0c}
	.orange a:hover, .orange a:active{		color: #7a1f16}
	.purple a:hover, .purple a:active{		color: #3a236f}



/* ###### HEADINGS ######  */
h1,h2,h3,h4,h5,h6, .h1, .h2, .h3, .h4, .h5, .h6{
	color: #165a0c;
	font-weight: bold;
	margin: 0 0 0.25em 0;
	}	
	
.blue h1,.blue h2,.blue h3,.blue h4,.blue h5,.blue h6,
.blue .h1,.blue .h2,.blue .h3,.blue .h4,.blue .h5,.blue .h6{ color: #16457a;}

.green h1,.green h2,.green h3,.green h4,.green h5,.green h6,
.green .h1,.green .h2,.green .h3,.green .h4,.green .h5,.green .h6{ color: #165a0c;}

.orange h1,.orange h2,.orange h3,.orange h4,.orange h5,.orange h6,
.orange .h1,.orange .h2,.orange .h3,.orange .h4,.orange .h5,.orange .h6{ color: #7a1f16;}

.purple h1,.purple h2,.purple h3,.purple h4,.purple h5,.purple h6,
.purple .h1,.purple .h2,.purple .h3,.purple .h4,.purple .h5,.purple .h6{ color: #3a236f;}

	
h1, .h1{ font-size: 1.50em;}
h2, .h2{ font-size: 1.25em;}
h3, .h3{ font-size: 1.10em;}
h4, .h4{ font-size: 1.00em;}
h5, .h5{ font-size: 0.90em;}
h6, .h6{ font-size: 0.80em;}



h1{
	display: inline-block;
	clear: both;
	margin-bottom : 1em;
}

h1 .frontbumper{
	display: block;
	float: left;
	height: 36px;
	padding: 13px 0px 0 25px;
	background: url(/websites/25/uploads/image/templates/basics/background.h1.png) no-repeat;
}
	
		#IE6 h1 .frontbumper{	background-image: url(/websites/25/uploads/image/templates/basics/background.h1.gif);}
		
		#IE7 h1 .frontbumper{	height: 28px; padding: 13px 0px 8px 25px;}
	
	.blue   h1 .frontbumper{ background-position: 0 -100px;}
	.greeen h1 .frontbumper{ background-position: 0 0px;}
	.orange h1 .frontbumper{ background-position: 0 -200px;}
	.purple h1 .frontbumper{ background-position: 0 -300px;}
	
	
h1 .backbumper{
	display: block;
	float: left;
	height: 49px;
	width:  25px;
	background: url(/websites/25/uploads/image/templates/basics/background.h1.png) no-repeat -635px 0;
}
	
		#IE6 h1 .backbumper{	background-image: url(/websites/25/uploads/image/templates/basics/background.h1.gif);}
		
	.blue   h1 .backbumper{ background-position: -635px -100px;}
	.greeen h1 .backbumper{ background-position: -635px 0px;}
	.orange h1 .backbumper{ background-position: -635px -200px;}
	.purple h1 .backbumper{ background-position: -635px -300px;}

/* ###### LISTS ######  */
ul{	margin: 0 0 1em 2em;	}	
ul li{
	list-style-type: square;
	margin-bottom: 0.25em;
	}
ul ul li{	list-style-type: disc;}

ol{	margin: 0 0 1em 2.5em;	}	
ol li{
	list-style-type: decimal;
	margin-bottom: 0.25em;
	}
ol ol li{	list-style-type: upper-roman;	}