/* 
    Document   : style
    Created on : 17-okt-2011, 19:38:56
    Author     : Tom
    Description:
        Purpose of the stylesheet follows.
*/

@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro|Roboto+Condensed:300italic,700);

root { 
    display: block;
}
body {background: #8EC41B;color: #555;font-size: 1em;font-family: 'Roboto Condensed', sans-serif;font-weight: 300;margin: 0;}
h1 {font-size: 6em;margin: 0;}
h1 small { font-style: italic; font-weight: normal; color: #555; font-size: .8em;}
h3 { font-size: 2em; color: #fff;  margin:0;}
span {font-weight: 700;color: #8EC41B;}
div.header { background: #FFF; margin: 0; padding: 4em 0 2em 2em;}
a {text-decoration: none;color: #8EC41B;font-weight: normal;}
a:hover {text-decoration: underline;color: #527900;}
ul { list-style-type: none; }

div.header p { font-family: 'Source Code Pro'; font-size: 1.4em;}
div.header p span { font-weight: bold; color: #800003;}

div.content { padding: 0; margin: 2em; }
div.content p { font-family: 'Source Code Pro';  font-size: 1.4em; color: #ffffff; }

.blinkme {
	font-weight: normal;
	color: #555;
       -webkit-animation-name: blinker;
       -webkit-animation-duration: 1s;
       -webkit-animation-timing-function: linear;
       -webkit-animation-iteration-count: infinite;

       -moz-animation-name: blinker;
       -moz-animation-duration: 1s;
       -moz-animation-timing-function: linear;
       -moz-animation-iteration-count: infinite;

       animation-name: blinker;
       animation-duration: 1s;
       animation-timing-function: linear;
       animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

@keyframes blinker {  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}