@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;*/
}
.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:#666;
}
.header a span{
    font-weight:bold;
}
.header span.right_ab{
    float:right;
}
.content{
    width:980px;
    margin:0 auto;
    /*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;
    }
}