/* Coded by: Alfonsus David */

body{
	/* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
	/* font-family: Helvetica; */
	font-family: Arial, sans-serif;
	font-weight: normal;
	color: #333333;
	line-height: 2em;
	/* text-shadow: 1px 1px 1px #ccc; */
}

/* BOLD AND ITALIC */
strong{ font-weight: bold; }
em{ font-style: italic; }
strong em, em strong{
	font-style: italic;
	font-weight: bold;
}

/* ANCHOR */
a, .anchor{
	text-decoration: none;
	font-weight: bold;
	outline: none;
	color: #3498db;
	cursor: pointer;
	
	-moz-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}
a:hover, a:active,
.anchor:hover, .anchor:active
{ text-decoration: underline; }
a:hover img, a:active img,
.anchor:hover img, .anchor:active img
{ text-decoration: none; }
a:link, a:visited { }

.anchor[class^="icon-"], .anchor[class*=" icon-"]{
	color: #333;
	font-size: 1.5em;
}
h3 .anchor[class^="icon-"], h3 .anchor[class*=" icon-"]{
	font-size: 1.2em;
}
.anchor[class^="icon-"] span, .anchor[class*=" icon-"] span{
	display: none;
}
.anchor[class^="icon-"]:hover, .anchor[class*=" icon-"]:hover{
	text-decoration: none;
	color: #3498db;
}

/* MARGIN */
h1.first, h2.first, p.first{ margin-top: 0; }
h1{ margin-top: 10px; }
h2{ margin-top: 5px; }
p{ margin-top: 5px; }

/* FONT WEIGHT */
h1, h2, h3, h4{ font-weight: normal; }
h5{ font-weight: bold; }

/* FONT COLOR */
h1, h1.breadcrumbs a, h1.breadcrumbs .anchor{ color: #333333; }
h1.breadcrumbs{ color: #333333; }

/* FONT SIZE */
body{ font-size: 11px; }
h1{ font-size: 2em; }
h1.breadcrumbs a, h1 a.inherit,
h1.breadcrumbs .anchor, h1 .inherit{
	font-size: 2em;
}
h2, h2 .inherit, h2 a.inherit{ font-size: 1.5em; }
h3, h3 .inherit, h3 a.inherit{ font-size: 1.25em; }
h4, h4 .inherit, h4 a.inherit{ font-size: 1em; }
h5, h5 .inherit, h5 a.inherit{ font-size: 0.8em; }
p{ font-size: 1em; }
h1 a, h2 a, h3 a, h4 a,
h1 .anchor, h2 .anchor, h3 .anchor, h4 .anchor{
	font-size: 0.8em;
}