.header {
    background-color:#343434;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#666666), to(#343434));
    background:-moz-linear-gradient(#666666, #343434);
    background:-o-linear-gradient(#666666, #343434);
    background:linear-gradient(#666666, #343434);

    line-height:1.1em;
    margin: 0px -20px 10px -20px;
    padding:50px 0px 0px 0px !important;
    position:relative;
    text-align:left;
    color: white;
    top: 0px;
    bottom: 10px;
    width: 900px;
    height: 130px;
    border-radius: 0px 10px 10px 0px;

    font-family: 'Hammersmith One', sans-serif;
}

/* draw the triangle */
.header:after {
    content:"";
    border-color: transparent #3e3e3e transparent transparent;
    border-style: solid;
    border-width: 10px 0 0 0;
    height:0;
    width:0;
    position:absolute;
    bottom:30px;
    left:-20px;
}

#name {
    position: absolute;
    width: 50%;
    height: 50%;

    margin: auto 0 -15px 5px;
    left: 0;
    bottom: 0.5em;

    text-shadow: 0px 0px 8px #343434;
    text-shadow: -1px 0 #343434, 0 1px #343434, 1px 0 #343434, 0 -1px #343434;
    text-align: justify;

    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    text-align: justify;

    color: white;

    font-variant: small-caps;
    font-size: 120px;

    line-height: 0.4em;
}

#name:first-line {
    color: #729fc7;
    right: 0px;
}

#desc {
    display: none;
    position: absolute;
    height: 10%;
    bottom: 3px;

    right: 8px;
    color: #5e5e5e;

    text-align: justify;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    font-size: 2em;
    font-family: 'Georgia', serif;

}


.info {
    position: absolute;
    width: 50%;
    height: 50%;
    bottom: -28px;

    left: 60%;

    color: #c8c8c8;
    font-size: 15px;

    padding: 0px;
}

.info p {
    display: inline-block;
    margin: 0px;
    width: 50%;
}

.info h1 {
    width: 40%;
    padding: 0px;
    border: 0px;
    font-size: 15px;
    font-weigth: normal;
    line-height: 1em;
    margin: 0px;
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.6);
    -moz-box-shadow: 0 0 0 rgba(0,0,0,0.6);
    -o-box-shadow: 0 0 0 rgba(0,0,0,0.6);
    text-shadow: 0 0 0 rgba(0,0,0,0.25);

}

.profile {
    position: relative;
    margin: 0;
}

.profile h1 {
    background: #edd400;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#edd400), to(#c4a000));
    background: -moz-linear-gradient(#edd400, #c4a000);
    background: -o-linear-gradient(#edd400, #c4a000);
    background: linear-gradient(#edd400, #c4a000);
}

.profile h1:before {
    bottom: 5px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.33, #a40000), color-stop(0.67, #cc0000));
    background-image: -moz-linear-gradient(center bottom, #a40000 33%, #cc0000 67% );
}

/* red dot */
.header a:before {
    left: -104px;
    top: 72px;

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.33, #a40000), color-stop(0.67, #cc0000));
    background-image: -moz-linear-gradient(center bottom, #a40000 33%, #cc0000 67% );
}

.inlineheader .header {
    background-color:#343434;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#666666), to(#343434));
    background:-moz-linear-gradient(#666666, #343434);
    background:-o-linear-gradient(#666666, #343434);
    background:linear-gradient(#666666, #343434);

#    line-height:1.1em;
#    margin: 0px -20px 10px -20px;
    padding:50px 0px 0px 0px;
    position:relative;
    text-align:left;
    color: white;
#    width: 879px;
    width: 100%;
    height: 130px;
    border-radius: 10px;

    font-family: 'Hammersmith One', sans-serif;
}

/* draw the triangle */
.inlineheader .header:after {
    content:"";
    border-color: transparent #414141 transparent transparent;
    border-style: solid;
    border-width: 20px;
    height:0;
    width:0;
    position:absolute;
    bottom: 25px;
    left:-40px;
}

.header a:hover {
    text-decoration: underline;
}
.header a {
    position: absolute;
#    width: 50%;
    line-height: 70%;

    margin: -10px 10px;
    left: 0;
#    bottom: 5px;

    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    text-align: justify;
    text-decoration: none;

    color: white;

    font-variant: small-caps;
    font-size: 60px;
}

.header a:first-line {
    color: #729fc7;
    right: 0px;
}

#desc {
    display: none;
    position: absolute;
    height: 10%;
    bottom: 3px;

    right: 8px;
    color: #5e5e5e;

    text-align: justify;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    font-size: 2em;
    font-family: 'Georgia', serif;

}

.profile {
    position: relative;
    margin: 0;
}

.profile h1 {
    background: #edd400;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#edd400), to(#c4a000));
    background: -moz-linear-gradient(#edd400, #c4a000);
    background: -o-linear-gradient(#edd400, #c4a000);
    background: linear-gradient(#edd400, #c4a000);
}

.profile h1:before {
    bottom: 5px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.33, #a40000), color-stop(0.67, #cc0000));
    background-image: -moz-linear-gradient(center bottom, #a40000 33%, #cc0000 67% );
}