@import url('reset.css');

/* General Codrops Demo Style */
body{
    background:#1F1F1F url(../images/pattern.png) repeat top left;
    color:#fff;
    font-family: 'PT Sans Narrow', Arial, sans-serif;
    font-size:14px;
}
a{
    color:#ddd;
    text-decoration:none;
}
a:hover{
    color:#00c6e3;
}
p.sub{
    padding:25px 10px 10px 10px;
    text-align:left;
    color:#aaa;
    font-size: 16px;
}
.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:14px;
    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:14px;
    background:#000;
    opacity:0.9;
    text-transform:uppercase;
    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:14px;
        text-shadow:none;
    }
    .header span.right_ab{
        float:none;
    }
}