/*
 * nocomputer.org
 * creative commons - 2009
 * Rudy Godoy rudy@stone-head.org
*/

html, body, div, span,
p, blockquote, pre, code,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, legend, label, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
}

img {
    border: 0;
}

/* typography */

body {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size:   75%;
  font-weight: normal;
  line-height: 160%;
}

h1 {
    font-size: 2.5em;
    color: #B38184;
}

a {
    color: #73626E;
}
h3 {
    color: #413E4A;
}
/* */

/* layout */

html {
    background: #FFFFFF;
    color: #413E4A;
}

#around {
    margin: 0 auto;
    width: 900px;
    background-color: #F7E4BE;
}

#me, #you {
    min-height: 480px;
    padding-left: 10px;
}

#me {
    background-color: #F0B49E;
    width: 120px;
    float: left;
}

#you {
    width: 750px;
    float: left;
    border-left: dotted 1px;
    padding-left: 10px;
    color: #413E4A;
}

/* capture */

#capture {
    width: 400px;
    float: left;
}

#dedication, #pieces {
    width: 200px;
    float: right;
    margin-top: 100px;
}

#pieces {
    font-size: 2.2em;
}

#piece {
    width: 500px;
    margin: auto;
}

.to {
    font-size: 1.7em;
    font-style: italic;
}

.who {
}

.slogan {
    font-style: italic;
    font-size: 2.2em;
}

ul,li {
    margin: 5px;
}

.piecetext {
    margin-top: 5px;
    margin-bottom: 10px;
    font-family: Impact;
    font-style: italic;
}

.acttype {
    font-width: bold;
    font-size: 1.3em;
    float: right;
}