/* { border:1px dotted gray;} */

/* HTML BODY */

html {
    overflow: -moz-scrollbars-vertical;
}
body {
    width:780px;
    margin:20px auto;
    position:relative;
    padding:0;
    text-align:left;
    font-family:'Verdana','Arial',sans-serif;
    font-size:14px;
    color:#707070; /* gray */
    background-color:#fffffe;
}

/* DIVISIONS */

div {
    margin:0;
    padding:0;
}
div.header {
    /* flexible header */
    position:absolute;
    top:0;
    left:0;
    width:240px;
    height:240px;
}
div.bubbles {
    width:540px;
    margin:0 0 20px 240px;
    text-align:center;
}
div.content {
    width:500px;
    margin:0 0 0 240px;
    padding:20px;
    background-color:#f8f8ff;
}
div.byline {
    width:500px;
    margin:0 0 0 240px;
    padding:0 20px;
    color:#999; /* light gray */
    text-align:center;
    font-size:11px;
    line-height:15px;
}

/* special division: image */
div.image {
    clear:both;
}

/* HEADINGS */

h1,h2,h3,h4 {
    margin:0;
    padding:0;
    font-weight:normal;
    color:#505050;
    clear:both;
}
/* site heading */
h1 {
    font-size:30px;
    padding:5px 0;
    letter-spacing:4px;
    line-height:40px;
}
/* page heading */
h2 {
    font-size:24px;
    line-height:24px;
    margin:0 0 12px 0;
}
/* division heading */
h3 {
    font-size:18px;
    line-height:21px;
    margin:30px 0 12px 0;
    font-weight:bold;
    color:#a0c0f0;
}
/* section heading */
h4 {
    font-size:15px;
    line-height:18px;
    font-weight:bold;
    margin:15px 0 6px 0;
    color:#999;
}

/* PARAGRAPHS */

p {
    margin:0;
    line-height:21px;
    padding:6px 0;
}
/* clearing paragraph: required for short pages */
p.clear {
    height:80px;
    clear:both;
}

/* LINES */

span.title {
    font-weight:bold;
    color:#999; /* light gray */
}
span.description, span.occupation {
    font-size:14px;
}
span.datetime {
    font-size:14px;
}
span.annotation, span.subtitle {
    font-size:12px;
    color:#999; /* light gray */
}
span.author {
    font-size:12px;
    font-style:italic;
}

/* LISTS */

ul,ol,li {
    margin:0;
    padding:0;
}

/* vertical navigation */
ul.navigation {
    position:absolute;
    left:0;
    top:0;
    text-indent:0;
    text-align:left;
    font-weight:bold;
}
ul.navigation li {
    vertical-align:top;
    padding:5px;
}
ul.level1 {
    position:absolute;
    top:240px;
    left:20px;
    list-style-type:circle;
}
ul.level1 li {
    font-size:16px;
    line-height:20px;
    letter-spacing:1px;
}

/* vertical sub navigation */
ul.level2 {
    position:relative;
    margin-left:20px;
    list-style-type:circle;
}
ul.level2 li {
    font-size:13px;
    line-height:15px;
    letter-spacing:1px;
}

/* content lists */
div.content ul,ol {
    margin:0;
    padding:6px 0;
    text-indent:0;
}
div.content li {
    margin:0;
    padding:6px 0;
    line-height:21px;
}

/* content lists with floating first lines */
div.content ul.floating-first-lines {
    list-style-type:none;
}
div.content ul.floating-first-lines li {
}
div.content ul.floating-first-lines li div.first-item {
    position:absolute;
    margin-left:0;
}
div.content ul.floating-first-lines li div.following-items {
    margin-left:100px;
}

/* content lists with bullets */
div.content ul.bullets {
    list-style-type:disc;
}
div.content ul.bullets li {
    padding-left:15px;
    margin-left:15px;
}

/* content lists with paragraphs */
div.content ul.paragraphs {
    list-style-type:none;
}

/* LINKS */

a {
    text-decoration:none;
}
a:link, a:visited {
    color:#a0c0f0; /* light blue */
}
a:focus, a:hover, a:active {
    color:#f6c38a; /* orange */
}
ul.navigation li.active a {
    color:#00b0f0; /* blue */
}
div.content a.web {
    padding-left:20px;
    font-size:13px;
    background-image:url('fugue-icons/paper-plane.png');
    background-repeat:no-repeat;
}
div.content a.email {
    padding-left:20px;
    font-size:13px;
    background-image:url('fugue-icons/quill.png');
    background-repeat:no-repeat;
}
div.content a.file {
    padding-left:20px;
    font-size:13px;
    background-image:url('fugue-icons/document-pdf.png');
    background-repeat:no-repeat;
}

/* IMAGES */

img {
    float:none;
    margin:0;
    padding:0;
    border:0;
}
div.bubbles img {
    padding:0 12px;
}

/* content image */
div.content img {
    float:right;
    margin:0 0 10px 10px;
    padding:5px;
    border:1px solid #ccc;
    background-color:#fefeff;
}
div.content div.image img {
    float:left;
    margin:0 30px 30px 0;
    padding:5px;
    border:1px solid #ccc;
    background-color:#fefeff;
}
div.content img.float-right {
    float:right;
    margin:0 0 10px 10px;
}
div.content img.float-left {
    float:left;
    margin:0 10px 10px 0;
}
div.content img.float-none {
    float:none;
    margin:0px;
}
div.content img.border-none {
    border:none;
}