/***********************************************************************
  Reset
***********************************************************************/

* {
    margin:0;
    padding:0;
    border:0;
}

/***********************************************************************
  Global
***********************************************************************/

body {
    font:normal 12px/1.7 verdana, helvetica, arial, sans-serif;
    color:#111;
    background:#fff;
}

/***********************************************************************
  Page Layout
***********************************************************************/

#header {
    position:fixed;
    left:0;
    top:0;
    width:340px;
}

#main {
    width:620px;
    margin:0 0 30px 380px;
}

/***********************************************************************
  Header
***********************************************************************/

#header .title {
    line-height:160px;
}

#header h1 {
    text-align:center;
    font-size:48px;
    color:#b42a28;
    text-shadow:#666 5px 5px 10px;
}

#header .content {
    padding:10px;
    background:#b42a28;
}

#header .content .label {
    display:block;
    width:60px;
    float:left;
}

#header .content .value {
    display:block;
    width:240px;
    float:left;
    margin:0 0 0 20px;
}

#header .content a {
    color:#fff;
}

#header .content a:hover {
    color:#111;
}

/***********************************************************************
  Main
***********************************************************************/

#main .title {
    margin:0 0 30px;
    line-height:48px;
    font-size:24px;
    color:#b42a28;
    border-bottom:1px solid #b42a28;
}

/***********************************************************************
  Classes
***********************************************************************/

.cf {
    display:inline-block;
}

.cf[class] {
    display:block;
    overflow:hidden;
}

/***********************************************************************
  Fonts
***********************************************************************/

@font-face {
    font-family:logo;
    src:url(../fonts/matiz.ttf);
}

.logo {
    font-family:logo, serif;
    font-weight:lighter;
}

/***********************************************************************
  Tags
***********************************************************************/

/************************************
  Paragraph
************************************/

p {
    margin:0 0 10px;
}

/************************************
  List
************************************/

ul,
ol {
    margin:10px 0;
}

ul {
    list-style:circle outside;
}

ol {
    list-style:decimal outside;
}

li {
    margin:0 0 0 20px;
}

/************************************
  Heading
************************************/

h1 {
    font-size:20px;
}

h2 {
    font-size:16px;
}

h3 {
    font-size:13px;
}

/************************************
  Link
************************************/

a {
    color:#b42a28;
}

a:hover {
    color:#111;
}