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

html, body 
{
    background: #151716;
    width: 100%;
    height: 100%;
    font-family: 'Helvetica', 'Verdana';
}

#wrapper
{
    margin: 0px auto;
    width: 920px;
    position: relative;
}

#headBG
{
    width: 100%;
    height: 92px;
    position: absolute;
    top: 0px;
    left: 0px;
    
    border-bottom: 1px #2cafff solid;

    background-image: linear-gradient(bottom, #252a2e 0%, #3b4750 100%);
    background-image: -o-linear-gradient(bottom, #252a2e 0%, #3b4750 100%);
    background-image: -moz-linear-gradient(bottom, #252a2e 0%, #3b4750 100%);
    background-image: -webkit-linear-gradient(bottom, #252a2e 0%, #3b4750 100%);
    background-image: -ms-linear-gradient(bottom, #252a2e 0%, #3b4750 100%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #252a2e)),
        color-stop(1, #3b4750)
    );
}
#head
{
    width: 920px;
    height: 92px;

    //background: #252a2e;
    //border-bottom: 1px #2cafff solid;
    
    background-image: linear-gradient(bottom, #252a2e 0%, #3b4750 100%);
    background-image: -o-linear-gradient(bottom, #252a2e 0%, #3b4750 100%);
    background-image: -moz-linear-gradient(bottom, #252a2e 0%, #3b4750 100%);
    background-image: -webkit-linear-gradient(bottom, #252a2e 0%, #3b4750 100%);
    background-image: -ms-linear-gradient(bottom, #252a2e 0%, #3b4750 100%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #252a2e)),
        color-stop(1, #3b4750)
    );
}

#content
{
    width: 920px;
    height: 100%;
    //background: #3b4750;
}

#bubble
{
    margin: 20px;
    padding: 10px;
    
    //border: 1px #2cafff solid;
    border-radius: 10px;
    
    //box-shadow: 0px 2px 4px #ccc;
    
    background-image: linear-gradient(bottom, #3b4750 0%, #252a2e 100%);
    background-image: -o-linear-gradient(bottom, #3b4750 0%, #252a2e 100%);
    background-image: -moz-linear-gradient(bottom, #3b4750 0%, #252a2e 100%);
    background-image: -webkit-linear-gradient(bottom, #3b4750 0%, #252a2e 100%);
    background-image: -ms-linear-gradient(bottom, #3b4750 0%, #252a2e 100%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #3b4750)),
        color-stop(1, #252a2e)
    );
}

div.entry
{
    border-bottom: 1px #2cafff solid;
    padding-top: 10px;
    padding-bottom: 10px;
}
div.lastEntry 
{
    padding-top: 10px;
    padding-bottom: 10px;
}
div.imageList 
{
    text-align: center;
}

ul.rightButtons
{
    float: right;
    display: block;
    margin: 26px;
    
    list-style-type: none;
    text-align: right;
}
ul.rightButtons li
{
    color: white;
}

h1 
{
    color: white;
}

h1.name
{
    display: inline;
    line-height: 92px;
    font-size: xx-large;
    font-weight: normal;
    margin-left: 50px;
    float: left;
}

h1.title
{
    font-size: x-large;
    font-weight: bold;
    margin-top: 20px;
    margin-left: 20px;
}

h2
{
    color: white;
}

p
{
    margin-top: 20px;
    margin-bottom: 20px;
    color: white;
}

p.description
{
    font-size: small;
}

img.facebook
{
    width: 48px;
    height: 48px;
    margin-top: 22px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.33);
}
img.icon 
{
    width: 100px;
    height: 100px;
    border: none;
    
    border-radius: 16px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
}
img.screenshot
{
    width: 200px;
    
    border: none;
    
    border-radius: 3px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
}
img.reference
{
    max-height: 48px;
    
    margin: 20px;
    vertical-align: middle;
    
    border-radius: 3px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
}

a 
{
    color: white;
    text-decoration: none;
}
a.hover
{
    text-decoration: underline;
}
a.headerLink
{
    float: right;
    line-height: 92px;
    display: block;
    width: 48px;
    height: 92px;
}

td 
{
    padding: 10px;
}