@import url("http://twitter.github.com/bootstrap/assets/css/bootstrap.css");
@import url("cv-header.css");
@import url("cv-skills.css");
@import url("cv-spec.css");
@import url("cv-flags.css");
@import url("cv-corp.css");
@import url("cv-date.css");

body {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#999999), to(#343434));
    background: -moz-linear-gradient(0 0, #999999 0%, #343434 100%);
    width: 1020px;
}

img {
    position: relative;
    float: right;
    top: -30px;
}

span {
#    position: relative;
    margin: 0;
    color: transparent;
    background-color: transparent!important;
    background-repeat: no-repeat;
    background-position: center;
    overflow: visible;
}

.tag {
    float: right;
}

#table-of-contents {
    display: inline-block;
}

.outline-3:after {
    content:"hoooooooooooooooooooooooooooooooooo";
    color: transparent;
}

.inlinepage p:last-child, .inlinepage div:last-child, .inlinepage ul:last-child {
    border-radius: 0 0 0 20px;
}

.profile {
    padding-top: 40px!important;
}
/* h4:before */
.dot, .header a:before, .profile h1:before, h2:before, h3:before {
    content:"";
    position: absolute;
    width: 0;
    height: 0;
    margin: 12px;
    left: -115px;
    bottom: -4px;
    padding: 15px;

    border:4px solid black;
    border-radius: 20px;
    z-index: 1;
}

h1, h2, h3, h4 {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align:left;
    color: white;
    border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);

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


h4 {
    border-radius: 10px 10px 0px 10px;
}


h2 {
    background: #4e9a06;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#73d216), to(#4e9a06));
    background: -moz-linear-gradient(#73d216, #4e9a06);
    background: -o-linear-gradient(#73d216, #4e9a06);
    background: linear-gradient(#73d216, #4e9a06);
}

h3 {
    background: #204a87;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#3464a4), to(#204a87));
    background: -moz-linear-gradient(#3464a4, #204a87);
    background: -o-linear-gradient(#3464a4, #204a87);
    background: linear-gradient(#3464a4, #204a87);
}

h4 {
    background: #5c3566;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#75507b), to(#5c3566));
    background: -moz-linear-gradient(#75507b, #5c3566);
    background: -o-linear-gradient(#75507b, #5c3566);
    background: linear-gradient(#75507b, #5c3566);
}

h2:before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.33, #ce5c00), color-stop(0.67, #f57900));
    background-image: -moz-linear-gradient(center bottom, #ce5c00 33%, #f57900 67% );
}

h3:before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.33, #4e9a06), color-stop(0.67, #73d216));
    background-image: -moz-linear-gradient(center bottom, #4e9a06 33%, #73d216 67%);
}
/*
h4:before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.33, #3465a4), color-stop(0.67, #729fcf));
    background-image: -moz-linear-gradient(center bottom, #3465a4 33%, #729fcf 67%);
}
*/
.profile p {
    position: relative;
    width: 80%;
    left: 10%;
    text-justify: center;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);

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

}

.inlinecontent>p, .inlinecontent>ul {
    border-color: transparent transparent transparent orange;
}

.outline-text-2, .outline-text-2 {
    border-color: transparent transparent transparent #8ae234;
}

/*.outline-text-3, .outline-text-3 {
    border-color: transparent transparent transparent #729fcf;
}*/

.inlinepage {
    position: relative;
    background: white;
    overflow: visible;
    padding: 0 75px 0 75px;
    width: 50%;
    border-color: transparent transparent transparent #ef2929;
    position: relative;
#    padding: 0 80px 0 80px;
    margin: 0 100px 0 100px;
    border-width: 0 10px 0 10px;
    border-radius: 20px 0 0 20px;
}

/* , .outline-4>*[id^="sec"]:after { */
.curve, .outline-2>*[id^="sec"]:after, .outline-3>*[id^="sec"]:after {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 10px;
    border-radius: 0 50px 5px 0;
    border-color:  red red transparent transparent;

    margin: 0 5px 25px -35px;
    bottom: -60px;
    left: -50px;
    padding: 25px;

}
.inlinecontent:before {
    content: "";
    border-color:  red red transparent transparent;
    padding-top: 50px;
    margin: 0 0 0 -80px;
}

/* arcs */
.outline-2>*[id^="sec"]:after {
    content: "";
    border-color:  orange orange transparent transparent;
}

.outline-3>*[id^="sec"]:after {
    content: "";
    border-color: #8ae234 #8ae234 transparent transparent;
}

/*
.outline-4>*[id^="sec"]:after {
    content: "";
    border-color: #729fcf #729fcf transparent transparent;
}

.outline-5>*[id^="sec"]:after {
    border-color: red red transparent transparent;
}
*/
.outline-text-3 a {
    margin: 0;
}

/*
.outline-2 {
    border: 10px solid red;
    margin: 0 -45px 0 -45px;
    padding: 0 35px 0 35px;
}
*/

#hack:before {
    left: -18px;
    top: -29px;
    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% );
}

#hack, #content>*, .outline-2>*, .outline-3>*, .outline-4>* { /* .outline-5>* {*/
    border-style: solid;
    border-width: 0 0 0 10px;

    margin: 0 0 -1px 20px;
    padding: 5px 10px 5px 35px;
}

.outline-2>* {
    margin: 0 0 0 20px;
}

.outline-2>*:nth-child(2), .outline-3>*:nth-child(2), .outline-4>*:nth-child(2) {
    position: relative;
    top: 10px;
}

#content>* {
   border-color: transparent transparent transparent red;
}

.outline-2>*  {
    border-color: transparent transparent transparent orange;
    z-index: 3
}

.outline-3>* {
    border-color: transparent transparent transparent #8ae234;
    z-index: 2
}

.outline-4>* {
    border-color: transparent transparent transparent #729fcf;
    z-index: 1
#    padding: 5px 10px 2px 35px;
}

.outline-5>* {
    border-color: transparent transparent transparent #75507b;
}

.outline-2 h2, .outline-3 h3 { /*, .outline-4 h4, .outline-5 h5 {*/
    border: none;
    position: relative;
    padding: 20px;
    margin: 20px 0 10px 45px;
}


#content {
    position: relative;
    background: white;
    overflow: visible;
    padding: 0 40px 0 0;
    width: 80%;
    border-color: transparent transparent transparent #ef2929;
    position: relative;
#    padding: 0 80px 0 80px;
    margin: 0 100px 0 100px;
    border-width: 0px;
    border-radius: 20px 0 0 20px;
}
.section-number-2, .section-number-3 {
    display: none;
}

#postamble {
    position: relative;
    top: -10px;
}
#postamble p, a {
#    float: right;
    margin: 10px;
    font-weight: bold;
    color: darkblue;
}

pre {
    border: solid #444 5px;
    border-radius: 10px;
    position: relative;
    padding: 5px;
    left: -50px;
    width: 555px;
    background: lightgrey;
    overflow: hidden;
}

pre:after {
    float: right;
    content: "▉";
    color: #444;
}