@font-face {font-family: ocra; src: url('ocra-medium.ttf'), url('ocra-medium.eot');}

@media screen and (min-width: 641px) {

body {background: #333; margin: 20px 0 0 0; padding: 0; font-size: 12px; font-family: "ocra", Verdana, Arial, Helvetica, sans-serif, serif;}

a:link {text-decoration: none; color: #ff0;}
a:visited {text-decoration: none; color: #ff0;}
a:hover {text-decoration: none; color: #fff;}

h1 {color: #0f0; margin: 0; padding: 0; font-size: 60px; font-variant:small-caps; text-align: center; text-shadow: 5px 5px 5px #660;}
h2 {color: #0f0; margin: 0; padding: 0; font-size: 16px; font-variant:small-caps; text-align: center;}

#container {width: 420px; margin: 0; margin-left: auto; margin-right: auto; padding: 0;}
#content {float: left; width: 420px; text-align: center; margin: 0; padding: 0;}

#head {padding: 0; margin-bottom: 10px; text-align: center;}
#head p {margin: 0; padding: 0 0 10px; line-height: 150%; font-weight: normal; border-bottom: #ccc 1px solid; letter-spacing: 3px; font-size: 14px; color: #fff; font-variant:small-caps;}

p {color: #fff; margin: 0 0 15px 0; padding: 0; line-height: 125%;}
strong {color: #fff;}

img {border: none; padding: 0; margin: 0;}

#foot {clear: both; padding: 0; margin: 0 0 200px 0; text-align: left; border-top: #ccc 1px solid;}
#foot p {font-size: 10px; line-height: 150%; margin-top: 20px;}
}

@media screen and (max-width: 640px) {

body {background: #333; font-family: Verdana, sans-serif; font-size: 100%;}

a:link {text-decoration: none; color: #ff0;}
a:visited {text-decoration: none; color: #ff0;}
a:hover {text-decoration: none; color: #fff;}

h1 {color: #0f0; margin: 0; padding: 0; font-size: 60px; font-variant:small-caps; text-align: center; text-shadow: 5px 5px 5px #660;}
h2 {color: #0f0; margin: 0; padding: 0; font-size: 16px; font-variant:small-caps; text-align: center;}

#container {width: 95%;}
#content {width: 100%; text-align: center; margin: 0; padding: 0;}

#head {padding: 0; margin-bottom: 10px; text-align: center;}
#head p {margin: 0; padding: 0 0 10px; line-height: 150%; font-weight: normal; border-bottom: #ccc 1px solid; letter-spacing: 3px; font-size: 80%; color: #fff; font-variant:small-caps;}
#head img {max-width: 100%;}

p {font-size: 85%; color: #fff; margin: 0 0 15px 0; padding: 0; line-height: 125%;}
strong {color: #fff;}

img {border: none; padding: 0; margin: 0;}

#foot {clear: both; padding: 0; margin: 0 0 200px 0; text-align: left; border-top: #ccc 1px solid;}
#foot p {font-size: 80%; line-height: 150%; margin-top: 20px;}
}