@import url('reset.css');
/* General Codrops Demo Style */
p.sub { padding: 25px 10px 10px 10px; text-align: left; color: #aaa; }
.clr { clear: both; }
h1 { margin: 5px; font-size: 24px; text-align: center; color: #fff; font-family: "Pacifico", Georgia, "Times New Roman", serif; text-shadow: 1px 1px 1px #000; padding-bottom: 10px; line-height: 40px; }
h1 span { font-size: 10px; display: block; letter-spacing: 2px; font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif; color: #00c6e3; line-height: 14px; padding-top: 10px; text-shadow: none; text-transform: uppercase; }
/* Header Style */
.header { font-size: 13px; background: #000; opacity: 0.9; text-transform: uppercase; -moz-box-shadow: 1px 0px 2px #000; -webkit-box-shadow: 1px 0px 2px #000; box-shadow: 1px 0px 2px #000; }
.header a { line-height: 18px; padding: 0 4px; letter-spacing: 1px; text-shadow: 1px 1px 1px #000; color: #ddd; }
.header a:hover { color: #fff; }
.header a span { font-weight: bold; }
.header span.right_ab { float: right; }
.content { margin: 0px 25px 30px 25px; }

@media screen and (max-width: 640px) {
.header a { display: block; text-align: center; font-size: 10px; text-shadow: none; }
.header span.right_ab { float: none; }
}