/*
Broadsheet
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

modifications and CSS3 rules by Frits Andriessen 
http://www.mogenblue.nl

*/

body {
	margin: 10px 0;
	padding: 0;
	background: #FFFFFF url(images/img00.gif) repeat-x;
	font: normal small Georgia, "Times New Roman", Times, serif;
	color: #6B6B6B;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #3787DE;
}

p, ul, ol, blockquote {
	margin-top: 0;
	line-height: 180%;
	text-align: justify;
	font-size: 1.1em;
}

p.center {
	text-align: center;
}

blockquote {
	font-size: 1em;
	font-style: italic;
}

a {
	text-decoration: none;
	color: #3787DE;
}

a:hover {
	text-decoration: underline;
	color: #990000;
}

img {
	border: 1px solid #B4D8FF;
	border-radius: 8px;
	-moz-border-radius: 8px; /* Firefox 3.6 and earlier */
}

img.mogenblue, #maker h2 img, #mogenblue blockquote img {
	border: none;
	border-radius: 0;
	-moz-border-radius: 0; /* Firefox 3.6 and earlier */
}

img.left {
	float: left;
	margin: 7px 30px 15px 0;
}

img.right {
	float: right;
	margin: 7px 0 15px 30px;
}

img.center { 
	display: block;
	text-align: center;
	margin: 0 auto;
}

/* Logo */

#logo {
	width: 1000px;
	height: 101px;
	margin: 0 auto;
	background: url(images/spriteme1.png) no-repeat;
	background-position: -10px -10px;
}

#logo h1 {
	float: left;
	padding: 25px 0 0 20px;
	letter-spacing: -2px;
	font-size: 3.4em;
}

#logo h2 {
	float: left;
	padding: 49px 20px 0 10px;
	letter-spacing: -1px;
	font-size: 1.3em;
}

#logo a {
	text-decoration: none;
}

#banner {
	float: right;
	margin: 0;
	padding: 20px 25px 0 0;
}

#banner h1 {
	padding: 5px 0 0 0;
	text-align: right;
	text-transform: lowercase;
	font-size: 1.2em;
	font-style: italic;
	letter-spacing: 0px;
}

/* Page */

#page {
	width: 960px;
	margin: 0 auto;
	padding: 20px;
	background: url(images/spriteme2.png) no-repeat;
	background-position: -10px -10px
}

/* Content */

#content {
	float: left;
	width: 680px;
}

.bottom-banner {
	display: block;
	text-align: center; 
	line-height: 150%;
	font-size: 1.5em;
	font-style: italic;
}

.page-nav {
	text-align: center; 
	font-size: 1.6em;
}

/* Post */

.post .title, .post .title-mb, .post .title-book, .post .title-art, 
.post .title-art-photos, .post .title-science, .post .title-quote, .post .title-help {
	letter-spacing: -1px;
	font-size: 2em;
}

.post .title-mb {
	padding-left: 28px;
	background: url(images/imgmb.png) no-repeat left 5px;
}

.post .title-book {
	padding-left: 25px;
	background: url(images/book_open.png) no-repeat left 7px;
}

.post .title-art {
	padding-left: 25px;
	background: url(images/palette.png) no-repeat left 7px;
}

.post .title-art-photos {
	padding-left: 25px;
	background: url(images/camera.png) no-repeat left 7px;
}

.post .title-science, .post .title-quote {
	padding-left: 25px;
	background: url(images/star.png) no-repeat left 7px;
}

.post .title-help {
	padding-left: 25px;
	background: url(images/arrow_divide.png) no-repeat left 7px;
}

.post .subtitle {
	margin-top: 20px;
	letter-spacing: -1px;
	font-size: 1.6em;
	font-style: italic;
}

.post .posted {
	font-size: .8em;
}

.post .entry {
	margin-top: 20px;
}

.post .meta {
	clear: both;
	height: 50px;
	margin-bottom: 0px;
	padding: 8px 0 0 10px;
	background: url(images/spriteme1.png) no-repeat;
	background-position: -10px -130px;
	font-size: .8em;
}

.post ul {
	margin-top: 20px;
	margin-bottom: 20px;
	list-style: none;
}

.post .mb li {
	padding-left: 28px;
	background: url(images/imgmb.png) no-repeat left 3px;
}

.post .mb a {
	font-size: 1.5em;
}

#quick-tour {
	clear: both;
	margin: 2em 0 2em 0;
	padding: 0 40px 0 0;
	border: 1px solid #B4D8FF;
	border-radius: 8px;
	-moz-border-radius: 8px; /* Firefox 3.6 and earlier */
	box-shadow: 1px 3px 2px #DDF0FE;
	-webkit-box-shadow: 1px 3px 2px #DDF0FE; /* Safari */
}

#quick-tour:hover a, .bottom-banner:hover a, .html:hover, .online ul:hover a, .download ul:hover a {
	font-weight: bold;
	animation: colorbow 15s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-moz-animation: colorbow 15s; /* Firefox */
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-webkit-animation: colorbow 15s; /* Safari and Chrome */
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

.post .bookquote {
	margin: 10px 0;
	padding: 10px 20px 0 20px;
	background: #F0F8FF;
	border: 1px solid #B4D8FF;
	border-radius: 8px;
	-moz-border-radius: 8px; /* Firefox 3.6 and earlier */
	box-shadow: 1px 3px 2px #DDF0FE;
	-webkit-box-shadow: 1px 3px 2px #DDF0FE; /* Safari */
}

.post .bookquote-manual-translate {
	margin: 10px 0;
	padding: 10px 20px 0 20px;
	border: 1px solid #B4D8FF;
	border-radius: 8px;
	-moz-border-radius: 8px; /* Firefox 3.6 and earlier */
	box-shadow: 1px 3px 2px #DDF0FE;
	-webkit-box-shadow: 1px 3px 2px #DDF0FE; /* Safari */
}

.post .bookquote-auto-translate {
	margin: 10px 0;
	padding: 10px 20px 0 20px;
	border: 1px solid #990000;
	border-radius: 8px;
	-moz-border-radius: 8px; /* Firefox 3.6 and earlier */
}

.post .bookmeta {
	font-size: .8em;
}

.post .cover, .post .cover-paint {
	float: right; 
	margin: 7px 0px 5px 15px;
	transition: width 2s, height 2s;
	-moz-transition: width 2s, height 2s;
	-webkit-transition: width 2s, height 2s;
	-o-transition: width 2s, height 2s;
}

.post .cover:hover {
	width: 425px;
	height: 638px;
}

.post .cover-paint:hover {
	width: 414px;
	height: 408px;
}

.post .outspoken {
	margin-top: 2em;
}

/* index page */

#index-jr {
	float: left; 
	width: 170px; /* IE */
	height: 291px; /* Safari */
	margin: 7px 15px 13px 0;
}

#index-jr img {
	float: left;
	margin: 0 0 5px 0;
}

#index-avd {
	float: right;
	width: 210px; /* IE */
	height: 214px; /* Safari */
	margin: 7px 0 13px 15px;
}

#index-avd img {
	float: right;
	margin: 0 0 5px 0;
}

#index-jr h4, #index-avd h4 {
	line-height: 150%;
	text-align: left;
}

#index-jr, #index-jr img, #index-avd, #index-avd img  {
	transition: width 1200ms, height 1200ms;
	-moz-transition: width 1200ms, height 1200ms;
	-webkit-transition: width 1200ms, height 1200ms;
	-o-transition: width 1200ms, height 1200ms;
}

#index-jr:hover {
	width: 242px;
	height: 395px;
}

#index-jr img:hover {
	width: 242px;
	height: 350px;
}

#index-avd:hover {
	width: 320px;
	height: 305px;
}

#index-avd img:hover {
	width: 320px;
	height: 261px;
}

#index-twin {
	float: left;
	width: 300px; /* IE */
}

#index-twin img {
	float: left; 
}

#index-mc {
	float: right;
	width: 300px; /* IE */
}

#index-mc img {
	float: right;
}

#index-twin p, #index-mc p, #history-lifeharp p, #links-lifeharp p {
	margin-top: 0;
	line-height: 150%;
	text-align: left;
}

#index-twin img, #index-mc img {
	margin: 0 0 5px 0;
	transition: width 1200ms, height 1200ms;
	-moz-transition: width 1200ms, height 1200ms;
	-webkit-transition: width 1200ms, height 1200ms;
	-o-transition: width 1200ms, height 1200ms;
}

#index-twin img:hover, #index-mc img:hover {
	width: 373px;  /* in px for Safari */
	height: 510px; /* in px for Safari */
}

#index-books {
	float: left;
	width: 100%;
}

.post .index-cover {
	float: left;
	margin: 10px 0px 15px 15px;
	transition: width 200ms, height 200ms;
	-moz-transition: width 200ms, height 200ms;
	-webkit-transition: width 200ms, height 200ms;
	-o-transition: width 200ms, height 200ms;
	transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-webkit-transition-timing-function: linear;
	-o-transition-timing-function: linear;
}

.post .index-cover:hover {
	width: 220px;
	height: 336px;
}

/* nextmil page */

#nextmil-space {
	float: left; 
	width: 240px; /* IE */
	height: 331px; /* Safari */
	margin: 7px 15px 13px 0;
}

#nextmil-space img {
	float: left;
	margin: 0 0 5px 0;
}

#nextmil-earth {
	float: left; 
	width: 240px; /* IE */
	height: 311px; /* Safari */
	margin: 7px 15px 13px 0;
}

#nextmil-earth img {
	float: left;
	margin: 0 0 5px 0;
}

#nextmil-space h4, #nextmil-avd h4 {
	line-height: 150%;
	text-align: left;
}

#nextmil-space, #nextmil-space img, #nextmil-earth, #nextmil-earth img  {
	transition: width 1200ms, height 1200ms;
	-moz-transition: width 1200ms, height 1200ms;
	-webkit-transition: width 1200ms, height 1200ms;
	-o-transition: width 1200ms, height 1200ms;
}

#nextmil-space:hover {
	width: 360px;
	height: 436px;
}

#nextmil-space img:hover {
	width: 360px;
	height: 386px;
}

#nextmil-earth:hover {
	width: 360px;
	height: 421px;
}

#nextmil-earth img:hover {
	width: 360px;
	height: 360px;
}

/* history page */

#history-lifeharp {
	float: left;
	margin: 5px 20px 13px 0px;
	width: 250px; /* IE */
	height: 420px; /* Safari */
}

#history-lifeharp , #history-lifeharp  img {
	transition: width 2400ms, height 2400ms;
	-moz-transition: width 2400ms, height 2400ms;
	-webkit-transition: width 2400ms, height 2400ms;
	-o-transition: width 2400ms, height 2400ms;
}

#history-lifeharp:hover {
	width: 375px;  /* in px voor Safari */
	height: 560px; /* in px voor Safari */
}

#history-lifeharp img:hover {
	width: 375px;  /* in px voor Safari */
	height: 512px; /* in px voor Safari */
}

/* about page */

#img-maker {
	transition: width 800ms, height 800ms, transform 800ms;
	-moz-transition: width 800ms, height 800ms, -moz-transform 800ms;
	-webkit-transition: width 800ms, height 800ms, -webkit-transform 800ms;
	-o-transition: width 800ms, height 800ms,-o-transform 800ms;
	transition-timing-function: ease-in;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-timing-function: ease-in;
	-o-transition-timing-function: ease-in;
}

#img-maker:hover {
	width: 400px;
	height: 421px;
	transform: rotate(360deg);
	-ms-transform: rotate(360deg); /* IE 9 */
	-moz-transform: rotate(360deg); /* Firefox */
	-webkit-transform: rotate(360deg); /* Safari and Chrome */
	-o-transform: rotate(360deg); /* Opera */
}

#about-hmr {
	text-align:center;
	font-weight: bold;
	animation: colorbow 15s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-moz-animation: colorbow 15s; /* Firefox */
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-webkit-animation: colorbow 15s; /* Safari and Chrome */
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

.html {
	padding-left: 20px;
	background: url(images/html_valid.png) no-repeat left top;
}

/* online page, download page */

.online, .download {
	margin-top: 20px;
}

.online ul, .download ul {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 20px 30px;
	list-style: none;
	border: 1px solid #B4D8FF;
	border-radius: 8px;
	-moz-border-radius: 8px; /* Firefox 3.6 and earlier */
	box-shadow: 1px 3px 2px #DDF0FE;
	-webkit-box-shadow: 1px 3px 2px #DDF0FE; /* Safari */
}

.online  li, .download li {
	margin: 15px 0px 0px 3px;
	padding-left: 25px;
	background: url(images/book_open.png) no-repeat left 5px;
}

.download  li {
	background: url(images/page_white_acrobat.png) no-repeat left 5px;
}

.online  .desc, .download .desc,
.online  .link, .download .link,
.online  .donate, .download .donate {
	margin-left: 8px;
	padding-left: 25px;
	background: url(images/page_white_text.png) no-repeat left top; 
}

.online  .link, .download .link {
	background: url(images/world_link.png) no-repeat left top; 
}

.online  .donate, .download .donate {
	background: url(images/money.png) no-repeat left top; 
}

/* link pages */

.stronglink p {
	clear: left;
}

img.linkimg {
	float: left;
	margin: 7px 10px 10px 0;
}

.stronglink a {
	font-weight: bold;
}

.normallink a {
	font-weight: normal;
}

#links-lifeharp, #links-lifeharp img {
	float: left;
	width: 300px; /* IE */
}

#links-lifeharp img {
	margin: 0 0 5px 0;
	transition: width 1200ms, height 1200ms;
	-moz-transition: width 1200ms, height 1200ms;
	-webkit-transition: width 1200ms, height 1200ms;
	-o-transition: width 1200ms, height 1200ms;
}

#links-lifeharp img:hover {
	width: 373px;  /* in px for Safari */
	height: 520px; /* in px for Safari */
}

#links-huge:hover {
	animation: texthuge 10s;
	-moz-animation: texthuge 10s; /* Firefox */
	-webkit-animation: texthuge 10s; /* Safari and Chrome */
}

/* art pages */

#art-photos h3, #art-paintings h3, #art-flowers h3, #art-motherhood h3, #art-plates h3
{
	clear: left;
	float: left;
}

#art-photos img, #art-paintings img, #art-flowers img, #art-motherhood img, #art-plates img
{
	clear: left;
	float: left;
	margin: 5px 10px 40px 0;
}

#art-ajr2, #art-ajr3, #art-ajr4, #art-ajr5, #art-ajr6,
#art-asp01, #art-asp02, #art-asp03, #art-asp04, #art-asp05, #art-asp07, #art-asp08, #art-asp09, #art-asp10,
#art-asp11, #art-asp12, #art-asp13, #art-asp14, #art-asp15, #art-asp16, #art-asp17, #art-asp18, #art-asp19, #art-asp20, #art-asp21
{
	transition: width 800ms, height 800ms, transform 800ms;
	-moz-transition: width 800ms, height 800ms, -moz-transform 800ms;
	-webkit-transition: width 800ms, height 800ms, -webkit-transform 800ms;
	-o-transition: width 800ms, height 800ms,-o-transform 800ms;
}

#art-ajr2:hover, #art-ajr3:hover, #art-ajr4:hover, #art-ajr5:hover, #art-ajr6:hover,
#art-asp01:hover, #art-asp02:hover, #art-asp03:hover, #art-asp04:hover, #art-asp05:hover, 
#art-asp07:hover, #art-asp08:hover, #art-asp09:hover, #art-asp10:hover,
#art-asp11:hover, #art-asp12:hover, #art-asp13:hover, #art-asp14:hover, #art-asp15:hover,  
#art-asp16:hover, #art-asp17:hover, #art-asp18:hover, #art-asp19:hover, #art-asp20:hover, #art-asp21:hover
{
	width: 650px;  /* in px for Safari */
}

/* set height per image in px for Chrome and Safari */

#art-ajr2:hover { height: 456px; }
#art-ajr3:hover { height: 506px; }
#art-ajr4:hover { height: 909px; }
#art-ajr5:hover { height: 454px; }
#art-ajr6:hover { height: 377px; }

#art-asp01:hover { height: 896px; }
#art-asp02:hover { height: 466px; }
#art-asp03:hover { height: 910px; }
#art-asp04:hover { height: 484px; }
#art-asp05:hover { height: 882px; }
#art-asp07:hover { height: 470px; }
#art-asp08:hover { height: 821px; }
#art-asp09:hover { height: 841px; }
#art-asp10:hover { height: 444px; }
#art-asp11:hover { height: 776px; }
#art-asp12:hover { height: 907px; }
#art-asp13:hover { height: 625px; }
#art-asp14:hover { height: 650px; }
#art-asp15:hover { height: 956px; }
#art-asp16:hover { height: 890px; }
#art-asp17:hover { height: 829px; }
#art-asp18:hover { height: 988px; }
#art-asp19:hover { height: 884px; }
#art-asp20:hover { height: 650px; }
#art-asp21:hover { height: 650px; }

/* newsfeed */

.newsfeed {
	margin-top: 20px;
}

.newsfeed ul {
	margin: 15px 0px 0px;
	padding: 0px;
	list-style: none;
}

.newsfeed  li {
	margin: 15px 0px 0px 3px;
	padding-left: 25px;
	background: url(images/newspaper.png) no-repeat left 5px;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 260px;
	margin: 0;
	padding: 0;
}

#sidebar .heading {
	height: 27px;
	padding: 4px 0 0 10px;
	letter-spacing: -1px;
	font-size: 1.4em;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}

#sidebar li span {
	display: block;
	line-height: 140%;
	font-style: italic;
	font-size: 0.8em;
}

/* Search */

#search form {
	margin: 0 0 12px 0;
	padding: 0;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search-site {
	display: none;
}

#search-text {
	width: 235px;
}

#search #submit1 {
	display: none;
}

/* Green Box */

.gbox .heading {
	background: url(images/spriteme1.png) no-repeat;
	background-position: -10px -198px;
	color: #09881C;
}

.gbox .sidecontent {
	padding: 10px;
	background: url(images/spriteme2.png) no-repeat;
	background-position: -1030px -10px
}

.gbox li {
	padding-left: 15px;
	background: url(images/spriteme1.png) no-repeat left 8px;
	background-position: -10px -290px;
}

.gbox a {
	color: #09881C;
}

/* Orange Box */

.obox .heading {
	background: url(images/spriteme1.png) no-repeat;
	background-position: -10px -248px;
	color: #FF6500;
}

.obox .sidecontent {
	padding: 10px;
	background: url(images/spriteme2.png) no-repeat;
	background-position: -1310px -10px;
}

.obox li {
	padding-left: 15px;
	background: url(images/img05.gif) no-repeat left 8px;
}

.obox a {
	color: #FF6500;
}

/* Sidebar other */

#sidebar #language-selection {
	padding-left: 0px;
	background: none;
	text-align: right;
}

#sidebar #lang-en {
	padding-left: 20px;
	background: url(images/gb.png) no-repeat left 2px;
}

#sidebar #lang-es {
	padding-left: 20px;
	background: url(images/es.png) no-repeat left 2px;
}

#sidebar #lang-ru {
	padding-left: 20px;
	background: url(images/ru.png) no-repeat left 2px;
}

#sidebar img {
	display: block;
	padding: 0;
	margin: 20px auto 5px;
}

#sidebar h4 {
	margin: 0px 0px 20px;
	padding: 0px;
	line-height: 160%;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

#sidebar h4.free {
	margin: 20px 0 20px;
	background: url(images/tick.png) no-repeat 42px top;
}
#sidebar h4.free-es {
	margin: 20px 0 20px;
	background: url(images/tick.png) no-repeat 22px top;
}

#sidebar p {
	margin: 0;
	padding: 0px 10px 10px;
	line-height: 150%;
	text-align: left;
}

#sidebar p.center {
	text-align: center;
}

#sidebar .mogenblue {
	margin: 20px auto 40px;
}

#sidebar .seven {
	padding: 0px 0px 90px;
	line-height: 100px;
	font-size: 170px; 
	font-weight: bold; 
	text-align: center; 
	color: #3787DE;
}

/* sidebar stat data */

#sidebar .fc-data-display {
	display: block;
	margin: 60px auto 0px;
}

#sidebar .rm-data-display {
	display: block;
	margin: 20px auto 10px;
}

#sidebar .stat-counter {
	display: none;
}

#sidebar .fc-start {
	margin: 0;
	padding: 0;
	line-height: 100%;
	text-align: center;
	font-size: 10px;
}

/* sidebar add this buttons */

#sidebar .mb-addthis-side {
	margin: 40px 0 0 12px;
}

/* sidebar jr-hispeed */

#jr-hispeed {
	float: right; 
	transition: width 2500ms, height 2500ms, transform 2500ms;
	-moz-transition: width 2500ms, height 2500ms, -moz-transform 2500ms;
	-webkit-transition: width 2500ms, height 2500ms, -webkit-transform 2500ms;
	-o-transition: width 2500ms, height 2500ms,-o-transform 2500ms;
}

#jr-hispeed:hover {
	width: 400px;
	height: 559px;
	transform: rotate(-360deg);
	-ms-transform: rotate(-360deg); /* IE 9 */
	-moz-transform: rotate(-360deg); /* Firefox */
	-webkit-transform: rotate(-360deg); /* Safari and Chrome */
	-o-transform: rotate(-360deg); /* Opera */
}

/* sidebar jr avd */

#sidebar-jr, #sidebar-avd {
	display: block;
	margin: 0 auto;
	transition: width 1200ms, height 1200ms;
	-moz-transition: width 1200ms, height 1200ms;
	-webkit-transition: width 1200ms, height 1200ms;
	-o-transition: width 1200ms, height 1200ms;
	transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
}

#sidebar-avd {
	float: right;
}

#sidebar-avd:hover {
	width: 320px;
	height: 261px;
}

#sidebar-jr:hover {
	width: 240px;
	height: 347px;
}

/* sidebar cover */

#sidebar .cover, #sidebar .cover-paint {
	margin-bottom: 45px;
	float: right;
	transition: width 2s, height 2s;
	-moz-transition: width 2s, height 2s;
	-webkit-transition: width 2s, height 2s;
	-o-transition: width 2s, height 2s;
}

#sidebar .cover:hover, #sidebar .cover-paint:hover {
	float: right;
	width: 425px;
	height: 638px;
	overflow: visible;
}
#sidebar .cover-paint:hover {
	width: 414px;
	height: 408px;
}

/* Footer */

#footer {
	width: 1000px;
	margin: 0 auto;
	padding: 60px 0 0 0;
	background: url(images/spriteme2.png) no-repeat;
	background-position: -1590px -10px;
}

#footer p {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: x-small;
}

/* Audio */

a.audio, a:hover.audio {
	text-decoration: none;
	border: none;
}

a.audio img, #sidebar .audio img {
	margin: 0px 2px -4px 0px;
	padding: 0;
	border: none;
	display: inline;
}

/* keyframes */

@keyframes colorbow {
0%  {color: #3787DE;}
10%  {color: #FF6500;}
33%  {color: #FF6500;}
43%  {color: #09881C;}
66%  {color: #09881C;}
76% {color: #3787DE;}
100% {color: #3787DE;}
}

@-moz-keyframes colorbow { /* Firefox */
0%  {color: #3787DE;}
10%  {color: #FF6500;}
33%  {color: #FF6500;}
43%  {color: #09881C;}
66%  {color: #09881C;}
76% {color: #3787DE;}
100% {color: #3787DE;}
}

@-webkit-keyframes colorbow { /* Safari and Chrome */ 
0%  {color: #3787DE;}
10%  {color: #FF6500;}
33%  {color: #FF6500;}
43%  {color: #09881C;}
66%  {color: #09881C;}
76% {color: #3787DE;}
100% {color: #3787DE;}
}

@keyframes texthuge {
0%  {font-size: 1em; color: #6B6B6B;}
30% {font-size: 4em; color: #990000;}
31% {font-size: 4em; color: #990000; font-weight: bold;}
70% {font-size: 4em; color: #990000; font-weight: bold;}
71% {font-size: 4em; color: #990000;}
100% {font-size: 1em; color: #6B6B6B;}
}

@-moz-keyframes texthuge { /* Firefox */
0%  {font-size: 1em; color: #6B6B6B;}
30% {font-size: 4em; color: #990000;}
31% {font-size: 4em; color: #990000; font-weight: bold;}
70% {font-size: 4em; color: #990000; font-weight: bold;}
71% {font-size: 4em; color: #990000;}
100% {font-size: 1em; color: #6B6B6B;}
}

@-webkit-keyframes texthuge { /* Safari and Chrome */ 
0%  {font-size: 1em; color: #6B6B6B;}
30% {font-size: 4em; color: #990000;}
31% {font-size: 4em; color: #990000; font-weight: bold;}
70% {font-size: 4em; color: #990000; font-weight: bold;}
71% {font-size: 4em; color: #990000;}
100% {font-size: 1em; color: #6B6B6B;}
}