body{
    background-color:#552200;
    font:normal 18px arial;
    margin:0px;
}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,1);border-radius:10px;background-color: #F5F5F5;}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,1);background-color:#D62929;}

.julesbox{
    text-align:left;
    background:rgba(255,255,255,0.85);border-radius:20px;display:inline-block;border:solid 10px rgba(50,30,0,0.75);padding:20px 20px 30px 20px;margin:15px;max-width:300px;
    box-shadow:
            0 0 10px rgba(255,255,255,0.25),
            inset 0 0 20px black,
            10px 10px 20px black;
}
.divTitle{
    font:bold 24px arial;
    text-transform: uppercase;
    /*border-bottom: solid 3px rgba(0,0,0,0.25);*/
    box-shadow: 0px 15px 10px -10px rgba(0,0,0,0.25);
    color:#542;
}
.smallText{
    font:normal 11px arial;
}
.ggIcon{
    width:48px;margin:5px;float:right;
}
.simpleBut{
    display:inline-block;
    background:#06a;
    border-radius:10px;
    padding:5px 10px 5px 10px;
    cursor:pointer;
    text-transform: uppercase;
    color:white;
    font:bold 15px arial;
    box-shadow:
            0 0 10px rgba(255,255,255,0.25),
            inset 0 0 5px black,
            2px 2px 5px black;
    /*prevent highlighting*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.simpleButLarge{
    font:bold 30px arial;
}
.simpleButRed{
    background:#b00;
}
.roadmapCompleted{
    display:inline-block;padding:2px 4px 2px 4px;border:solid 2px rgba(0,0,0,0.5);margin:4px;border-radius:5px;
    background:#0a0;
}
.roadmapNow{
    display:inline-block;padding:2px 4px 2px 4px;border:solid 2px rgba(0,0,0,0.5);margin:4px;border-radius:5px;
    background:orange;
}
.roadmapNext{
    display:inline-block;padding:2px 4px 2px 4px;border:solid 2px rgba(0,0,0,0.5);margin:4px;border-radius:5px;
    background:#ff0;
}

/*===================================*/

.julesboxBlog{
    max-width:1280px;
    display:block;
}

.blogTitle{
    font:bold 24px arial;
    text-transform: uppercase;
    /*border-bottom: solid 3px rgba(0,0,0,0.25);*/
    box-shadow: 0px 15px 10px -10px rgba(0,0,0,0.25);
    color:#542;
    padding:5px;
    margin-bottom: 10px;
}
.blogDate{
    display:inline;
    font:normal 14px arial;
    padding:5px;
}
.blogAuthor{
    display:inline;
    font:normal 14px arial;
    font-style: italic;
    background:#686;
    color:#fed;
    padding:2px 5px 2px 5px;
    border-radius:5px;
}
.blogSummary{
    font:bold 21px arial;
    padding:5px 5px 15px 20px;
    color:#333;
}
.blogBody{
    padding-left:15px;
}